:root{--paper:#fafaf7;--white:#fff;--ink:#191d1b;--muted:#65706a;--line:#dce1da;--lime:#c9f46a;--soft-lime:#e9f7d4;--lilac:#e8e5ff;--mono:'DM Mono',monospace;--sans:'DM Sans',sans-serif;--display:Manrope,sans-serif;--serif:Georgia,'Times New Roman',serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.skip{position:absolute;top:-100px;left:15px;background:white;padding:12px;z-index:100}.skip:focus{top:15px}
.site-header{height:76px;padding:0 clamp(22px,5.2vw,82px);display:flex;align-items:center;gap:35px;border-bottom:1px solid var(--line);background:var(--paper);position:relative;z-index:30}.brand{font:800 22px var(--display);letter-spacing:-.08em;display:inline-flex;align-items:center;white-space:nowrap}.brand-mark{font:33px var(--serif);line-height:0;color:#8eac43;margin-right:10px;transform:rotate(-18deg)}.brand-period{color:#9cc745}.site-nav{display:flex;gap:34px;margin:auto;font-size:12px;font-weight:700}.site-nav a,.nav-cta,footer a{transition:color .2s}.site-nav a:hover,.nav-cta:hover,footer a:hover{color:#76a520}.nav-cta{background:var(--lime);border:1px solid #b8e357;padding:13px 17px;font:500 10px var(--mono);letter-spacing:.06em;white-space:nowrap}.nav-cta span{margin-left:16px;font-size:15px}.menu-button{display:none}
.hero{min-height:690px;display:grid;grid-template-columns:46% 54%;border-bottom:1px solid var(--line)}.hero-copy{padding:clamp(85px,8vw,125px) 28px 70px clamp(24px,7vw,112px);display:flex;flex-direction:column;align-items:flex-start;position:relative;z-index:2}.eyebrow,.kicker,.corner-label,.hero-visual-bottom,.hero-proof,.stage-heading,.stage-footer,.part-index,.concept-note,.demo-top,.demo-time,.demo-person,.memory-tag,.demo-memory-head,.demo-memory-bottom,.demo-disclaimer,.ios-caption,.closing-note,footer,.app-topline,.app-status,.app-summary>span,.app-list-title,.app-type{font-family:var(--mono);letter-spacing:.065em}.eyebrow{font-size:10px;display:flex;align-items:center;gap:9px;white-space:nowrap}.live-dot{width:8px;height:8px;border-radius:50%;background:#80b52b;box-shadow:0 0 0 5px #e5f5cf;flex:none;margin-right:5px}.eyebrow-tail{color:#a0aaa1}.hero h1,.section-intro h2,.memory-heading h2,.ios-copy h2,.closing h2{font-family:var(--display);font-weight:800;letter-spacing:-.085em;line-height:1.02}.hero h1{font-size:clamp(57px,6.3vw,100px);margin:43px 0 28px}.hero h1 em,.section-intro h2 em,.memory-heading h2 em,.ios-copy h2 em,.closing h2 em{font-family:var(--serif);font-weight:400;letter-spacing:-.075em;color:#8aa849}.hero-lead{font-size:16px;line-height:1.8;color:#5d6861;max-width:490px;margin:0}.hero-actions{display:flex;gap:26px;align-items:center;margin-top:37px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;padding:16px 20px;min-height:55px;font-size:12px;font-weight:700;transition:transform .25s,background .25s}.button:hover{transform:translateY(-4px)}.button-dark{background:#1e2521;color:white}.button-dark:hover{background:#3b4b38}.button span{font-size:18px}.link-arrow{font-size:12px;font-weight:700;border-bottom:1px solid var(--ink);padding-bottom:5px;white-space:nowrap}.link-arrow span{margin-left:14px}.hero-proof{margin-top:auto;padding-top:65px;display:flex;align-items:center;gap:13px;color:#879289;font-size:10px;line-height:1.7}.proof-icon{font:27px var(--serif);color:#94af64;border:1px solid #dce8cf;width:36px;height:36px;border-radius:50%;display:grid;place-items:center}
.hero-visual{position:relative;overflow:hidden;background:radial-gradient(circle at 54% 50%,#fcfff2 0,#f0f5e8 54%,#e8f1e1 100%);display:grid;place-items:center}.hero-visual:before,.stage-grid:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#cbd8c226 1px,transparent 1px),linear-gradient(90deg,#cbd8c226 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(circle,#000 2%,transparent 72%)}.hero-orbit{position:absolute;border:1px solid #c9dbbb;border-radius:50%;width:620px;height:620px}.hero-orbit-b{width:850px;height:850px;opacity:.7}.hero-visual>img{position:relative;z-index:1;width:110%;height:auto;filter:drop-shadow(0 22px 18px #34452b23);transform:rotate(-7deg);animation:watchFloat 8s ease-in-out infinite}.corner-label,.hero-visual-bottom{position:absolute;z-index:3;font-size:9px;color:#7b9075}.corner-label{top:28px;left:30px}.hero-visual-bottom{bottom:28px;right:30px}.floating-chip{position:absolute;z-index:4;background:#fff;border:1px solid #d6e1d0;box-shadow:0 13px 25px #6477611c;padding:13px 15px;font:500 10px var(--mono);white-space:nowrap;transform:rotate(-7deg);animation:chipFloat 7s ease-in-out infinite}.floating-chip span{margin-left:18px;color:#96b94d}.chip-one{top:26%;right:10%}.chip-two{bottom:25%;left:5%;animation-delay:-3s;background:var(--lime)}.chip-two span{color:#59781e}.ticker{height:55px;background:var(--lime);overflow:hidden;display:flex;align-items:center;border-bottom:1px solid #b7dc68}.ticker-track{display:flex;align-items:center;gap:39px;white-space:nowrap;min-width:max-content;font:500 11px var(--mono);letter-spacing:.1em;animation:ticker 24s linear infinite}.ticker b{font-size:23px;font-weight:400;line-height:0}
.band-section,.memory-section,.ios-section{padding:clamp(85px,10vw,145px) clamp(23px,7vw,112px)}.kicker{font-size:11px;color:#799745;margin:0 0 25px}.section-intro{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:52px}.section-intro h2,.memory-heading h2,.ios-copy h2,.closing h2{font-size:clamp(45px,5.6vw,83px);margin:0}.intro-aside{max-width:295px;margin:0 0 4px;color:var(--muted);font-size:14px;line-height:1.8}
.dissect-stage{height:clamp(480px,53vw,690px);border:1px solid var(--line);background:radial-gradient(circle at 50% 50%,#fff 5%,#f3f6ee 70%);position:relative;overflow:hidden;outline:none}.dissect-stage:focus-visible{box-shadow:0 0 0 3px #b9df6d}.stage-grid{position:absolute;inset:0;pointer-events:none}.stage-heading,.stage-footer{position:absolute;z-index:10;left:28px;right:28px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#83927d}.stage-heading{top:25px}.stage-state{color:#4e653a}.stage-footer{bottom:22px}.stage-hint{color:#7c9770}.stage-hint span{margin-left:8px}.stage-footnote{font-size:9px}.dissect-toggle{border:1px solid #1d261f;background:#1e2720;color:#fff;cursor:pointer;padding:12px 16px;font:500 11px var(--mono);min-width:140px;text-align:left;transition:background .2s}.dissect-toggle:hover{background:#425639}.dissect-toggle span{float:right;margin-left:10px;font-size:15px;line-height:.8}.device-pair{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.device-pair img{position:absolute;width:min(87%,1000px);height:90%;object-fit:contain;transition:opacity .65s cubic-bezier(.22,.75,.2,1),transform .75s cubic-bezier(.22,.75,.2,1);filter:drop-shadow(0 18px 16px #29391f24)}.device-assembled{opacity:1;transform:translateY(2%) scale(1.06) rotate(-4deg)}.device-exploded{opacity:0;transform:translateY(9%) scale(.9) rotate(-4deg)}.dissect-stage.is-dissected .device-assembled{opacity:0;transform:translateY(14%) scale(.9) rotate(-4deg)}.dissect-stage.is-dissected .device-exploded{opacity:1;transform:translateY(0) scale(1) rotate(-4deg)}.stage-callouts{position:absolute;inset:0;pointer-events:none;z-index:5}.callout{position:absolute;background:#fff;border:1px solid #d3dfcc;box-shadow:0 8px 25px #36493213;min-width:172px;padding:11px 13px;display:flex;flex-direction:column;gap:3px;opacity:0;transform:translateY(10px);transition:opacity .45s,transform .45s}.callout span{font:500 9px var(--mono);color:#81a248}.callout strong{font-size:13px;letter-spacing:-.02em}.callout small{font-size:10px;color:#788579;line-height:1.4}.callout-one{top:15%;left:12%}.callout-two{top:18%;right:10%;transition-delay:.08s}.callout-three{bottom:23%;right:8%;transition-delay:.16s}.callout-four{bottom:20%;left:10%;transition-delay:.24s}.is-dissected .callout{opacity:1;transform:translateY(0)}
.part-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:25px}.part-grid article{padding:30px 25px 32px;border-right:1px solid var(--line)}.part-grid article:first-child{padding-left:0}.part-grid article:last-child{border-right:0}.part-index{font-size:10px;color:#84a154}.part-grid h3{font-size:17px;letter-spacing:-.04em;margin:20px 0 10px}.part-grid p{font-size:12px;line-height:1.7;color:#6c756e;margin:0;max-width:250px}.concept-note{font-size:10px;color:#97a396;line-height:1.6;margin:20px 0 0}
.memory-section{background:#e9e7ff;position:relative;overflow:hidden}.memory-section:before{content:'✳';position:absolute;font:420px var(--serif);color:#dad7fa;right:-90px;top:-160px;opacity:.65;transform:rotate(15deg)}.memory-heading{position:relative;z-index:1;max-width:880px}.memory-heading .kicker{color:#7570b5}.memory-heading h2 em{color:#807bc1}.memory-heading>p:last-child{font-size:16px;line-height:1.75;color:#646582;max-width:610px;margin:26px 0 0}.memory-demo{position:relative;z-index:1;margin-top:60px;background:#fff;border:1px solid #d6d3f0;padding:28px;display:grid;grid-template-columns:1fr 82px 1fr;column-gap:25px;align-items:center;box-shadow:0 30px 65px #7572ab18}.demo-top{grid-column:1/-1;display:flex;justify-content:space-between;color:#8f8bb4;font-size:10px;margin-bottom:30px}.demo-source{min-height:230px;background:#f6f5ff;padding:28px;display:flex;flex-direction:column;justify-content:space-between;border-radius:3px}.demo-time,.demo-person{font-size:10px;color:#827faf}.demo-source p{font:italic 27px/1.35 var(--serif);letter-spacing:-.035em;margin:28px 0;color:#3e3c54}.demo-flow{display:flex;align-items:center}.demo-flow span{height:1px;width:24px;background:#9d9bc7}.demo-flow i{font:31px var(--serif);color:#8e86d2;font-style:normal}.demo-memory{min-height:230px;border:1px solid #dad9e9;padding:24px;background:#fff}.demo-memory-head,.demo-memory-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:9px;color:#918fa7}.memory-tag{display:inline-block;background:#e8f7d1;color:#648c32;padding:6px 9px}.demo-memory h3{font-size:22px;line-height:1.3;letter-spacing:-.045em;max-width:390px;margin:23px 0 10px}.demo-memory p{color:#656a61;font-size:13px}.demo-memory-bottom{border-top:1px solid #ebedf0;padding-top:16px;margin-top:26px}.demo-memory-bottom span:last-child{color:#5e7836}.demo-disclaimer{grid-column:1/-1;text-align:right;font-size:9px;color:#aaa7c1;margin:18px 0 0}.memory-features{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:25px}.memory-features article{background:#f9f9ff;padding:27px;min-height:175px}.memory-features article>span{display:grid;place-items:center;height:30px;width:30px;border-radius:50%;background:#e7f4d6;color:#779f3c}.memory-features h3{font-size:17px;margin:17px 0 7px;letter-spacing:-.04em}.memory-features p{font-size:12px;color:#73758a;line-height:1.65;margin:0}
.ios-section{background:#fff;display:grid;grid-template-columns:42% 58%;gap:3%;align-items:center;overflow:hidden}.ios-copy{position:relative;z-index:2}.ios-copy h2 em{color:#899f51}.ios-copy>p:not(.kicker):not(.ios-caption){font-size:15px;line-height:1.8;color:#647069;max-width:450px;margin:30px 0}.ios-switch{display:flex;gap:6px;background:#eef2e9;padding:5px;border-radius:100px;width:max-content;margin-top:35px}.ios-switch button{border:0;background:transparent;color:#667264;border-radius:100px;padding:12px 22px;cursor:pointer;font-size:12px;font-weight:700;transition:background .25s,transform .25s}.ios-switch button.is-active{background:#1e261f;color:white}.ios-switch button:hover{transform:translateY(-2px)}.ios-caption{font-size:10px;color:#99a399;margin-top:22px}.phone-stage{min-height:740px;position:relative;display:grid;place-items:center}.phone-aura{position:absolute;width:650px;height:650px;background:radial-gradient(circle,#d5f3b5 0,#e9f6de 40%,#fff0 70%);border-radius:50%}.phone-aura:after{content:'';position:absolute;inset:30px;border:1px solid #dbeacf;border-radius:50%}.phone{height:675px;width:326px;border-radius:48px;border:8px solid #252b28;background:#131916;box-shadow:0 40px 60px #1524163d,0 7px 0 #414844;position:relative;overflow:hidden;transform:rotate(5deg);animation:phoneFloat 7s ease-in-out infinite}.phone-camera{position:absolute;z-index:12;top:8px;left:50%;transform:translateX(-50%);width:88px;height:22px;border-radius:0 0 17px 17px;background:#252b28}.phone-content{position:absolute;inset:0 0 52px;background:#121916;overflow:hidden}.app-screen{position:absolute;inset:0;color:#f4f7f1;padding:28px 18px 10px;opacity:0;transform:translateX(28px);pointer-events:none;transition:opacity .45s,transform .55s}.app-screen.is-active{opacity:1;transform:none}.app-status{font-size:10px;display:flex;justify-content:space-between;padding:0 5px}.app-topline{display:flex;justify-content:space-between;align-items:center;margin-top:28px;color:#8d9b8c;font-size:9px}.app-avatar{width:28px;height:28px;background:var(--lime);color:#1b2a16;border-radius:50%;display:grid;place-items:center;font:800 14px var(--display)}.app-screen h3{font:800 30px/1.13 var(--display);letter-spacing:-.06em;margin:22px 0 7px}.lime-dot{color:var(--lime)}.app-sub{font-size:11px;color:#aab5a8;margin:0 0 22px}.app-listening{background:#263728;border:1px solid #456244;border-radius:12px;padding:12px;font-size:10px;color:#cdeabb;display:flex;align-items:center;gap:8px}.app-listening span:last-child{margin-left:auto}.app-listening-dot{height:7px;width:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 8px var(--lime)}.app-summary{background:#e5f8cf;color:#1f2d1d;border-radius:16px;margin-top:14px;padding:17px}.app-summary>span{font-size:9px;color:#6b8b4d}.app-summary p{font-size:14px;font-weight:700;line-height:1.45;letter-spacing:-.03em;margin:12px 0 0}.app-statrow{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.app-statrow>div{background:#232d26;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:4px}.app-statrow strong{font:700 21px var(--display)}.app-statrow span{font-size:9px;color:#95a594}.app-list-title{display:flex;justify-content:space-between;font-size:9px;color:#96a795;margin:22px 0 11px}.app-list-title span{color:var(--lime)}.app-task{background:#222c24;border-radius:10px;margin-bottom:6px;padding:13px;font-size:10px;display:flex;gap:10px}.app-task i{width:12px;height:12px;border:1px solid #91a492;border-radius:50%;flex:none}.app-chips{display:flex;gap:6px;margin-bottom:17px}.app-chips span{font-size:9px;border-radius:30px;border:1px solid #485548;padding:7px 10px;color:#c6d2c5}.app-chips span:first-child{background:var(--lime);color:#192119;border-color:var(--lime)}.app-memory-card{background:#273128;border:1px solid #4c604a;border-radius:15px;padding:16px;display:flex;flex-direction:column;gap:10px;margin-bottom:9px}.app-memory-card strong{font-size:14px;line-height:1.35}.app-memory-card small{font-size:10px;color:#b9c6b3}.app-memory-card em{font:500 9px var(--mono);color:var(--lime);font-style:normal;margin-top:7px}.app-memory-card.secondary{background:#202a22}.app-type{font-size:9px;color:#bada91}.app-question{margin:36px 0 15px auto;width:80%;background:#d5f1b3;color:#20301c;border-radius:16px 16px 4px 16px;padding:14px;font-size:12px;line-height:1.45}.app-answer{background:#273327;border-radius:16px 16px 16px 4px;padding:16px}.app-answer>span{font:500 9px var(--mono);color:var(--lime)}.app-answer p{font-size:13px;line-height:1.55;margin:13px 0}.app-answer small{font-size:10px;color:#c6dcaf}.app-input{position:absolute;bottom:14px;left:18px;right:18px;background:#2b342c;border-radius:30px;color:#80907d;padding:13px 14px;font-size:11px}.app-input span{float:right;color:var(--lime)}.app-tabbar{position:absolute;bottom:0;left:0;right:0;height:60px;border-top:1px solid #3d473e;display:flex;justify-content:space-around;align-items:center;padding:0 7px 12px;color:#718071;background:#141a15}.app-tabbar>span{display:flex;flex-direction:column;align-items:center;font-size:16px;gap:1px}.app-tabbar small{font-size:8px}.app-tabbar .tab-active{color:var(--lime)}.home-indicator{position:absolute;bottom:5px;left:50%;transform:translateX(-50%);width:105px;height:4px;border-radius:5px;background:#e9ece8}.phone-float{position:absolute;z-index:5;background:#fff;border:1px solid var(--line);box-shadow:0 18px 38px #1d2a1b18;padding:14px 16px;font:500 10px var(--mono);white-space:nowrap}.phone-float span{margin-left:13px;color:#87ae3a}.phone-float-a{left:1%;top:22%;transform:rotate(-8deg)}.phone-float-b{right:1%;bottom:18%;transform:rotate(7deg);background:var(--lime)}.phone-float-b span{color:#3e5a14}
.closing{padding:115px 24px 100px;text-align:center;background:#e9f6d6;position:relative;overflow:hidden}.closing-mark{font:180px var(--serif);position:absolute;left:3%;bottom:-72px;color:#d6edb9;transform:rotate(-15deg)}.closing .kicker{position:relative;z-index:1}.closing h2{position:relative;z-index:1}.closing>p:not(.kicker){max-width:520px;margin:28px auto 30px;color:#586953;font-size:15px;line-height:1.75}.closing .button{position:relative;z-index:1}.closing-note{display:block;font-size:9px;color:#8da482;margin-top:48px}footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:38px clamp(24px,7vw,112px);font-size:10px;color:#88958a}footer>.brand{color:var(--ink)}footer>div{display:flex;gap:25px}
.will-reveal{opacity:0;transform:translateY(25px);transition:opacity .7s ease,transform .7s ease}.will-reveal.is-visible{opacity:1;transform:none}@keyframes watchFloat{50%{transform:rotate(-7deg) translateY(-12px)}}@keyframes chipFloat{50%{transform:rotate(-7deg) translateY(-10px)}}@keyframes ticker{to{transform:translateX(-50%)}}@keyframes phoneFloat{50%{transform:rotate(5deg) translateY(-12px)}}
@media(max-width:1100px){.hero{grid-template-columns:47% 53%}.hero-copy{padding-left:5vw}.hero h1{font-size:clamp(58px,6vw,78px)}.hero-visual>img{width:122%}.floating-chip{font-size:9px}.part-grid article{padding-right:15px;padding-left:15px}}
@media(max-width:820px){.site-header{height:68px}.site-nav{display:none;position:absolute;top:68px;left:0;right:0;padding:26px;background:var(--paper);box-shadow:0 15px 28px #17231615;flex-direction:column;gap:25px}.site-nav.is-open{display:flex}.nav-cta{margin-left:auto}.menu-button{display:flex;width:30px;height:30px;border:0;background:transparent;flex-direction:column;justify-content:center;gap:5px}.menu-button span{height:2px;width:24px;background:var(--ink)}.hero{grid-template-columns:1fr}.hero-copy{padding:83px 6vw 55px;min-height:600px}.hero h1{font-size:clamp(60px,10vw,88px)}.hero-proof{padding-top:58px}.hero-visual{min-height:520px}.part-grid{grid-template-columns:repeat(2,1fr)}.part-grid article:nth-child(2){border-right:0}.part-grid article:nth-child(-n+2){border-bottom:1px solid var(--line)}.part-grid article:nth-child(3){padding-left:0}.ios-section{grid-template-columns:1fr}.ios-copy{max-width:600px}.phone-stage{margin-top:35px}}
@media(max-width:600px){.site-header{padding:0 21px}.nav-cta{font-size:9px;padding:11px 12px}.nav-cta span{margin-left:4px}.hero-copy{min-height:0;padding:68px 22px 60px}.eyebrow{font-size:8px;gap:6px}.eyebrow-tail{display:none}.hero h1{font-size:clamp(55px,13vw,76px);margin:37px 0 22px}.hero-lead{font-size:14px}.hero-actions{flex-direction:column;align-items:flex-start;gap:25px}.hero-proof{padding-top:68px}.hero-visual{min-height:340px}.hero-visual>img{width:125%}.hero-orbit{width:350px;height:350px}.hero-orbit-b{width:500px;height:500px}.floating-chip{font-size:8px;padding:9px}.chip-one{top:18%;right:2%}.chip-two{bottom:17%;left:2%}.corner-label,.hero-visual-bottom{font-size:7px}.corner-label{left:16px;top:17px}.hero-visual-bottom{right:15px;bottom:15px}.ticker{height:47px}.ticker-track{font-size:9px;gap:28px}.band-section,.memory-section,.ios-section{padding:80px 21px}.section-intro{display:block;margin-bottom:30px}.section-intro h2,.memory-heading h2,.ios-copy h2,.closing h2{font-size:clamp(44px,10vw,64px)}.intro-aside{margin-top:25px;font-size:13px}.dissect-stage{height:450px}.stage-heading,.stage-footer{left:15px;right:15px;font-size:8px}.stage-heading{top:14px}.stage-footer{bottom:14px;flex-wrap:wrap;gap:9px}.stage-hint,.stage-footnote{display:none}.dissect-toggle{margin-left:auto}.device-pair img{width:126%;height:82%;top:8%}.callout{min-width:135px;max-width:145px;padding:8px}.callout strong{font-size:11px}.callout small{font-size:8px}.callout-one{left:3%;top:14%}.callout-two{right:2%;top:22%}.callout-three{right:2%;bottom:19%}.callout-four{left:3%;bottom:21%}.part-grid{margin-top:15px}.part-grid article,.part-grid article:first-child,.part-grid article:nth-child(3){padding:20px 12px}.part-grid h3{font-size:14px;margin:14px 0 8px}.part-grid p{font-size:11px}.part-index{font-size:8px}.concept-note{font-size:9px}.memory-heading>p:last-child{font-size:14px}.memory-demo{grid-template-columns:1fr;padding:17px;margin-top:38px;gap:0}.demo-top{font-size:8px;margin-bottom:16px}.demo-source,.demo-memory{min-height:0}.demo-source{padding:20px}.demo-source p{font-size:23px;margin:20px 0}.demo-flow{height:55px;justify-content:center;transform:rotate(90deg)}.demo-flow span{width:17px}.demo-memory{padding:20px}.demo-memory-head{font-size:7px}.demo-memory h3{font-size:20px}.demo-disclaimer{text-align:left;font-size:8px}.memory-features{grid-template-columns:1fr;gap:10px}.memory-features article{min-height:0;padding:20px}.ios-switch button{padding:11px 18px}.phone-stage{min-height:680px}.phone{transform:rotate(3deg) scale(.9);animation:none}.phone-aura{width:460px;height:460px}.phone-float{font-size:8px;padding:9px}.phone-float-a{left:0;top:19%}.phone-float-b{right:0;bottom:17%}.closing{padding:90px 22px}.closing-mark{font-size:120px}.closing-note{font-size:8px;line-height:1.6}footer{display:flex;flex-direction:column;align-items:flex-start;gap:24px;padding:35px 22px}footer>div{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-visual>img,.floating-chip,.phone,.ticker-track{animation:none}.will-reveal{opacity:1;transform:none;transition:none}.device-pair img,.callout,.app-screen{transition:none}}
/* The first watch is interactive too: assembled and exploded Anatomy figures share one frame. */
.hero-device-pair{position:absolute;inset:0;z-index:1;display:grid;place-items:center;pointer-events:none;animation:watchFloat 8s ease-in-out infinite}.hero-device-pair img{position:absolute;width:110%;height:auto;filter:drop-shadow(0 22px 18px #34452b23);transition:opacity .65s cubic-bezier(.22,.75,.2,1),transform .75s cubic-bezier(.22,.75,.2,1)}.hero-device-outside{opacity:1;transform:scale(1.03) rotate(-7deg)}.hero-device-inside{opacity:0;transform:translateY(8%) scale(.9) rotate(-7deg)}.hero-visual.is-dissected .hero-device-outside{opacity:0;transform:translateY(12%) scale(.9) rotate(-7deg)}.hero-visual.is-dissected .hero-device-inside{opacity:1;transform:scale(1) rotate(-7deg)}.hero-visual:focus-visible{outline:3px solid #a7cf5e;outline-offset:-3px}.hero-dissect-button{position:absolute;z-index:8;bottom:25px;left:30px;border:1px solid #a9c47f;background:#f5ffe9e6;padding:10px 13px;cursor:pointer;font:500 9px var(--mono);letter-spacing:.03em;color:#3e5d29}.hero-dissect-button span{margin-left:12px;font-size:14px}.hero-visual.is-dissected .floating-chip{opacity:0;transform:translateY(12px);animation:none}.floating-chip{transition:opacity .4s,transform .4s}.hero-callout{position:absolute;z-index:6;background:#fff;border:1px solid #d3e0c9;box-shadow:0 8px 22px #36493218;padding:9px 11px;min-width:130px;display:flex;flex-direction:column;gap:4px;opacity:0;transform:translateY(10px);transition:opacity .4s,transform .4s;pointer-events:none}.hero-callout span{font:500 8px var(--mono);color:#88ad47}.hero-callout strong{font-size:10px}.hero-callout-a{left:9%;top:24%}.hero-callout-b{right:6%;top:34%;transition-delay:.08s}.hero-callout-c{right:11%;bottom:23%;transition-delay:.16s}.hero-visual.is-dissected .hero-callout{opacity:1;transform:none}
@media(max-width:1100px){.hero-device-pair img{width:122%}}@media(max-width:600px){.hero-device-pair img{width:125%}.hero-dissect-button{left:14px;bottom:15px;font-size:8px;padding:8px 10px}.hero-callout{min-width:0;padding:7px}.hero-callout span{font-size:7px}.hero-callout strong{font-size:8px}.hero-callout-a{left:3%;top:22%}.hero-callout-b{right:2%;top:28%}.hero-callout-c{right:5%;bottom:20%}.hero-visual-bottom{display:none}}@media(prefers-reduced-motion:reduce){.hero-device-pair{animation:none}.hero-device-pair img,.hero-callout,.floating-chip{transition:none}}
