@font-face{font-family:Vietnam;src:url('assets/fonts/BeVietnamPro-400-latin.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Vietnam;src:url('assets/fonts/BeVietnamPro-500-latin.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Vietnam;src:url('assets/fonts/BeVietnamPro-600-latin.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Vietnam;src:url('assets/fonts/BeVietnamPro-700-latin.woff2') format('woff2');font-weight:700;font-display:swap}
:root{--black:#000;--charcoal:#1a1817;--surface:#252322;--cream:#efebe4;--muted:#a8a49e;--line:#393632;--indigo:#a1a9e4;--sc-canvas:var(--charcoal);--sc-surface:var(--surface);--sc-ink:var(--cream);--sc-ink-soft:var(--muted);--sc-accent:var(--indigo);--sc-accent-ink:var(--charcoal);--sc-font-display:Vietnam,system-ui,sans-serif;--sc-font-text:Vietnam,system-ui,sans-serif;--gutter:clamp(24px,5.6vw,96px);--radius:12px;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--charcoal);color:var(--cream);font-family:Vietnam,system-ui,sans-serif;font-size:15px;line-height:1.65;overflow-x:clip}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}figure,h1,h2,h3,p{margin:0}button{border:0}h1,h2,h3{font-weight:500;letter-spacing:-.055em;line-height:1.08;text-wrap:balance}p{text-wrap:pretty}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--indigo);outline-offset:6px}::selection{background:var(--cream);color:var(--charcoal)}.wrap{width:min(100% - var(--gutter)*2,1320px);margin-inline:auto}.eyebrow{font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;line-height:1.5}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.skip-link{position:fixed;top:8px;left:16px;z-index:100;background:var(--cream);color:var(--charcoal);padding:12px 20px;transform:translateY(-160%)}.skip-link:focus{transform:none}
.site-header{position:absolute;top:0;left:0;right:0;z-index:30;height:104px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--gutter);color:var(--cream)}.brand{display:flex;align-items:center;min-height:44px}.wordmark{display:block;background:currentColor;mask:url('assets/wordmark.png') center/contain no-repeat;-webkit-mask:url('assets/wordmark.png') center/contain no-repeat;width:136px;height:28px}.site-header nav{display:flex;gap:36px;margin-left:50px;font-size:13px}.site-header nav a{padding-block:12px;color:#b4b0aa;transition:color .18s}.site-header nav a:hover{color:var(--cream)}.header-cta{padding:12px 0;font-size:13px;display:flex;align-items:center;gap:10px}.menu-toggle,.mobile-menu{display:none}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:16px 22px;border-radius:6px;font-size:13px;font-weight:500;line-height:1.4;min-height:52px;white-space:nowrap;transition:transform .18s,background .18s}.button svg,.download-shelf svg{width:19px;height:19px}.platform-icon,.button .platform-icon,.download-shelf .platform-icon{display:inline-block;width:13px;height:13px;vertical-align:-2px;margin:0 7px 0 0}.button-cream{background:var(--cream);color:var(--charcoal)}.button-dark{background:var(--surface);color:var(--cream)}.button:active,.header-cta:active{transform:translateY(2px)}.text-link{display:inline-flex;gap:28px;align-items:center;border-bottom:1px solid #6e6860;padding-bottom:10px;font-size:13px}.platform{display:block;margin-top:13px;color:var(--muted);font-size:12px}
.hero{position:relative;height:240svh;background:var(--black)}.hero-stage{height:100svh;min-height:560px;position:sticky;top:0;display:flex;align-items:center;justify-content:center;overflow:clip}.hero-copy{position:relative;z-index:4;text-align:center;width:100%;padding:95px 20px 75px;will-change:transform,opacity}.hero .eyebrow{color:#b7b3ad;margin-bottom:30px;display:flex;justify-content:center;align-items:center;gap:10px;font-size:11px;letter-spacing:.13em}.status-dot{width:5px;height:5px;border-radius:50%;background:var(--cream)}.hero h1{font-size:clamp(68px,8.8vw,136px);line-height:1.02;letter-spacing:-.065em;font-weight:500}.hero h1 span{color:#a8a49e}.hero-description{font-size:15px;line-height:1.65;margin:30px auto;color:#a8a49e}.hero .button{margin-top:2px}.hero-foot{position:absolute;z-index:5;bottom:32px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;font-size:11px;letter-spacing:.015em;color:#9a968f}.hero-after{position:absolute;text-align:center;z-index:1;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;pointer-events:none}.hero-after p{font-size:clamp(24px,3.2vw,52px);letter-spacing:-.045em;color:var(--muted)}.hero-after strong{font-size:clamp(46px,6.5vw,100px);font-weight:500;letter-spacing:-.06em;line-height:1.2}
#icon-flight{position:fixed;inset:0;z-index:10;pointer-events:none;overflow:hidden}.flying-icon{pointer-events:auto;position:absolute;top:0;left:0;width:128px;height:128px;border-radius:28px;background:linear-gradient(150deg,#373431,var(--charcoal) 62%);border:1px solid #5b5550;box-shadow:inset 0 1px 0 #736b6260,0 24px 50px #0009;display:flex;align-items:center;justify-content:center;will-change:transform;opacity:0}.flying-icon:hover{border-color:var(--cream)}.flying-icon img{width:77%;height:77%;object-fit:contain}.burst-dust{position:absolute;inset:0;overflow:hidden;pointer-events:none;visibility:hidden;opacity:.75}.burst-dust i{position:absolute;left:50%;top:49%;width:var(--size);height:var(--size);background:#f6f1e8;border-radius:50%;opacity:0;animation:hero-burst var(--duration) var(--delay) cubic-bezier(.12,.36,.55,1) infinite paused}.hero.particles-active .burst-dust{visibility:visible}.hero.particles-active:not(.particles-paused) .burst-dust i{animation-play-state:running}.motion-toggle{background:transparent;color:#a8a49e;padding:8px;font-size:11px;min-height:44px}.hero-foot{align-items:center}.hero-foot>span:last-of-type{margin-left:auto;margin-right:28px}@keyframes hero-burst{0%{transform:translate3d(var(--start-x),var(--start-y),0) scale(.3);opacity:0}9%{opacity:1}70%{opacity:.9}100%{transform:translate3d(var(--dx),var(--dy),0) scale(1);opacity:0}}
.apps-intro{padding-top:110px;padding-bottom:55px;display:grid;grid-template-columns:1fr 1fr;gap:32px 80px;align-items:end}.apps-intro h2{font-size:clamp(38px,4vw,60px);margin-top:20px}.apps-intro h2 span{color:var(--muted)}.apps-intro>p{max-width:420px;color:var(--muted);font-size:14px;line-height:1.8;padding-bottom:4px}.app-index{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:26px}.app-index a{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:14px;font-weight:500;padding:25px 0}.app-index a+a{margin-left:35px}.app-index span{color:var(--muted);font-size:12px;font-weight:400}.app-index a:hover span{color:var(--cream)}
.product{padding-block:110px;scroll-margin-top:0}.app-title{display:flex;align-items:center;gap:18px;margin-bottom:44px}.app-title h2{font-size:25px;letter-spacing:-.03em}.app-title p{font-size:12px;color:var(--muted);margin-top:6px}.icon-slot{width:72px;height:72px;flex:0 0 72px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:var(--surface);border:1px solid #55504a;box-shadow:0 12px 25px #0003}.icon-slot img{width:76%;height:76%;object-fit:contain}.flight-ready .icon-slot.awaiting{visibility:hidden}.product h3{font-size:clamp(36px,4.15vw,62px);line-height:1.13;margin-bottom:24px}.product h3 span{color:var(--muted)}.product-copy>p{font-size:15px;color:var(--muted);max-width:440px;line-height:1.9}.feature-list{padding:0;list-style:none;margin:28px 0 34px;font-size:13px}.feature-list li{padding:7px 0;display:flex;align-items:center;gap:10px}.product-visual{position:relative;min-width:0}.screenshot-button{display:block;position:relative;width:100%;padding:0;background:transparent;border-radius:8px;isolation:isolate}.screenshot-button>img{width:100%;height:auto;border-radius:8px;box-shadow:0 20px 50px #0004;outline:1px solid #ffffff20}.enlarge{position:absolute;bottom:16px;right:16px;background:#252322;color:var(--cream);padding:10px 13px;border-radius:4px;display:flex;align-items:center;gap:16px;font-size:10px;box-shadow:0 4px 18px #0003;opacity:0;transform:translateY(6px);transition:opacity .18s,transform .18s}.screenshot-button:hover .enlarge,.screenshot-button:focus-visible .enlarge{opacity:1;transform:none}.product-visual figcaption{font-size:12px;color:var(--muted);margin-top:24px}
.product-guidance{background:var(--cream);color:var(--charcoal);--muted:#69655f;--indigo:#4c5391;padding-block:105px}.product-guidance .app-title{margin-bottom:34px}.product-guidance h3{font-size:clamp(36px,3.5vw,52px)}
.product-mize{padding-block:120px}
.goal{background:var(--cream);color:var(--charcoal);--indigo:#4c5391;padding-block:95px 80px}.goal .eyebrow{color:#69655f}.goal-statement{font-size:clamp(46px,6.9vw,104px);margin-top:32px;max-width:1100px;letter-spacing:-.065em}.goal-statement span{color:#827b72}.goal-bottom{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;margin-top:55px}.goal-bottom p{font-size:16px;line-height:1.85;max-width:510px}.goal-bottom p+p{margin-top:18px;color:#69655f;font-size:13px}.goal-art{position:relative;width:240px;height:190px;display:grid;place-items:center;margin-left:25px}.goal-art span{font-size:12px;padding:10px;background:var(--cream);z-index:1}.about{padding-block:125px;display:grid;grid-template-columns:1fr 1fr;gap:120px;align-items:center}.maker-art{position:relative;background:#292622;border-radius:8px;padding:32px;transform:rotate(-2deg)}.maker-art>img{width:100%;height:auto;border-radius:4px}.maker-label{display:flex;justify-content:space-between;gap:20px;margin-top:24px;font-size:11px;color:var(--muted)}.about h2{font-size:clamp(40px,4.2vw,64px);margin:23px 0 30px}.about h2 span{color:var(--muted)}.about-copy>p:not(.eyebrow){font-size:14px;line-height:1.85;color:var(--muted);max-width:470px;margin-bottom:20px}.about .text-link{margin-top:15px}.signature{display:block;font-weight:500;font-size:32px;letter-spacing:-.08em;transform:rotate(-7deg);transform-origin:left;margin-top:27px}
.preview-notice{font-size:11px;color:var(--muted);margin-top:18px}.faq{padding-block:115px;display:grid;grid-template-columns:1fr 1.2fr;gap:100px}.faq h2{font-size:clamp(36px,3.5vw,54px)}.faq h2 span{color:var(--muted)}.faq details{border-bottom:1px solid var(--line)}.faq details:first-child{border-top:1px solid var(--line)}.faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;font-size:13px;cursor:pointer;min-height:64px}.faq summary::-webkit-details-marker{display:none}.faq summary span{font-size:21px;color:var(--muted);transition:transform .2s}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{font-size:13px;color:var(--muted);max-width:510px;padding-bottom:25px;line-height:1.8}
.downloads{padding-top:95px;background:var(--cream);color:var(--charcoal);--indigo:#4c5391}.downloads .eyebrow{color:#69655f}.downloads h2{font-size:clamp(42px,5.8vw,88px);margin-top:28px;line-height:1.12}.downloads h2 span{color:#817b71}.download-shelf{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:44px}.download-shelf>a{display:flex;align-items:center;gap:18px;padding:24px 0;border-top:1px solid #c5beb2;transition:transform .18s}.download-shelf img{width:58px;height:58px;object-fit:contain;padding:8px;border-radius:13px;background:var(--charcoal);box-shadow:0 8px 14px #1a181719}.download-shelf>a:first-child img{padding:0}.download-shelf strong{font-weight:500;font-size:18px;letter-spacing:-.04em}.download-shelf a>span>span{display:block;font-size:12px;color:#69655f;margin-top:4px}.download-shelf svg{margin-left:auto}.download-shelf a:hover{transform:translateY(-4px)}footer{margin-top:90px}.footer-mark{width:100%;height:auto;aspect-ratio:7.45;margin-bottom:45px}.footer-line{border-top:1px solid #c5beb2;display:flex;align-items:center;gap:35px;padding-block:26px;font-size:12px;color:#69655f}.footer-line>span{margin-right:auto}.footer-line a:hover{color:var(--charcoal)}
#preview-dialog{width:min(1300px,94vw);max-height:94svh;overflow:auto;padding:20px;background:var(--charcoal);color:var(--cream);border:1px solid #655f56;border-radius:12px;box-shadow:0 30px 100px #0009}#preview-dialog::backdrop{background:#000d;backdrop-filter:blur(8px)}.dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.dialog-bar h2{font-size:18px;letter-spacing:-.03em}.close-dialog{min-height:44px;background:var(--surface);border-radius:6px;padding:8px 16px;font-size:12px}.close-dialog span{font-size:20px;margin-left:20px}#preview-image{width:100%;height:auto;border-radius:6px}#preview-dialog>p{font-size:12px;color:var(--muted);margin-top:15px}

@media(hover:hover) and (pointer:fine){.button:hover{transform:translateY(-3px)}.button-cream:hover{background:#fffaf1}.button-dark:hover{background:#393632}}
@media(min-width:1700px){.hero h1{font-size:150px}}
@media(max-width:1100px){.about{gap:65px}.app-index a{display:block}.product-grid{gap:40px 50px}.app-index span{display:block;margin-top:5px}.download-shelf{gap:22px}.download-shelf>a{gap:10px}.download-shelf img{width:46px;height:46px}.download-shelf strong{font-size:17px}.download-shelf a>span>span{font-size:11px}.hero-foot{font-size:10px}}
@media(max-width:760px){:root{--gutter:24px}.site-header{height:80px}.wordmark{width:112px;height:22px}.site-header nav,.header-cta{display:none}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:44px;height:44px;background:transparent;padding:10px}.menu-toggle span{height:1px;width:22px;background:var(--cream);transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.mobile-menu:not([hidden]){display:flex;flex-direction:column;position:absolute;top:80px;left:16px;right:16px;z-index:40;background:#252322;padding:20px 24px;border:1px solid #49443e;border-radius:10px;box-shadow:0 18px 45px #0008}.mobile-menu a{padding:14px 0;border-bottom:1px solid #454039}.mobile-menu a:last-child{border:0}.hero-stage{min-height:560px}.hero-copy{padding-top:65px;padding-bottom:50px}.hero h1{font-size:clamp(49px,10.6vw,80px);letter-spacing:-.065em;line-height:1.06}.hero .eyebrow{font-size:9px;margin-bottom:28px;letter-spacing:.08em}.hero-description{font-size:13px;margin:25px auto}.hero .button{font-size:11px;padding:16px 18px;gap:20px}.hero-foot{bottom:26px;display:block;font-size:10px}.hero-foot span:last-child{display:none}.hero-after strong{font-size:50px}.hero-after p{font-size:24px}.flying-icon{width:128px;height:128px}.apps-intro{padding-top:75px;grid-template-columns:1fr;gap:26px}.apps-intro h2{font-size:40px}.apps-intro>p{font-size:13px;max-width:340px}.app-index{gap:16px;margin-top:12px}.app-index a+a{margin-left:0}.app-index a{font-size:13px;padding:19px 0}.app-index span{font-size:11px;line-height:1.7}.product{padding-block:70px}.product-grid{grid-template-columns:1fr;gap:28px}.product-visual{margin-top:8px}.product-actions{gap:18px}.app-title{margin-bottom:28px;gap:15px}.icon-slot{width:60px;height:60px;flex-basis:60px;border-radius:14px}.app-title h2{font-size:24px}.app-title p{font-size:11px}.product h3{font-size:43px;line-height:1.12;max-width:430px}.product-copy>p{font-size:13px;max-width:380px}.feature-list{font-size:12px;margin:22px 0 28px}.button{font-size:12px}.product-visual figcaption{font-size:11px;margin-top:20px}.enlarge{opacity:1;transform:none;bottom:8px;right:8px;font-size:10px;padding:7px 9px}.product-guidance h3{font-size:39px}.goal{padding-block:65px}.goal-statement{font-size:48px;line-height:1.15;margin-top:25px;letter-spacing:-.065em}.goal-statement br{display:none}.goal-bottom{grid-template-columns:1fr;gap:30px;margin-top:30px}.goal-art{width:170px;height:140px;margin-left:0}.goal-bottom p{font-size:15px}.goal-bottom p+p{font-size:12px}.about{padding-block:75px;grid-template-columns:1fr;gap:55px}.maker-art{max-width:400px;padding:24px}.maker-label{font-size:10px;margin-top:20px}.about h2{font-size:42px;margin-top:20px;margin-bottom:25px}.about-copy>p:not(.eyebrow){font-size:13px}.preview-notice{font-size:10px;max-width:300px}.faq{grid-template-columns:1fr;gap:35px;padding-block:75px}.faq h2{font-size:39px}.faq h2 br{display:none}.faq summary{font-size:12px}.faq details p{font-size:12px}.downloads{padding-top:65px}.downloads h2{font-size:44px}.download-shelf{grid-template-columns:1fr;gap:0;margin-top:35px}.download-shelf>a{gap:18px;padding:20px 0}.download-shelf img{width:54px;height:54px}.download-shelf strong{font-size:19px}.download-shelf a>span>span{font-size:11px}footer{margin-top:50px}.footer-mark{margin-bottom:30px}.footer-line{font-size:11px;gap:20px;flex-wrap:wrap;padding-block:22px}.footer-line>span{width:100%;margin:0}#preview-dialog{padding:14px}.dialog-bar h2{font-size:14px}.close-dialog{font-size:10px;padding:6px 10px}.close-dialog span{margin-left:10px}}
@media(max-width:380px){.hero h1{font-size:47px}.hero-stage{min-height:530px}.hero .eyebrow{font-size:10px}.hero-description{font-size:12px}.hero .button{font-size:11px}.product h3{font-size:38px}.app-title p{font-size:11px}.goal-statement{font-size:42px}.download-shelf{margin-top:30px}.downloads h2{font-size:39px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero{height:100svh!important;min-height:560px}.hero-stage{position:relative!important}.hero-copy{transform:none!important;opacity:1!important}.icon-slot.awaiting{visibility:visible!important}.product-visual,.maker-art{transform:none!important;clip-path:none!important}.goal-statement span{color:#69655f!important}[data-sc-in]{opacity:1!important;transform:none!important}.button,.download-shelf>a{transition:none}.button:hover,.download-shelf>a:hover{transform:none}}
html{overflow-x:clip}
@media print{.hero{height:auto!important}.hero-stage{height:auto!important;min-height:0}.hero-copy{transform:none!important;opacity:1!important}.icon-slot.awaiting{visibility:visible!important}.product,.about,.goal,.faq{break-inside:avoid;padding-block:35px}[data-sc-in]{opacity:1!important;transform:none!important}}

/* Device frames use the original image pixels with no perspective resampling. */
.screenshot-button{transform:none;width:100%;border-radius:12px;background:transparent}





.enlarge{bottom:18px;right:18px;font-size:11px}.product-more{display:flex;width:max-content;max-width:100%}
.goal-art{width:300px;height:220px;margin-left:10px}
.future{padding:110px 0 75px;background:#dcd6cb;color:var(--charcoal);--muted:#5b554d;--indigo:#4c5391;overflow:hidden}
.future-heading{display:grid;grid-template-columns:1.6fr 1fr;gap:80px;align-items:end}.future h2{font-size:clamp(40px,5vw,74px);margin-top:24px}.future h2 span{color:#777066}.future-heading>p{font-size:14px;line-height:1.9;max-width:360px;padding-bottom:5px}
.future-devices{display:flex;align-items:center;gap:7%;max-width:1150px;margin:70px auto 65px}.future-phone{width:22%;flex:none;position:relative;z-index:1}.future-mac{width:71%}.future-devices figcaption{font-size:12px;color:#574f46;text-align:center;margin-top:22px}
.future-links{display:grid;grid-template-columns:1fr 1fr;gap:60px}.future-links a{display:flex;flex-direction:column;gap:13px;border-top:1px solid #b3aa9c;padding-top:26px}.future-links strong{font-weight:500;font-size:29px;letter-spacing:-.04em}.future-links a>span:last-child{font-size:13px}.future-links a:hover strong{color:#5b544a}.future-note{margin-top:40px;font-size:12px;color:#574f46}
.detail-page .site-header{position:relative;border-bottom:1px solid var(--line)}.detail-main{padding-top:80px}.detail-hero{padding-bottom:90px}
.detail-hero>.product-visual{margin-top:64px}.detail-hero h1{font-size:clamp(52px,6vw,90px);margin:22px 0 26px}.detail-hero h1 span{color:var(--muted)}.detail-hero .lead{font-size:16px;color:var(--muted);line-height:1.85;max-width:460px;margin-bottom:30px}.detail-hero .app-title{margin-bottom:25px}.detail-hero .eyebrow{color:var(--muted)}.detail-hero .product-visual figcaption{text-align:center}.detail-links{display:flex;gap:25px;align-items:center;flex-wrap:wrap}.detail-info{background:var(--cream);color:var(--charcoal);padding:85px 0;--muted:#69655f}.detail-info h2{font-size:clamp(34px,4vw,56px);max-width:760px;margin-bottom:40px}.info-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:55px}.info-columns h3{font-size:24px;margin-bottom:16px}.info-columns p{font-size:13px;line-height:1.9;color:#69655f}.detail-gallery{padding-block:90px}.detail-gallery>h2{font-size:42px;margin-bottom:42px}.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}.gallery-grid figcaption{font-size:12px;line-height:1.8;margin-top:22px;color:var(--muted)}.gallery-grid figcaption strong{display:block;font-size:19px;color:var(--cream);font-weight:500;margin-bottom:6px}.maker-note{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:40px;padding-block:50px}.maker-note p{max-width:560px;color:var(--muted);font-size:13px}.maker-note strong{display:block;font-weight:500;color:var(--cream);font-size:18px;margin-bottom:10px}.detail-footer{padding:50px 0 30px;background:var(--cream);color:var(--charcoal)}.detail-footer footer{margin:0}.detail-footer .footer-mark{max-width:600px}.waitlist-page .detail-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}.waitlist-visual{max-width:290px;margin:auto}.waitlist-visual.mac-concept{max-width:none}.waitlist-visual figcaption{font-size:12px;color:var(--muted);margin-top:25px;text-align:center}.waitlist-form{margin-top:32px;max-width:470px}.waitlist-form label{display:block;font-size:12px;margin-bottom:9px}.email-row{display:flex;gap:8px}.email-row input{width:100%;min-width:0;border:1px solid #696158;background:#252322;color:var(--cream);padding:15px;border-radius:6px}.email-row input:focus-visible{outline:2px solid var(--indigo);outline-offset:2px}.email-row .button{gap:10px}.waitlist-form .form-note,.form-status{font-size:12px;color:var(--muted);line-height:1.8;margin-top:14px}.form-status{min-height:20px}.form-status[data-state=error]{color:#ffc3b7}.form-status[data-state=success]{color:#cbdab9}.waitlist-form button:disabled{cursor:default;opacity:.6;transform:none}.privacy-link{text-decoration:underline}.waitlist-context{padding:0 0 70px;max-width:750px;margin:auto;color:var(--muted);font-size:13px;line-height:1.9}.waitlist-context h2{color:var(--cream);font-size:28px;margin-bottom:18px}
@media(max-width:1100px){.site-header nav{gap:22px;margin-left:15px}.detail-hero{gap:40px}.detail-hero h1{font-size:62px}.future-heading{gap:40px}}
@media(max-width:760px){.product-more{font-size:12px}.goal-art{width:235px;height:185px}.future{padding-block:65px}.future-heading{grid-template-columns:1fr;gap:25px}.future h2{font-size:42px}.future-devices{gap:5%;margin:45px auto}.future-phone{width:27%}.future-mac{width:68%}.future-devices figcaption{font-size:10px;line-height:1.6}.future-links{gap:25px}.future-links strong{font-size:23px}.future-links .eyebrow{font-size:10px}.future-links a>span:last-child{font-size:11px}.future-note{font-size:11px}.detail-main{padding-top:45px}.detail-hero,.waitlist-page .detail-hero{grid-template-columns:1fr;gap:50px;padding-bottom:60px}.detail-hero h1{font-size:54px}.detail-hero .lead{font-size:14px}.detail-info{padding-block:60px}.info-columns,.gallery-grid{grid-template-columns:1fr;gap:38px}.detail-gallery{padding-block:65px}.detail-gallery>h2{font-size:34px}.maker-note{display:block}.maker-note a{margin-top:24px}.waitlist-visual{width:240px}.waitlist-visual.mac-concept{width:100%}.email-row{flex-direction:column}.email-row .button{justify-content:center}.waitlist-context{padding:0 24px 60px}.detail-footer{padding-top:35px}}
@media(prefers-reduced-motion:reduce){.hero-after,#icon-flight{display:none!important}}
@media print{.hero-after,#icon-flight,.menu-toggle{display:none}}

.detail-hero figcaption strong{display:block;font-weight:500;margin-bottom:5px}

.with-slate .app-index,.with-slate .download-shelf{grid-template-columns:repeat(4,1fr)}.with-slate .app-index a{display:block}.with-slate .app-index span{display:block;margin-top:5px}.product-slate{background:#29262d}.product-slate h3{font-size:clamp(36px,3.7vw,56px)}
.slate-page{background:var(--cream);color:var(--charcoal);--muted:#69655f;--line:#c8c0b5;--indigo:#4c5391}.slate-page .site-header{color:var(--charcoal)}.slate-page .site-header nav a{color:#69655f}.slate-page .site-header nav a:hover{color:var(--charcoal)}.slate-page .detail-main{padding-top:0}.slate-page .menu-toggle span{background:var(--charcoal)}.slate-page .mobile-menu{color:var(--cream)}.slate-intro{padding-top:65px}.slate-intro .app-title{margin-bottom:38px}.slate-intro .app-title p{color:#69655f}.slate-intro-head{display:grid;grid-template-columns:1.3fr 1fr;gap:100px;align-items:end}.slate-intro h1{font-size:clamp(64px,7.5vw,116px);letter-spacing:-.065em;line-height:1.02}.slate-intro h1 span{color:#84796e}.slate-intro .lead{max-width:380px;font-size:15px;line-height:1.9;margin-bottom:25px}.slate-intro .platform{color:#69655f}.slate-cover{max-width:1080px;margin:65px auto 75px}.slate-cover figcaption{text-align:center;color:#69655f;margin-top:24px;font-size:11px}.slate-manifesto{border-top:1px solid #bfb5a8;padding-block:50px 85px;display:grid;grid-template-columns:1fr 1.5fr;gap:70px}.slate-manifesto h2{font-size:clamp(35px,4vw,58px)}.slate-manifesto p{font-size:15px;line-height:1.9;color:#69655f;max-width:560px}.slate-gallery{background:var(--charcoal);color:var(--cream);--muted:#a8a49e;padding:85px 0}.slate-gallery h2{font-size:clamp(40px,4.8vw,72px);margin-bottom:40px}.slate-gallery .gallery-grid{gap:65px}.slate-gallery .gallery-grid figcaption strong{font-size:26px}.slate-gallery .maker-note{margin-top:65px;border-color:#49423b}.slate-close{padding-block:80px;display:flex;align-items:center;justify-content:space-between;gap:40px}.slate-close h2{font-size:clamp(38px,4.6vw,64px);max-width:740px}.slate-page .detail-footer{border-top:1px solid #c8c0b5}
@media(max-width:1100px){.with-slate .download-shelf{grid-template-columns:1fr 1fr}.slate-intro-head{gap:50px}.slate-intro h1{font-size:85px}}
@media(max-width:760px){.with-slate .app-index{grid-template-columns:1fr 1fr;gap:0 25px}.with-slate .app-index a:nth-child(n+3){border-top:1px solid var(--line)}.with-slate .download-shelf{grid-template-columns:1fr}.product-slate h3{font-size:40px}.slate-intro{padding-top:40px}.slate-intro-head{grid-template-columns:1fr;gap:30px}.slate-intro h1{font-size:60px}.slate-intro .lead{font-size:14px}.slate-cover{margin:45px auto}.slate-manifesto{grid-template-columns:1fr;gap:25px;padding-block:35px 55px}.slate-gallery{padding-block:60px}.slate-gallery .gallery-grid{gap:45px}.slate-close{display:block;padding-block:55px}.slate-close .button{margin-top:30px}}

/* The About story stays in place while its portrait crosses to the right. */
.about-story{height:210svh;position:relative;--about-p:0}.about-stage{position:sticky;top:0;height:100svh;min-height:740px;overflow:clip;display:grid;align-items:center}.about-canvas{position:relative;height:640px}.about-story .maker-art{position:absolute;top:50%;left:0;width:43%;max-width:530px;padding:24px;transform:translate(calc(var(--about-p)*132%),-50%) rotate(calc(-2deg + var(--about-p)*4deg))}.about-story .maker-art>img{aspect-ratio:1;object-fit:cover;max-height:440px}.about-story .about-copy{position:absolute;width:43%;top:50%;transform:translateY(-50%)}.about-first{left:57%;opacity:calc(1 - var(--about-p)*2);translate:calc(var(--about-p)*80px) 0}.about-second{left:0;opacity:calc(var(--about-p)*2 - 1);translate:calc((var(--about-p) - 1)*80px) 0}.about-story h2{font-size:clamp(40px,4.2vw,64px);margin:22px 0 28px}.about-story h2 span{color:var(--muted)}.about-controls{position:absolute;bottom:-8px;left:0;display:flex;gap:20px}.about-controls button{padding:10px 0;min-height:44px;background:none;color:var(--muted);border-bottom:1px solid transparent;font-size:12px}.about-controls button[aria-pressed=true]{border-color:var(--cream);color:var(--cream)}
.slate-page .waitlist-form input{background:#f7f4ee;color:#252322;border-color:#aaa397}.slate-page .form-status[data-state=success]{color:#43583b}.slate-page .form-status[data-state=error]{color:#9a3626}.slate-intro-head{align-items:center;gap:65px}.slate-page .email-row{flex-wrap:wrap}.slate-page .email-row input{flex:1 1 190px}.slate-page .email-row .button{flex:1 1 auto}
.legal-links{display:flex;flex-wrap:wrap;gap:12px 24px;border-top:1px solid #c5beb2;padding-block:22px;font-size:12px;color:#69655f}.legal-links a:hover{text-decoration:underline}
@media(max-width:760px){.hero-foot{display:flex}.hero-foot>span:last-of-type{display:none}.motion-toggle{margin-left:auto;font-size:10px}.about-story{height:220svh}.about-stage{min-height:800px}.about-canvas{height:740px}.about-story .about-copy{width:100%;top:25px;transform:none}.about-first{left:0;translate:calc(var(--about-p)*115vw) 0}.about-second{left:0;translate:calc((var(--about-p) - 1)*115vw) 0}.about-story h2{font-size:38px;margin:14px 0 20px}.about-story .about-copy>p:not(.eyebrow){font-size:12px;line-height:1.8;margin-bottom:14px}.about-story .signature{display:none}.about-story .text-link{margin-top:0}.about-story .maker-art{top:auto;bottom:46px;max-width:260px;width:74%;padding:12px;transform:translateX(calc(var(--about-p)*32%)) rotate(calc(-2deg + var(--about-p)*4deg))}.about-story .maker-art>img{max-height:230px}.about-story .maker-label{font-size:9px;margin-top:10px;gap:6px}.about-controls{bottom:0}.slate-intro-head{gap:30px}}
@media(prefers-reduced-motion:reduce){.burst-dust,.motion-toggle{display:none}.about-story{height:auto!important;padding-block:75px}.about-stage{position:static!important;height:auto;min-height:0}.about-canvas{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:40px}.about-story .maker-art,.about-story .about-copy{position:static;width:auto;transform:none;translate:none;opacity:1}.about-story .about-second{grid-column:1/-1;max-width:660px}.about-controls{display:none}}
@media(max-width:760px) and (prefers-reduced-motion:reduce){.about-canvas{grid-template-columns:1fr}.about-story .maker-art{max-width:320px}.about-story .maker-art>img{max-height:none}}
@media print{.burst-dust,.motion-toggle,.about-controls{display:none}.about-story{height:auto!important}.about-stage,.about-canvas{height:auto;min-height:0;position:static;display:block}.about-story .maker-art,.about-story .about-copy{position:static;transform:none;translate:none;opacity:1;width:100%;max-width:600px;margin-block:30px}}
@media(max-width:760px) and (prefers-reduced-motion:no-preference){.about-stage{height:max(100svh,calc(var(--about-copy-height,450px) + 400px));min-height:0}.about-canvas{height:calc(var(--about-copy-height,450px) + 340px)}}

@media(prefers-reduced-motion:reduce),print{.paper-plane{transform:none!important;opacity:1!important}}

/* First-viewport expand-in, modeled on Framer appear (scale + fade, staggered). */
.play-intro .site-header,
.play-intro .hero-copy > *,
.play-intro .hero-foot{
  opacity:0;
  animation:intro-expand .92s cubic-bezier(.16,1,.3,1) var(--intro-delay,0s) both;
}
.play-intro .site-header{--intro-delay:.02s;transform-origin:50% 0}
.play-intro .hero-copy .eyebrow{--intro-delay:.12s;transform-origin:50% 80%}
.play-intro .hero-copy h1{--intro-delay:.22s;transform-origin:50% 70%}
.play-intro .hero-description{--intro-delay:.38s}
.play-intro .hero-copy .button{--intro-delay:.5s}
.play-intro .hero-foot{--intro-delay:.62s}
@keyframes intro-expand{
  from{opacity:0;transform:scale(.9) translate3d(0,18px,0)}
  to{opacity:1;transform:none}
}
@media(prefers-reduced-motion:reduce),print{
  .play-intro .site-header,
  .play-intro .hero-copy > *,
  .play-intro .hero-foot{animation:none;opacity:1;transform:none}
}

/* Supplied Apple bezels are layered over screenshots only in Apple previews. */
.apple-device{position:relative;width:100%;isolation:isolate}
.apple-device .apple-bezel{position:relative;z-index:2;width:100%;height:auto;pointer-events:none}
.apple-screen{position:absolute;overflow:hidden;background:#f7f6f3;z-index:1}
.apple-screen img{width:100%;height:100%;object-fit:contain}
.apple-phone{aspect-ratio:980/2000;filter:drop-shadow(0 24px 20px #40362922)}
.apple-phone .apple-screen{inset:1.9% 4.8%;border-radius:17% / 8%}
.apple-phone .apple-screen img{object-fit:cover}
.apple-phone .apple-screen:after{content:'';position:absolute;inset:0 0 auto;height:6%;background:#f7f6f3}
.apple-mac{aspect-ratio:4260/2840;filter:drop-shadow(0 24px 20px #40362922)}
.apple-mac .apple-screen{left:9.3%;right:9.3%;top:10.6%;bottom:9.3%;border-radius:1.5% 1.5% 0 0;background:#f7f6f3}
.apple-mac .apple-screen img{object-position:center}
.screen-crop{display:block;position:relative;overflow:hidden;aspect-ratio:1424/892}
.screen-crop>img,#preview-surface.screen-crop #preview-image{position:absolute;top:0;left:0;width:101.123596%;max-width:none;height:auto;transform:translateX(-.555556%);border-radius:0}
.goal{overflow:clip}
.legal-links{justify-content:space-between;align-items:center}
.hero-credit{display:flex;align-items:center;gap:20px;margin-left:auto}.hero-foot>span:last-of-type{margin:0}
.goal-art{width:100%;max-width:380px;height:auto;margin:0;padding:12px 0}
.goal-tasks{padding:0;margin:0;list-style:none;display:grid;gap:13px}
.goal-tasks li{display:flex;align-items:center;gap:14px;padding:17px 20px;background:#faf7f1;border:1px solid #d7d0c4;border-radius:8px;box-shadow:0 8px 20px #1a181709;opacity:0;transform:translateX(-65px);transition:transform .85s cubic-bezier(.2,.7,.25,1),opacity .6s}
.goal-tasks li:nth-child(2){margin-left:20px;transition-delay:.16s}.goal-tasks li:nth-child(3){margin-left:40px;transition-delay:.32s}
.goal-tasks.tasks-visible li{opacity:1;transform:none}.goal-art .goal-tasks span{padding:0;background:none;font-size:13px}.goal-art .task-check{display:grid;place-items:center;width:22px;height:22px;border:1px solid #b2aba0;border-radius:50%;color:#6a665e}.goal-tasks small{margin-left:auto;color:#9a9388;font-size:10px}
@media(max-width:1000px){.hero-credit{gap:8px}.hero-credit>span{max-width:180px;text-align:right}.hero-foot{display:flex}}
@media(max-width:760px){.legal-links{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.legal-links a{min-height:44px;display:flex;align-items:center;text-align:left}.hero-foot{gap:10px;bottom:15px}.hero-foot>span:first-child{display:block;max-width:120px}.hero-credit>span{display:none}.hero-copy{padding-bottom:130px}.goal-art{max-width:350px}.goal-tasks li{padding:15px}.goal-tasks li:nth-child(3){margin-left:30px}}
@media(prefers-reduced-motion:reduce),print{.goal-tasks li{opacity:1;transform:none;transition:none}}


/* Straight-on Windows laptop. The supplied ROG photograph stays untouched. */





.hero-copy{translate:var(--depth-x,0px) var(--depth-y,0px)}
.hero-after{translate:calc(var(--depth-x,0px) * -.5) calc(var(--depth-y,0px) * -.5)}

/* Pricing: three clear options, with annual Pro selected by default. */
.pricing{padding:110px 0;background:#efebe4;color:#252322;--muted:#69655f;--line:#d8d1c7;scroll-margin-top:30px}
.pricing-heading{text-align:center;max-width:720px;margin:0 auto}
.pricing-heading h2{font-size:clamp(40px,4.6vw,68px);line-height:1.08;margin:24px 0}
.pricing-heading h2 span{color:#81796e}
.pricing-heading>p:last-child{max-width:490px;margin:auto;color:#69655f;font-size:14px;line-height:1.9}
.billing-switch{display:flex;gap:5px;padding:5px;border:1px solid #ccc4b8;border-radius:10px;width:max-content;margin:32px auto 54px;background:#e5dfd5}
.billing-switch button{background:transparent;color:#59544d;padding:12px 20px;border-radius:6px;font-size:12px;min-height:44px}
.billing-switch button[aria-pressed=true]{background:#252322;color:#f8f5ef;box-shadow:0 3px 8px #0002}
.billing-switch button span{font-size:9px;margin-left:6px;opacity:.8}
.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}
.price-card{position:relative;padding:38px 30px 30px;border-radius:14px;border:1px solid #d8d1c7;background:#faf8f4;display:flex;flex-direction:column;min-width:0}
.price-card h3{font-size:23px;letter-spacing:-.04em;font-weight:500;margin-bottom:25px}
.price{display:flex;align-items:baseline;gap:9px;margin:0;font-variant-numeric:tabular-nums;white-space:nowrap}
.price strong{font-size:clamp(42px,4.3vw,65px);line-height:1;letter-spacing:-.07em;font-weight:500}
.price>span{font-size:12px;color:#81796e}
.price-billing{font-size:11px;line-height:1.6;color:#69655f;margin-top:12px;min-height:32px}
.price-description{font-size:13px;line-height:1.9;color:#69655f;margin:18px 0 24px;min-height:50px;max-width:265px}
.price-card .button{width:100%;justify-content:center;min-height:48px;font-size:12px}
.price-card:not(.price-featured) .button{border:1px solid #d8d1c7}
.plan-more{display:block;text-align:center;text-decoration:underline;text-underline-offset:4px;font-size:11px;padding:14px 0;min-height:44px}
.price-card ul{list-style:none;padding:24px 0 0;margin:9px 0 0;border-top:1px solid #d8d1c7;display:grid;gap:17px;font-size:12px;line-height:1.7}
.price-card li{position:relative;padding-left:22px}
.price-card li:before{content:'✓';position:absolute;left:0;color:#81796e}
.price-featured{background:#252322;color:#f8f5ef;border-color:#252322;box-shadow:0 18px 40px #2523221c}
.price-featured .price-billing,.price-featured .price-description,.price-featured .price>span,.price-featured .plan-status{color:#beb6a9}
.price-featured .button-dark{background:#efebe4;color:#252322}
.price-featured ul{border-color:#514b42}.price-featured li:before{color:#c9baa0}
.plan-badge{position:absolute;top:-16px;left:50%;transform:translateX(-50%);white-space:nowrap;border:1px solid #a89a82;border-radius:30px;background:#d8cbb5;color:#252322;padding:7px 15px;font-size:10px}
.plan-status{font-size:11px;line-height:1.6;color:#69655f;padding-top:25px;margin-top:auto}
.pricing-note{font-size:12px;color:#69655f;text-align:center;max-width:700px;margin:32px auto 0;line-height:1.8}
.pricing-note a{text-decoration:underline}

/* Plan details and a payment-free checkout preview. */
.plan-main{padding-top:155px;padding-bottom:100px}
.plan-back{display:inline-flex;min-height:44px;align-items:center;color:var(--muted);font-size:12px;margin-bottom:30px}
.plan-intro,.checkout-panel{display:grid;grid-template-columns:1.2fr .8fr;gap:90px;align-items:start}
.plan-intro h1,.checkout-panel h2,#checkout-selection h1{font-size:clamp(40px,5vw,74px);line-height:1.07;letter-spacing:-.055em;margin:25px 0}
.plan-intro>div>p:last-child,.checkout-panel>div>p{font-size:16px;line-height:1.8;color:var(--muted);max-width:540px}
.plan-summary{border:1px solid #50483e;border-radius:14px;padding:35px;background:#24211d;align-self:start}
.plan-summary>.price{margin-bottom:14px}.plan-summary>p:not(.price){font-size:12px;color:#b7aea0;line-height:1.8}
.plan-summary .plan-billing-detail{margin-block:24px}.plan-summary .button{width:100%;justify-content:center;margin-top:25px;font-size:12px}
.plan-summary .button:disabled{cursor:not-allowed;background:#696157;color:#f8f5ef;opacity:.75;box-shadow:none;transform:none}
.plan-features{margin-top:90px;padding-top:55px;border-top:1px solid var(--line)}
.plan-features h2,.plan-fineprint h2{font-size:clamp(30px,3vw,44px);line-height:1.2;margin-bottom:35px}
.plan-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}
.plan-feature-grid img{object-fit:contain;background:#2b2824;border-radius:12px;padding:5px;margin-bottom:22px}
.plan-feature-grid h3{font-size:22px;margin-bottom:16px}.plan-feature-grid p,.plan-fineprint p{font-size:13px;line-height:1.9;color:var(--muted)}
.plan-fineprint{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;margin-top:80px;border-top:1px solid var(--line);padding-top:50px}
.plan-fineprint p+p{margin-top:18px}.plan-fineprint a{text-decoration:underline;text-underline-offset:3px}
.checkout-panel[hidden],#checkout-selection[hidden]{display:none}
.checkout-panel{padding-bottom:70px}.checkout-panel .text-link{margin-top:30px}.checkout-total{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:25px;margin:25px 0;font-size:15px}
.plan-summary p:not(.price) strong{color:var(--cream);font-weight:600}.thanks-steps{margin-top:22px;padding-left:20px;display:grid;gap:14px;font-size:13px;line-height:1.8;color:#b7aea0}
.checkout-options{display:grid;gap:16px;max-width:550px;margin-top:35px}.checkout-options a{padding:20px;background:#24211d;border:1px solid var(--line);border-radius:8px}
@media(max-width:1100px){.pricing-grid{gap:15px}.price-card{padding:30px 22px 25px}.price-description{min-height:75px}.plan-intro,.checkout-panel{gap:40px}.plan-summary{padding:26px}.with-slate .site-header nav{gap:20px;margin-left:30px}}
@media(max-width:760px){.pricing{padding-block:70px}.pricing-grid{grid-template-columns:1fr;gap:35px}.pricing-heading h2{font-size:42px}.pricing-heading>p:last-child{font-size:13px}.billing-switch{margin-bottom:40px}.price-card{padding:30px}.price-description{min-height:0}.price strong{font-size:58px}.price-billing{min-height:0}.plan-main{padding-top:110px;padding-bottom:65px}.plan-intro,.checkout-panel,.plan-feature-grid,.plan-fineprint{grid-template-columns:1fr;gap:30px}.plan-intro h1,.checkout-panel h2{font-size:45px}.plan-features,.plan-fineprint{margin-top:55px}.plan-feature-grid{gap:35px}.plan-fineprint h2{margin-bottom:0}.plan-summary{padding:28px}.plan-feature-grid img{margin-bottom:14px}}
@media(prefers-reduced-motion:reduce),print{.hero-copy,.hero-after,.burst-dust{translate:none!important}.apple-device{transform:none!important}}
/* Section choreography. Hover, reveal and scroll movement use separate layers. */
:root{--section-ease:cubic-bezier(.2,.75,.2,1)}
.sc-ready [data-sc-in],.sc-ready [data-sc-stagger]>*{transition-duration:850ms;transition-timing-function:var(--section-ease)}
html:not(.sc-ready) [data-sc-in],html:not(.sc-ready) [data-sc-stagger]>*{opacity:1;transform:none}
[data-sc-in]:focus-within,[data-sc-stagger]:focus-within>*{opacity:1;transform:none}
.screenshot-button:has(.app-window),.device-link{translate:0 0;transition:translate .45s var(--section-ease);will-change:translate}
.device-link{display:block;position:relative;border-radius:16px}
.device-link:focus-visible{outline:2px solid #756a58;outline-offset:8px}
.screenshot-button:has(.app-window):focus-visible,.device-link:focus-visible{translate:0 -12px}
@media(hover:hover) and (pointer:fine){.screenshot-button:has(.app-window):hover,.device-link:hover{translate:0 -12px}}

/* Future: the two devices rise into a shared horizon, at different speeds. */
.future{position:relative;isolation:isolate}
.future:before{content:'';position:absolute;z-index:-1;pointer-events:none;inset:15% 0 0;background:radial-gradient(ellipse at 50% 62%,#faf7f080,transparent 62%);opacity:0;transition:opacity 1.2s ease}
.future:has(.future-devices.sc-in):before{opacity:1}
.future-devices[data-sc-in],.future-heading[data-sc-in],.future-links[data-sc-in],.pricing-grid[data-sc-in],.pricing-heading[data-sc-in],.faq-list[data-sc-in],.download-shelf[data-sc-in]{opacity:1;transform:none}
.future-devices{position:relative}
.future-devices:after{content:'';position:absolute;left:15%;right:15%;bottom:-30px;height:1px;background:linear-gradient(90deg,transparent,#9a8d75,transparent);transform:scaleX(0);transform-origin:30% 50%;opacity:0;transition:transform 1.25s var(--section-ease) .35s,opacity .8s ease}
.future-devices.sc-in:after{transform:scaleX(1);opacity:.65}
.sc-ready .future-devices>.future-phone:not(.sc-in){transform:translate3d(-35px,65px,0) rotate(-5deg);opacity:0}
.sc-ready .future-devices>.future-mac:not(.sc-in){transform:translate3d(45px,40px,0) rotate(3deg);opacity:0}
.future-devices[data-sc-stagger]>figure{transition-duration:1.1s;transform-origin:50% 90%}
.future-links a>span:last-child{transition:translate .35s var(--section-ease)}
.future-links a:hover>span:last-child,.future-links a:focus-visible>span:last-child{translate:4px 0}

/* Pricing: staggered cards, a settling badge and a sliding billing selection. */
.sc-ready .pricing-grid>.price-card:not(.sc-in){transform:translate3d(0,42px,0) scale(.97);opacity:0}
.pricing-grid>.price-card{transition:opacity .8s var(--section-ease),transform .9s var(--section-ease),translate .35s var(--section-ease);translate:0 0}
.pricing-grid>.price-card:nth-child(2){transition-delay:.14s,.14s,0s}
.pricing-grid>.price-card:nth-child(3){transition-delay:.28s,.28s,0s}
@media(max-width:760px){.pricing-grid>.price-card{transition-delay:0s}}
.sc-ready .price-card:focus-within,.sc-ready .price-card:focus-within li{opacity:1;transform:none}
.sc-ready .price-card:focus-within li{translate:0 0}
.sc-ready .price-card:focus-within .plan-badge{opacity:1;scale:1}
@media(hover:hover) and (pointer:fine){.pricing-grid>.price-card:hover{translate:0 -6px}}
.price-card:focus-within{translate:0 -6px}
.sc-ready .price-card:not(.sc-in) .plan-badge{scale:.85;opacity:0}
.plan-badge{transition:scale .65s cubic-bezier(.2,1.4,.4,1) .35s,opacity .45s ease .35s}
.sc-ready .price-card:not(.sc-in) li{opacity:0;translate:0 8px}
.price-card li{transition:opacity .5s ease,translate .6s var(--section-ease);transition-delay:.3s}
.price-card li:nth-child(2){transition-delay:.36s}.price-card li:nth-child(3){transition-delay:.42s}.price-card li:nth-child(4){transition-delay:.48s}
.billing-switch{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 1fr;gap:0;width:min(340px,100%)}
.billing-switch:before{content:'';position:absolute;z-index:-1;left:5px;top:5px;bottom:5px;width:calc(50% - 5px);background:#252322;border-radius:6px;box-shadow:0 3px 8px #0002;transform:translateX(100%);transition:transform .42s var(--section-ease)}
.billing-switch[data-period=monthly]:before{transform:translateX(0)}
.billing-switch button{padding-inline:12px;transition:color .25s ease}
.billing-switch button[aria-pressed=true]{background:transparent;box-shadow:none}

/* FAQ: sequential questions, a turning control and native disclosure transitions. */
.faq details{position:relative}
.faq details:after{content:'';position:absolute;inset:auto 0 -1px;height:1px;background:#c5b99f;transform:scaleX(0);transform-origin:left;transition:transform .55s var(--section-ease)}
.faq details[open]:after{transform:scaleX(1)}
.faq summary{transition:color .3s ease}
.faq summary span{display:grid;place-items:center;flex:none;width:30px;height:30px;border:1px solid #6d6559;border-radius:50%;transition:transform .4s var(--section-ease),background-color .3s ease,color .3s ease}
.faq details[open] summary span{background:#efebe4;color:#252322;transform:rotate(135deg)}
.faq-answer{min-height:0;overflow:hidden}
.faq-answer p{padding-right:12px;animation:answer-in .45s var(--section-ease)}
@keyframes answer-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@supports selector(details::details-content){
 .faq details::details-content{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .45s var(--section-ease),opacity .3s ease,content-visibility .45s allow-discrete}
 .faq details[open]::details-content{grid-template-rows:1fr;opacity:1}
 .faq-answer p{animation:none;translate:0 8px;transition:translate .45s var(--section-ease)}
 .faq details[open] .faq-answer p{translate:0 0}
}
@media(max-width:760px){.sc-ready .future-devices>.future-phone:not(.sc-in){transform:translate3d(-10px,35px,0) rotate(-3deg)}.sc-ready .future-devices>.future-mac:not(.sc-in){transform:translate3d(12px,25px,0) rotate(2deg)}.future-devices:after{bottom:-23px}}
@media(prefers-reduced-motion:reduce),print{
 [data-sc-in],[data-sc-stagger]>*{opacity:1!important;transform:none!important;transition:none!important;transition-delay:0s!important}
 .screenshot-button:has(.app-window),.device-link,.price-card,.price-card li,.future-links a>span:last-child,.faq-answer p{translate:none!important;transition:none!important;animation:none!important}
 .plan-badge{scale:1!important;opacity:1!important;transition:none!important}
 .future:before{opacity:1;transition:none}.future-devices:after{transform:scaleX(1);transition:none}
 .billing-switch:before,.billing-switch button,.faq details:after,.faq summary span,.faq details::details-content{transition:none!important}
 .price-card li{opacity:1!important}
}

/* Editorial cleanup: one bullet language, one task-card rhythm, no decorative frames. */
.feature-list li:before{content:'•';font-size:18px;line-height:1;color:var(--muted)}
.price-card li:before{content:'•';font-size:18px;line-height:1;color:#81796e}
.price-featured li:before{color:#c9baa0}
.goal-tasks li,.goal-tasks li:nth-child(2),.goal-tasks li:nth-child(3){margin-left:0;min-height:58px}

.future-links a:nth-child(2){text-align:right;align-items:flex-end}
.plan-badge{background:var(--indigo);border-color:var(--indigo);color:var(--charcoal)}
.text-link{gap:12px}
.button{text-align:center;justify-content:center}
.footer-line{border-top:0}
.plan-badge{font-weight:700}
.future-devices:after{display:none}
.future-links{column-gap:0}
.faq summary span{line-height:1;padding:0;font-family:inherit}
.hero .button{justify-content:center;text-align:center}
.mize-waitlist .detail-info,.mize-waitlist .detail-gallery{display:none}
.future-links a>span:last-child{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}

@media(min-width:761px){.site-header{position:absolute}.site-header nav{position:absolute;left:50%;transform:translateX(-50%);margin-left:0;white-space:nowrap}.header-cta{font-size:13px;line-height:1.5;padding-block:12px;min-height:44px}}


/* Product sections: the app named and pitched above, its real screen full width below. */
.product{padding-block:110px}
.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px 80px;align-items:end}
.product-head .app-title{margin-bottom:36px}
.product h3{margin-bottom:0}
.product-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.product-visual{grid-column:1/-1;margin-top:16px}
.app-window{display:block;border-radius:12px;overflow:hidden;border:1px solid #ffffff1f;background:#f7f6f3;box-shadow:0 30px 80px #0006}
.product-guidance .app-window,.detail-page:not(.slate-page) .detail-info .app-window{border-color:#1a181726;box-shadow:0 30px 80px #1a181733}
.slate-page .app-window{border-color:#1a181726;box-shadow:0 30px 80px #1a181726}
.product-visual figcaption{margin-top:22px}

/* How it fits together: three steps between the apps and the goal. */
.together{padding-block:110px 100px;background:var(--black)}
.together-heading{max-width:760px}
.together h2{font-size:clamp(40px,4.6vw,68px);margin-top:24px}
.together h2 span{color:var(--muted)}
.together-steps{list-style:none;padding:0;margin:64px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:48px;border-top:1px solid var(--line)}
.together-steps li{padding-top:28px;display:grid;gap:14px;align-content:start}
.together-steps small{font-size:12px;letter-spacing:.1em;color:var(--muted)}
.together-steps strong{font-weight:500;font-size:24px;letter-spacing:-.03em}
.together-steps p{font-size:14px;line-height:1.85;color:var(--muted);max-width:330px}

.download-trust{margin-top:26px;max-width:540px;color:#69655f;font-size:15px;line-height:1.8}
.plan-summary .price a{font-size:clamp(22px,2.4vw,32px);letter-spacing:-.04em;overflow-wrap:anywhere;white-space:normal;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}

@media(max-width:1100px){.product-grid{gap:40px 50px}
}

@media(max-width:760px){.together{padding-block:70px}
.product-grid{grid-template-columns:1fr;gap:28px}
.product-visual{margin-top:8px}
.product-actions{gap:18px}
.together h2{font-size:40px}
.together-steps{grid-template-columns:1fr;gap:28px;margin-top:40px}
.together-steps strong{font-size:21px}
.download-trust{font-size:14px;margin-top:20px}
.detail-hero>.product-visual{margin-top:40px}
.product-head .app-title{margin-bottom:26px}
}

.app-title p.app-name{font-weight:500;font-size:25px;letter-spacing:-.03em;color:inherit;margin-top:0;line-height:1.08}
@media(max-width:760px){.app-title p.app-name{font-size:24px}}
.detail-iphone{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center;padding-block:90px;border-top:1px solid var(--line)}.detail-iphone h2{font-size:clamp(40px,4.8vw,64px);margin:22px 0 26px}.detail-iphone h2 span{color:var(--muted)}.detail-iphone .lead{font-size:15px;color:var(--muted);line-height:1.85;max-width:460px}.platform a{color:inherit;text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){.detail-iphone{grid-template-columns:1fr;gap:50px;padding-block:65px}.detail-iphone h2{font-size:40px}}