@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/barlow-semi-condensed-vietnamese-600-normal.b1FQiZcx.woff2)format("woff2"),url(/_astro/barlow-semi-condensed-vietnamese-600-normal.DzVrjA0Q.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/barlow-semi-condensed-latin-ext-600-normal.BkQ9hN72.woff2)format("woff2"),url(/_astro/barlow-semi-condensed-latin-ext-600-normal.BuP8AaxH.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/barlow-semi-condensed-latin-600-normal.BkLiAYu4.woff2)format("woff2"),url(/_astro/barlow-semi-condensed-latin-600-normal.DyOfdMBA.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/barlow-semi-condensed-vietnamese-700-normal.Dm7RZTvf.woff2)format("woff2"),url(/_astro/barlow-semi-condensed-vietnamese-700-normal.BvUTSFNY.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/barlow-semi-condensed-latin-ext-700-normal.BhgEo64M.woff2)format("woff2"),url(/_astro/barlow-semi-condensed-latin-ext-700-normal.C0vCoZIV.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/barlow-semi-condensed-latin-700-normal.BpqDG8I9.woff2)format("woff2"),url(/_astro/barlow-semi-condensed-latin-700-normal.BMyZXq_9.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-ext-wght-normal.BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-wght-normal.DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-ext-wght-normal.DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-wght-normal.CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-vietnamese-wght-normal.CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-ext-wght-normal.DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-wght-normal.Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper:#f6f3ed;--surface:#fff;--sand:#ede7dc;--sand-deep:#e2dacb;--line:#ddd6c9;--graphite:#1f2328;--graphite-2:#4a5058;--muted:#656a73;--orange:#ff6b1a;--orange-ink:#b3470d;--orange-soft:#ffe6d6;--amber-ink:#7a4b00;--amber-soft:#fff1d6;--green-ink:#1e6b45;--green-soft:#e1f0e7;--font-display:"Barlow Semi Condensed", "Arial Narrow", system-ui, sans-serif;--font-body:"Inter Variable", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--radius-sm:10px;--radius:16px;--radius-lg:24px;--shadow:0 1px 2px #1f23280f, 0 12px 32px -12px #1f23282e;--gutter:clamp(16px, 4vw, 32px);--max:1120px;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}body{background:var(--paper);color:var(--graphite);font-family:var(--font-body);margin:0;font-size:1.0625rem;line-height:1.6;overflow-x:hidden}img,svg{max-width:100%;height:auto;display:block}a{color:var(--orange-ink);text-underline-offset:3px;text-decoration-thickness:1.5px}a:hover{color:var(--graphite)}:focus-visible{outline:3px solid var(--graphite);outline-offset:3px;border-radius:6px}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.005em;text-wrap:balance;margin:0 0 .5em;font-weight:700;line-height:1.08}h1{font-size:clamp(2.5rem,6vw,4.25rem)}h2{font-size:clamp(1.9rem,3.6vw,2.75rem)}h3{font-size:1.45rem;font-weight:600}p{margin:0 0 1em}.container{width:100%;max-width:var(--max);padding-inline:var(--gutter);margin-inline:auto}.skip-link{background:var(--graphite);color:#fff;border-radius:var(--radius-sm);z-index:100;padding:10px 16px;position:absolute;top:-60px;left:12px}.skip-link:focus{color:#fff;top:12px}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--orange-ink);margin-bottom:.9rem;font-size:.8rem;font-weight:700;display:inline-block}.lead{color:var(--graphite-2);max-width:38em;font-size:clamp(1.1rem,1.9vw,1.3rem)}.muted{color:var(--graphite-2)}.small{font-size:.9rem}.preview-banner{background:var(--graphite);color:#fff;text-align:center;padding:8px var(--gutter);font-size:.875rem}.preview-banner strong{color:var(--orange)}.site-header{z-index:50;backdrop-filter:saturate(1.4)blur(10px);background:#f6f3edeb;border-bottom:1px solid #0000;transition:border-color .2s;position:sticky;top:0}.site-header.scrolled{border-bottom-color:var(--line)}.header-inner{align-items:center;gap:16px;min-height:68px;display:flex}.brand-link{flex-shrink:0;align-items:center;display:inline-flex}.brand-link img{width:auto;height:34px}.nav-toggle{border:1.5px solid var(--graphite);min-height:44px;color:var(--graphite);font:inherit;cursor:pointer;background:0 0;border-radius:12px;align-items:center;gap:8px;margin-left:auto;padding:0 14px;font-weight:600;display:none}.site-nav{margin-left:auto}.site-nav ul{gap:4px;margin:0;padding:0;list-style:none;display:flex}.site-nav a{min-height:44px;color:var(--graphite);border-radius:12px;align-items:center;padding:0 14px;font-weight:550;text-decoration:none;display:inline-flex}.site-nav a:hover{background:var(--sand)}.site-nav a[aria-current=page]{background:var(--graphite);color:#fff}@media (width<=980px){.nav-toggle{display:inline-flex}.site-nav{background:var(--paper);border-bottom:1px solid var(--line);padding:8px var(--gutter) 16px;display:none;position:absolute;top:100%;left:0;right:0}.site-nav.open{display:block}.site-nav ul{flex-direction:column}.site-nav a{width:100%;min-height:48px}}.actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:1.6rem;display:flex}.button{border:1.5px solid var(--graphite);min-height:54px;color:var(--graphite);background:0 0;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:0 22px;font-weight:650;text-decoration:none;display:inline-flex}.button:hover{background:var(--graphite);color:#fff}.release-badge{background:var(--graphite);color:#fff;border-radius:14px;align-items:center;gap:12px;min-height:54px;padding:8px 18px 8px 12px;line-height:1.25;display:inline-flex}.release-badge .dot{background:var(--orange);width:30px;height:30px;color:var(--graphite);border-radius:9px;flex-shrink:0;place-items:center;display:grid}.release-badge small{color:#d8dbe0;letter-spacing:.02em;font-size:.78rem;display:block}.release-badge strong{font-weight:650}.section{padding-block:clamp(56px,8vw,104px)}.section.tight{padding-block:clamp(40px,6vw,72px)}.section.sand{background:var(--sand)}.section.dark{background:var(--graphite);color:#fff}.section.dark .lead,.section.dark .muted{color:#d8dbe0}.section-head{max-width:44rem;margin-bottom:clamp(28px,4vw,48px)}.hero{padding-block:clamp(40px,6vw,88px) clamp(48px,7vw,96px);overflow:hidden}.hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:clamp(32px,5vw,72px);display:grid}.hero h1 .accent{color:var(--orange-ink)}.hero-visual{justify-content:center;display:flex;position:relative}.hero-visual:before{content:"";background:var(--sand);z-index:0;border-radius:48% 52% 44% 56%/52% 44% 56% 48%;position:absolute;inset:8% -12% 4% 6%}.hero-visual>*{z-index:1;position:relative}@media (width<=880px){.hero-grid{grid-template-columns:1fr}.hero-visual{width:100%;max-width:420px;margin-inline:auto}}.steps{counter-reset:step;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.step{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);flex-direction:column;padding:24px 24px 28px;display:flex}.step .art{background:var(--paper);border-radius:var(--radius);margin-bottom:18px;padding:8px}.step .step-number{font-family:var(--font-display);color:var(--orange-ink);letter-spacing:.08em;text-transform:uppercase;font-size:.95rem;font-weight:700}.step h3{margin:4px 0 8px}.step p{color:var(--graphite-2);margin:0}.step-arrow{display:none}@media (width<=880px){.steps{grid-template-columns:1fr}}.features{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.feature{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px}.feature .icon{background:var(--orange-soft);border-radius:12px;place-items:center;width:44px;height:44px;margin-bottom:14px;display:grid}.feature h3{margin-bottom:6px;font-size:1.3rem}.feature p{color:var(--graphite-2);margin:0;font-size:.98rem}@media (width<=960px){.features{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.features{grid-template-columns:1fr}}.showcase{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(28px,5vw,72px);padding-block:clamp(28px,4vw,48px);display:grid}.showcase+.showcase{border-top:1px solid var(--line)}.showcase.flip .showcase-visual{order:-1}.showcase-visual{justify-content:center;display:flex}.showcase ul{color:var(--graphite-2);padding-left:1.2em}.showcase li{margin-bottom:.4em}@media (width<=820px){.showcase{grid-template-columns:1fr}.showcase.flip .showcase-visual{order:0}}.callout{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line);padding:clamp(22px,3vw,36px)}.callout.warning{background:var(--amber-soft);border-color:#f0dcae}.callout.warning h2,.callout.warning h3{color:var(--amber-ink)}.callout.accent{border-left:6px solid var(--orange)}.two-col{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}@media (width<=760px){.two-col{grid-template-columns:1fr}}.check-list,.cross-list{margin:0;padding:0;list-style:none}.check-list li,.cross-list li{margin-bottom:10px;padding-left:32px;position:relative}.check-list li:before,.cross-list li:before{border-radius:50%;place-items:center;width:22px;height:22px;font-size:.8rem;font-weight:800;display:grid;position:absolute;top:.15em;left:0}.check-list li:before{content:"✓";background:var(--green-soft);color:var(--green-ink)}.cross-list li:before{content:"–";background:var(--amber-soft);color:var(--amber-ink)}.quote-line{font-family:var(--font-display);border-left:5px solid var(--orange);margin:1.2em 0;padding-left:18px;font-size:clamp(1.3rem,2.4vw,1.7rem);font-weight:600;line-height:1.25}.pdf-pages{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.pdf-pages figure{margin:0}.pdf-pages img{width:100%;box-shadow:var(--shadow);background:#fff;border-radius:6px}.pdf-pages figcaption{color:var(--graphite-2);margin-top:10px;font-size:.88rem}@media (width<=760px){.pdf-pages{grid-template-columns:repeat(2,minmax(0,1fr))}}.screens{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.screens figure{margin:0}.screens figcaption{color:var(--graphite-2);text-align:center;margin-top:10px;font-size:.9rem}@media (width<=900px){.screens{grid-template-columns:repeat(2,minmax(0,1fr))}}.facts{border-top:1px solid var(--line);grid-template-columns:minmax(0,14rem) minmax(0,1fr);gap:0;margin:0;display:grid}.facts dt,.facts dd{border-bottom:1px solid var(--line);margin:0;padding:14px 0}.facts dt{color:var(--graphite-2);padding-right:16px;font-weight:650}@media (width<=620px){.facts{grid-template-columns:1fr}.facts dt{border-bottom:0;padding-bottom:0}}.publisher-card{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:20px;display:grid}.publisher-card .badge{background:var(--graphite);border-radius:16px;place-items:center;width:56px;height:56px;display:grid}.faq{gap:12px;max-width:50rem;display:grid}.faq details{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:0 20px}.faq summary{cursor:pointer;min-height:48px;padding:18px 36px 18px 0;font-weight:650;list-style:none;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--orange-ink);font-size:1.5rem;font-weight:500;position:absolute;top:50%;right:0;transform:translateY(-50%)}.faq details[open] summary:after{content:"–"}.faq .answer{color:var(--graphite-2);padding-bottom:18px}.prose{max-width:46rem}.prose h1{font-size:clamp(2.3rem,5vw,3.4rem)}.prose h2{margin-top:1.8em;font-size:1.8rem}.prose h3{margin-top:1.4em}.prose ul{padding-left:1.3em}.prose li{margin-bottom:.45em}.site-footer{background:var(--graphite);color:#d8dbe0;padding-block:48px 36px;font-size:.95rem}.site-footer a{color:#fff}.footer-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start;gap:32px;display:grid}.footer-links{flex-wrap:wrap;justify-content:flex-end;gap:8px 20px;margin:0;padding:0;list-style:none;display:flex}.footer-links a{align-items:center;min-height:44px;display:inline-flex}.legal-line{color:#b9bec5;border-top:1px solid #3a4047;margin-top:28px;padding-top:20px;font-size:.85rem}@media (width<=760px){.footer-grid{grid-template-columns:1fr}.footer-links{justify-content:flex-start}}.illustration-note{color:var(--muted);text-align:center;margin-top:8px;font-size:.8rem}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.contact-cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.contact-card{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);color:var(--graphite);gap:4px;padding:18px 20px;text-decoration:none;transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s,border-color .3s;display:grid}.contact-card strong{color:var(--orange-ink);overflow-wrap:anywhere;font-weight:650}.contact-card:hover{color:var(--graphite);border-color:#cfc6b6;transform:translateY(-4px);box-shadow:0 18px 34px -24px #1f23288c}.footer-contact{flex-wrap:wrap;gap:4px 18px;margin:0;font-size:.92rem;display:flex}.device{--bezel:11px;--frame:#2a2f35;padding:var(--bezel);background:linear-gradient(150deg,#30353c 0%,#15181c 38%,#0f1114 62%,#2b3037 100%);border-radius:13%/6.4%;position:relative;box-shadow:inset 0 0 0 1px #ffffff17,inset 0 0 0 4px #0b0d10,0 0 0 1.5px #454b53,0 2px 3px #1f23282e,0 34px 70px -30px #1f232899,0 16px 32px -20px #1f232866}.device-key{background:linear-gradient(90deg,#1b1e22,#50565e 60%,#2a2e33);border:0;border-radius:0 3px 3px 0;width:4px;padding:0;position:absolute;right:-3.5px;box-shadow:1px 0 1px #00000040}.device-key.power{height:8%;top:21%}.device-key.volume{height:14%;top:32%}.device-screen{background:var(--paper);isolation:isolate;border-radius:10.5%/5.2%;position:relative;overflow:hidden}.punch-hole{z-index:6;aspect-ratio:1;pointer-events:none;background:radial-gradient(circle at 34% 32%,#52606f 0 12%,#151a20 34%,#050607 70%);border-radius:50%;width:3.4%;position:absolute;top:1.05%;left:50%;translate:-50%;box-shadow:0 0 0 1.5px #0c0e11}.glare{z-index:7;pointer-events:none;background:linear-gradient(115deg, transparent 30%, #ffffff1a calc(var(--glare-x,40%) - 6%), #ffffff38 var(--glare-x,40%), transparent calc(var(--glare-x,40%) + 14%));mix-blend-mode:soft-light;opacity:.9;transition:background-position .4s;position:absolute;inset:0}.device-static{width:min(100%,320px);transform:perspective(1400px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:preserve-3d;margin:0;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.device-static.tilting{transition-duration:.12s}.device-static.small{--bezel:8px;width:min(100%,250px)}.device-static .device-screen{aspect-ratio:9/16}.device-static .screen-image{object-fit:cover;background:var(--paper);width:100%;height:100%;position:absolute;inset:0}.device-static[data-carousel] .device-screen{cursor:pointer}.device-static[data-carousel] .screen-image{opacity:0;transition:opacity .55s,transform .75s cubic-bezier(.2,.7,.2,1);transform:translate(8%)scale(.98)}.device-static[data-carousel] .screen-image.active{opacity:1;z-index:1;transform:none}.device-static img[data-zoom]{cursor:zoom-in}.device-dots{justify-content:center;gap:6px;display:flex;position:absolute;bottom:-30px;left:0;right:0}.device-dots button{background:var(--line);cursor:pointer;border:0;border-radius:8px;width:8px;height:8px;padding:0;transition:width .35s cubic-bezier(.2,.7,.2,1),background-color .3s;position:relative;overflow:hidden}.device-dots button:before{content:"";position:absolute;inset:-10px -4px}.device-dots button.active{background:var(--orange);width:26px}.device-static[data-carousel]{margin-bottom:30px}.live-phone{--max-height:calc(100svh - 150px);justify-items:center;gap:14px;width:100%;display:grid}.live-phone-measure{visibility:hidden;width:0;height:var(--max-height);pointer-events:none;position:absolute}.live-phone-stage{width:100%;height:784px;position:relative}.device-live{--bezel:12px;width:384px;height:784px;transform:translateX(-50%) scale(var(--scale,1));transform-origin:top;border-radius:54px;position:absolute;top:0;left:50%}.device-live .device-key{cursor:pointer;transition:transform .12s,filter .2s}.device-live .device-key:hover{filter:brightness(1.35)}.device-live .device-key:active{transform:translate(-1.5px)}.device-live .device-key:focus-visible{outline:2px solid var(--orange);outline-offset:2px}.device-live .device-key.power{height:62px;top:150px}.device-live .device-key.volume-up{border-radius:0 3px 0 0;height:52px;top:238px}.device-live .device-key.volume-down{border-radius:0 0 3px;height:52px;top:291px}.device-live .device-screen{border-radius:42px;flex-direction:column;width:360px;height:760px;display:flex}.device-live .punch-hole{width:12px;top:7px}.status-bar{z-index:5;color:#1f2328;letter-spacing:.02em;background:var(--paper);flex:none;justify-content:space-between;align-items:center;height:26px;padding:3px 20px 0 22px;font:500 13px/1 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;transition:background-color .35s,color .35s;display:flex;position:relative}.status-icons{align-items:center;gap:5px;display:inline-flex}.app-area{background:var(--paper);flex:1;transition:background-color .35s;position:relative;overflow:hidden}.app-window{background:var(--paper);transform-origin:50% 60%;transition:transform .45s cubic-bezier(.2,.8,.2,1),border-radius .45s,box-shadow .45s,opacity .35s;position:absolute;inset:0;overflow:hidden}.app-window.launching{animation:.5s cubic-bezier(.2,.8,.2,1) backwards app-launch}@keyframes app-launch{0%{opacity:0;border-radius:60px;transform:scale(.24)translateY(40%)}55%{opacity:1}to{opacity:1;border-radius:0;transform:none}}.app-frame{background:var(--paper);border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.demo-poster{z-index:2;background:radial-gradient(circle at 20% 10%, #ff6b1a29, transparent 45%), radial-gradient(circle at 90% 40%, #1f23281a, transparent 50%), var(--sand);flex-direction:column;justify-content:flex-end;padding:18px;transition:opacity .4s,transform .45s cubic-bezier(.2,.7,.2,1);display:flex;position:absolute;inset:0}.is-running .demo-poster{opacity:0;pointer-events:none;transform:scale(1.06)}.poster-cards{pointer-events:none;height:360px;position:absolute;inset:22px 0 auto}.poster-cards img{background:var(--paper);border-radius:16px;width:150px;position:absolute;top:0;left:50%;box-shadow:0 18px 40px -16px #1f23288c}.poster-cards img:first-child{animation:7s ease-in-out infinite poster-float;translate:-140% 30px;rotate:-9deg}.poster-cards img:nth-child(2){z-index:1;animation:6s ease-in-out -2s infinite poster-float;translate:-50%}.poster-cards img:nth-child(3){animation:8s ease-in-out -4s infinite poster-float;translate:40% 30px;rotate:9deg}@keyframes poster-float{0%,to{margin-top:0}50%{margin-top:-10px}}.poster-panel{z-index:2;backdrop-filter:blur(6px);text-align:center;background:#ffffffeb;border-radius:24px;padding:18px;position:relative;box-shadow:0 -8px 30px -18px #1f232866}.poster-icon{border-radius:16px;width:56px;height:56px;margin:-46px auto 8px;box-shadow:0 10px 24px -10px #1f232899}.poster-title{font-family:var(--font-display);margin:0;font-size:1.5rem;font-weight:700;line-height:1.1}.poster-text{color:var(--graphite-2);margin:6px 0 14px;font-size:.88rem;line-height:1.45}.poster-start{background:var(--orange);width:100%;min-height:52px;color:var(--graphite);font:inherit;cursor:pointer;border:0;border-radius:16px;justify-content:center;align-items:center;gap:8px;font-size:1rem;font-weight:700;transition:transform .2s,box-shadow .2s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 10px 24px -12px #ff6b1acc}.poster-start:hover{transform:translateY(-2px);box-shadow:0 16px 28px -12px #ff6b1ae6}.poster-start:active{transform:scale(.97)}.poster-start:after{content:"";border-radius:inherit;animation:2.4s ease-out infinite pulse-ring;position:absolute;inset:0;box-shadow:0 0 #ff6b1a8c}@keyframes pulse-ring{0%{box-shadow:0 0 #ff6b1a80}70%,to{box-shadow:0 0 0 14px #ff6b1a00}}.poster-note{color:var(--graphite-2);margin:10px 0 0;font-size:.78rem}.dark-bars .status-bar,.dark-bars .nav-bar{color:#fff;background:#000}.dark-bars .nav-bar button{color:#c5c9ce}.launcher{z-index:3;color:#fff;background:radial-gradient(circle at 80% 18%,#ff6b1a8c,#0000 42%),radial-gradient(circle at 10% 90%,#a7aeb659,#0000 45%),linear-gradient(160deg,#2b3138,#16191d 70%);flex-direction:column;justify-content:space-between;padding:44px 18px 28px;animation:.42s cubic-bezier(.2,.8,.2,1) both launcher-in;display:flex;position:absolute;inset:0}.launcher[hidden]{display:none}@keyframes launcher-in{0%{opacity:0;transform:scale(1.08)}}.launcher-clock{text-align:center;font-family:var(--font-display);gap:4px;display:grid}.launcher-clock span{letter-spacing:.01em;font-size:4.4rem;font-weight:600;line-height:1}.launcher-clock small{font-family:var(--font-body);opacity:.85;font-size:.95rem}.launcher-apps{backdrop-filter:blur(8px);background:#ffffff1a;border-radius:28px;grid-template-columns:repeat(4,1fr);gap:10px;padding:14px 8px;display:grid}.launcher-app{color:#fff;font:500 .72rem/1.2 var(--font-body);cursor:pointer;background:0 0;border:0;border-radius:16px;justify-items:center;gap:6px;padding:6px 0;transition:transform .18s;display:grid}.launcher-app:hover{transform:translateY(-3px)}.launcher-app:active{transform:scale(.9)}.launcher-app img,.generic-icon{border-radius:16px;width:54px;height:54px;box-shadow:0 8px 18px -8px #0009}.generic-icon{color:#fff;background:#ffffff29;border-radius:50%;place-items:center;display:grid}.muted-app{opacity:.75}.launcher-toast{color:#fff;text-align:center;opacity:0;pointer-events:none;background:#1f2328eb;border-radius:14px;width:max-content;max-width:88%;margin:0;padding:10px 14px;font-size:.8rem;transition:opacity .25s,translate .25s;position:absolute;bottom:128px;left:50%;translate:-50% 10px}.launcher-toast.visible{opacity:1;translate:-50%}.at-home .status-bar{color:#fff;background:#22272d}.at-home .app-window{opacity:0;border-radius:60px;transform:scale(.2)}.recents-label{z-index:4;color:#fff;opacity:0;pointer-events:none;align-items:center;gap:8px;margin:0;font-size:.85rem;font-weight:600;transition:opacity .3s,translate .3s;display:inline-flex;position:absolute;top:26px;left:50%;translate:-50% -8px}.recents-label img{border-radius:6px;width:20px;height:20px}.app-area.recents{background:#2a2f35}.app-area.recents .recents-label{opacity:1;translate:-50%}.app-area.recents .app-window{cursor:pointer;border-radius:28px;transform:scale(.74)translateY(4%);box-shadow:0 30px 60px -20px #000000b3}.app-area.recents .app-window:after{content:"";z-index:5;position:absolute;inset:0}.device-screen:has(.app-area.recents) .status-bar{color:#fff;background:#2a2f35}.volume-hud{z-index:6;color:var(--graphite);opacity:0;pointer-events:none;background:#fffffff2;border-radius:22px;justify-items:center;gap:10px;padding:12px 8px;transition:opacity .2s,translate .25s cubic-bezier(.2,.8,.2,1);display:grid;position:absolute;top:110px;right:10px;translate:16px;box-shadow:0 12px 30px -12px #1f23288c}.volume-hud.visible{opacity:1;translate:0}.volume-track{background:var(--sand-deep);border-radius:6px;width:6px;height:120px;position:relative;overflow:hidden}.volume-level{--level:.6;height:calc(var(--level) * 100%);border-radius:inherit;background:var(--orange);transition:height .2s;position:absolute;inset:auto 0 0}.screen-off{z-index:8;opacity:0;pointer-events:none;background:#000;border:0;padding:0;transition:opacity .35s;position:absolute;inset:0}.device-screen.off .screen-off{opacity:1;pointer-events:auto;cursor:pointer}.nav-bar{z-index:5;background:var(--paper);flex:none;justify-content:space-around;align-items:center;height:48px;padding:0 46px;transition:background-color .35s;display:flex;position:relative}.at-home .nav-bar,.device-screen:has(.app-area.recents) .nav-bar{background:#16191d}.nav-bar button{color:#6d7278;cursor:pointer;background:0 0;border:0;border-radius:20px;place-items:center;width:48px;height:40px;transition:color .2s,background-color .2s,transform .15s;display:grid;position:relative;overflow:hidden}.nav-bar button:hover{color:var(--graphite);background:#1f232812}.at-home .nav-bar button,.device-screen:has(.app-area.recents) .nav-bar button{color:#c5c9ce}.nav-bar button:active{transform:scale(.88)}.nav-bar button:focus-visible{outline:2px solid var(--orange);outline-offset:-2px}.live-phone-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.chip-button{border:1.5px solid var(--line);background:var(--surface);min-height:44px;color:var(--graphite);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-size:.92rem;font-weight:600;text-decoration:none;transition:border-color .2s,transform .2s,box-shadow .2s;display:inline-flex;position:relative;overflow:hidden}.chip-button:hover{color:var(--graphite);border-color:var(--graphite);transform:translateY(-2px);box-shadow:0 10px 20px -14px #1f232899}.chip-button:active{transform:scale(.96)}.chip-button:hover svg{animation:.5s nudge}.live-phone-note{text-align:center;max-width:26rem;color:var(--muted);margin:0;font-size:.8rem;line-height:1.45}@media (prefers-reduced-motion:reduce){.app-window.launching,.launcher{animation:none}}@view-transition{navigation:auto}.site-header{view-transition-name:site-header}.site-footer{view-transition-name:site-footer}::view-transition-old(root){animation:.22s cubic-bezier(.4,0,1,1) both page-out}::view-transition-new(root){animation:.42s cubic-bezier(.2,.8,.2,1) both page-in}@keyframes page-out{to{opacity:0;transform:translateY(-10px)}}@keyframes page-in{0%{opacity:0;transform:translateY(18px)}}@media (prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}.scroll-progress{z-index:60;background:linear-gradient(90deg, var(--orange), #ff9a5c);height:3px;transform:scaleX(var(--progress,0));transform-origin:0;pointer-events:none;position:fixed;inset:0 0 auto}@media (prefers-reduced-motion:no-preference){.js .reveal{opacity:0;filter:blur(2px);transition:opacity .7s cubic-bezier(.2, .7, .2, 1) var(--reveal-delay,0s), transform .85s cubic-bezier(.2, .7, .2, 1) var(--reveal-delay,0s), filter .7s ease var(--reveal-delay,0s);transform:translateY(26px)scale(.985)}.js .reveal.in{opacity:1;filter:none;transform:none}.js .hero-copy>*{animation:.8s cubic-bezier(.2,.7,.2,1) both rise-in}.js .hero-copy>:nth-child(2){animation-delay:80ms}.js .hero-copy>:nth-child(3){animation-delay:.16s}.js .hero-copy>:nth-child(4){animation-delay:.24s}.js .hero-copy>:nth-child(n+5){animation-delay:.32s}.js .hero-visual,.js .demo-stage{animation:1s cubic-bezier(.2,.7,.2,1) .15s both rise-in}}@keyframes rise-in{0%{opacity:0;filter:blur(3px);transform:translateY(24px)}}.button,.release-badge,.site-nav a,.nav-toggle,.nav-cta,.contact-card,.faq summary{isolation:isolate;position:relative;overflow:hidden}.ripple{z-index:-1;opacity:.2;pointer-events:none;background:currentColor;border-radius:50%;animation:.65s cubic-bezier(.2,.7,.2,1) forwards ripple;position:absolute;transform:scale(0)}@keyframes ripple{to{opacity:0;transform:scale(1)}}.button{transition:background-color .25s,color .25s,transform .2s,box-shadow .25s}.button:hover{transform:translateY(-2px);box-shadow:0 12px 24px -14px #1f2328b3}.button:active{transform:translateY(0)scale(.97)}.button.primary{background:var(--orange);border-color:var(--orange);color:var(--graphite)}.button.primary:hover{background:var(--graphite);border-color:var(--graphite);color:#fff}.button .arrow{transition:transform .25s cubic-bezier(.2,.7,.2,1)}.button:hover .arrow{transform:translate(4px)}.release-badge{transition:transform .2s,box-shadow .25s}.release-badge:hover{transform:translateY(-2px);box-shadow:0 12px 24px -14px #1f2328b3}.release-badge .dot{animation:2.8s ease-in-out infinite soft-pulse}@keyframes soft-pulse{0%,to{box-shadow:0 0 #ff6b1a00}50%{box-shadow:0 0 0 6px #ff6b1a38}}@keyframes nudge{40%{transform:translate(3px)rotate(-8deg)}70%{transform:translate(-1px)}}.site-header{transition:border-color .2s,box-shadow .3s,background-color .3s}.site-header.scrolled{box-shadow:0 10px 30px -24px #1f232899}.brand-link img{transition:transform .3s cubic-bezier(.2,.7,.2,1)}.brand-link:hover img{transform:scale(1.04)rotate(-1deg)}.site-nav ul{position:relative}.site-nav a{transition:background-color .25s,color .25s}.nav-indicator{width:var(--w,0);background:var(--sand);height:44px;transform:translateX(var(--x,0));opacity:0;z-index:-1;pointer-events:none;border-radius:12px;transition:transform .35s cubic-bezier(.2,.8,.2,1),width .35s cubic-bezier(.2,.8,.2,1),opacity .25s;position:absolute;top:0;left:0}.nav-indicator.visible{opacity:1}.site-nav:has(.nav-indicator) a:not([aria-current]):not(.nav-cta):hover{background:0 0}.site-nav li{z-index:1;position:relative}.site-nav a.nav-cta{background:var(--orange);min-height:44px;color:var(--graphite);border-radius:12px;align-items:center;gap:8px;padding:0 16px;font-weight:650;text-decoration:none;transition:transform .2s,box-shadow .25s,background-color .25s;display:inline-flex}.site-nav a.nav-cta:hover{background:var(--orange);color:var(--graphite);transform:translateY(-2px);box-shadow:0 10px 20px -12px #ff6b1ae6}.site-nav a.nav-cta:active{transform:scale(.96)}.nav-cta .live-dot{background:var(--graphite);border-radius:50%;width:8px;height:8px;animation:1.6s ease-in-out infinite live-dot}.site-nav a.nav-cta[aria-current=page]{background:var(--graphite);color:#fff}.nav-cta[aria-current=page] .live-dot{background:var(--orange)}@keyframes live-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}@media (width<=980px){.site-nav{visibility:hidden;opacity:0;clip-path:inset(0 0 100%);transition:opacity .25s,transform .35s cubic-bezier(.2,.8,.2,1),clip-path .4s cubic-bezier(.2,.8,.2,1),visibility 0s linear .4s;display:block;transform:translateY(-10px)}.site-nav.open{visibility:visible;opacity:1;clip-path:inset(0 0 -20px);transition-delay:0s;transform:none;box-shadow:0 24px 40px -30px #1f232899}.site-nav.open li{animation:.4s cubic-bezier(.2,.8,.2,1) both menu-item}.site-nav.open li:nth-child(2){animation-delay:40ms}.site-nav.open li:nth-child(3){animation-delay:80ms}.site-nav.open li:nth-child(4){animation-delay:.12s}.site-nav.open li:nth-child(5){animation-delay:.16s}.site-nav.open li:nth-child(6){animation-delay:.2s}.site-nav.open li:nth-child(7){animation-delay:.24s}.nav-toggle svg path{transition:d .3s}.nav-toggle[aria-expanded=true] svg path{d:path("M5 5l10 10M15 5L5 15")}.site-nav a.nav-cta{justify-content:center;width:100%;min-height:48px;margin-top:6px}}@keyframes menu-item{0%{opacity:0;transform:translate(-14px)}}.feature,.step,.callout,.stat,.task{isolation:isolate;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,border-color .3s;position:relative}.feature:before,.step:before,.callout:before,.stat:before,.task:before{content:"";z-index:-1;border-radius:inherit;background:radial-gradient(280px circle at var(--mx,50%) var(--my,0%), #ff6b1a21, transparent 65%);opacity:0;pointer-events:none;transition:opacity .35s;position:absolute;inset:0}.feature:hover,.step:hover,.stat:hover,.task:hover{border-color:#cfc6b6;transform:translateY(-5px);box-shadow:0 22px 40px -26px #1f23288c}.callout:hover{box-shadow:0 22px 40px -30px #1f232873}.feature:hover:before,.step:hover:before,.callout:hover:before,.stat:hover:before,.task:hover:before{opacity:1}.feature:active,.step:active,.stat:active{transform:translateY(-2px)scale(.99)}.feature .icon{transition:transform .45s cubic-bezier(.3,1.6,.5,1),background-color .3s}.feature:hover .icon{background:#ffd9c2;transform:rotate(-8deg)scale(1.12)}.step .art img{transition:transform .6s cubic-bezier(.2,.7,.2,1)}.step:hover .art img{transform:scale(1.05)translateY(-3px)}.check-list li:before,.cross-list li:before{transition:transform .3s cubic-bezier(.3,1.6,.5,1)}.check-list li:hover:before,.cross-list li:hover:before{transform:scale(1.2)rotate(-8deg)}.hero h1 .accent{white-space:nowrap;position:relative}.hero h1 .accent:after{content:"";background:var(--orange);transform-origin:0;border-radius:.1em;height:.12em;animation:.9s cubic-bezier(.2,.7,.2,1) .7s forwards underline;position:absolute;bottom:.02em;left:0;right:0;transform:scaleX(0)}@keyframes underline{to{transform:scaleX(1)}}.hero-visual:before{animation:14s ease-in-out infinite alternate blob}@keyframes blob{0%{border-radius:48% 52% 44% 56%/52% 44% 56% 48%;rotate:0deg}50%{border-radius:56% 44% 52% 48%/44% 56% 48% 52%}to{border-radius:44% 56% 48% 52%/56% 48% 52% 44%;rotate:8deg}}.hero-visual .device-static{animation:6.5s ease-in-out infinite float}@keyframes float{0%,to{translate:0}50%{translate:0 -12px}}.hero-visual>.float-chip,.hero-visual>.float-pin{position:absolute}.float-chip{z-index:3;background:var(--surface);border:1px solid var(--line);white-space:nowrap;pointer-events:none;animation:chip-in .7s cubic-bezier(.2, .8, .2, 1) var(--delay,.6s) both, chip-float var(--float,6s) ease-in-out calc(var(--delay,.6s) + .7s) infinite;border-radius:14px;align-items:center;gap:8px;padding:9px 13px;font-size:.82rem;font-weight:600;line-height:1.2;transition:opacity .4s,transform .4s;display:inline-flex;position:absolute;box-shadow:0 16px 32px -20px #1f232899}.float-chip small{color:var(--graphite-2);font-weight:500;display:block}.float-chip .chip-icon{background:var(--orange-soft);width:28px;height:28px;color:var(--orange-ink);border-radius:9px;flex:none;place-items:center;display:grid}.float-chip.green .chip-icon{background:var(--green-soft);color:var(--green-ink)}.float-pin{z-index:3;background:var(--orange);width:30px;height:30px;color:var(--graphite);pointer-events:none;animation:chip-in .6s cubic-bezier(.3, 1.6, .5, 1) var(--delay,.6s) both, chip-float var(--float,5s) ease-in-out calc(var(--delay,.6s) + .6s) infinite;border:3px solid #fff;border-radius:50%;place-items:center;font-size:.85rem;font-weight:800;display:grid;position:absolute;box-shadow:0 10px 20px -10px #1f2328b3}.is-running~.float-chip,.hero-visual:has(.is-running) .float-chip,.hero-visual:has(.is-running) .float-pin{opacity:0;transform:scale(.8)}@keyframes chip-in{0%{opacity:0;filter:blur(4px);scale:.6}}@keyframes chip-float{0%,to{translate:0}50%{translate:0 -8px}}@media (width<=1080px){.hero-visual>.hide-narrow{display:none}}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.stat{border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);padding:22px 20px}.stat strong{font-family:var(--font-display);color:var(--graphite);font-size:clamp(2.4rem,5vw,3.2rem);line-height:1;display:block}.stat strong .unit{color:var(--orange-ink)}.stat>span{color:var(--graphite-2);margin-top:6px;font-size:.95rem;display:block}@media (width<=860px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=881px){.steps.connected{position:relative}.steps.connected:before{content:"";background:repeating-linear-gradient(90deg, var(--orange) 0 10px, transparent 10px 18px);transform-origin:0;z-index:0;height:2px;transition:transform 1.4s cubic-bezier(.2,.7,.2,1) .3s;position:absolute;top:50%;left:8%;right:8%;transform:scaleX(0)}.steps.connected.drawn:before{transform:scaleX(1)}.steps.connected .step{z-index:1}}.pdf-pages img{cursor:zoom-in;transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .4s}.pdf-pages figure:hover img{transform:translateY(-8px)rotate(-1deg)scale(1.02);box-shadow:0 30px 50px -30px #1f232899}.pdf-pages figure:nth-child(2n):hover img{transform:translateY(-8px)rotate(1deg)scale(1.02)}.pdf-pages img:active{transform:scale(.98)}.quote-line{position:relative}.quote-line:before{content:"";background:var(--graphite);transform-origin:top;width:5px;transition:transform .6s cubic-bezier(.2,.7,.2,1);position:absolute;top:0;bottom:0;left:-5px;transform:scaleY(0)}.quote-line:hover:before{transform:scaleY(1)}.faq details{transition:border-color .25s,box-shadow .3s,transform .3s}.faq details:hover{border-color:#cfc6b6;box-shadow:0 14px 28px -24px #1f232880}.faq details[open]{border-color:var(--orange);box-shadow:0 18px 34px -26px #ff6b1ab3}.faq summary:after{content:"+";transition:transform .35s cubic-bezier(.3,1.4,.5,1)}.faq details[open] summary:after{content:"+";transform:translateY(-50%)rotate(45deg)}.faq details.closing summary:after{transform:translateY(-50%)rotate(0)}.faq .answer{overflow:hidden}.faq details.pop{animation:.35s cubic-bezier(.2,.8,.2,1) pop-in}@keyframes pop-in{0%{opacity:0;transform:translateY(8px)scale(.98)}}.faq-tools{flex-wrap:wrap;align-items:center;gap:12px 18px;max-width:50rem;margin-bottom:18px;display:flex}.faq-search{flex:18rem;position:relative}.faq-search svg{color:var(--graphite-2);pointer-events:none;position:absolute;top:50%;left:16px;translate:0 -50%}.faq-search input{border:1.5px solid var(--line);background:var(--surface);width:100%;min-height:52px;color:var(--graphite);font:inherit;border-radius:14px;padding:0 16px 0 46px;transition:border-color .2s,box-shadow .25s}.faq-search input:focus{border-color:var(--graphite);outline:none;box-shadow:0 0 0 4px #ff6b1a38}.faq-empty{border-radius:var(--radius);background:var(--sand);padding:18px 20px;animation:.3s pop-in}.lightbox{z-index:200;backdrop-filter:blur();background:#14171b00;grid-template-columns:64px minmax(0,1fr) 64px;align-items:center;padding:24px 12px;transition:background-color .3s,backdrop-filter .3s;display:grid;position:fixed;inset:0}.lightbox.visible{backdrop-filter:blur(6px);background:#14171be0}.lightbox[hidden]{display:none}.lightbox-figure{grid-column:2;justify-items:center;gap:12px;max-height:100%;margin:0;display:grid}.lightbox-figure img{background:#fff;border-radius:12px;width:auto;max-width:min(100%,900px);height:auto;max-height:calc(100svh - 120px);box-shadow:0 40px 80px -30px #000c}.lightbox-figure figcaption{color:#e6e8eb;text-align:center;opacity:0;font-size:.95rem;transition:opacity .3s .15s}.lightbox.visible figcaption{opacity:1}.lightbox-close,.lightbox-step{color:#fff;cursor:pointer;background:#ffffff1f;border:0;border-radius:50%;place-items:center;width:48px;height:48px;transition:background-color .2s,transform .2s;display:grid}.lightbox-close:hover,.lightbox-step:hover{background:#ffffff3d}.lightbox-close:active,.lightbox-step:active{transform:scale(.9)}.lightbox-close{position:absolute;top:16px;right:16px}.lightbox-step.prev{grid-area:1/1}.lightbox-step.next{grid-area:1/3}.lightbox.single .lightbox-step{visibility:hidden}.lightbox-open body{overflow:hidden}@media (width<=640px){.lightbox{grid-template-columns:44px minmax(0,1fr) 44px;padding:64px 4px 24px}.lightbox-close,.lightbox-step{width:40px;height:40px}}.demo-hero{padding-block:clamp(24px,4vw,48px) clamp(48px,6vw,88px);overflow:visible}.demo-grid{grid-template-columns:minmax(0,430px) minmax(0,1fr);grid-template-areas:"stage intro""stage aside";align-items:start;gap:8px clamp(28px,5vw,72px);display:grid}.demo-intro{grid-area:intro}.demo-intro h1{font-size:clamp(2.3rem,4.6vw,3.6rem)}.demo-stage{grid-area:stage;position:sticky;top:84px}.demo-aside{grid-area:aside}@media (width<=900px){.demo-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"intro""stage""aside"}.demo-stage{margin-block:8px 20px;position:static}}.task-progress{gap:6px;margin:8px 0 14px;display:grid}.task-progress-bar{background:var(--sand-deep);border-radius:8px;height:8px;position:relative;overflow:hidden}.task-progress-bar:after{content:"";border-radius:inherit;background:linear-gradient(90deg, var(--orange), #ffa46b);transform:scaleX(var(--done,0));transform-origin:0;transition:transform .6s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0}.tasks{gap:10px;margin:0 0 24px;padding:0;list-style:none;display:grid}.task{border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);grid-template-columns:auto minmax(0,1fr);align-items:start;gap:14px;padding:14px 16px;display:grid}.task h2{margin:4px 0 2px;font-size:1.18rem;transition:color .3s}.task p{color:var(--graphite-2);margin:0;font-size:.93rem;line-height:1.5}.task-check{border:2px solid var(--line);background:var(--paper);width:38px;height:38px;color:var(--graphite);cursor:pointer;border-radius:50%;place-items:center;padding:0;transition:background-color .3s,border-color .3s,transform .2s;display:grid;position:relative;overflow:hidden}.task-check:hover{border-color:var(--graphite);transform:scale(1.06)}.task-check:active{transform:scale(.9)}.task-check .task-number,.task-check svg{grid-area:1/1;transition:opacity .25s,transform .4s cubic-bezier(.3,1.6,.5,1)}.task-check .task-number{font-family:var(--font-display);font-size:1.05rem;font-weight:700}.task-check svg{opacity:0;transform:scale(.3)rotate(-30deg)}.task.done .task-check{background:var(--green-ink);border-color:var(--green-ink);color:#fff}.task.done .task-check svg{opacity:1;transform:none}.task.done .task-check .task-number{opacity:0;transform:scale(.3)}.task.done h2{color:var(--green-ink)}.task.done{background:linear-gradient(0deg, #e1f0e773, #e1f0e773), var(--surface);border-color:#bcdcc9}.demo-facts h2{font-size:1.45rem}.demo-facts .check-list{font-size:.95rem}.task.celebrate{animation:.7s cubic-bezier(.3,1.5,.5,1) celebrate}.task.celebrate .task-check{animation:.8s ease-out check-burst}@keyframes celebrate{30%{transform:scale(1.03)}}@keyframes check-burst{0%{box-shadow:0 0 #1e6b4573}to{box-shadow:0 0 0 16px #1e6b4500}}