@font-face{font-family:"Open Sans";src:url("fonts/open-sans-400.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Open Sans";src:url("fonts/open-sans-500.woff") format("woff");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Open Sans";src:url("fonts/open-sans-600.woff") format("woff");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Open Sans";src:url("fonts/open-sans-700.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--app-foreground);background:var(--app-background);font:17px/1.65 "Open Sans",system-ui,sans-serif}a{color:inherit;text-underline-offset:5px}button{font:inherit;cursor:pointer}button:disabled{opacity:.4;cursor:default}[hidden]{display:none!important}.review{padding:8px 5%;background:var(--app-surface);font-size:11px;letter-spacing:.1em}.review span{float:right;letter-spacing:0}header{padding:25px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--app-chrome);gap:24px}nav{display:flex;align-items:center;gap:26px;flex-wrap:wrap}nav a{text-decoration:none;font-size:14px}.wordmark{width:132px;display:block}.button{display:inline-block;padding:13px 25px;border:1px solid var(--app-highlight);background:var(--app-highlight);color:var(--app-tertiary);text-decoration:none;border-radius:3px;font-weight:500;font-size:15px}.small{padding:8px 18px}.text-link{font-size:15px}.actions{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap}.hero{text-align:center;padding:48px 20px 42px;background:var(--app-surface);border-bottom:1px solid var(--app-chrome)}.hero-note,.eyebrow{font-size:11px;letter-spacing:.15em;font-weight:650;color:var(--app-muted)}.hero-note{margin-bottom:30px}.mark{height:48px;max-width:60px;display:block;margin:0 auto 12px}.hero-wordmark{width:155px}h1,h2,h3{font-weight:450;line-height:1.14;letter-spacing:-.045em}h1{font-size:clamp(36px,5vw,66px);margin:30px 0 22px}h2{font-size:clamp(32px,4vw,49px);margin:16px 0 22px}h3{font-size:25px;letter-spacing:-.025em}.hero>p{margin:0 0 30px}.hero .annotation{max-width:640px;margin:35px auto 0;font-size:12px;color:var(--app-muted)}.section{max-width:1160px;margin:auto;padding:85px 40px;border-bottom:1px solid var(--app-chrome)}.intro{padding-top:90px;padding-bottom:90px}.intro p:not(.eyebrow){max-width:620px}.story{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.story p{max-width:450px}.reverse>div:first-child{order:2}.placeholder{min-height:260px;border:1px dashed var(--app-neutral-8d);background:var(--app-surface);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:35px;text-align:center;color:var(--app-muted)}.placeholder span{font-size:10px;letter-spacing:.12em}.placeholder p{font-size:23px;line-height:1.5}.placeholder small{font-size:12px;max-width:280px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:45px}.features article{border-top:1px solid var(--app-neutral-8d);padding-top:22px}.features article>span{font-size:11px;letter-spacing:.15em}.features p{font-size:15px}.ask{background:var(--app-surface)}.ask>p:not(.eyebrow){font-size:25px}.ask .body-copy{font-size:16px!important;max-width:620px}.closing{text-align:center}.closing .text-link{display:block;margin-top:22px}footer{max-width:1160px;margin:auto;padding:50px 40px}footer p{font-size:13px}footer small{display:block;margin-top:30px;color:var(--app-muted);font-size:11px}.page{min-height:65vh}.page>p{max-width:730px}.page .features{grid-template-columns:1fr 1fr}.pending{font-size:13px;color:var(--app-neutral-d9);background:var(--app-surface);padding:12px}.guide-links{display:grid;margin:40px 0}.guide-links a{padding:17px 0;border-bottom:1px solid var(--app-chrome)}details{padding:18px 0;border-bottom:1px solid var(--app-chrome)}summary{cursor:pointer}.walkthrough,.handoff-box{margin:35px 0;padding:30px;border:1px solid var(--app-chrome)}.walkthrough .actions{margin-top:24px;justify-content:space-between}.secondary,button[data-outcome]{padding:12px 20px;background:transparent;border:1px solid var(--app-neutral-8d);border-radius:3px}.skip{position:absolute;left:10px;top:-100px;padding:10px;background:var(--app-surface);z-index:10}.skip:focus{top:0}:focus-visible{outline:3px solid var(--app-highlight);outline-offset:5px}.mobile-break{display:none}@media(max-width:700px){.review span{float:none;display:block;margin-top:4px}header{align-items:flex-start;flex-direction:column;padding:20px}nav{gap:16px}.section{padding:55px 22px}.story{grid-template-columns:1fr;gap:28px}.reverse>div:first-child{order:0}.features,.page .features{grid-template-columns:1fr;gap:22px}.hero{padding:35px 18px}.hero-note{font-size:9px}.mobile-break{display:block}.actions{gap:16px}.walkthrough,.handoff-box{padding:20px}footer{padding:40px 22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

main:focus{outline:none}.hero h1{font-size:clamp(34px,4.2vw,56px)}

/* Keep one aligned vector lockup, with the existing tagline as readable text. */
:root{color-scheme:dark;--app-background:#18171a;--app-surface:#323036;--app-tertiary:#000;--app-foreground:#e7e7e7;--app-muted:#a7a7a7;--app-neutral-f5:#f5f5f5;--app-neutral-ec:#ececec;--app-neutral-d9:#d9d9d9;--app-neutral-b8:#b8b8b8;--app-neutral-8d:#8d8d8d;--app-chrome:#98939d;--app-highlight:#f5f5f5;--app-location:#f87171;}button{color:inherit}.brand-link{text-decoration:none;flex-shrink:0}.brand{display:inline-flex;align-items:center;gap:14px}.brand-icon{width:54px;height:54px}.brand-copy{display:flex;flex-direction:column;gap:7px}.brand-copy>img{display:block;width:190px;height:auto}.tagline{font-size:10px;line-height:1.3;letter-spacing:.015em;white-space:nowrap;color:var(--app-foreground)}.hero-brand{display:flex;justify-content:center}.hero-brand .brand-icon{width:66px;height:66px}.hero-brand .brand-copy>img{width:232px}.hero-brand .tagline{font-size:12px}footer>.brand{margin-bottom:25px}.menu-toggle,.menu-close{border:1px solid var(--app-chrome);background:transparent;border-radius:6px;min-width:44px;min-height:44px}.menu-toggle{display:none;padding:10px}.menu-toggle svg{width:24px;height:24px;display:block;stroke:currentColor;stroke-width:1.7;fill:none}.menu-close{font-size:28px;line-height:1}.drawer-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:36px;font-size:13px;color:var(--app-muted)}#mobile-menu{position:fixed;inset:0 0 0 auto;margin:0;border:0;border-left:1px solid var(--app-chrome);padding:24px;width:min(360px,88vw);max-width:100vw;height:100dvh;max-height:100dvh;background:var(--app-surface);color:var(--app-foreground)}#mobile-menu::backdrop{background:rgb(0 0 0 / .7)}#mobile-menu nav{display:flex;align-items:stretch;flex-direction:column;gap:10px}#mobile-menu nav a{padding:13px 12px;font-size:18px}#mobile-menu nav a[aria-current]{background:var(--app-surface);border-radius:5px}body:has(#mobile-menu[open]){overflow:hidden}
@media(max-width:900px){header{padding:20px;flex-direction:row;align-items:center;gap:12px}header>nav{display:none}.menu-toggle{display:block}.brand-icon{width:44px;height:44px}.brand{gap:10px}.brand-copy>img{width:160px}.tagline{font-size:8.5px}.hero-brand .brand-icon{width:54px;height:54px}.hero-brand .brand-copy>img{width:190px}.hero-brand .tagline{font-size:10px}}

/* Token provenance: DECLUTT keepwondering/declutt commit a0afea0b159117b9ae96e5b3cc11969190f74c96, ui/app/app.config.ts and ui/app/assets/css/main.css. Provisional website treatment; final Figma approval remains pending. */
header{position:relative;justify-content:center}header>nav{text-transform:uppercase}header>.brand-link{margin-inline:auto}header>nav{position:absolute;right:5%;top:50%;transform:translateY(-50%)}.tagline{text-transform:uppercase}.hero{background:var(--app-background)}#mobile-menu nav{text-transform:uppercase}#mobile-menu::backdrop{background:rgb(24 23 26 / .45)}@media(max-width:900px){header{justify-content:center}header>.brand-link{margin-inline:auto}header>.menu-toggle{position:absolute;right:20px;top:50%;transform:translateY(-50%)}header>nav{display:none}}

/* At intermediate widths, use the same menu layout as mobile so centered branding and navigation cannot overlap. */
@media (max-width:1600px) and (min-width:901px){header{padding:20px 24px;flex-direction:row;align-items:center;justify-content:center;gap:12px}header>nav{display:none}.menu-toggle{display:block}header>.brand-link{margin-inline:auto}header>.menu-toggle{position:absolute;right:24px;top:50%;transform:translateY(-50%)}}

/* Figma 9YM8cEt8JZ0fuvs0PzMNJD, node 10:8: scale the complete lockup uniformly. */
.figma-brand{display:block;width:278px;height:64px}footer>.figma-brand{margin-bottom:25px}@media(max-width:900px){.figma-brand{width:222.4px;height:51.2px}}

.app-capture{margin:0;text-align:center}.app-capture img{display:block;width:min(100%,280px);height:auto;margin:auto;border:1px solid var(--app-chrome);border-radius:24px}.app-capture figcaption{max-width:300px;margin:16px auto 0;font-size:12px;line-height:1.6;color:var(--app-muted)}.plan-price{font-size:30px;margin:12px 0}.plan-price small{font-size:15px}.pricing-note{font-size:14px;color:var(--app-muted);margin-top:36px}.features ul{padding-left:20px;font-size:15px}.features li{margin-bottom:10px}

.demo video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#000;border:1px solid var(--app-chrome);margin-top:30px}.demo>p{max-width:650px}.demo .demo-note{font-size:12px;color:var(--app-muted);margin-top:16px}

/* Ten App Store features, one stationary phone, scroll-led background fades. */
.feature-showcase{position:relative;background:var(--app-background)}
.feature-stage{display:none}.feature-step{max-width:1160px;margin:auto;padding:65px 40px;border-bottom:1px solid var(--app-chrome)}
.feature-step h2{max-width:490px}.feature-step p:not(.eyebrow){max-width:430px}.feature-fallback{display:block;width:min(100%,270px);height:auto;border:7px solid #080809;border-radius:28px;margin:30px 0}
.feature-review-note{position:relative;z-index:2;margin:0;padding:24px 5%;font-size:12px;color:var(--app-muted);background:var(--app-background)}
.is-enhanced .feature-stage{display:block;position:sticky;top:0;height:100svh;overflow:hidden}
.feature-backgrounds,.feature-backgrounds::after,.feature-backgrounds video{position:absolute;inset:0;width:100%;height:100%}
.feature-backgrounds video{object-fit:cover;opacity:0;transition:opacity .8s ease}.feature-backgrounds video.is-active{opacity:1}
.feature-backgrounds::after{content:"";background:linear-gradient(90deg,rgba(24,23,26,.95),rgba(24,23,26,.72));z-index:1}
.feature-phone{position:absolute;top:50%;left:73%;transform:translate(-50%,-50%);height:min(76svh,700px);aspect-ratio:402/874;border:8px solid #080809;border-radius:32px;overflow:hidden;background:#18171a;box-shadow:0 24px 75px #0009;outline:1px solid #777}
.feature-screen{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .45s ease}.feature-screen.is-active{opacity:1}
.is-enhanced .feature-steps{position:relative;margin-top:-100svh;pointer-events:none}
.is-enhanced .feature-step{position:relative;min-height:100svh;display:flex;align-items:center;border:0;padding:60px max(40px,calc((100vw - 1080px)/2));max-width:none}
.is-enhanced .feature-step>div{width:47%;max-width:490px;text-shadow:0 2px 20px #0006}.is-enhanced .feature-fallback{display:none}

@media(max-width:700px){.feature-step{padding:45px 22px}.is-enhanced .feature-step{padding:6svh 24px 0;align-items:flex-start}.is-enhanced .feature-step>div{width:100%;max-width:none}.feature-step h2{font-size:28px;line-height:1.15;margin:10px 0 14px}.feature-step p{font-size:14px;line-height:1.5}.feature-step .eyebrow{font-size:11px;margin:0}.feature-phone{left:50%;top:65%;height:51svh;max-height:490px;border-width:6px;border-radius:24px}.feature-backgrounds::after{background:rgba(24,23,26,.84)}}
@media(prefers-reduced-motion:reduce){.is-enhanced .feature-stage{display:none}.is-enhanced .feature-steps{margin-top:0}.is-enhanced .feature-step{min-height:0;padding:45px 24px;max-width:1160px;border-bottom:1px solid var(--app-chrome)}.is-enhanced .feature-step>div{width:100%;max-width:none}.is-enhanced .feature-fallback{display:block}.feature-screen,.feature-backgrounds video{transition:none}}
.feature-backgrounds{z-index:0}.feature-phone{z-index:1}
@media(max-width:700px) and (prefers-reduced-motion:no-preference){.is-enhanced .feature-step>div{visibility:hidden}.is-enhanced.in-view .feature-step.is-current>div{visibility:visible;position:fixed;top:6svh;left:24px;right:24px;width:auto;z-index:2}}
@media(max-width:700px){.feature-phone{width:70vw;height:auto;max-height:none;top:auto;bottom:0;left:50%;transform:translate(-50%,25%)}}

/* Logo-only entry, revealed navigation, and a full-screen menu. */
.entry{min-height:100svh;position:relative;display:grid;place-items:center;padding:100px 24px;background:var(--app-background)}
.entry-content{display:flex;flex-direction:column;align-items:center;gap:44px}.entry-logo{display:block;width:min(480px,82vw);height:auto}
.store-badges{display:flex;align-items:center;justify-content:center;gap:12px}.store-badges button{padding:0;border:0;background:none;opacity:1;cursor:default}.store-badges img{display:block;width:150px;height:50px}.store-badges .google-play-badge{width:194px;height:75px}
.scroll-invite{position:absolute;bottom:38px;left:50%;transform:translateX(-50%);display:grid;place-items:center;width:48px;height:60px}.scroll-invite svg{width:27px;height:42px;fill:none;stroke:var(--app-foreground);stroke-width:1.4;animation:scroll-invite 1.8s ease-in-out infinite}
@keyframes scroll-invite{0%,100%{transform:translateY(-5px)}50%{transform:translateY(7px)}}
.site-header{position:fixed;inset:0 0 auto;z-index:20;display:flex;align-items:center;justify-content:center;height:80px;padding:12px 24px;background:rgba(24,23,26,.94);border-bottom:1px solid #ffffff1a}.site-header .figma-brand{width:166.8px;height:38.4px}.site-header>.menu-toggle{display:block;position:absolute;right:24px;top:50%;transform:translateY(-50%);border:0}.site-header>.brand-link{margin:auto}
#mobile-menu{inset:0;margin:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;padding:0;border:0;border-radius:0;background:rgba(24,23,26,.8);color:var(--app-foreground)}
#mobile-menu::backdrop{background:transparent}#mobile-menu .menu-close{position:absolute;right:24px;top:18px;border:0;background:none;z-index:1;font-size:36px}
#mobile-menu nav{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;text-align:center}#mobile-menu nav a{font-size:clamp(30px,5vw,56px);font-weight:500;text-transform:none;line-height:1.3;padding:10px 20px}#mobile-menu nav a[aria-current]{background:none;text-decoration:underline;text-underline-offset:12px}
.feature-showcase{overflow-x:clip}.is-enhanced .feature-step>div{visibility:hidden}.is-enhanced.in-view .feature-step.is-current>div{visibility:visible;position:fixed;z-index:2;top:50%;left:max(40px,calc((100vw - 1080px)/2));width:42vw;max-width:490px;transform:translateY(-50%);opacity:var(--copy-opacity,1)}
@media(max-width:700px){.entry-content{gap:30px}.entry-logo{width:82vw}.store-badges{gap:0}.store-badges img{width:135px;height:45px}.store-badges .google-play-badge{width:175px;height:68px}.site-header{height:72px}.site-header>.menu-toggle{right:14px}.is-enhanced.in-view .feature-step.is-current>div{top:100px;left:24px;right:24px;width:auto;max-width:none;transform:none}.scroll-invite{bottom:28px}}
@media(prefers-reduced-motion:reduce){.scroll-invite svg{animation:none}.is-enhanced .feature-step>div,.is-enhanced.in-view .feature-step.is-current>div{visibility:visible;position:static;width:100%;max-width:none;transform:none;opacity:1}}

/* Scroll progress doubles as direct feature navigation. */
.feature-progress{position:absolute;z-index:4;right:14px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:0;pointer-events:auto}
.feature-dot{position:relative;display:grid;place-items:center;width:44px;height:30px;padding:0;border:0;background:transparent;color:#f5f5f5}.feature-dot::after{content:"";width:7px;height:7px;border:1px solid #f5f5f5;border-radius:50%;background:#18171a;opacity:.6;transition:opacity .2s,transform .2s}.feature-dot[aria-current="step"]::after{background:#f5f5f5;opacity:1;transform:scale(1.35)}
.feature-dot span{position:absolute;right:45px;top:50%;transform:translateY(-50%);padding:5px 10px;background:#18171a;border:0;border-radius:6px;white-space:nowrap;font-size:12px;line-height:1.4;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s}.feature-dot:hover span,.feature-dot:focus-visible span,.show-label .feature-dot[aria-current="step"] span{visibility:visible;opacity:1}
.feature-progress small{font-size:9px;letter-spacing:.05em;color:#e7e7e7;margin-top:8px;text-shadow:0 1px 4px #000}
@media(max-width:700px){.feature-progress{right:0}.feature-dot{height:28px}.feature-dot span{right:40px}}
@media(prefers-reduced-motion:reduce){.feature-dot::after,.feature-dot span{transition:none}}

/* The entry scrolls upward; the scroll invitation fades independently. */
.entry{position:relative;clip-path:none}
.scroll-invite{opacity:var(--arrow-opacity,1)}
.store-badges{opacity:.65;gap:8px}.store-badges img{width:120px;height:40px}.store-badges .google-play-badge{width:155px;height:60px}
@media(max-width:700px){.store-badges{gap:2px}.store-badges img{width:108px;height:36px}.store-badges .google-play-badge{width:140px;height:54px}.feature-phone{left:auto;right:4vw;transform:translateY(25%)}.feature-progress{left:0;right:auto}.feature-dot span{left:40px;right:auto}}
@media(prefers-reduced-motion:reduce){.entry{position:relative;clip-path:none}.scroll-invite{opacity:1}}

.site-header{opacity:1;border:0;transform:translateY(-100%);visibility:hidden;pointer-events:none;transition:transform .18s ease-out,visibility .18s ease-out}.site-header.is-visible{opacity:1;transform:translateY(0);visibility:visible;pointer-events:auto}
@media(prefers-reduced-motion:reduce){.site-header{transform:none;transition:none}}

.scroll-invite{position:fixed;z-index:6}

/* The intro is the curtain; the feature stage is already pinned underneath. */
.entry{z-index:5}.feature-showcase{margin-top:-100svh}.is-enhanced .feature-steps{padding-top:100svh}
@media(prefers-reduced-motion:reduce){.feature-showcase{margin-top:0}.is-enhanced .feature-steps{padding-top:0}}

.feature-progress::before{content:"";position:absolute;z-index:-1;top:14px;bottom:35px;left:21px;width:2px;background:linear-gradient(to bottom,#f5f5f5 0 var(--feature-progress,0%),#ffffff33 var(--feature-progress,0%) 100%)}
.feature-dot.is-complete::after{background:#f5f5f5;opacity:.8}

/* Cover Safari's expanded and collapsed browser chrome without a bottom strip. */
@media(max-width:700px) and (prefers-reduced-motion:no-preference){.is-enhanced .feature-stage{height:100lvh}.is-enhanced .feature-steps{margin-top:-100lvh}}

.feature-progress{top:auto;bottom:32px;transform:none}
@media(max-width:700px){.feature-progress{bottom:max(24px,env(safe-area-inset-bottom))}}
/* Two-bar menu mark shares the app's fast interaction cadence. */
.menu-bar{transform-box:view-box;transform-origin:12px 12px;transition:transform 180ms ease-out}.menu-toggle[aria-expanded="true"] .first,.menu-close .first{transform:scale(1.3) rotate(45deg) translateY(3px)}.menu-toggle[aria-expanded="true"] .second,.menu-close .second{transform:scale(1.3) rotate(-45deg) translateY(-3px)}
#mobile-menu{background:rgba(24,23,26,.92)}.menu-close svg{display:block;width:24px;height:24px;stroke:currentColor;stroke-width:1.7;fill:none}.menu-close{display:grid;place-items:center}
@media(max-width:700px){#mobile-menu .menu-close{right:14px;top:14px}}
@media(prefers-reduced-motion:reduce){.menu-bar{transition:none}}

#mobile-menu[open] .menu-close .first{animation:menu-first 180ms ease-out both}#mobile-menu[open] .menu-close .second{animation:menu-second 180ms ease-out both}
@keyframes menu-first{from{transform:none}to{transform:scale(1.3) rotate(45deg) translateY(3px)}}@keyframes menu-second{from{transform:none}to{transform:scale(1.3) rotate(-45deg) translateY(-3px)}}
@media(prefers-reduced-motion:reduce){#mobile-menu[open] .menu-close .menu-bar{animation:none}}

/* Keep Safari from treating the full-screen sticky box as an opaque toolbar.
   Visible descendants draw normally; only the narrow progress control takes input.
   Device verification: iOS 26.6.2. Reference: https://hawkshift.com/research/ios-26-safari-status-bar */
@supports (-webkit-touch-callout:none){@media(max-width:700px) and (prefers-reduced-motion:no-preference){.is-enhanced .feature-stage{visibility:hidden;pointer-events:none}.feature-stage>*{visibility:visible}.feature-backgrounds,.feature-phone,.feature-phone *{pointer-events:none}.feature-progress,.feature-progress button{pointer-events:auto}}}

/* One quiet entrance per element, with no animated glyphs or logo pieces. */
.entry-content{gap:0;width:100%;text-align:center}.entry-logo{position:static;aspect-ratio:834/192;width:min(400px,76vw);height:auto;animation:entry-reveal .6s ease-out both}.entry-selling-line{font-size:clamp(28px,4.4vw,58px);line-height:1.2;text-transform:uppercase;letter-spacing:-.035em;margin:40px 0 18px;animation:entry-reveal .6s ease-out .15s both}.entry-closing-line{font-size:clamp(14px,1.6vw,20px);color:var(--app-muted);margin:0 0 28px;animation:entry-reveal .6s ease-out .3s both}.entry .store-badges{animation:entry-reveal .6s ease-out .45s both}
@keyframes entry-reveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.entry{padding:90px 22px 120px}.entry-logo{width:76vw}.entry-selling-line{font-size:clamp(24px,6.7vw,36px);margin-top:32px}.entry-closing-line{max-width:290px;line-height:1.6;margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){.entry-logo,.entry-selling-line,.entry-closing-line,.entry .store-badges{animation:none}}

.site-header .menu-toggle,#mobile-menu .menu-close{width:50px;height:50px;min-width:50px;min-height:50px;padding:10px;border:0;border-radius:0;box-shadow:none;background:transparent}
.menu-toggle svg,.menu-close svg{width:30px;height:30px;overflow:visible}#mobile-menu .menu-close{top:15px}
@media(max-width:700px){#mobile-menu .menu-close{top:11px}}

.menu-toggle,.menu-toggle:hover,.menu-toggle:active,.menu-toggle:focus,.menu-toggle:focus-visible,#mobile-menu .menu-close,#mobile-menu .menu-close:hover,#mobile-menu .menu-close:active,#mobile-menu .menu-close:focus,#mobile-menu .menu-close:focus-visible{border:0;outline:none;box-shadow:none;-webkit-tap-highlight-color:transparent}
.menu-toggle:focus-visible svg,.menu-close:focus-visible svg{filter:brightness(1.4)}

/* Ease the first feature into view after the curtain clears. */
.is-enhanced .feature-phone{opacity:0;translate:0 18px;transition:opacity .55s ease-out,translate .65s cubic-bezier(.16,1,.3,1)}.is-enhanced.in-view .feature-phone{opacity:1;translate:0 0}
.in-view .feature-step.is-current>div>.eyebrow{animation:feature-reveal .45s ease-out both}.in-view .feature-step.is-current>div>h2{animation:feature-reveal .5s ease-out .08s both}.in-view .feature-step.is-current>div>p:not(.eyebrow){animation:feature-reveal .5s ease-out .16s both}
.feature-progress{animation:feature-reveal .5s ease-out .15s both}
@keyframes feature-reveal{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}
#mobile-menu[open]{animation:menu-overlay-reveal .24s ease-out both}
@keyframes menu-overlay-reveal{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.is-enhanced .feature-phone{transition:none;translate:none}.feature-showcase .feature-step.is-current>div>*,.feature-progress,#mobile-menu[open]{animation:none!important}}

/* Figma 10:19 artwork; only export-frame background and padding removed. */
.entry-logo{aspect-ratio:1075/192}.figma-brand,.site-header .figma-brand{height:auto}

.pro-ending{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;scroll-margin-top:80px}.pro-ending h2{max-width:450px}.pro-ending>div>p:not(.eyebrow){max-width:440px}.pro-offer .plan-price{margin-top:0}.pro-offer ul{padding-left:20px;font-size:15px}.pro-offer li{margin-bottom:14px}.pro-offer .button{margin-top:12px}.pro-offer .pricing-note{font-size:12px;margin-top:20px}.simple-footer{padding:30px 40px}.simple-footer nav{justify-content:center;gap:28px}
@media(max-width:700px){.pro-ending{grid-template-columns:1fr;gap:24px;scroll-margin-top:72px}.simple-footer{padding:26px 22px}}