:root{--ink:#111214;--paper:#fff;--mist:#f5f5f6;--graphite:#66676c;--line:#e7e7ea;--indigo:#4d49fc;--indigo-wash:#f0efff;--mono:"DM Mono",monospace;--sans:"Inter",Arial,sans-serif;--content:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit}.wrap{width:min(var(--content),calc(100% - 96px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.9);backdrop-filter:blur(16px)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:9px;font-size:20px;font-weight:700;letter-spacing:-.055em}.brand-mark{width:27px;height:27px;display:grid;place-items:center;color:#fff}.brand-mark svg{width:100%;height:100%;fill:var(--ink)}.brand-mark svg path{fill:#fff}.nav-links{display:flex;gap:38px;margin-left:auto;margin-right:42px}.nav-links a,.footer-links a{font-size:14px;color:#3e3f43;transition:color .2s}.nav-links a:hover,.footer-links a:hover{color:var(--indigo)}.button{border:0;border-radius:50px;padding:12px 20px;display:inline-flex;justify-content:center;align-items:center;gap:9px;font-size:14px;line-height:1.25;font-weight:500;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--indigo);color:#fff;box-shadow:0 8px 18px rgba(77,73,252,.13)}.button-primary:hover{background:#3935ed;box-shadow:0 10px 22px rgba(77,73,252,.22)}.button-primary svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.button-dark{background:#111;color:white}.button-dark span{font-size:16px}.button-ghost{background:white;border:1px solid #d9d9de;color:var(--ink);border-radius:8px;padding:11px 16px}.button-ghost:hover{border-color:#a8a8af}.menu-toggle{display:none;border:0;background:none;width:40px;height:40px}.hero{min-height:670px;padding-top:100px;padding-bottom:80px;display:grid;grid-template-columns:.91fr 1.09fr;align-items:center;column-gap:48px;position:relative}.hero-copy{padding-bottom:16px;position:relative;z-index:2}.eyebrow{font:400 11px/1.5 var(--mono);letter-spacing:.13em;color:#68696f;margin:0 0 23px}.hero .eyebrow{display:flex;align-items:center;gap:8px;color:var(--graphite)}.eyebrow-dot{width:7px;height:7px;background:var(--indigo);border-radius:50%}.eyebrow-separator{color:#b4b4ba}.hero h1{font-size:clamp(52px,5.15vw,72px);font-weight:400;line-height:.99;letter-spacing:-.075em;margin:0;max-width:650px}.hero h1 span{font-weight:300;color:#68696f}.hero-description{font-size:17px;line-height:1.65;letter-spacing:-.012em;color:#58595e;max-width:465px;margin:25px 0 27px}.hero-actions{display:flex;gap:12px;align-items:center}.play-icon{font-size:10px;color:var(--indigo)}.fine-print{font:400 10px/1.5 var(--mono);letter-spacing:.055em;color:#898a90;margin:21px 0 0}.fine-print span{padding:0 5px;color:#b8b8bd}.hero-visual{height:466px;position:relative;display:flex;align-items:center;justify-content:center;perspective:1100px}.visual-orbit{position:absolute;border:1px solid #edecf4;border-radius:50%;transform:rotate(-19deg)}.orbit-one{width:620px;height:360px}.orbit-two{width:540px;height:310px;transform:rotate(21deg);border-color:#f2f1f8}.spreadsheet-window{width:min(100%,586px);height:339px;background:#fff;border:1px solid #dcdce2;border-radius:12px;overflow:hidden;position:relative;z-index:1;box-shadow:0 24px 70px rgba(0,0,0,.11);transform:rotateY(-5deg) rotateX(2deg)}.window-top{height:40px;background:#fafafa;border-bottom:1px solid #e9e9ec;display:flex;align-items:center;padding:0 15px;gap:12px;color:#797a80;font-size:11px}.traffic-lights{display:flex;gap:5px}.traffic-lights i{width:8px;height:8px;border-radius:50%;background:#d4d4d7}.traffic-lights i:first-child{background:#f5b8b4}.traffic-lights i:nth-child(2){background:#f4d893}.traffic-lights i:nth-child(3){background:#a9d9b2}.window-avatar{margin-left:auto;border-radius:50%;width:21px;height:21px;background:#eae9ff;color:var(--indigo);display:grid;place-items:center;font-size:10px}.sheet-toolbar{height:36px;display:flex;align-items:center;gap:25px;padding:0 18px;border-bottom:1px solid #ececef;color:#606168;font-size:10px}.sheet-toolbar .selected-tab{color:#111;font-weight:600;position:relative}.selected-tab:after{content:"";height:2px;background:var(--indigo);position:absolute;bottom:-11px;left:-7px;right:-7px}.sheet-icons{height:59px;padding:8px 17px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #ececef}.icon-cell{height:42px;width:63px;border-radius:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#777982;font-size:16px;position:relative}.icon-cell small{font-size:8px;color:#777982;margin-top:1px}.active-icon{background:var(--indigo-wash);color:var(--indigo);outline:1px solid #d2d0ff}.active-icon small{color:var(--indigo)}.sheet-grid{display:grid;grid-template-columns:27px 1.05fr .75fr .82fr .75fr .58fr;grid-template-rows:repeat(7,30px);font-size:9px;color:#54555c}.sheet-grid>div{padding:8px 6px;border-bottom:1px solid #ededf0;border-right:1px solid #ededf0;white-space:nowrap;overflow:hidden}.sheet-grid .grid-head{background:#fafafa;color:#85868c;text-align:center;padding:7px}.sheet-grid .row-head{background:#fafafa;color:#85868c;text-align:center}.target-ring{position:absolute;left:171px;top:93px;width:74px;height:50px;border:2px solid var(--indigo);border-radius:7px;box-shadow:0 0 0 5px rgba(77,73,252,.1);animation:ring-pulse 2.5s ease-in-out infinite}.cursor-pointer{position:absolute;left:237px;top:122px;width:24px;height:29px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.25));animation:cursor-nudge 3.2s ease-in-out infinite}.cursor-pointer svg{width:100%;height:100%}.blink-tip{position:absolute;left:206px;top:176px;background:#fff;border:1px solid #e1e1e7;border-radius:13px;padding:13px 15px;display:flex;align-items:center;gap:10px;width:333px;font-size:10px;line-height:1.5;color:#44454c;box-shadow:0 12px 32px rgba(0,0,0,.09);animation:tip-float 4s ease-in-out infinite}.tip-mark,.mini-eye{flex:none;width:29px;height:29px;color:#fff}.tip-mark svg,.mini-eye svg{width:100%;height:100%;fill:var(--indigo)}.blink-tip b{color:var(--indigo);font-weight:600}.tip-wave{height:20px;display:flex;align-items:center;gap:2px;margin-left:auto}.tip-wave i{width:2px;border-radius:2px;background:var(--indigo);height:6px;animation:wave 1s ease-in-out infinite}.tip-wave i:nth-child(2){height:13px;animation-delay:.15s}.tip-wave i:nth-child(3){height:9px;animation-delay:.3s}.floating-label{position:absolute;right:4px;top:54px;z-index:3;padding:9px 13px;background:#fff;border:1px solid var(--line);border-radius:50px;box-shadow:0 7px 20px rgba(0,0,0,.04);font-size:11px;color:#5b5c61;display:flex;align-items:center;gap:7px}.live-dot{width:6px;height:6px;border-radius:50%;background:#34b77a;box-shadow:0 0 0 3px #e3f5ec}.hero-caption{position:absolute;left:8px;bottom:12px;display:flex;gap:14px;color:#96979d;font:400 9px var(--mono);letter-spacing:.08em}.hero-caption span:first-child{color:var(--indigo)}.scroll-cue{position:absolute;bottom:23px;left:0;display:flex;align-items:center;gap:10px;font:400 9px var(--mono);letter-spacing:.1em;color:#85868b}.scroll-cue span{height:27px;width:16px;border:1px solid #c7c7cc;border-radius:10px;position:relative}.scroll-cue span:after{content:"";position:absolute;top:5px;left:6px;width:2px;height:5px;background:var(--indigo);border-radius:2px;animation:scroll 1.5s infinite}.section{padding-block:112px}.why-section{border-top:1px solid #f1f1f3;border-bottom:1px solid #f1f1f3}.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:110px}.why-grid .eyebrow,.section-heading .eyebrow,.mac-card .eyebrow,.safety-grid .eyebrow,.proof-section>.eyebrow{margin-bottom:25px}.why-grid h2,.section-heading h2,.mac-card h2,.safety-grid h2,.proof-content h2,.join-inner h2{font-size:clamp(40px,4.3vw,58px);font-weight:350;letter-spacing:-.065em;line-height:1.08;margin:0}.why-grid h2{max-width:510px}.light-text{color:#818187}.why-copy{padding-top:32px;color:#55565d;font-size:16px;line-height:1.7}.why-copy p{margin:0 0 20px}.why-copy .emphasis{font-weight:500;color:#191a1d}.first-day{padding-top:115px;padding-bottom:105px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:38px}.section-heading h2{font-size:46px}.section-intro{max-width:550px;color:#6a6b70;font-size:16px;margin:13px 0 0}.day-stamp{width:82px;height:82px;border:1px solid var(--line);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#929399;font:400 8px var(--mono);letter-spacing:.08em;line-height:1.2}.day-stamp strong{font:300 28px var(--sans);letter-spacing:-.06em;color:var(--indigo);margin:1px 0}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.story-card{border:1px solid #e8e8eb;border-radius:16px;padding:23px 22px 18px;display:flex;flex-direction:column;min-height:330px;background:#fff;transition:transform .25s,border-color .25s}.story-card:hover{transform:translateY(-4px);border-color:#d0cfff}.story-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f0f0f2;padding-bottom:15px}.story-time{font:400 10px var(--mono);color:#77787e;letter-spacing:.04em}.app-tag{font-size:12px;color:#55565c;display:flex;align-items:center;gap:7px}.app-dot{width:8px;height:8px;border-radius:2px;background:#35a66c}.app-dot.figma{background:#f26543}.app-dot.calendar{background:#5082eb;border-radius:50%}.story-body>p{font-size:14px;line-height:1.6;color:#5d5e63;margin:18px 0}.user-ask{align-self:flex-end;background:#f2f2f4;border-radius:8px;padding:9px 12px;font-size:12px;color:#33343a;max-width:94%;margin-left:auto}.blink-answer{display:flex;align-items:flex-start;gap:10px;margin-top:16px;padding:12px 12px 12px 0;border-top:1px solid #f1f1f3}.mini-eye{width:26px;height:26px}.mini-eye svg{fill:var(--indigo)}.blink-answer p{font-size:12px;line-height:1.55;color:#55565b;margin:2px 0 0}.card-index{border-top:1px solid #f1f1f3;padding-top:12px;margin-top:auto;font:400 9px var(--mono);color:var(--indigo);letter-spacing:.06em;display:flex;justify-content:space-between}.card-index span{color:#a0a1a6}.story-takeaway{font-size:21px;font-weight:400;letter-spacing:-.025em;line-height:1.45;max-width:880px;margin:40px 0 0;display:flex;gap:15px;align-items:flex-start}.takeaway-mark{color:var(--indigo);font-size:22px}.mac-section{padding-top:28px;padding-bottom:112px}.mac-card{position:relative;overflow:hidden;border:1px solid #ececf0;border-radius:16px;padding:60px 62px;display:grid;grid-template-columns:1.05fr .95fr;gap:65px;align-items:center;background:linear-gradient(118deg,#fbfbff 0%,#fff 60%)}.mac-card-left,.mac-card-right{position:relative;z-index:1}.mac-card h2{font-size:43px}.mac-card h2 span{color:var(--indigo)}.mac-card-right{max-width:440px;color:#5b5c62;font-size:14px;line-height:1.65}.mac-card-right p{margin:0 0 15px}.feature-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.feature-pills span{border:1px solid #e2e2e8;border-radius:50px;padding:7px 12px;font:400 10px var(--mono);letter-spacing:.01em;color:#515259}.mac-watermark{position:absolute;right:10px;bottom:-140px;font-weight:700;font-size:400px;letter-spacing:-.11em;color:rgba(77,73,252,.025);line-height:1;pointer-events:none}.safety-section{background:#fafaff;border-block:1px solid #efeff6}.safety-grid{display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:center}.safety-grid h2{font-size:58px}.safety-points{max-width:500px}.safety-point{display:grid;grid-template-columns:32px 1fr 30px;gap:10px;align-items:start;padding:20px 0;border-bottom:1px solid #e8e8f0}.check{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--indigo);color:#fff;font-size:12px}.safety-point p{margin:0;font-size:15px;color:#404147;line-height:1.5}.point-number{font:400 10px var(--mono);color:#a5a5ac;text-align:right;padding-top:5px}.text-link{border:0;background:none;padding:20px 0 0;color:var(--indigo);font-size:13px;cursor:pointer}.text-link span{margin-left:5px}.proof-section{padding-top:105px;padding-bottom:110px}.proof-section>.eyebrow{margin-bottom:27px}.proof-content{display:flex;align-items:flex-start;gap:27px;position:relative}.proof-quote{font-size:100px;line-height:.8;letter-spacing:-.1em;color:#d7d6ff;font-weight:300}.proof-content h2{font-size:42px}.proof-content p{font-size:15px;color:#6a6b70;margin:16px 0 0}.proof-spark{margin-left:auto;margin-right:20px;margin-top:20px;color:#c7c5ff;font-size:56px}.join-section{background:#f8f8ff;border-top:1px solid #f0efff;text-align:center;position:relative;overflow:hidden}.join-inner{min-height:510px;padding-top:84px;padding-bottom:77px;position:relative}.join-icon{width:42px;height:42px;margin:0 auto 18px;color:#fff}.join-icon svg{width:100%;height:100%;fill:var(--indigo)}.join-inner .eyebrow{margin-bottom:14px;color:var(--indigo)}.join-inner h2{font-size:64px;line-height:1.02}.join-copy{max-width:390px;color:#6a6b70;font-size:15px;margin:18px auto 26px}.waitlist-form{max-width:475px;margin:auto;display:flex;gap:9px}.waitlist-form input{min-width:0;flex:1;border:1px solid #dedee5;border-radius:50px;padding:13px 18px;background:#fff;font-size:13px;outline:none;transition:border .2s,box-shadow .2s}.waitlist-form input:focus{border-color:var(--indigo);box-shadow:0 0 0 3px rgba(77,73,252,.1)}.waitlist-form input::placeholder{color:#9a9ba1}.waitlist-form .button{white-space:nowrap}.join-inner>.fine-print{margin-top:17px}.form-message{min-height:20px;font-size:13px;color:#3935ed;margin:8px 0 0}.join-decoration{position:absolute;color:#e0dfff;font-size:104px;line-height:1;font-weight:300}.decoration-left{left:9%;top:37%;transform:rotate(-15deg)}.decoration-right{right:8%;top:24%;font-size:150px}.site-footer{border-top:1px solid #ededf0}.footer-inner{min-height:86px;display:flex;align-items:center;gap:25px}.footer-brand{font-size:17px}.footer-brand .brand-mark{width:23px;height:23px}.copyright,.built{font-size:11px;color:#7b7c82}.built{margin-inline:auto}.footer-links{display:flex;gap:21px}.footer-links a{font-size:11px;color:#74757b;text-decoration:underline;text-underline-offset:3px}.modal{width:min(510px,calc(100% - 36px));border:1px solid #e5e5eb;border-radius:16px;padding:38px;background:#fff;box-shadow:0 24px 70px rgba(0,0,0,.15);color:var(--ink)}.modal::backdrop{background:rgba(17,18,20,.35);backdrop-filter:blur(5px)}.modal-close{position:absolute;right:17px;top:13px;border:0;background:none;font-size:26px;color:#777;cursor:pointer}.modal .eyebrow{color:var(--indigo);margin-bottom:15px}.modal h2{font-size:32px;font-weight:400;letter-spacing:-.05em;margin:0 0 12px}.modal>p:not(.eyebrow){color:#64656b;font-size:15px;line-height:1.65}.modal-steps{display:grid;gap:10px;margin:22px 0 27px}.modal-steps span{font-size:13px;color:#515258;display:flex;gap:12px}.modal-steps b{font:400 10px var(--mono);color:var(--indigo);padding-top:3px}.modal-done{min-width:100px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes ring-pulse{0%,100%{box-shadow:0 0 0 4px rgba(77,73,252,.08);transform:scale(1)}50%{box-shadow:0 0 0 8px rgba(77,73,252,.03);transform:scale(1.04)}}@keyframes cursor-nudge{0%,22%,100%{transform:translate(0,0)}35%,60%{transform:translate(3px,3px)}48%{transform:translate(0,0)}}@keyframes tip-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes wave{0%,100%{transform:scaleY(.6)}50%{transform:scaleY(1.2)}}@keyframes scroll{0%{transform:translateY(0);opacity:1}100%{transform:translateY(9px);opacity:0}}@media(max-width:1000px){.wrap{width:min(var(--content),calc(100% - 56px))}.hero{column-gap:22px;grid-template-columns:.95fr 1.05fr}.hero h1{font-size:clamp(48px,6vw,64px)}.hero-visual{transform:scale(.91);transform-origin:center right}.why-grid,.safety-grid{gap:55px}.mac-card{padding:48px 40px;gap:35px}.mac-card h2{font-size:36px}.story-card{padding:20px 17px;min-height:350px}}@media(max-width:760px){.wrap{width:calc(100% - 40px)}.nav{height:68px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px}.menu-toggle span{height:1px;width:20px;background:#17181a}.nav-cta{margin-left:auto;margin-right:12px;padding:10px 15px;font-size:12px}.nav-links{display:none;position:absolute;top:68px;left:0;right:0;margin:0;padding:18px 22px 22px;background:white;border-bottom:1px solid var(--line);flex-direction:column;gap:17px}.nav-links.open{display:flex}.hero{padding-top:76px;padding-bottom:54px;grid-template-columns:1fr;min-height:0;gap:26px}.hero h1{font-size:clamp(49px,11vw,70px)}.hero-description{font-size:16px;max-width:540px}.hero-visual{height:330px;transform:none;width:100%;margin:0 auto}.spreadsheet-window{height:290px;transform:none}.sheet-icons{height:50px}.icon-cell{height:34px}.sheet-grid{grid-template-rows:repeat(7,25px);font-size:8px}.sheet-grid>div{padding:6px 4px}.target-ring{left:29%;top:82px;width:66px;height:43px}.cursor-pointer{left:43%;top:108px}.blink-tip{left:31%;top:153px;width:min(290px,65%);font-size:9px;padding:10px}.floating-label{top:5px;right:2px;font-size:10px}.orbit-one{width:115%;height:280px}.orbit-two{width:95%;height:245px}.hero-caption{bottom:-7px;left:0}.scroll-cue{display:none}.section{padding-block:80px}.why-grid,.safety-grid{grid-template-columns:1fr;gap:24px}.why-grid h2{font-size:45px}.why-copy{padding-top:0;font-size:15px}.section-heading{align-items:flex-start}.section-heading h2{font-size:39px}.section-intro{font-size:15px}.day-stamp{width:65px;height:65px;flex:none;margin-top:10px}.day-stamp strong{font-size:23px}.story-grid{grid-template-columns:1fr;gap:12px}.story-card{min-height:0;padding:20px}.story-body>p{margin:14px 0}.blink-answer{margin-top:12px}.card-index{margin-top:8px}.story-takeaway{font-size:18px;margin-top:28px}.mac-section{padding-top:4px;padding-bottom:80px}.mac-card{grid-template-columns:1fr;padding:38px 25px;gap:21px}.mac-card h2{font-size:36px}.mac-card-right{font-size:14px}.mac-watermark{font-size:280px;bottom:-100px}.safety-grid h2{font-size:48px}.proof-section{padding-block:78px}.proof-content{gap:12px}.proof-quote{font-size:70px}.proof-content h2{font-size:35px}.proof-spark{font-size:40px;margin-right:0}.join-inner{min-height:460px;padding-top:72px}.join-inner h2{font-size:54px}.join-decoration{font-size:64px;opacity:.7}.decoration-left{left:-2%;top:40%}.decoration-right{right:-8%;top:23%;font-size:110px}.waitlist-form{max-width:460px}.site-footer .footer-inner{min-height:0;padding-block:25px;display:grid;grid-template-columns:1fr 1fr;gap:15px}.footer-brand{grid-column:1}.copyright{grid-column:1}.built{grid-column:1/-1;grid-row:3;margin:0}.footer-links{grid-column:2;grid-row:1 / span 2;justify-content:flex-end;align-items:center;gap:14px}.modal{padding:30px 25px}}@media(max-width:430px){.hero{padding-top:60px}.hero h1{font-size:48px}.hero-visual{height:270px}.spreadsheet-window{height:265px}.sheet-toolbar{gap:16px;padding:0 12px}.sheet-icons{gap:3px;padding-inline:9px}.icon-cell{width:54px}.sheet-grid{grid-template-columns:23px 1.05fr .75fr .82fr .75fr .58fr;font-size:7px}.blink-tip{left:25%;top:142px;width:70%}.target-ring{left:27%;top:76px}.cursor-pointer{top:100px}.floating-label{transform:scale(.9);transform-origin:right top}.section-heading h2{font-size:34px}.day-stamp{width:56px;height:56px;font-size:7px}.day-stamp strong{font-size:20px}.mac-card h2{font-size:31px}.safety-grid h2{font-size:44px}.proof-content h2{font-size:30px}.proof-content p{font-size:14px}.waitlist-form{flex-direction:column}.waitlist-form input,.waitlist-form button{width:100%;min-height:47px}.join-copy{font-size:14px}.footer-links{gap:10px}.footer-links a{font-size:10px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

.demo-section{padding:76px 0 100px;border-bottom:1px solid #f1f1f3}
.demo-inner{display:grid;grid-template-columns:.72fr 1.28fr;align-items:center;gap:62px}
.demo-heading .eyebrow{color:var(--indigo);margin-bottom:16px}
.demo-heading h2{font-size:clamp(34px,3.6vw,48px);font-weight:350;letter-spacing:-.065em;line-height:1.08;margin:0}
.demo-heading>p:last-child{font-size:15px;line-height:1.6;color:#6a6b70;max-width:290px;margin:15px 0 0}
.demo-player{position:relative;overflow:hidden;border:1px solid #e7e7eb;border-radius:16px;background:#101116;box-shadow:0 24px 70px rgba(0,0,0,.1)}
.demo-player video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.demo-caption{position:absolute;top:14px;right:14px;display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.92);border:1px solid rgba(0,0,0,.06);border-radius:50px;padding:7px 11px;font:400 9px var(--mono);letter-spacing:.07em;color:#5c5d63}
.demo-caption .live-dot{width:6px;height:6px}
.brand-logo{width:32px;height:32px;display:block;flex:none;object-fit:cover;border-radius:8px}
.hero{isolation:isolate;background:#e3ecfa}
.hero-sky{position:absolute;z-index:0;top:0;bottom:0;left:50%;width:100vw;height:100%;transform:translateX(-50%);display:block;pointer-events:none;background:linear-gradient(180deg,#ccdafa,#f7faff)}
.hero-copy{z-index:2}
.hero-visual{z-index:1}
.scroll-cue{z-index:2}
.demo-player video{cursor:pointer}
.demo-player:focus-within{outline:2px solid var(--indigo);outline-offset:4px}
@media(max-width:760px){.demo-section{padding:64px 0 76px}.demo-inner{grid-template-columns:1fr;gap:24px}.demo-heading h2{font-size:40px}.demo-heading>p:last-child{max-width:420px}.demo-player{border-radius:12px}.demo-caption{top:9px;right:9px;font-size:8px;padding:6px 9px}}
@media(max-width:430px){.demo-section{padding:52px 0 65px}.demo-heading h2{font-size:36px}.demo-heading>p:last-child{font-size:14px}.demo-player{border-radius:10px}.demo-caption{display:none}}
.demo-player{z-index:0;transform:scale(1);transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s,border-color .28s}
.demo-player:hover,.demo-player:focus-within{z-index:5;transform:scale(1.035);box-shadow:0 30px 84px rgba(20,18,65,.2);border-color:#d2d0ff}
.sound-toggle{position:absolute;left:14px;bottom:52px;display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.28);border-radius:50px;padding:8px 12px;background:rgba(20,20,28,.82);color:#fff;font-size:12px;cursor:pointer;backdrop-filter:blur(10px);transition:background .2s,transform .2s}
.sound-toggle:hover{background:var(--indigo);transform:translateY(-1px)}
.sound-toggle[hidden]{display:none}
@media(max-width:760px){.demo-player:hover,.demo-player:focus-within{transform:scale(1.02)}.sound-toggle{left:10px;bottom:44px;font-size:11px;padding:7px 10px}}
@media(prefers-reduced-motion:reduce){.demo-player{transition:none}.demo-player:hover,.demo-player:focus-within{transform:none}}

/* Floating glass navigation inspired by the supplied reference */
.site-header{padding-top:14px;background:transparent;backdrop-filter:none}
.nav.wrap{width:min(1160px,calc(100% - 64px));height:76px;padding:9px 16px;position:relative;gap:18px;border:1px solid rgba(255,255,255,.28);border-radius:24px;background:rgba(43,56,94,.82);color:#fff;box-shadow:0 12px 34px rgba(24,35,72,.16);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.brand{width:48px;height:48px;flex:none;margin-right:auto}
.brand-logo{width:48px;height:48px;border-radius:11px}
.nav-links{flex:1;justify-content:center;gap:clamp(24px,5vw,70px);margin:0}
.nav-links a{color:rgba(255,255,255,.96);font-size:16px;font-weight:400}
.nav-links a:hover{color:#d8d6ff}
.nav-cta{min-height:52px;margin:0 8px 0 auto;padding:8px 12px 8px 21px;border:1px solid rgba(255,255,255,.15);border-radius:15px;background:#171820;color:#fff;font-size:16px;font-weight:400;gap:13px;box-shadow:0 7px 20px rgba(0,0,0,.16)}
.nav-cta:hover{background:#20212b}
.nav-cta span{width:27px;height:27px;border:1px solid rgba(255,255,255,.36);border-radius:50%;display:grid;place-items:center;font-size:14px;line-height:1;color:#fff}
.menu-toggle{flex:none;border-radius:11px;background:rgba(255,255,255,.1);color:white}
.menu-toggle span{background:#fff}
@media(max-width:760px){
  .site-header{padding-top:10px}
  .nav.wrap{width:calc(100% - 28px);height:68px;padding:7px 9px;border-radius:20px;gap:8px}
  .brand,.brand-logo{width:44px;height:44px}
  .brand-logo{border-radius:10px}
  .nav-cta{min-height:44px;margin-right:2px;padding:7px 8px 7px 14px;border-radius:13px;font-size:13px;gap:8px}
  .nav-cta span{width:23px;height:23px;font-size:12px}
  .menu-toggle{width:40px;height:40px;border:1px solid rgba(255,255,255,.15)}
  .nav-links{position:absolute;top:calc(100% + 8px);left:0;right:0;display:none;flex:none;padding:17px;border:1px solid rgba(255,255,255,.25);border-radius:18px;background:rgba(38,50,84,.96);box-shadow:0 16px 34px rgba(24,35,72,.18);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
  .nav-links.open{display:flex;flex-direction:column;gap:15px}
  .nav-links a{font-size:15px}
}
@media(max-width:360px){.nav-cta{font-size:12px;padding-left:10px}.nav.wrap{gap:5px}}

/* Let the animated sky sit behind the floating navigation glass */
.hero-sky{top:-104px;bottom:auto;height:calc(100% + 104px)}
.nav.wrap{background:rgba(64,80,125,.58);border-color:rgba(255,255,255,.42);box-shadow:inset 0 1px 0 rgba(255,255,255,.34),inset 0 -1px 0 rgba(255,255,255,.12),0 14px 38px rgba(24,35,72,.18);backdrop-filter:blur(26px) saturate(175%);-webkit-backdrop-filter:blur(26px) saturate(175%)}
@media(max-width:760px){.hero-sky{top:-88px;height:calc(100% + 88px)}.nav.wrap{background:rgba(64,80,125,.64)}}

/* Fabale-inspired centered hero composition, adapted for Blink */
.hero{min-height:0;padding-top:76px;padding-bottom:72px;display:flex;flex-direction:column;align-items:center;gap:0;text-align:center;overflow:hidden}
.hero-copy{width:min(850px,100%);padding:0;z-index:2}
.hero .eyebrow{justify-content:center;margin-bottom:20px}
.hero h1{max-width:none;font-size:clamp(48px,6.2vw,78px);line-height:1.02;letter-spacing:-.075em}
.hero-description{max-width:570px;margin:23px auto 25px;font-size:16px}
.hero-actions{justify-content:center}
.hero .fine-print{margin-top:17px}
.hero-product{width:min(1120px,100%);margin:52px auto 0;position:relative;isolation:isolate}
.hero-product-frame{position:relative;width:100%;border:1px solid rgba(31,34,45,.12);border-radius:24px;overflow:hidden;background:#171715;box-shadow:0 28px 80px rgba(35,50,95,.2);transform:perspective(1600px) rotateX(2deg);transform-origin:center top}
.hero-product-image{display:block;width:100%;height:auto}
.hero-cloud{position:absolute;z-index:2;width:clamp(150px,24vw,300px);height:auto;opacity:.9;filter:drop-shadow(0 14px 16px rgba(82,100,140,.09));pointer-events:none}
.hero-cloud-left{left:-10%;top:34%;transform:rotate(-12deg)}
.hero-cloud-right{right:-10%;top:7%;width:clamp(130px,19vw,235px);transform:scaleX(-1) rotate(9deg)}
.hero-image-caption{position:absolute;z-index:3;right:20px;bottom:20px;padding:10px 14px;border:1px solid rgba(255,255,255,.54);border-radius:999px;background:rgba(247,249,255,.78);color:#28304a;font-size:12px;display:flex;align-items:center;gap:8px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 8px 24px rgba(30,40,80,.12)}
.hero .scroll-cue{bottom:22px}
@media(max-width:760px){.hero{padding-top:54px;padding-bottom:56px}.hero h1{font-size:clamp(43px,10vw,64px)}.hero-description{font-size:15px;margin:18px auto 22px}.hero-product{width:calc(100% + 34px);margin-top:38px}.hero-product-frame{border-radius:16px;transform:none}.hero-cloud-left{left:-9%;top:34%;width:36vw}.hero-cloud-right{right:-7%;top:4%;width:28vw}.hero-image-caption{right:10px;bottom:10px;padding:7px 10px;font-size:10px}}
@media(max-width:430px){.hero{padding-top:42px}.hero h1{font-size:42px;letter-spacing:-.065em}.hero .hero-actions{gap:8px}.hero .hero-actions .button{padding-inline:14px;font-size:12px}.hero-product{width:calc(100% + 30px);margin-top:32px}.hero-image-caption{font-size:9px;right:7px;bottom:7px}.hero-cloud-left{left:-8%;top:39%}}

/* Ocean scene sits behind the transparent flower foreground. */
.hero-product{position:relative;isolation:isolate;width:100vw;height:clamp(430px,47vw,640px);margin:54px calc(50% - 50vw) 0;background:#16495b;overflow:hidden}
.hero-product-frame{position:absolute;z-index:1;left:12%;right:14%;top:0;height:73%;border:0;border-radius:18px 18px 0 0;overflow:hidden;background:#2374a3;box-shadow:0 24px 70px rgba(8,36,53,.18);transform:none}
.hero-product-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center 48%}
.hero-flowers{position:absolute;z-index:3;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none}
.hero-product::after{content:"";position:absolute;z-index:2;inset:40% 0 0;background:linear-gradient(180deg,transparent 0%,rgba(0,23,34,.08) 45%,rgba(0,23,34,.72) 100%);pointer-events:none;mix-blend-mode:multiply}
@media(max-width:760px){.hero-product{height:clamp(340px,86vw,470px);margin-top:38px}.hero-product-frame{left:7%;right:7%;height:68%;border-radius:15px 15px 0 0}.hero-product-image{object-position:center center}.hero-flowers{object-fit:fill}}
@media(max-width:430px){.hero-product{height:340px;margin-top:32px}.hero-product-frame{left:5%;right:5%;height:65%}}

/* Dark, cloud framed hero from the supplied recording */
.site-header{position:absolute;inset:0 0 auto;z-index:30;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
.hero{padding-top:158px;padding-bottom:0;min-height:0;overflow:visible;isolation:isolate;color:#f7f6ef}
.hero::before{content:"";position:absolute;z-index:-1;top:-158px;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background:linear-gradient(180deg,#173d4d 0%,#214c5c 48%,#173c4c 100%)}
.hero-sky{display:none}
.hero-copy{width:min(900px,100%);padding:0;z-index:5;text-align:center}
.hero-copy .eyebrow,.hero-copy .fine-print{display:none}
.hero h1{max-width:900px;margin:0 auto;font-family:"Instrument Serif",Georgia,serif;font-size:clamp(48px,6.5vw,86px);font-weight:400;line-height:.98;letter-spacing:-.035em;color:#fbf9f3}
.hero h1 span{font-weight:400;color:#fbf9f3}
.hero-description{max-width:520px;margin:20px auto 24px;color:rgba(245,249,249,.78);font-size:16px;line-height:1.55}
.hero-actions{justify-content:center;gap:12px}
.hero-actions .button{border-radius:999px;padding:12px 21px;min-height:45px;font-size:13px}
.hero-actions .button-primary{background:#f3f4f0;color:#152b34;box-shadow:0 4px 14px rgba(0,0,0,.12)}
.hero-actions .button-primary:hover{background:#fff}
.hero-actions .button-ghost{background:rgba(176,212,228,.34);border-color:rgba(221,241,247,.18);color:#f4f7f6}
.hero-actions .button-ghost:hover{background:rgba(190,224,238,.46)}
.hero-actions .play-icon{color:inherit}
.hero-product{position:relative;isolation:isolate;width:100vw;height:clamp(500px,53vw,720px);margin:0 calc(50% - 50vw) 0;background:transparent;overflow:hidden}
.hero-product-frame{position:absolute;z-index:2;left:50%;top:9%;width:min(82vw,1160px);height:auto;aspect-ratio:16/9;transform:translateX(-50%);border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#111317;overflow:hidden;box-shadow:0 28px 80px rgba(3,16,24,.3)}
.hero-product-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center 32%}
.hero-product::after{content:"";position:absolute;z-index:3;inset:43% 0 0;background:linear-gradient(180deg,transparent 0%,rgba(4,24,32,.12) 42%,rgba(2,19,27,.86) 100%);pointer-events:none}
.hero-cloud{position:absolute;z-index:1;width:clamp(190px,30vw,390px);height:auto;opacity:.93;filter:drop-shadow(0 12px 18px rgba(4,25,37,.12));pointer-events:none}
.hero-cloud-left{left:-5%;top:-4%;transform:rotate(-9deg)}
.hero-cloud-right{right:-5%;top:-2%;transform:scaleX(-1) rotate(8deg)}
.hero-cloud-low{right:-6%;top:38%;width:clamp(220px,32vw,410px);transform:scaleX(-1) rotate(-5deg)}
.hero-flowers{position:absolute;z-index:4;left:0;right:0;bottom:0;width:100%;height:57%;object-fit:fill;pointer-events:none}
.hero .scroll-cue{z-index:6;bottom:15px;color:rgba(246,250,249,.65)}
.hero .scroll-cue span{border-color:rgba(246,250,249,.65)}
@media(max-width:900px){.hero{padding-top:144px}.hero::before{top:-144px}.hero-product{height:clamp(440px,72vw,610px)}.hero-product-frame{width:88vw;top:12%}.hero-flowers{height:61%}.hero-cloud-left{left:-10%;top:1%;width:34vw}.hero-cloud-right{right:-10%;top:0;width:34vw}.hero-cloud-low{top:39%;right:-12%;width:40vw}}
@media(max-width:760px){.site-header{position:absolute}.hero{padding-top:132px}.hero::before{top:-132px}.hero h1{font-size:clamp(42px,9.2vw,66px);line-height:1.02}.hero-description{font-size:15px;max-width:440px;margin:17px auto 21px}.hero-product{height:clamp(400px,95vw,510px);margin-top:5px}.hero-product-frame{width:92vw;top:15%;border-radius:14px;aspect-ratio:1.22;overflow:hidden}.hero-product-image{object-position:center center}.hero-flowers{width:145%;height:auto;max-width:none;left:-22.5%;right:auto;bottom:0}.hero-cloud-left{left:-19%;top:3%;width:45vw}.hero-cloud-right{right:-20%;top:2%;width:45vw}.hero-cloud-low{right:-18%;top:42%;width:50vw}.hero .scroll-cue{display:none}}
@media(max-width:430px){.hero{padding-top:118px}.hero::before{top:-118px}.hero h1{font-size:43px;letter-spacing:-.045em}.hero-description{font-size:14px;max-width:330px}.hero-actions{gap:8px}.hero-actions .button{padding:11px 15px;font-size:12px}.hero-product{height:390px}.hero-product-frame{width:94vw;top:16%;aspect-ratio:1.08;border-radius:12px}.hero-flowers{width:165%;left:-32.5%}.hero-cloud-left{width:52vw;left:-24%;top:3%}.hero-cloud-right{width:52vw;right:-25%;top:4%}.hero-cloud-low{width:60vw;right:-27%;top:43%}}
.hero{background:transparent}
.hero .scroll-cue{display:none}
/* Keep the flower bank anchored to the bottom of the hero scene. */
.hero-flowers{top:auto;bottom:0;height:43%;z-index:5}
@media(max-width:900px){.hero-flowers{height:45%}}
@media(max-width:760px){.hero-flowers{width:135%;height:auto;left:-17.5%;bottom:0}}
@media(max-width:430px){.hero-flowers{width:130%;left:-15%;bottom:0}}
/* Tighten desktop navigation spacing. */
.nav-links{gap:clamp(18px,3vw,42px)}
.hero-product-frame{position:absolute}
.hero-product-video{background:#111317}
.hero-sound-toggle{position:absolute;z-index:10;top:14px;right:14px;display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.32);border-radius:999px;padding:8px 12px;background:rgba(12,29,38,.74);color:#fff;font-size:12px;line-height:1;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);cursor:pointer}
.hero-sound-toggle[hidden]{display:none}
@media(max-width:760px){.nav-links{gap:15px}.hero-sound-toggle{top:9px;right:9px;padding:7px 10px;font-size:11px}}

/* Gentle, independent cloud drift across the hero sky. */
.hero-cloud-left{animation:hero-cloud-drift-left 30s ease-in-out infinite alternate}
.hero-cloud-right{animation:hero-cloud-drift-right 36s ease-in-out infinite alternate}
.hero-cloud-low{animation:hero-cloud-drift-low 42s ease-in-out infinite alternate}
@keyframes hero-cloud-drift-left{from{translate:0 0}to{translate:clamp(12px,3vw,42px) -8px}}
@keyframes hero-cloud-drift-right{from{translate:0 0}to{translate:clamp(-38px,-2.5vw,-12px) 10px}}
@keyframes hero-cloud-drift-low{from{translate:0 0}to{translate:clamp(-28px,-2vw,-10px) -7px}}
@media(prefers-reduced-motion:reduce){.hero-cloud-left,.hero-cloud-right,.hero-cloud-low{animation:none;translate:none}}

/* Playful motion for the three day-in-the-life story cards. */
.story-card{position:relative;isolation:isolate;overflow:hidden;animation:story-card-arrive .75s cubic-bezier(.2,.75,.25,1) both,story-card-bob 6s ease-in-out 1s infinite}
.story-card:nth-child(2){animation-delay:.12s,1.45s}
.story-card:nth-child(3){animation-delay:.24s,1.9s}
.story-card::before{content:"";position:absolute;z-index:-1;inset:0 auto 0 -65%;width:42%;background:linear-gradient(100deg,transparent,rgba(113,107,255,.07),transparent);transform:skewX(-16deg);transition:left .75s ease}
.story-card:hover{transform:translateY(-8px) rotate(-.35deg);border-color:#c9c6ff;box-shadow:0 18px 42px rgba(67,61,180,.1)}
.story-card:nth-child(2):hover{transform:translateY(-8px) rotate(.35deg)}
.story-card:hover::before{left:125%}
.story-card .mini-eye{transition:transform .35s cubic-bezier(.2,.8,.2,1);transform-origin:center}
.story-card:hover .mini-eye{transform:rotate(-12deg) scale(1.13)}
.story-card .app-dot{animation:story-app-pop 2.8s ease-in-out infinite}
.story-card:nth-child(2) .app-dot{animation-delay:.4s}
.story-card:nth-child(3) .app-dot{animation-delay:.8s}
@keyframes story-card-arrive{from{opacity:0;translate:0 22px;scale:.98}to{opacity:1;translate:0 0;scale:1}}
@keyframes story-card-bob{0%,100%{translate:0 0}50%{translate:0 -4px}}
@keyframes story-app-pop{0%,82%,100%{scale:1}90%{scale:1.45}}
@media(prefers-reduced-motion:reduce){.story-card,.story-card .app-dot{animation:none}.story-card::before{display:none}.story-card:hover,.story-card:nth-child(2):hover{transform:none}}

/* Let the hero flower meadow sway softly in a passing breeze. */
.hero-flowers{transform-origin:50% 100%;animation:flower-breeze 8s ease-in-out infinite alternate}
@keyframes flower-breeze{0%{transform:rotate(-.35deg) translateX(-3px)}50%{transform:rotate(.2deg) translateX(2px)}100%{transform:rotate(.45deg) translateX(4px)}}
@media(prefers-reduced-motion:reduce){.hero-flowers{animation:none;transform:none}}

/* Floating tool-logo showcase, following the first-day story. */
.tool-showcase{position:relative;overflow:hidden;background:#050505;color:#f7f5f1}
.tool-showcase-inner{position:relative;isolation:isolate;width:min(1440px,100%);height:760px;margin-inline:auto;display:grid;place-items:center;padding:40px 24px}
.tool-showcase-copy{position:relative;z-index:2;width:min(620px,100%);padding:34px 28px;text-align:center}
.tool-showcase-label{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border:1px solid rgba(255,255,255,.1);border-radius:99px;background:rgba(255,255,255,.055);color:#d6d4d4;font-size:13px;line-height:1;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.tool-showcase-copy h2{margin:28px 0 22px;font-family:"Instrument Serif",Georgia,serif;font-size:clamp(52px,6.3vw,82px);font-weight:400;line-height:.98;letter-spacing:-.035em;color:#f6f3ed}
.tool-showcase-copy p{max-width:500px;margin:0 auto;color:rgba(241,239,235,.58);font-size:16px;line-height:1.65}
.tool-name-list{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:24px auto 0;padding:0;list-style:none}
.tool-name-list li{padding:6px 10px;border:1px solid rgba(255,255,255,.1);border-radius:99px;color:rgba(255,255,255,.5);font:400 9px var(--mono);letter-spacing:.05em;text-transform:uppercase}
.tool-logo-cloud{position:absolute;z-index:1;inset:0;pointer-events:none}
.tool-tile{position:absolute;left:var(--x);top:var(--y);display:grid;place-items:center;width:clamp(52px,6vw,78px);aspect-ratio:1;border:1px solid rgba(255,255,255,.045);border-radius:19px;background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.035));box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 18px 42px rgba(0,0,0,.22);transform:translate(-50%,-50%) rotate(var(--r));animation:tool-tile-drift 8s ease-in-out var(--delay) infinite alternate}
.tool-tile img{display:block;width:34%;height:34%;object-fit:contain;opacity:.55;filter:grayscale(1) brightness(1.45)}
.tool-tile:nth-child(2n){width:clamp(46px,5.3vw,68px);border-radius:17px}
.tool-tile:nth-child(3n) img{opacity:.38}
@keyframes tool-tile-drift{from{translate:0 -8px;rotate:-2deg}to{translate:0 10px;rotate:2deg}}
@media(max-width:760px){.tool-showcase-inner{height:650px;padding:34px 20px}.tool-showcase-copy{padding:28px 12px}.tool-showcase-copy h2{font-size:clamp(48px,11vw,68px);margin:23px 0 17px}.tool-showcase-copy p{font-size:14px}.tool-tile{width:56px;border-radius:15px}.tool-tile:nth-child(2n){width:46px;border-radius:14px}.tool-name-list{max-width:350px;gap:6px;margin-top:20px}.tool-name-list li{font-size:8px;padding:6px 8px}}
@media(max-width:480px){.tool-showcase-inner{height:620px}.tool-showcase-copy h2{font-size:48px}.tool-showcase-copy p{max-width:310px}.tool-tile{width:45px;border-radius:13px}.tool-tile:nth-child(2n){width:39px;border-radius:12px}.tool-tile:nth-child(1){left:8%;top:17%}.tool-tile:nth-child(2){left:32%;top:8%}.tool-tile:nth-child(3){left:72%;top:9%}.tool-tile:nth-child(4){left:92%;top:32%}.tool-tile:nth-child(5){left:9%;top:50%}.tool-tile:nth-child(6){left:92%;top:58%}.tool-tile:nth-child(7){left:9%;top:81%}.tool-tile:nth-child(8){left:35%;top:91%}.tool-tile:nth-child(9){left:74%;top:91%}.tool-tile:nth-child(10){left:92%;top:80%}.tool-tile:nth-child(n+11){display:none}}
@media(prefers-reduced-motion:reduce){.tool-tile{animation:none;transform:translate(-50%,-50%) rotate(var(--r))}}

/* Match the reference's slow, roaming app-logo background. */
.tool-tile{animation-name:tool-tile-sail;animation-duration:19s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}
.tool-tile:nth-child(3n){animation-duration:24s}
.tool-tile:nth-child(3n + 1){animation-duration:16s}
@keyframes tool-tile-sail{
  0%{translate:-14px 18px;rotate:-5deg}
  25%{translate:12px -20px;rotate:3deg}
  50%{translate:34px -4px;rotate:7deg}
  75%{translate:8px 25px;rotate:-1deg}
  100%{translate:-22px 12px;rotate:-6deg}
}
@media(max-width:760px){@keyframes tool-tile-sail{0%{translate:-8px 10px;rotate:-4deg}50%{translate:14px -13px;rotate:5deg}100%{translate:-10px 14px;rotate:-4deg}}}
@media(prefers-reduced-motion:reduce){.tool-tile{animation:none;translate:0 0;rotate:0deg;transform:translate(-50%,-50%) rotate(var(--r))}}

/* Karan's day: a cinematic flower meadow behind dark glass story cards. */
.first-day{position:relative;isolation:isolate;overflow:hidden;padding-block:clamp(76px,9vw,118px);background:#09212a;color:#f7f7f5}
.first-day::before,.first-day::after{content:"";position:absolute;inset:-5%;pointer-events:none}
.first-day::before{z-index:-2;background:url("assets/karan-meadow-bg.png") center 58%/cover no-repeat;transform:scale(1.06);animation:karan-meadow-drift 32s ease-in-out infinite alternate}
.first-day::after{z-index:-1;background:linear-gradient(90deg,rgba(3,18,25,.42),rgba(3,18,25,.18) 50%,rgba(3,18,25,.38)),linear-gradient(180deg,rgba(3,14,20,.12),rgba(3,14,20,.32))}
.first-day-inner{position:relative;z-index:1}
.first-day .section-heading .eyebrow{color:rgba(255,255,255,.67)}
.first-day .section-heading h2{color:#fff}
.first-day .section-intro{color:rgba(255,255,255,.72)}
.first-day .day-stamp{border-color:rgba(255,255,255,.24);background:rgba(12,24,30,.22);color:rgba(255,255,255,.66);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.first-day .day-stamp strong{color:#fff}
.first-day .story-card{border-color:rgba(210,219,255,.38);background:linear-gradient(145deg,rgba(13,25,31,.78),rgba(15,23,27,.68));box-shadow:0 24px 55px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.09);backdrop-filter:blur(18px) saturate(125%);-webkit-backdrop-filter:blur(18px) saturate(125%)}
.first-day .story-card:hover{border-color:rgba(213,216,255,.72);box-shadow:0 28px 60px rgba(0,0,0,.3),0 0 24px rgba(174,145,255,.12),inset 0 1px 0 rgba(255,255,255,.13)}
.first-day .story-top,.first-day .blink-answer,.first-day .card-index{border-color:rgba(255,255,255,.16)}
.first-day .story-time,.first-day .app-tag{color:rgba(255,255,255,.76)}
.first-day .story-body>p,.first-day .blink-answer p{color:rgba(255,255,255,.84)}
.first-day .user-ask{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.08);color:#f4f3f2}
.first-day .card-index{color:#aaa4ff}
.first-day .card-index span{color:rgba(255,255,255,.58)}
.first-day .story-takeaway{color:#fff}
.first-day .takeaway-mark{color:#c4baff}
@keyframes karan-meadow-drift{0%{transform:scale(1.06) translate3d(-.7%,0,0)}100%{transform:scale(1.11) translate3d(.7%,-.4%,0)}}
@media(max-width:760px){.first-day{padding-block:72px}.first-day::before{background-position:50% center}.first-day .section-heading h2{color:#fff}.first-day .story-card{backdrop-filter:blur(15px) saturate(120%);-webkit-backdrop-filter:blur(15px) saturate(120%)}}
@media(prefers-reduced-motion:reduce){.first-day::before{animation:none;transform:scale(1.06)}}

/* Product feature showcase, styled after the supplied dark tabbed reference. */
.blink-features{padding:108px 0 96px;background:#050505;color:#f7f5f1}
.blink-features-inner{max-width:1440px}
.features-heading{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:end;margin-bottom:72px}
.features-kicker{display:inline-flex;padding:9px 16px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#111;color:rgba(255,255,255,.76);font-size:13px}
.features-heading-title h2{margin:35px 0 0;font-family:"Instrument Serif",Georgia,serif;font-size:clamp(50px,6vw,82px);font-weight:400;line-height:.98;letter-spacing:-.035em;color:#f6f3ed}
.features-heading>p{max-width:490px;margin:0 0 6px auto;color:rgba(255,255,255,.58);font-size:16px;line-height:1.65;text-align:right}
.feature-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:7px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:#151515;margin-bottom:27px}
.feature-tab{min-height:60px;padding:12px 18px;border:0;border-radius:999px;background:transparent;color:rgba(255,255,255,.53);font:400 17px var(--sans);cursor:pointer;transition:color .25s,background .25s,transform .25s}
.feature-tab:hover{color:#fff}
.feature-tab:focus-visible{outline:2px solid #aaa2ff;outline-offset:2px}
.feature-tab.is-active{background:#f5f4f2;color:#111;box-shadow:0 2px 10px rgba(255,255,255,.12)}
.feature-panels{border:1px solid rgba(255,255,255,.085);border-radius:24px;background:#141414;overflow:hidden;box-shadow:0 28px 70px rgba(0,0,0,.24)}
.feature-panel{min-height:560px;display:grid;grid-template-columns:.78fr 1.22fr;gap:42px;padding:12px;animation:feature-panel-arrive .42s ease both}
.feature-panel[hidden]{display:none}
.feature-panel-copy{align-self:center;padding:48px 0 48px 34px}
.feature-index{display:block;margin-bottom:25px;color:#aaa2ff;font:400 10px var(--mono);letter-spacing:.1em}
.feature-panel-copy h3{margin:0 0 24px;font-family:"Instrument Serif",Georgia,serif;font-size:clamp(42px,4.2vw,66px);font-weight:400;line-height:.98;letter-spacing:-.035em;color:#f5f2ec}
.feature-panel-copy p{max-width:390px;margin:0;color:rgba(255,255,255,.63);font-size:15px;line-height:1.75}
.feature-art{position:relative;min-height:536px;display:grid;place-items:center;overflow:hidden;border-radius:15px;background:linear-gradient(rgba(3,15,20,.18),rgba(2,12,17,.34)),url("assets/karan-meadow-bg.png") center/cover no-repeat}
.feature-art::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 20%,rgba(0,0,0,.26) 100%);pointer-events:none}
.mock-window,.annotated-screen,.agent-card{position:relative;width:min(88%,670px);border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(14,17,19,.92);box-shadow:0 28px 80px rgba(0,0,0,.4);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);overflow:hidden}
.mock-window-bar{height:45px;display:flex;align-items:center;gap:15px;padding:0 17px;border-bottom:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.65);font:400 10px var(--mono)}
.mock-lights{display:flex;gap:5px}.mock-lights i{width:7px;height:7px;border-radius:50%;background:#45484b}.mock-lights i:first-child{background:#fa7268}.mock-lights i:nth-child(2){background:#ecc45a}.mock-lights i:nth-child(3){background:#55c585}.mock-live{margin-left:auto;color:#75d7a5;font-size:9px}
.mock-code{padding:20px 20px 12px;font:400 11px/2 var(--mono);color:#dedfe1}.mock-code>div{display:flex;gap:18px}.mock-code b{width:16px;color:#686c71;text-align:right;font-weight:400}.mock-code code{white-space:nowrap}.mock-code em{color:#c3a2ff;font-style:normal}.mock-code .code-highlight code{color:#9ee7b4}
.mock-suggestion{margin:0 17px 17px;padding:14px 15px;border:1px solid rgba(166,157,255,.25);border-radius:11px;background:rgba(85,74,170,.13);color:rgba(255,255,255,.75);font-size:10px}.mock-suggestion>span:first-child{color:#bcb5ff;font:400 9px var(--mono);letter-spacing:.04em}.mock-suggestion p{margin:8px 0;color:#f4f2f7;font-size:12px}.mock-diff{display:block;padding:7px 9px;border-radius:6px;background:rgba(101,202,137,.1);color:#9de4b4;font:400 9px var(--mono)}.mock-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.mock-actions span{padding:7px 10px;border:1px solid rgba(255,255,255,.12);border-radius:99px}.mock-actions span:last-child{background:#eae8ff;color:#161521;border-color:#eae8ff}
.annotation-topbar{height:43px;display:flex;justify-content:space-between;align-items:center;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.09);color:rgba(255,255,255,.66);font-size:10px}.annotation-canvas{position:relative;height:310px;margin:18px;border-radius:10px;background:linear-gradient(130deg,#243744,#35454b 48%,#253239);overflow:hidden}.annotation-canvas::before,.annotation-canvas::after{content:"";position:absolute;border-radius:8px;background:rgba(255,255,255,.075)}.annotation-canvas::before{left:10%;top:15%;width:42%;height:62%}.annotation-canvas::after{right:10%;top:17%;width:30%;height:18%;box-shadow:0 58px 0 rgba(255,255,255,.06),0 112px 0 rgba(255,255,255,.06)}.annotation-shape{position:absolute;z-index:1;left:15%;top:25%;width:32%;height:10%;border-radius:5px;background:rgba(255,255,255,.48)}.shape-two{top:42%;width:25%;height:5%;background:rgba(255,255,255,.2)}.annotation-target{position:absolute;z-index:2;left:33%;top:37%;width:74px;height:65px;border:2px solid #a89eff;border-radius:10px;box-shadow:0 0 0 6px rgba(168,158,255,.15);animation:annotation-pulse 2.7s ease-in-out infinite}.annotation-target span{position:absolute;inset:18px;border:1px solid rgba(255,255,255,.6);border-radius:50%}.annotation-note{position:absolute;z-index:3;left:48%;top:51%;display:grid;gap:5px;padding:12px 14px;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:rgba(13,17,20,.91);box-shadow:0 12px 28px rgba(0,0,0,.25);color:#fff;font-size:10px}.annotation-note small{color:rgba(255,255,255,.55);font-size:9px}.annotation-pin{color:#b9afff;font-size:16px}.annotation-cursor{position:absolute;z-index:4;left:43%;top:43%;color:white;font-size:28px;filter:drop-shadow(0 2px 5px #000);animation:annotation-cursor 3s ease-in-out infinite}
.feature-art-connectors{background-color:#09131a}.connector-center{position:relative;z-index:1;display:grid;place-items:center;gap:9px;width:110px;height:110px;border:1px solid rgba(255,255,255,.2);border-radius:30px;background:rgba(14,18,22,.96);box-shadow:0 0 60px rgba(131,118,255,.22)}.connector-center img{width:42px;height:42px;object-fit:contain}.connector-center span{color:rgba(255,255,255,.5);font:400 7px var(--mono);letter-spacing:.08em}.connector-orbit{position:absolute;width:330px;height:170px;border:1px solid rgba(255,255,255,.1);border-radius:50%;transform:rotate(-24deg)}.orbit-b{width:450px;height:265px;transform:rotate(28deg);border-color:rgba(255,255,255,.07)}.connector-app{position:absolute;z-index:1;display:grid;place-items:center;width:56px;height:56px;border:1px solid rgba(255,255,255,.1);border-radius:17px;background:rgba(23,27,30,.9);box-shadow:0 16px 40px rgba(0,0,0,.35);animation:connector-float 5s ease-in-out infinite alternate}.connector-app img{width:25px;height:25px;object-fit:contain;opacity:.8}.app-gmail{left:26%;top:22%;animation-delay:-2s}.app-notion{right:25%;top:20%;animation-delay:-1s}.app-slack{left:18%;top:49%;animation-delay:-3s}.app-cursor{right:17%;top:48%;animation-delay:-.5s}.app-photoshop{left:29%;bottom:19%;animation-delay:-1.5s}.app-fl{right:28%;bottom:18%;animation-delay:-2.5s}.app-fl img{width:30px;height:30px}
.agent-card{width:min(88%,640px);padding:20px 22px}.agent-card-heading{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1);color:#fff}.agent-avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:#7066fa;color:white}.agent-card-heading strong,.agent-card-heading small,.agent-step strong,.agent-step small{display:block}.agent-card-heading strong,.agent-step strong{font-size:11px;font-weight:500}.agent-card-heading small,.agent-step small{margin-top:4px;color:rgba(255,255,255,.48);font-size:9px}.agent-pulse{width:8px;height:8px;margin-left:auto;border-radius:50%;background:#55d695;box-shadow:0 0 0 5px rgba(85,214,149,.12);animation:agent-pulse 2s ease-in-out infinite}.agent-request{margin:16px 0 18px;padding:12px 14px;border-radius:9px;background:rgba(255,255,255,.055);color:rgba(255,255,255,.75);font-size:11px}.agent-step{display:flex;align-items:center;gap:12px;padding:13px 4px;border-bottom:1px solid rgba(255,255,255,.075);color:#eee}.agent-step>span:first-child{width:24px;height:24px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.15);border-radius:50%;color:#8be4b0;font-size:11px}.agent-step.current>span:first-child{border-color:#aaa2ff}.agent-spinner{width:12px!important;height:12px!important;margin:6px;border:2px solid rgba(170,162,255,.25)!important;border-top-color:#aaa2ff!important;animation:agent-spin 1.2s linear infinite}.agent-footer{display:flex;justify-content:space-between;padding-top:17px;color:rgba(255,255,255,.5);font-size:9px}.agent-footer span:last-child{color:#c3bcff}
.features-closing{display:flex;align-items:flex-start;gap:15px;margin:45px 0 0;padding:28px 0 0;border-top:1px solid rgba(255,255,255,.1)}.closing-spark{color:#aaa2ff;font-size:21px}.features-closing h3{margin:0;color:#f2f0eb;font:400 23px/1.3 var(--sans);letter-spacing:-.03em}.features-closing p{margin:7px 0 0;color:rgba(255,255,255,.55);font-size:14px}
@keyframes feature-panel-arrive{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
@keyframes annotation-pulse{0%,100%{box-shadow:0 0 0 4px rgba(168,158,255,.12);scale:1}50%{box-shadow:0 0 0 11px rgba(168,158,255,.035);scale:1.05}}
@keyframes annotation-cursor{0%,100%{translate:0 0}50%{translate:8px -6px}}
@keyframes connector-float{from{translate:0 5px;rotate:-4deg}to{translate:0 -10px;rotate:4deg}}
@keyframes agent-pulse{0%,100%{box-shadow:0 0 0 4px rgba(85,214,149,.1)}50%{box-shadow:0 0 0 8px rgba(85,214,149,.025)}}
@keyframes agent-spin{to{rotate:360deg}}
@media(max-width:900px){.blink-features{padding:84px 0}.features-heading{grid-template-columns:1fr;gap:22px;margin-bottom:42px}.features-heading>p{margin:0;text-align:left;max-width:620px}.feature-panel{grid-template-columns:.9fr 1.1fr;gap:20px;min-height:450px}.feature-panel-copy{padding:35px 0 35px 20px}.feature-art{min-height:430px}.annotation-canvas{height:255px}}
@media(max-width:650px){.blink-features{padding:68px 0}.features-heading{margin-bottom:32px}.features-heading-title h2{margin-top:25px;font-size:54px}.features-heading>p{font-size:14px}.feature-tabs{grid-template-columns:repeat(2,1fr);border-radius:22px;padding:5px}.feature-tab{min-height:48px;font-size:14px}.feature-panels{border-radius:18px}.feature-panel{grid-template-columns:1fr;gap:12px;padding:8px}.feature-panel-copy{padding:28px 18px 8px}.feature-index{margin-bottom:16px}.feature-panel-copy h3{font-size:46px;margin-bottom:15px}.feature-panel-copy p{font-size:14px}.feature-art{min-height:330px;border-radius:12px}.mock-window,.annotated-screen,.agent-card{width:92%}.mock-code{padding:15px 10px 8px;font-size:9px}.mock-code>div{gap:10px}.mock-suggestion{margin:0 10px 10px}.annotation-canvas{height:240px;margin:11px}.connector-orbit{width:265px;height:140px}.orbit-b{width:340px;height:220px}.connector-app{width:48px;height:48px;border-radius:14px}.connector-app img{width:21px;height:21px}.agent-card{padding:16px}.features-closing{margin-top:32px;padding-top:22px}.features-closing h3{font-size:19px}.features-closing p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.feature-panel{animation:none}.annotation-target,.annotation-cursor,.connector-app,.agent-pulse,.agent-spinner{animation:none}}

/* Show Blink's complete mark and wordmark in the connectors hub. */
.connector-center{width:142px;height:112px;gap:8px;border-radius:26px}
.connector-brand{display:flex;align-items:center;justify-content:center;gap:8px;color:#fff}
.connector-brand img{width:48px;height:48px;object-fit:contain}
.connector-center>span{font-size:7px}

.feature-art-code{padding:0}
.coding-feature-video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;background:#0c1015}

/* The integrations hub is a standalone full-bleed Blink logo tile. */
.connector-center{width:110px;height:110px;gap:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:hidden}
.connector-center>img{display:block;width:100%;height:100%;object-fit:cover}
.connector-center{border-radius:14px}

@media(max-width:650px){.connector-center{width:76px;height:76px}.connector-center>img{width:100%;height:100%}}

/* Spacious dark footer inspired by the supplied reference. */
.site-footer{background:#050505;color:#f4f4f4}
.footer-inner{width:min(1700px,calc(100% - 96px));min-height:430px;margin:0 auto;padding:88px 0 34px;display:grid;grid-template-columns:minmax(0,1fr) 240px 210px;grid-template-rows:1fr auto;column-gap:42px;row-gap:56px;align-items:start}
.footer-brand{grid-column:1;grid-row:1;width:42px;height:42px;display:block}
.footer-brand img{display:block;width:100%;height:100%;object-fit:contain;border-radius:9px}
.footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.footer-column[aria-label="Product"]{grid-column:2;grid-row:1}
.footer-column[aria-label="Legal"]{grid-column:3;grid-row:1}
.footer-column h2{margin:0 0 3px;color:#f3f3f3;font:500 16px/1.4 var(--sans)}
.footer-column a{color:#909093;font-size:15px;line-height:1.4;transition:color .2s}
.footer-column a:hover{color:#fff}
.site-footer .copyright{grid-column:1;grid-row:2;color:#929296;font-size:14px;line-height:1.55}
.footer-social{grid-column:2/4;grid-row:2;display:flex;justify-content:flex-end;align-items:center;gap:22px;color:#929296;font-size:20px;font-weight:600}
.footer-social span{width:22px;height:22px;display:grid;place-items:center}
@media(max-width:760px){.footer-inner{width:calc(100% - 48px);min-height:0;padding:60px 0 28px;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;gap:40px 24px}.footer-brand{grid-column:1/-1;grid-row:1}.footer-column[aria-label="Product"]{grid-column:1;grid-row:2}.footer-column[aria-label="Legal"]{grid-column:2;grid-row:2}.site-footer .copyright{grid-column:1;grid-row:3}.footer-social{grid-column:2;grid-row:3;gap:9px;font-size:16px}}
@media(max-width:420px){.footer-inner{width:calc(100% - 36px);column-gap:14px}.footer-column a{font-size:13px}.footer-social{gap:5px}}

/* Footer meadow: use the supplied cloud-and-flower scene as the closing landscape. */
.site-footer{position:relative;isolation:isolate;overflow:hidden;min-height:520px;background:#123747 url("assets/footer-meadow-reference.png") center 64%/cover no-repeat;color:#f7f8f5}
.site-footer::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(8,35,48,.30) 0%,rgba(7,31,42,.14) 38%,rgba(4,20,28,.74) 100%),linear-gradient(90deg,rgba(5,25,34,.20),transparent 48%,rgba(5,25,34,.18))}
.footer-inner{position:relative;z-index:1;min-height:520px;padding-top:76px;padding-bottom:32px}
.footer-column h2{color:#f7f8f5}
.footer-column a,.site-footer .copyright,.footer-social{color:rgba(247,248,245,.76)}
.footer-column a:hover{color:#fff}
.site-footer .copyright{align-self:end}
@media(max-width:760px){.site-footer{min-height:0;background-position:57% bottom}.footer-inner{min-height:0;padding-top:52px;padding-bottom:25px;row-gap:34px}.site-footer::before{background:linear-gradient(180deg,rgba(8,35,48,.30) 0%,rgba(7,31,42,.30) 45%,rgba(4,20,28,.82) 100%)}}
@media(max-width:420px){.site-footer{background-position:56% bottom}.footer-inner{padding-top:42px}}

/* Keep footer groups on a common edge, with breathing room at every viewport. */
.footer-inner{width:min(1920px,calc(100% - clamp(40px,5.5vw,112px)));grid-template-columns:minmax(0,1fr) minmax(150px,220px) minmax(150px,220px);column-gap:clamp(28px,4vw,76px)}
.footer-brand{align-self:start}
.footer-column{gap:14px}
.footer-column h2{margin-bottom:4px}
.footer-social{gap:clamp(12px,1.5vw,24px)}
@media(max-width:900px){.footer-inner{width:calc(100% - 64px);grid-template-columns:minmax(0,1fr) minmax(135px,180px) minmax(135px,180px);column-gap:28px}}
@media(max-width:760px){.footer-inner{width:calc(100% - 48px);grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto auto;align-items:start;column-gap:28px;row-gap:34px}.footer-brand{grid-column:1/-1;grid-row:1}.footer-column[aria-label="Product"]{grid-column:1;grid-row:2}.footer-column[aria-label="Legal"]{grid-column:2;grid-row:2}.site-footer .copyright{grid-column:1;grid-row:3;align-self:center}.footer-social{grid-column:2;grid-row:3;justify-content:flex-end;align-self:center;flex-wrap:wrap}}
@media(max-width:520px){.site-footer{background-position:54% bottom}.footer-inner{width:calc(100% - 40px);padding:44px 0 24px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:18px;row-gap:29px}.footer-column{gap:12px}.footer-column h2{font-size:14px}.footer-column a{font-size:12px}.site-footer .copyright{font-size:11px}.footer-social{gap:8px;font-size:15px}.footer-social span{width:18px;height:18px}}
@media(max-width:380px){.footer-inner{grid-template-rows:auto auto auto auto}.footer-brand{grid-column:1/-1}.footer-column[aria-label="Product"]{grid-column:1;grid-row:2}.footer-column[aria-label="Legal"]{grid-column:2;grid-row:2}.footer-social{grid-column:1/-1;grid-row:3;justify-content:flex-start}.site-footer .copyright{grid-column:1/-1;grid-row:4}}

/* A more intentional early-access close: editorial type over a calm dusk panel. */
.proof-section{padding-top:clamp(72px,9vw,124px);padding-bottom:clamp(72px,9vw,124px)}
.proof-card{position:relative;isolation:isolate;overflow:hidden;min-height:340px;padding:clamp(34px,5.8vw,78px);border:1px solid rgba(184,205,219,.24);border-radius:28px;background:radial-gradient(ellipse at 92% 8%,rgba(112,100,255,.22),transparent 36%),linear-gradient(125deg,#0c2732 0%,#123746 58%,#171e3c 100%);box-shadow:0 30px 80px rgba(16,42,57,.16);color:#f8f7f2}
.proof-card::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(140deg,rgba(255,255,255,.045),transparent 42%,rgba(173,161,255,.055));pointer-events:none}
.proof-card>.eyebrow{position:relative;z-index:1;display:flex;align-items:center;gap:10px;margin:0 0 24px;color:rgba(233,236,241,.66);font-size:10px;letter-spacing:.16em}
.proof-live-dot{width:7px;height:7px;border-radius:50%;background:#8ce0b5;box-shadow:0 0 0 4px rgba(140,224,181,.12)}
.proof-content{position:relative;z-index:1;display:grid;grid-template-columns:auto minmax(0,1fr) 60px;align-items:start;gap:clamp(12px,2vw,28px)}
.proof-quote{margin-top:-12px;color:#bdb6ff;font:400 clamp(70px,9vw,112px)/.8 "Instrument Serif",Georgia,serif;letter-spacing:-.08em}
.proof-copy h2{max-width:790px;margin:0;color:#fbf8f1;font:400 clamp(38px,5.1vw,66px)/1.02 "Instrument Serif",Georgia,serif;letter-spacing:-.025em}
.proof-copy p{max-width:560px;margin:20px 0 0;color:rgba(238,241,241,.72);font-size:clamp(14px,1.35vw,16px);line-height:1.7}
.proof-cta{display:inline-flex;align-items:center;gap:26px;margin-top:27px;padding:12px 16px 12px 19px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(255,255,255,.08);color:#fff;font-size:13px;font-weight:500;transition:transform .25s,background .25s,border-color .25s}
.proof-cta span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#f5f3ff;color:#242239;font-size:14px}
.proof-cta:hover{transform:translateY(-2px);border-color:rgba(205,198,255,.6);background:rgba(255,255,255,.14)}
.proof-spark{align-self:center;justify-self:end;margin:0;color:#c8c2ff;font-size:48px;animation:proof-spark-turn 28s linear infinite}
.proof-orbit{position:absolute;z-index:0;display:block;width:420px;aspect-ratio:1;border:1px solid rgba(196,190,255,.1);border-radius:50%;pointer-events:none}
.proof-orbit-one{right:-190px;top:-225px}.proof-orbit-two{right:-105px;top:-140px;border-color:rgba(196,190,255,.07)}
@keyframes proof-spark-turn{to{transform:rotate(360deg)}}
@media(max-width:760px){.proof-section{padding-block:70px}.proof-card{min-height:0;padding:32px 28px;border-radius:23px}.proof-card>.eyebrow{margin-bottom:23px}.proof-content{grid-template-columns:27px minmax(0,1fr);gap:12px}.proof-quote{font-size:70px;margin-top:-5px}.proof-copy h2{font-size:clamp(38px,8.3vw,56px)}.proof-copy p{margin-top:15px}.proof-cta{margin-top:22px}.proof-spark{position:absolute;right:0;top:-50px;font-size:34px}.proof-orbit{width:300px}.proof-orbit-one{right:-190px;top:-160px}.proof-orbit-two{right:-135px;top:-85px}}
@media(max-width:430px){.proof-section{padding-block:56px}.proof-card{padding:27px 20px;border-radius:19px}.proof-card>.eyebrow{font-size:9px;margin-bottom:19px}.proof-content{grid-template-columns:20px minmax(0,1fr);gap:10px}.proof-quote{font-size:57px}.proof-copy h2{font-size:37px;line-height:1.02}.proof-copy p{font-size:13px}.proof-cta{gap:18px;padding:10px 13px 10px 15px;font-size:12px}.proof-spark{font-size:29px;top:-42px}}
@media(prefers-reduced-motion:reduce){.proof-spark{animation:none}}

/* Smooth the mobile reading rhythm and prevent awkward headline wraps. */
@media(max-width:760px){
  .mac-card{gap:26px;padding:36px 32px}
  .mac-card-left .eyebrow{margin-bottom:21px}
  .mac-card h2{font-size:clamp(35px,6.2vw,45px);line-height:1.08;letter-spacing:-.018em}
  .mac-card h2 span{margin-top:5px}
  .mac-card-right{margin-top:0;padding:24px 24px 22px}
  .mac-card-right p{margin-bottom:15px}
  .feature-pills{margin-top:20px;gap:9px}
  .feature-pills span{min-height:38px;padding-inline:10px}
}
@media(max-width:480px){
  .mac-section{width:calc(100% - 36px);padding-bottom:62px}
  .mac-card{gap:23px;padding:29px 22px}
  .mac-card-left .eyebrow{margin-bottom:18px}
  .mac-card h2{font-size:clamp(32px,7.8vw,37px);line-height:1.1}
  .mac-card h2 span{margin-top:4px}
  .mac-card-right{padding:21px 18px 20px}
  .mac-card-right p{margin-bottom:13px}
  .feature-pills{gap:8px;margin-top:18px}
  .feature-pills span{min-height:36px;padding-inline:7px;white-space:nowrap;font-size:7.5px}
}

/* Improve the stacked Mac promise card at tablet and phone widths. */
@media(max-width:760px){
  .mac-section{width:calc(100% - 48px);padding-bottom:72px}
  .mac-card{min-height:0;grid-template-columns:minmax(0,1fr);gap:24px;padding:34px 30px;border-radius:24px}
  .mac-card-left{max-width:640px}
  .mac-card-left .eyebrow{margin-bottom:19px;font-size:9px;letter-spacing:.14em}
  .mac-card h2{max-width:600px;font-size:clamp(36px,7vw,48px);line-height:1.02;letter-spacing:-.02em;text-wrap:balance}
  .mac-card h2 span{display:block;margin-top:2px}
  .mac-card-right{padding:22px 23px;border-radius:18px;font-size:13px;line-height:1.7}
  .mac-card-right::before{margin-bottom:12px;font-size:8px}
  .mac-card-right p{max-width:520px;margin-bottom:11px}
  .feature-pills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:17px}
  .feature-pills span{display:flex;justify-content:center;align-items:center;min-height:36px;padding:7px 9px;text-align:center;white-space:normal;font-size:9px;line-height:1.35}
  .mac-watermark{right:-13px;bottom:-88px;font-size:250px}
}
@media(max-width:480px){
  .mac-section{width:calc(100% - 32px);padding-bottom:58px}
  .mac-card{gap:20px;padding:26px 20px;border-radius:20px}
  .mac-card-left .eyebrow{margin-bottom:16px}
  .mac-card h2{font-size:clamp(34px,8.8vw,40px);line-height:1.04}
  .mac-card-right{padding:19px 17px;border-radius:16px;font-size:12px;line-height:1.65}
  .mac-card-right::before{font-size:7px;letter-spacing:.1em}
  .feature-pills{gap:7px}
  .feature-pills span{min-height:34px;padding:6px 7px;font-size:8px;letter-spacing:0}
  .mac-watermark{right:-20px;bottom:-70px;font-size:205px}
}

.feature-art-annotation{background:#101214}
.feature-art-annotation::before{display:none}
.annotation-demo-image{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:contain}

.waitlist-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.waitlist-form input:not([type="checkbox"]){width:100%;min-height:48px}
.waitlist-consent{grid-column:1/-1;display:flex;align-items:flex-start;gap:9px;max-width:450px;margin:2px auto;color:#65656e;text-align:left;font-size:12px;line-height:1.5}
.waitlist-consent input{width:16px;height:16px;flex:none;margin:1px 0 0;accent-color:var(--indigo)}
.waitlist-form .button{grid-column:1/-1;justify-self:center;min-width:190px}
.waitlist-form .button:disabled{opacity:.6;cursor:wait}
.waitlist-privacy{max-width:450px;margin:12px auto 0;color:#777781;font-size:11px;line-height:1.55}
.form-message.is-error{color:#ae3434}
@media(max-width:760px){.waitlist-form{max-width:460px}.waitlist-consent{width:100%}}
@media(max-width:430px){.waitlist-form{grid-template-columns:1fr}.waitlist-consent,.waitlist-form .button{grid-column:1}}
/* Keep the flower meadow behind the demo player. */
.hero-flowers{z-index:1}

/* Cinematic floral demo section, using the meadow from the Karan story. */
.demo-section{position:relative;isolation:isolate;overflow:hidden;padding:112px 0 124px;border:0;color:#f7f5ef;background:#071c25 url("assets/karan-meadow-bg.png") center 58%/cover no-repeat}
.demo-section::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(4,20,28,.78),rgba(5,21,30,.4) 52%,rgba(4,19,28,.53)),linear-gradient(180deg,rgba(3,19,27,.5),rgba(4,18,26,.1) 38%,rgba(3,16,23,.72));pointer-events:none}
.demo-section::after{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 50% 50%,transparent 20%,rgba(1,12,18,.25) 100%);pointer-events:none}
.demo-inner{width:min(1220px,calc(100% - 96px));grid-template-columns:minmax(250px,.68fr) minmax(0,1.32fr);gap:clamp(40px,7vw,96px);align-items:center}
.demo-heading .eyebrow{display:flex;align-items:center;gap:9px;margin-bottom:21px;color:#d2cbff;font-size:10px;letter-spacing:.14em}
.demo-heading-spark{display:grid;place-items:center;width:25px;height:25px;border:1px solid rgba(206,198,255,.38);border-radius:50%;color:#ded9ff;font-size:13px}
.demo-heading h2{margin:0;color:#faf8f2;font:400 clamp(48px,5.7vw,76px)/.94 "Instrument Serif",Georgia,serif;letter-spacing:-.035em}
.demo-heading h2 em{color:#d2ccff;font-weight:400}
.demo-heading>p:last-of-type{max-width:305px;margin:20px 0 0;color:rgba(244,245,242,.76);font-size:14px;line-height:1.75}
.demo-section-note{display:flex;align-items:center;gap:11px;margin-top:36px;color:rgba(236,240,237,.82);font-size:11px}
.demo-note-arrow{display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(255,255,255,.28);border-radius:50%;color:#d1caff;font-size:16px}
.demo-player{position:relative;overflow:hidden;border:1px solid rgba(229,238,239,.38);border-radius:20px;background:rgba(8,15,20,.82);box-shadow:0 35px 100px rgba(0,0,0,.42),0 0 0 7px rgba(255,255,255,.045);transition:transform .3s ease,box-shadow .3s,border-color .3s}
.demo-player video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#0b1015}
.demo-caption{top:16px;right:16px;background:rgba(10,18,24,.66);border:1px solid rgba(255,255,255,.19);color:#edf0ed;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.demo-caption .live-dot{background:#8ce0b5;box-shadow:0 0 0 4px rgba(140,224,181,.14)}
.demo-player:hover,.demo-player:focus-within{transform:translateY(-3px) scale(1.012);box-shadow:0 42px 110px rgba(0,0,0,.5),0 0 0 7px rgba(255,255,255,.07);border-color:rgba(224,218,255,.68)}
.demo-player:focus-within{outline:2px solid #bcb3ff;outline-offset:7px}
.sound-toggle{background:rgba(8,14,19,.8);border-color:rgba(255,255,255,.25);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.sound-toggle:hover{background:#5044e9}
@media(max-width:900px){.demo-section{padding:90px 0 100px}.demo-inner{width:calc(100% - 64px);grid-template-columns:minmax(220px,.65fr) minmax(0,1.35fr);gap:38px}.demo-heading h2{font-size:clamp(44px,6vw,63px)}}
@media(max-width:760px){.demo-section{padding:78px 0 84px;background-position:54% 58%}.demo-inner{width:calc(100% - 40px);grid-template-columns:1fr;gap:28px}.demo-heading h2{font-size:clamp(48px,11vw,66px)}.demo-heading .eyebrow{margin-bottom:15px}.demo-heading>p:last-of-type{max-width:420px;margin-top:14px}.demo-section-note{margin-top:20px}.demo-player{border-radius:15px;box-shadow:0 24px 70px rgba(0,0,0,.42),0 0 0 5px rgba(255,255,255,.045)}.demo-player:hover,.demo-player:focus-within{transform:none}.demo-caption{top:10px;right:10px;font-size:8px;padding:6px 9px}}
@media(max-width:430px){.demo-section{padding:62px 0 68px}.demo-inner{width:calc(100% - 32px);gap:23px}.demo-heading h2{font-size:48px}.demo-heading>p:last-of-type{font-size:13px}.demo-section-note{margin-top:16px;font-size:10px}.demo-player{border-radius:12px}.demo-caption{display:flex;top:8px;right:8px;font-size:7px;padding:5px 7px}}
@media(prefers-reduced-motion:reduce){.demo-player{transition:none}.demo-player:hover,.demo-player:focus-within{transform:none}}

/* Trust FAQ: staggered reveal and a soft, spring-like accordion. */
.faq-section{position:relative;overflow:hidden;padding-block:clamp(92px,11vw,150px);background:radial-gradient(ellipse at 10% 0%,rgba(110,97,255,.055),transparent 35%),#f8f8fc}
.faq-section::before{content:"?";position:absolute;right:-1.5vw;top:-.26em;color:rgba(77,73,252,.035);font:400 clamp(340px,55vw,800px)/1 "Instrument Serif",Georgia,serif;pointer-events:none;user-select:none}
.faq-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);align-items:start;gap:clamp(52px,9vw,140px)}
.faq-intro{position:sticky;top:130px}.faq-intro .eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:24px;color:#706c8d;letter-spacing:.13em}.faq-intro-star{display:grid;place-items:center;width:26px;height:26px;border:1px solid rgba(77,73,252,.2);border-radius:50%;color:var(--indigo);font-size:14px}
.faq-intro h2{margin:0;color:#16171b;font:400 clamp(46px,5.2vw,70px)/.99 "Instrument Serif",Georgia,serif;letter-spacing:-.035em}.faq-intro h2 span{color:#777985}.faq-intro-copy{max-width:345px;margin:21px 0 0;color:#686a73;font-size:14px;line-height:1.8}.faq-intro .text-link{margin-top:22px}
.faq-side-note{display:flex;justify-content:space-between;max-width:330px;margin-top:68px;padding-top:14px;border-top:1px solid #e2e2eb;color:#a3a4ae;font:400 9px var(--mono);letter-spacing:.11em}
.faq-list{border-top:1px solid #dedee8}.faq-item{position:relative;border-bottom:1px solid #dedee8;transition:background .35s cubic-bezier(.22,1,.36,1),border-color .35s,transform .4s cubic-bezier(.22,1,.36,1)}.faq-item h3{margin:0}.faq-trigger{position:relative;width:100%;min-height:82px;display:grid;grid-template-columns:42px 1fr 42px;align-items:center;gap:13px;padding:15px 12px;border:0;background:transparent;color:#34353d;text-align:left;cursor:pointer}.faq-trigger:focus-visible{outline:2px solid #716aff;outline-offset:-3px;border-radius:12px}.faq-number{color:#999aa5;font:400 10px var(--mono);letter-spacing:.04em;transition:color .35s}.faq-question{font-size:clamp(14px,1.25vw,17px);font-weight:450;line-height:1.5;transition:color .35s}.faq-toggle{position:relative;justify-self:end;width:30px;height:30px;display:grid;place-items:center;border:1px solid #d7d7e1;border-radius:50%;background:rgba(255,255,255,.65);transition:transform .55s cubic-bezier(.34,1.56,.64,1),background .35s,border-color .35s}.faq-toggle::before,.faq-toggle::after{content:"";position:absolute;width:11px;height:1.5px;border-radius:2px;background:#666673;transition:background .3s,transform .45s cubic-bezier(.34,1.56,.64,1)}.faq-toggle::after{transform:rotate(90deg)}.faq-item.is-open{margin:7px -10px;border:1px solid rgba(77,73,252,.16);border-radius:15px;background:rgba(255,255,255,.85);box-shadow:0 12px 35px rgba(39,35,88,.055)}.faq-item.is-open .faq-number{color:var(--indigo)}.faq-item.is-open .faq-question{color:#15151c}.faq-item.is-open .faq-toggle{transform:rotate(45deg);border-color:rgba(77,73,252,.24);background:#f0efff}.faq-item.is-open .faq-toggle::before,.faq-item.is-open .faq-toggle::after{background:var(--indigo)}
.faq-answer{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .55s cubic-bezier(.22,1,.36,1),opacity .35s ease}.faq-item.is-open .faq-answer{grid-template-rows:1fr;opacity:1}.faq-answer-inner{min-height:0;overflow:hidden}.faq-answer-inner p{margin:0;padding:0 62px 0 67px;color:#71727b;font-size:13px;line-height:1.8;transform:translateY(-5px);transition:padding .45s cubic-bezier(.22,1,.36,1),transform .45s cubic-bezier(.22,1,.36,1)}.faq-item.is-open .faq-answer-inner p{padding-bottom:23px;transform:translateY(0)}.faq-inline-link{padding:0;border:0;background:none;color:var(--indigo);font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.faq-section .faq-intro,.faq-section .faq-item{opacity:0;transform:translateY(18px)}.faq-section.is-visible .faq-intro{animation:faq-arrive .75s cubic-bezier(.22,1,.36,1) both}.faq-section.is-visible .faq-item{animation:faq-arrive .72s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--faq-index,0)*70ms)}
@keyframes faq-arrive{to{opacity:1;transform:translateY(0)}}
@media(max-width:850px){.faq-layout{grid-template-columns:1fr;gap:42px}.faq-intro{position:relative;top:auto}.faq-intro h2{font-size:clamp(48px,9vw,66px)}.faq-side-note{margin-top:28px}.faq-trigger{min-height:74px}}
@media(max-width:520px){.faq-section{padding-block:72px}.faq-layout{gap:34px}.faq-intro-copy{font-size:13px}.faq-trigger{grid-template-columns:30px 1fr 34px;gap:8px;min-height:72px;padding:13px 7px}.faq-number{font-size:9px}.faq-question{font-size:14px}.faq-toggle{width:27px;height:27px}.faq-answer-inner p{padding-inline:45px 34px;font-size:12px}.faq-item.is-open{margin-inline:-5px}.faq-side-note{margin-top:25px}}
@media(prefers-reduced-motion:reduce){.faq-section .faq-intro,.faq-section .faq-item{opacity:1;transform:none;animation:none!important}.faq-item,.faq-answer,.faq-toggle,.faq-toggle::before,.faq-toggle::after,.faq-answer-inner p{transition:none!important}}

/* Give the Mac promise a stronger, more product-led visual identity. */
.mac-section{padding-top:34px;padding-bottom:116px}
.mac-card{isolation:isolate;min-height:360px;padding:clamp(36px,5.2vw,76px);grid-template-columns:1.05fr .95fr;gap:clamp(32px,5.5vw,82px);border:1px solid rgba(194,218,231,.18);border-radius:28px;background:linear-gradient(124deg,#0b2530 0%,#102d3b 56%,#181d3a 100%);box-shadow:0 34px 90px rgba(22,36,66,.13)}
.mac-card::before{content:"";position:absolute;z-index:0;right:-16%;top:-55%;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(102,91,255,.24),rgba(48,162,175,.1) 38%,transparent 70%);filter:blur(12px);animation:mac-glow 15s ease-in-out infinite alternate;pointer-events:none}
.mac-card::after{content:"";position:absolute;z-index:0;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.035),transparent 38%,rgba(148,131,255,.045));pointer-events:none}
.mac-card-left,.mac-card-right{z-index:1}
.mac-card-left .eyebrow{margin-bottom:25px;color:#c6c1ff;font-size:10px;letter-spacing:.15em}
.mac-card h2{max-width:650px;margin:0;color:#f7f4ee;font:400 clamp(42px,4.5vw,63px)/.99 "Instrument Serif",Georgia,serif;letter-spacing:-.025em}
.mac-card h2 span{color:#c4beff}
.mac-card-right{max-width:none;padding:27px 27px 25px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:rgba(255,255,255,.055);box-shadow:0 16px 45px rgba(0,0,0,.12);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:rgba(246,247,246,.76);font-size:13px;line-height:1.75}
.mac-card-right::before{content:"A MORE NATURAL WORKFLOW";display:block;margin-bottom:15px;color:#bcb5ff;font:400 9px var(--mono);letter-spacing:.12em}
.mac-card-right p{max-width:470px;margin:0 0 13px}
.feature-pills{gap:8px;margin-top:19px}
.feature-pills span{border-color:rgba(226,229,247,.17);padding:7px 11px;background:rgba(255,255,255,.045);color:#e0e1ec;font-size:9px;transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .3s,background .3s}
.feature-pills span:hover{transform:translateY(-3px);border-color:rgba(194,187,255,.55);background:rgba(156,145,255,.12)}
.mac-watermark{right:-8px;bottom:-150px;color:rgba(190,183,255,.055);font-size:420px;line-height:.9}
@keyframes mac-glow{from{transform:translate3d(-3%,1%,0) scale(.92)}to{transform:translate3d(4%,7%,0) scale(1.08)}}
@media(max-width:1000px){.mac-card{padding:46px 38px;gap:32px}.mac-card h2{font-size:clamp(40px,5vw,54px)}.mac-card-right{padding:22px}}
@media(max-width:760px){.mac-section{padding-top:0;padding-bottom:82px}.mac-card{grid-template-columns:1fr;gap:26px;padding:34px 26px;border-radius:22px}.mac-card h2{font-size:clamp(42px,9vw,58px)}.mac-card-right{padding:22px}.mac-watermark{font-size:280px;bottom:-100px}}
@media(max-width:430px){.mac-section{padding-bottom:68px}.mac-card{padding:28px 20px;gap:22px}.mac-card-left .eyebrow{margin-bottom:18px}.mac-card h2{font-size:42px}.mac-card-right{padding:18px;font-size:12px}.feature-pills span{padding:6px 9px;font-size:8px}}
@media(prefers-reduced-motion:reduce){.mac-card::before{animation:none}}