@font-face{font-family:Inter;src:url('./fonts/inter-latin.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:Manrope;src:url('./fonts/manrope-latin.woff2') format('woff2');font-weight:200 800;font-style:normal;font-display:swap}

/* The paper, pages, UI and light of the product scenes belong to the renders.
   HTML carries the story and actions; it never reconstructs their geometry. */
:root{color-scheme:light;--canvas:#fbefdf;--ink:#3d2a1a;--ink-soft:#5a4535;--muted:#766656;--amber:#f5a855;--copper:#8b5a2b;--border:#e5d5c3;--line:#ebe2d6;--surface-raised:#fffcf7;--surface-strong:#fff3e0;--copper-dark:#6b4423;--focus:#8b5a2b;--header-base:64px;--chapter-base:64px;--header-height:64px;--chapter-height:0px;--wrap:1160px;--paper-surface:linear-gradient(#fbefdfd1,#fbefdfd1),url('./paper-highlight.webp'),url('./paper-shadow.webp');--paper-size:auto,480px 480px,480px 480px;--ease:cubic-bezier(.22,.68,.2,1)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + var(--chapter-height) + 24px)}
body{margin:0;color:var(--ink);background-color:var(--canvas);font:400 1.0625rem/1.65 Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}
/* A static cotton-paper relief shared by the canvas and navigation. */
body,.site-header,.chapter-nav{background-image:var(--paper-surface);background-size:var(--paper-size);background-repeat:repeat}
body:has(dialog[open]){overflow:hidden}
button,input,select{font:inherit}
button,a,input,summary{-webkit-tap-highlight-color:transparent}
button,a{touch-action:manipulation}
button{cursor:pointer;color:inherit}
button:disabled{cursor:default;opacity:.58}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:none}
img{display:block;max-width:100%;height:auto}
picture{display:block}
figure,p,h1,h2,h3,ol,ul{margin:0}
ul,ol{padding:0}
h1,h2,h3{font-weight:600;line-height:1.13;letter-spacing:-.025em;text-wrap:balance;overflow-wrap:break-word}
h1,.chapter-heading h2,.home-copy h2,.work-story-step h2,.work-story-step h3{font-family:Manrope,Inter,sans-serif}
h1{font-size:4.5rem;font-weight:650;max-width:960px;margin-inline:auto;line-height:1.07;letter-spacing:-.035em}
h2{font-size:3.5rem}
h3{font-size:1.4375rem;line-height:1.3;letter-spacing:-.018em}
p{text-wrap:pretty}
[hidden]{display:none!important}
:focus-visible{outline:3px solid var(--focus);outline-offset:5px}
.wrap{width:min(var(--wrap),calc(100% - 128px));margin-inline:auto}
.wide-wrap{width:min(1380px,calc(100% - 112px));margin-inline:auto}
.icon,.feature-icon{width:23px;height:23px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.skip-link{position:fixed;z-index:250;top:12px;left:12px;transform:translateY(-160%);padding:12px 18px;background:var(--ink);color:var(--canvas);border-radius:6px}
.skip-link:focus{transform:none}
.site-header{position:sticky;top:0;z-index:60;height:auto;min-height:var(--header-base);background-color:#fbefdff2;backdrop-filter:blur(12px);border-bottom:1px solid transparent;transition:border-color .2s}
.site-header.is-scrolled{border-color:var(--line)}
.nav-shell{min-height:var(--header-base);display:flex;flex-wrap:wrap;column-gap:34px;row-gap:10px;padding-block:10px;align-items:center;justify-content:space-between}
.brand{display:inline-flex;align-items:center;gap:10px;flex:none;max-width:100%;font-size:1.6875rem;font-weight:650;letter-spacing:-.025em;line-height:1}
.brand>span{min-width:0;overflow-wrap:anywhere}
.brand img{width:34px;height:34px;object-fit:contain}
.brand-pro{font-weight:450}
.main-nav{display:flex;align-items:center;gap:30px;margin-left:auto;font-size:0.875rem}
.main-nav a{padding-block:12px}
.main-nav a:hover,.text-link:hover,.zoom-link:hover,.site-footer a:hover{color:var(--copper)}
/* The same amber and luminance-centered fiber relief as ProPaperButton. */
.material-filters{position:absolute;pointer-events:none}
.button{--button-lift-shadow:0 3px 6px #8b5a2b26;position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:54px;padding:12px 25px;background:var(--amber);color:var(--ink);border:1px solid #a67a4733;border-radius:10px;box-shadow:0 .75px 1.5px #8b5a2b20;font-size:1.0625rem;font-weight:500;line-height:1.3;transition:box-shadow .2s}
.button::before{content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;background:url('./paper-fibers-v2.webp') top left/313.5px 313.5px repeat;filter:url('#paper-amber-grain');opacity:.68;pointer-events:none}
.button:not(:disabled):hover{box-shadow:var(--button-lift-shadow)}
.button:disabled{opacity:1;background:#f1ece5;color:#6d5b4e;border-color:var(--border);box-shadow:none}
.button:disabled::before{opacity:0}
.button-small{min-height:42px;padding:9px 18px;font-size:0.875rem;gap:12px}
.text-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;line-height:1.4;font-size:1rem;font-weight:500}
.text-link .icon{width:20px;height:20px}
.hero{padding-top:72px;padding-bottom:80px;overflow:clip}
.hero-copy{overflow-wrap:break-word;text-align:center;position:relative;z-index:2}
.audience{font-size:1rem;line-height:1.4;margin-bottom:24px;color:var(--ink-soft)}
.hero-lead{max-width:680px;margin:28px auto 0;font-size:1.125rem;line-height:1.7;color:var(--ink-soft)}
.hero-actions{display:flex;align-items:center;justify-content:center;gap:32px;margin-top:32px;flex-wrap:wrap}
.hero-assurance{margin-top:16px;color:var(--muted);font-size:0.8125rem;line-height:1.5}
.rendered-figure{width:min(1460px,100%);margin-inline:auto;position:relative}
.scene-art{transform-origin:center center}
/* Flatten each rendered scene before compositing its white studio backdrop
   onto the paper. Workflow frames still crossfade normally inside their stage. */
.rendered-figure,.editorial-row .product-scene,.home-visual,.work-story[data-story-mode=scroll] .work-story-art,.work-story:not([data-story-mode=scroll]) .work-story-frame{mix-blend-mode:multiply}
.scene-art img{width:100%;object-fit:contain}
/* The renders include a warm studio margin. Feather only its outer edge,
   keeping the paper, interface and cast shadows inside the full composition. */
.scene-art img,.product-scene picture>img,.home-report{mask-image:linear-gradient(to right,transparent,#000 var(--scene-feather-x,2%),#000 calc(100% - var(--scene-feather-right,var(--scene-feather-x,2%))),transparent),linear-gradient(to bottom,transparent,#000 var(--scene-feather-y,1%),#000 calc(100% - var(--scene-feather-bottom,var(--scene-feather-y,1%))),transparent);mask-composite:intersect}
.home-report{--scene-feather-x:4%;--scene-feather-y:2%}
[data-asset=today]{--scene-feather-x:6%;--scene-feather-right:3%;--scene-feather-y:4%}
@media(max-width:767px){[data-asset=today]{--scene-feather-right:2%;--scene-feather-bottom:3%}.home-report{--scene-feather-x:2%;--scene-feather-y:.75%}[data-asset=hero]{--scene-feather-x:.2%}[data-asset=care]{--scene-feather-x:.6%}}
.hero-figure{margin-top:32px}
.figure-foot{position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;column-gap:24px;row-gap:2px;padding:8px 26px 0;font-size:0.6875rem;line-height:1.5;color:var(--muted);text-align:center}
.zoom-link{display:inline-flex;align-items:center;gap:7px;min-height:40px;background:none;border:0;padding:6px 0;font-size:0.75rem;line-height:1.4;white-space:nowrap;color:var(--ink-soft)}
.zoom-link .icon{width:17px;height:17px}
.hero-bridge{padding-block:45px 66px;text-align:center;font-size:1.5625rem;line-height:1.45;font-weight:550;letter-spacing:-.015em}
.hero-bridge span{color:var(--muted);font-size:1.25rem;font-weight:400}
.motion-line{display:block;overflow:clip;padding-block:.08em .16em;margin-block:-.08em -.16em}
.motion-line-inner{display:block}
.motion-statement-line{display:block}
.hero-bridge .motion-statement-line:first-child{color:var(--ink);font-size:inherit;font-weight:inherit}
.chapter-nav{overflow-x:auto;scrollbar-width:none;position:relative;z-index:10;background-color:#fbefdff5;border-block:1px solid var(--line);backdrop-filter:blur(12px)}
.chapter-links{display:flex;align-items:center;justify-content:center;gap:38px;min-height:var(--chapter-base);width:max-content;min-width:min(var(--wrap),100%);padding-inline:24px}
.chapter-links a{position:relative;white-space:nowrap;min-height:var(--chapter-base);display:flex;align-items:center;font-size:0.8125rem;line-height:1.3;color:var(--ink-soft)}
.chapter-links a::after{content:'';height:2px;position:absolute;bottom:0;left:0;right:0;background:var(--copper);transform:scaleX(0);transition:transform .2s}
.chapter-links a.is-active{color:var(--ink);font-weight:550}
.chapter-links a.is-active::after{transform:scaleX(1)}
.chapter{padding-block:144px}
.chapter-label{margin-bottom:24px;font-size:0.875rem;font-weight:500;line-height:1.5;color:var(--copper)}
.chapter-copy{font-size:1.1875rem;line-height:1.65;color:var(--ink-soft)}
.split-heading{display:grid;grid-template-columns:1fr 1fr;gap:96px;align-items:center}
.heading-description{max-width:460px;padding-top:0;color:var(--ink-soft);font-size:1.1875rem;line-height:1.65}
.heading-description .text-link{margin-top:17px}
.centered-heading{text-align:center;max-width:920px}.centered-heading h2{max-width:850px;margin-inline:auto}
.centered-heading .chapter-copy{margin:28px auto 0;max-width:680px}
.chapter-figure{margin-top:64px}
.feature-notes{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-top:31px}
.feature-notes p{max-width:470px;margin-top:12px;color:var(--ink-soft);font-size:1rem}
.existing-site{max-width:760px;margin-top:48px;border-top:1px solid var(--line);padding-top:28px;display:flex;gap:13px;align-items:flex-start;font-size:1rem;color:var(--ink-soft)}
.existing-site .icon{margin-top:3px;width:20px;height:20px}
.existing-site strong{color:var(--ink);font-weight:600}
.chapter-care{border-top:1px solid var(--line)}
.work-moments{display:grid;grid-template-columns:repeat(3,1fr);gap:46px;list-style:none;padding-top:47px}
.work-moments li{position:relative}
.moment-number{display:flex;width:37px;height:37px;align-items:center;justify-content:center;margin-bottom:19px;border:1px solid #e5c396;border-radius:50%;background:#fff1de;font-size:1.0625rem;line-height:1}
.work-moments h3{font-size:1.375rem;min-height:57px}
.work-moments p{color:var(--ink-soft);margin-top:12px;font-size:1rem}
.moment-detail{display:block;margin-top:21px;font-size:0.8125rem;line-height:1.55;color:var(--copper)}
.section-invitation{margin-top:88px;padding-top:40px;border-top:1px solid var(--line);display:flex;gap:25px;align-items:center;justify-content:space-between}
.section-invitation p{color:var(--muted);font-size:1.125rem;line-height:1.6}
.section-invitation strong{font-weight:500;color:var(--ink)}
.chapter-guardian{border-top:1px solid var(--line)}
.guardian-layout{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:44px}
.guardian-copy{min-width:0}
.guardian-copy h2{font-size:3.125rem}
.guardian-heading .chapter-copy{margin-top:24px}
.guardian-detail>p:not(.guardian-availability){max-width:480px;margin-top:15px;color:var(--ink-soft);font-size:1rem}
.guardian-benefits{list-style:none;margin-top:29px;padding:0;max-width:480px}
.guardian-benefits li{padding:17px 0;border-top:1px solid var(--line)}
.guardian-benefits h3{font-size:1.125rem;line-height:1.45;letter-spacing:-.015em}
.guardian-benefits p{margin-top:5px;color:var(--ink-soft);font-size:0.9375rem;line-height:1.65}
.guardian-copy .text-link{margin-top:15px;max-width:100%}
.guardian-availability{margin-top:12px;font-size:0.75rem;color:var(--muted)}
.guardian-visual{min-width:0;width:100%;max-width:430px;justify-self:center}
.guardian-visual>img{width:100%;height:auto;object-fit:contain}
.guardian-visual .figure-foot{padding-inline:0}
.chapter-practice{background:#faf7f14d;border-block:1px solid var(--line)}
.editorial-row{display:grid;grid-template-columns:.85fr 1.35fr;align-items:center;gap:88px;margin-top:88px}
.editorial-copy{max-width:400px}
.feature-icon{width:31px;height:31px;color:var(--copper);margin-bottom:20px}
.editorial-copy h3{font-size:2.125rem;line-height:1.2;letter-spacing:-.025em}
.editorial-copy p{font-size:1.0625rem;line-height:1.7;margin-top:24px;color:var(--ink-soft)}
.editorial-copy .quiet-note{font-size:0.875rem;line-height:1.65;color:var(--muted)}
.editorial-copy .text-link{margin-top:18px}
.product-screen{min-width:0}
.product-screen img{width:100%;border-radius:9px;border:1px solid #e2d9ca}
.product-screen .figure-foot{padding-inline:0}
.product-screen.product-scene img{height:auto;object-fit:contain;border:0;border-radius:0}
.editorial-row-reverse{grid-template-columns:1.4fr .82fr;margin-top:100px}
.editorial-row-reverse .editorial-copy{grid-column:2;grid-row:1;justify-self:end}
.editorial-row-reverse .product-screen{grid-column:1;grid-row:1}
.home-layout{min-width:0}
.home-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:96px}
.home-copy,.home-intro{min-width:0}
.home-intro{max-width:490px;color:var(--ink-soft)}
.home-intro>p:not(.chapter-copy){margin-top:17px;font-size:1rem}
.home-intro .text-link{max-width:100%;margin-top:18px}
.home-visual{position:relative;min-width:0;width:100%;margin-top:64px}
.home-report{width:100%;height:auto;object-fit:contain}
.home-visual .figure-foot{padding-inline:0;padding-top:14px}
.home-visual .zoom-link{max-width:100%;white-space:normal;text-align:left}
.home-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;list-style:none;margin-top:56px}
.home-benefits h3{font-size:1.25rem;line-height:1.35}
.home-benefits p{margin-top:11px;font-size:0.9375rem;color:var(--ink-soft)}
.home-boundary{max-width:880px;margin-top:34px;padding-top:23px;border-top:1px solid var(--line);font-size:0.875rem;line-height:1.7;color:var(--muted)}
.home-boundary p+p{margin-top:7px}
.home-boundary strong{font-weight:550;color:var(--ink-soft)}
.chapter-development{padding-block:104px;border-block:1px solid var(--line)}
.development-layout{display:grid;grid-template-columns:.9fr 1.35fr;gap:80px}
.development-layout h2{font-size:2.3125rem}
.development-layout header>p:last-child{margin-top:21px;max-width:350px;color:var(--muted);font-size:0.9375rem}
.development-list{display:grid;grid-template-columns:1fr 1fr;column-gap:38px;row-gap:24px;list-style:none}
.development-list h3{font-size:1.0625rem;font-weight:550;letter-spacing:-.01em}
.development-list p{margin-top:7px;color:var(--muted);font-size:0.8125rem;line-height:1.65}
.founder-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px;align-items:center;width:min(1040px,calc(100% - 96px))}
.founder-photo img{border-radius:7px;width:100%}
.founder-photo figcaption{margin-top:10px;text-align:center;font-size:0.75rem;color:var(--muted)}
.founder-copy>p:not(.chapter-label){margin-top:23px;color:var(--ink-soft);font-size:1rem}
.founder-copy .founder-signature{margin-top:25px;font-size:0.9375rem}
.founder-signature strong,.founder-signature span{display:block}
.founder-signature strong{font-weight:550;color:var(--ink)}
.founder-signature span{font-size:0.75rem;color:var(--muted);margin-top:2px}
.founder-copy .text-link{margin-top:20px}
.chapter-faq{border-top:1px solid var(--line);padding-top:120px}
.faq-layout{display:grid;grid-template-columns:.8fr 1.35fr;gap:70px}
.faq-layout h2{font-size:2.625rem}
.faq-layout header p{margin-top:20px;max-width:310px;color:var(--muted);font-size:1rem}
.faq-list{border-top:1px solid var(--line)}
.faq-list details{border-bottom:1px solid var(--line)}
.faq-list summary{list-style:none;display:flex;gap:18px;align-items:center;justify-content:space-between;min-height:76px;padding-block:20px;cursor:pointer;font-size:1.0625rem;font-weight:500;line-height:1.5}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary .icon{width:19px;height:19px;transition:transform .2s}
.faq-list details[open] summary .icon{transform:rotate(45deg)}
.faq-answer{padding:0 32px 25px 0;color:var(--ink-soft);font-size:0.9375rem;line-height:1.75}
.waitlist-section{padding:24px 0 120px}
.invitation-sheet{position:relative;display:grid;grid-template-columns:1.05fr 1fr;gap:88px;padding:72px;border:1px solid var(--border);border-radius:10px 10px 7px 7px;background-color:#fff8ee;background-image:linear-gradient(#fff7eecd,#fffaf3e3),url('./story/paper-ivory.webp');background-size:100% 100%,420px;box-shadow:0 4px 0 #fffdf9,0 5px 0 var(--border),0 15px 30px #6a4a2410}
.invitation-mark{width:53px;height:53px;margin-bottom:25px}
.waitlist-copy h2{font-size:2.875rem}
.waitlist-copy>p{margin-top:20px;color:var(--ink-soft);font-size:1rem}
.waitlist-assurance{display:flex;align-items:flex-start;gap:10px;font-size:0.75rem;margin-top:29px;color:var(--ink-soft);line-height:1.6}
.waitlist-assurance .icon{width:17px;height:17px;margin-top:2px}
.waitlist-form{align-self:center;min-width:0;scroll-margin-top:calc(var(--header-height) + var(--chapter-height) + 24px)}
.waitlist-form h3{font-size:1.5rem;margin-bottom:25px}
.email-label{display:block;font-size:0.875rem;font-weight:500;margin-bottom:9px}
.waitlist-form input[type=email]{width:100%;min-height:54px;border:1px solid #cab9a3;border-radius:5px;padding:12px 14px;background:#fffdfa;color:var(--ink);font-size:1rem}
.waitlist-form input::placeholder{color:#8c7d6e}
.consent-label{display:flex;align-items:flex-start;gap:11px;margin-top:22px;font-size:0.75rem;line-height:1.7;color:var(--ink-soft)}
.consent-label input{margin:3px 0 0;width:18px;height:18px;flex:none;accent-color:var(--copper)}
.privacy-note{margin-top:14px;font-size:0.6875rem;color:var(--muted);line-height:1.6}
.privacy-note a,.form-error a,.faq-answer a{text-decoration:underline;text-underline-offset:3px}
.form-submit{width:100%;margin-top:24px;justify-content:space-between}
.honey-field{position:absolute;clip:rect(0 0 0 0);clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}
.field-error,.form-error{font-size:0.8125rem;line-height:1.6;color:#8d3323;margin-top:10px}
[aria-invalid=true]{outline:2px solid #a64a35;outline-offset:2px}
.preview-note{margin-top:12px;color:var(--copper);font-size:0.6875rem;line-height:1.55}
.form-success{padding:20px 0;font-size:1rem;color:var(--ink-soft)}
.form-success h3{margin:20px 0 15px;color:var(--ink)}
.paper-icon.large{display:inline-flex;width:48px;height:48px;border:1px solid #d6ba93;border-radius:50%;align-items:center;justify-content:center;background:#ffedcf;color:var(--copper)}
.site-footer{padding-block:30px 28px}
.footer-main{display:flex;gap:24px;align-items:center;justify-content:space-between;padding-bottom:36px}
.footer-main .brand{font-size:1.375rem}
.footer-main .brand img{width:28px;height:28px}
.footer-main>p{font-size:0.875rem;color:var(--muted)}
.footer-main>a:last-child{font-size:0.875rem;overflow-wrap:anywhere}
.footer-meta{display:flex;gap:20px;justify-content:space-between;border-top:1px solid var(--line);padding-top:22px;color:var(--muted);font-size:0.6875rem}
.footer-meta>div{display:flex;gap:24px;align-items:center}
.footer-meta button{border:0;padding:0;background:none;font-size:inherit;color:inherit;min-height:30px}
body #mdl-pro-cookie-banner .mdl-cookie-accept{color:var(--ink);text-shadow:none}
.screen-dialog{max-width:none;width:min(1440px,calc(100% - 40px));max-height:calc(100dvh - 40px);padding:0;border:1px solid var(--border);border-radius:8px;background:var(--canvas);color:var(--ink)}
.screen-dialog::backdrop{background:#261b13ad;backdrop-filter:blur(8px)}
.dialog-toolbar{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 20px;border-bottom:1px solid var(--line);background:var(--canvas);font-size:0.8125rem;z-index:1}
.dialog-toolbar button{display:grid;place-items:center;min-width:44px;height:44px;padding:0;background:transparent;border:1px solid var(--border);border-radius:50%}
.dialog-media{overflow:auto;max-height:calc(100dvh - 125px)}
.dialog-media img{width:100%;max-width:none}
.screen-dialog[data-image-layout=portrait]{width:min(560px,calc(100% - 40px))}
.screen-dialog[data-image-layout=portrait] .dialog-media img{width:100%;max-width:480px;min-width:0;margin-inline:auto}
.asset-error{min-height:180px;background:#fff6e9;border:1px dashed var(--border)}

/* Physical responses to a deliberate action; the sales CTA never waits for an entrance. */
@media(prefers-reduced-motion:no-preference){
  html:not([data-editorial-motion=off]) .button{transition:transform .28s var(--ease),background-color .2s,box-shadow .28s var(--ease)}
  html:not([data-editorial-motion=off]) :is(.button,.text-link,.zoom-link) .icon{transition:transform .28s var(--ease)}
  html:not([data-editorial-motion=off]) .button:not(:disabled):focus-visible{transform:translateY(-1px);box-shadow:var(--button-lift-shadow)}
  html:not([data-editorial-motion=off]) :is(.button,.text-link):focus-visible .icon{transform:translateX(4px)}
  html:not([data-editorial-motion=off]) .button:not(:disabled):active{transform:translateY(1px) scale(.985)}
  @media(hover:hover) and (pointer:fine){
    html:not([data-editorial-motion=off]) .button:not(:disabled):hover{transform:translateY(-1px);box-shadow:var(--button-lift-shadow)}
    html:not([data-editorial-motion=off]) :is(.button,.text-link):hover .icon{transform:translateX(4px)}
    html:not([data-editorial-motion=off]) .zoom-link:hover .icon{transform:scale(1.16)}
  }
}

/* Independent, bounded entrance for the site-builder artwork. */
@keyframes paper-settle{from{transform:translateY(32px) scale(.945)}to{transform:translateY(0) scale(1)}}
@keyframes paper-settle-mobile{from{transform:translateY(14px) scale(.975)}to{transform:translateY(0) scale(1)}}
@supports(animation-timeline:view()){
  @media(prefers-reduced-motion:no-preference){
    [data-scene-mode=scroll] [data-scene-object]{animation:paper-settle auto linear both;animation-timeline:view(block);animation-range:entry 0% cover 48%}
  }
}
@media(min-width:1600px){.hero{padding-top:96px}.hero-figure{margin-top:40px}}
@media(max-width:1100px){
  :root{--header-base:64px;--header-height:64px}.wrap{width:calc(100% - 96px)}.wide-wrap{width:calc(100% - 64px)}
  h1{font-size:4rem}h2{font-size:3rem}.nav-shell{gap:12px 24px}.main-nav{gap:22px}.brand{font-size:1.5rem}
  .split-heading{gap:56px}.chapter-links{gap:24px}.chapter{padding-block:112px}
  .editorial-row{gap:40px;grid-template-columns:.85fr 1.25fr}.editorial-row-reverse{grid-template-columns:1.25fr .85fr}
  .editorial-copy h3{font-size:1.8125rem}.home-heading{gap:40px}.home-copy h2{font-size:2.625rem}.home-benefits{gap:28px}
  .guardian-layout{gap:25px}.guardian-copy h2{font-size:2.625rem}
  .development-layout{gap:45px}.founder-layout{width:calc(100% - 80px);gap:60px}
  .faq-layout{gap:40px}.faq-layout h2{font-size:2.1875rem}.invitation-sheet{gap:45px;padding:45px}.waitlist-copy h2{font-size:2.5rem}
}
@media(max-width:767px){
  :root{--header-base:64px;--chapter-base:58px;--header-height:64px;--chapter-height:0px}.wrap{width:calc(100% - 44px)}.wide-wrap{width:calc(100% - 36px)}
  body{font-size:1rem}.main-nav{display:none}.nav-shell{gap:12px}.brand{font-size:1.4375rem;gap:7px}.brand img{width:30px;height:30px}.button-small{font-size:0.75rem;padding:9px 12px;min-height:39px}
  h1{font-size:3.25rem}h2{font-size:2.625rem}h3{font-size:1.3125rem}
  .hero{padding-top:52px;padding-bottom:56px}.audience{font-size:0.875rem;margin-bottom:22px}.hero-lead{font-size:1rem;line-height:1.7;max-width:470px;margin-top:24px}.desktop-break{display:none}
  .hero-actions{gap:18px 24px;margin-top:28px}.hero-actions .button{font-size:0.9375rem;gap:16px;min-height:50px;padding:12px 19px}.hero-actions .text-link{font-size:0.875rem;gap:4px}.hero-actions .text-link .icon{width:16px}
  .hero-assurance{font-size:0.75rem;max-width:320px;margin:16px auto 0}.hero-figure{width:100%;margin-top:28px}.hero-figure .scene-art{min-height:min(100vw,300px)}
  .figure-foot{font-size:0.625rem;line-height:1.6;gap:0;padding:0 20px;flex-direction:column}.zoom-link{font-size:0.6875rem;min-height:38px}.hero-bridge{padding-block:30px 43px;font-size:1.3125rem}.hero-bridge span{font-size:1rem}
  .chapter-nav{overflow-x:auto;scrollbar-width:none}.chapter-nav::-webkit-scrollbar{display:none}.chapter-links{width:max-content;min-width:100%;gap:24px;padding-inline:22px;justify-content:flex-start}.chapter-links a{font-size:0.75rem}
  .chapter{padding-block:88px}.chapter-label{font-size:0.8125rem;margin-bottom:20px}.chapter-copy{font-size:1.0625rem}
  .split-heading{display:block}.heading-description{padding-top:24px;max-width:540px;font-size:1.0625rem}.heading-description .text-link{margin-top:13px}.chapter-figure{margin-top:40px;width:100%}
  .centered-heading .chapter-copy{margin-top:24px}.feature-notes{gap:32px;padding-top:27px}.feature-notes h3{font-size:1.1875rem}.feature-notes p{font-size:0.875rem;margin-top:9px}.existing-site{font-size:0.9375rem;margin-top:32px;padding-top:24px}
  .work-moments{gap:27px;padding-top:35px;grid-template-columns:1fr;max-width:520px}.work-moments li{padding-left:52px}.moment-number{position:absolute;left:0;top:0;width:32px;height:32px;font-size:0.9375rem}.work-moments h3{font-size:1.25rem;min-height:0}.work-moments p{font-size:0.9375rem;margin-top:8px}.moment-detail{margin-top:12px;font-size:0.75rem}
  .section-invitation{margin-top:56px;padding-top:32px;display:block}.section-invitation p{font-size:1rem}.section-invitation .text-link{margin-top:13px}
  .guardian-layout{display:flex;flex-direction:column;align-items:stretch;gap:28px}.guardian-copy{display:contents}.guardian-heading{order:1}.guardian-detail{order:3;min-width:0}.guardian-copy h2{font-size:2.625rem}.guardian-heading .chapter-copy{margin-top:20px}.guardian-detail>p:not(.guardian-availability){font-size:0.9375rem;margin-top:0}.guardian-benefits{margin-top:24px}.guardian-benefits h3{font-size:1.0625rem}.guardian-benefits p{font-size:0.875rem}.guardian-visual{order:2;max-width:440px;margin-inline:auto}.guardian-availability{font-size:0.6875rem}
  .editorial-row,.editorial-row-reverse{display:flex;flex-direction:column;align-items:stretch;gap:27px;margin-top:50px}.editorial-copy{max-width:520px}.editorial-copy h3{font-size:1.8125rem}.editorial-copy h3 br{display:none}.feature-icon{margin-bottom:15px}.editorial-copy p{margin-top:14px;font-size:0.9375rem}.editorial-copy .quiet-note{font-size:0.8125rem}.product-screen{width:100%}.product-screen .figure-foot{padding-top:7px}.product-screen img{border-radius:6px}
  .home-heading{display:block}.home-copy h2{font-size:2.625rem}.home-intro{max-width:540px;margin-top:23px}.home-intro>p:not(.chapter-copy){margin-top:14px;font-size:0.9375rem}.home-intro .text-link{margin-top:14px}.home-visual{margin-top:40px}.home-visual .figure-foot{padding-top:12px}.home-benefits{grid-template-columns:1fr;gap:32px;margin-top:40px;max-width:540px}.home-benefits h3{font-size:1.125rem}.home-benefits p{font-size:0.9375rem;margin-top:7px}.home-boundary{margin-top:27px;padding-top:20px;font-size:0.8125rem}
  .development-layout{display:block}.development-layout h2{font-size:2rem}.development-layout header>p:last-child{max-width:500px;margin-top:17px;font-size:0.875rem}.development-list{margin-top:32px;gap:25px 24px;grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr))}.development-list h3{font-size:1rem}.development-list p{font-size:0.75rem}
  .founder-layout{width:calc(100% - 44px);display:flex;flex-direction:column;gap:35px;align-items:stretch}.founder-photo{width:70%;max-width:380px;margin-inline:auto}.founder-copy>p:not(.chapter-label){font-size:0.9375rem;margin-top:18px}.founder-copy .chapter-label{margin-bottom:15px}
  .faq-layout{display:block}.faq-layout h2{font-size:2.1875rem}.faq-layout header p{max-width:410px;margin-top:14px;font-size:0.9375rem}.faq-list{margin-top:40px}.faq-list summary{min-height:72px;font-size:0.9375rem;padding-block:19px}.faq-answer{font-size:0.875rem;padding-right:14px}
  .waitlist-section{padding:0 0 72px}.invitation-sheet{width:calc(100% - 32px);padding:32px 27px;display:block}.invitation-mark{width:45px;height:45px;margin-bottom:22px}.waitlist-copy h2{font-size:2.375rem}.waitlist-copy>p{font-size:0.9375rem;margin-top:17px}.waitlist-assurance{font-size:0.6875rem;margin-top:21px}.waitlist-form{margin-top:36px;border-top:1px solid #e7d7c1;padding-top:30px}.waitlist-form h3{font-size:1.375rem;margin-bottom:22px}.consent-label{font-size:0.75rem}.form-submit{font-size:1rem}
  .footer-main{flex-direction:column;align-items:flex-start;gap:18px;padding-bottom:25px}.footer-main>p{font-size:0.8125rem}.footer-meta{font-size:0.625rem;align-items:flex-start}.footer-meta>div{flex-direction:column;align-items:flex-end;gap:5px}
  .screen-dialog{width:calc(100% - 16px);max-height:calc(100dvh - 16px)}.dialog-toolbar{padding:10px 13px;gap:10px;font-size:0.6875rem}.dialog-media{max-height:calc(100dvh - 91px)}.dialog-media img{min-width:760px}
  @supports(animation-timeline:view()){[data-scene-mode=scroll] [data-scene-object]{animation-name:paper-settle-mobile}}
}
@media(max-width:540px){h1{font-size:2.625rem}h2,.home-copy h2,.guardian-copy h2{font-size:2.375rem}}
@media(max-width:420px){.hero-actions{gap:13px}.hero-actions .button{font-size:0.875rem;padding-inline:16px;gap:12px}.hero-actions .text-link{font-size:0.75rem}.hero-copy{width:calc(100% - 44px)}h1{font-size:2.5rem}.hero-lead{max-width:330px;font-size:1rem}.hero-assurance{font-size:0.75rem}.feature-notes{grid-template-columns:1fr;gap:23px}.hero-bridge{font-size:1.1875rem}.hero-bridge span{font-size:0.9375rem}.invitation-sheet{padding:30px 23px}.brand{font-size:1.3125rem}.brand img{width:28px;height:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}[data-scene-object]{transform:none!important}}

/* Product story: text remains in document flow. Only the shared art stage pins.
   Local layers: stage 1, active artwork 2, progress 3; below chapter/header 50/60. */
.brand img,.invitation-mark{border-radius:25%;overflow:hidden}
.hero-figure{perspective:1400px;padding-top:22px}
.hero-figure [data-story-layer=product]{transform-origin:50% 72%}
.hero-story-tags{position:relative;z-index:1;display:flex;justify-content:center;gap:clamp(20px,5vw,90px);padding:15px 28px 18px}
.hero-story-tags p{display:flex;align-items:center;gap:9px;font-size:.875rem;font-weight:500;line-height:1.4}
.hero-story-tags span{display:grid;place-items:center;width:25px;height:25px;border:1px solid #e8cda8;border-radius:50%;font-size:.625rem;color:var(--copper);background:#fff5e5}
.hero-bridge{padding-block:72px 90px;font-size:2.25rem;line-height:1.3}
.hero-bridge .motion-statement-line:last-child{font-size:1.375rem;margin-top:12px}
.work-story{--story-stage-height:550px;display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.35fr);align-items:center;column-gap:88px;row-gap:144px;margin-top:104px}
.work-story-art,.work-story-steps{display:contents}
.work-story-frame{min-width:0;width:100%;margin:0;grid-column:2;align-self:center}
.work-story-frame[data-story-frame="0"]{grid-row:1}
.work-story-frame[data-story-frame="1"]{grid-row:2}
.work-story-frame[data-story-frame="2"]{grid-row:3}
.work-story-step{display:block;grid-column:1;min-width:0;padding-block:28px}
.work-story-step[data-story-step="0"]{grid-row:1}
.work-story-step[data-story-step="1"]{grid-row:2}
.work-story-step[data-story-step="2"]{grid-row:3}
.work-story-step h3,.work-story-step h2{font-size:clamp(2.375rem,3.6vw,3.125rem);line-height:1.12;letter-spacing:-.025em;text-wrap:balance}
.story-index{display:flex;align-items:center;gap:13px;font-size:.625rem;font-weight:600;letter-spacing:.12em;color:var(--copper);margin-bottom:24px}
.story-index>span{font-size:.875rem;letter-spacing:-.02em;padding:7px 0;border-block:1px solid #d5b78d;min-width:26px;text-align:center}
.work-story-step .chapter-label{font-size:.8125rem;margin-bottom:16px}
.story-lead{font-size:1.0625rem;line-height:1.7;font-weight:400;color:var(--ink-soft);margin-top:28px}
.work-story-step>p:not(.story-index):not(.story-lead):not(.story-outcome),.work-story-step .guardian-detail>p:not(.guardian-availability){font-size:1.0625rem;line-height:1.7;color:var(--ink-soft);margin-top:24px}
.story-details{list-style:none;border-top:1px solid var(--line);margin-top:26px;padding-top:17px;display:grid;gap:10px;color:var(--ink-soft);font-size:.75rem;line-height:1.5}
.story-details li{display:flex;align-items:baseline;gap:9px}
.story-details li:before{content:'✓';color:var(--copper);font-weight:500}
.story-outcome{font-size:.9375rem;color:var(--copper);line-height:1.55;margin-top:24px;font-weight:500}
.work-story-frame img{width:100%;height:auto;object-fit:contain}
.work-story-frame .figure-foot{padding-inline:0;font-size:.625rem;column-gap:16px}
.work-story-frame .zoom-link{white-space:normal;font-size:.6875rem}
.work-story-phone{max-width:none}
.work-story-phone>img{height:min(58svh,590px);width:100%;object-fit:contain}
.story-progress{display:none}
.work-story[data-story-mode=scroll]{align-items:start;row-gap:0}
.work-story[data-story-mode=scroll] .work-story-art{display:block;position:sticky;top:var(--story-stage-top,calc(var(--header-height) + var(--chapter-height) + 24px));grid-column:2;grid-row:1;align-self:start;height:var(--story-stage-height);min-width:0}
.work-story[data-story-mode=scroll] .work-story-steps{display:block;grid-column:1;grid-row:1}
.work-story[data-story-mode=scroll] .work-story-step{min-height:82svh;display:flex;flex-direction:column;justify-content:center;padding-block:64px}
.work-story[data-story-mode=scroll] .work-story-step:last-child{min-height:max(76svh,var(--story-stage-height))}
.work-story[data-story-mode=scroll] .work-story-frame{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1}
.work-story[data-story-mode=scroll] .work-story-frame>picture{width:100%}
.work-story[data-story-mode=scroll] .work-story-frame:not([inert]){z-index:2}
.work-story[data-story-mode=scroll] .story-progress{position:absolute;inset:auto 0 -20px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:.5625rem;letter-spacing:.1em;font-weight:500;z-index:3;color:#74604d}
.story-progress i{height:1px;width:22px;background:var(--border)}
[data-story-phase="0"] .story-progress span:nth-of-type(1),[data-story-phase="1"] .story-progress span:nth-of-type(2),[data-story-phase="2"] .story-progress span:nth-of-type(3){color:var(--copper);font-weight:750}
.chapter-practice .editorial-row-reverse{margin-top:80px}
@media(max-width:999px){
  .work-story{column-gap:48px;row-gap:112px;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}
  .work-story-step h3,.work-story-step h2{font-size:2.375rem}
  .work-story-phone>img{height:auto;max-height:600px}
  .hero-story-tags{gap:22px}
  .hero-story-tags p{font-size:.75rem}
}
@media(max-width:767px){
  .hero-figure{padding-top:6px}
  .hero-story-tags{gap:10px;padding:6px 16px 14px;align-items:flex-start}
  .hero-story-tags p{flex:1;max-width:120px;flex-direction:column;text-align:center;font-size:.6875rem;gap:7px}
  .hero-story-tags span{width:22px;height:22px;font-size:.5625rem}
  .hero-bridge{padding-block:48px 54px;font-size:1.5rem}
  .hero-bridge .motion-statement-line:last-child{font-size:1rem}
  .work-story{grid-template-columns:minmax(0,1fr);row-gap:0;margin-top:64px}
  .work-story-step,.work-story-frame{grid-column:1}
  .work-story-step[data-story-step="0"]{grid-row:1}
  .work-story-frame[data-story-frame="0"]{grid-row:2}
  .work-story-step[data-story-step="1"]{grid-row:3}
  .work-story-frame[data-story-frame="1"]{grid-row:4}
  .work-story-step[data-story-step="2"]{grid-row:5}
  .work-story-frame[data-story-frame="2"]{grid-row:6}
  .work-story-step{padding:0;max-width:520px;margin-inline:auto;width:100%}
  .work-story-step:not(:first-child){margin-top:88px}
  .work-story-step h3,.work-story-step h2{font-size:2.375rem}
  .story-index{margin-bottom:20px}
  .story-lead{font-size:1.0625rem;margin-top:19px}
  .story-details{margin-top:21px}
  .work-story-frame{margin-top:32px;width:calc(100% + 24px);max-width:none;margin-left:-12px}
  .work-story-phone>img{height:auto;max-height:650px;max-width:340px;margin-inline:auto}
  .work-story-frame .figure-foot{padding:10px 12px 0}
  .story-outcome{font-size:.875rem}
}
@media(prefers-reduced-motion:reduce){[data-story-layer],[data-story-tag],[data-story-frame]{transform:none!important}}
.work-story-step .story-zoom{align-self:flex-start;justify-self:start;display:inline-flex;margin-top:18px;color:var(--copper);font-size:.75rem;min-height:44px;max-width:100%;white-space:normal;text-align:left}
.work-story-step .story-zoom .icon{flex-shrink:0}

/* A phone and two paper objects have separate trajectories. The complete
   composition is the base state; optional motion never owns its geometry. */
.phone-scene{position:relative;isolation:isolate;background-color:var(--canvas);background-image:var(--paper-surface);background-size:var(--paper-size);width:100%;height:min(60svh,550px);margin:0 auto;perspective:1100px}
.work-story-frame .phone-device{height:100%;width:auto;max-width:76%;margin-inline:auto;object-fit:contain;mix-blend-mode:multiply;transform-origin:50% 58%;position:relative;z-index:1}
.phone-paper{position:absolute;width:min(43%,224px);padding:18px 17px 16px;text-align:left;border:1px solid #e8d9c4;border-radius:4px 10px 13px 5px;background:#fffaf0 url('./story/paper-ivory.webp') center/380px;background-blend-mode:multiply;box-shadow:0 2px 2px #6545211d,0 8px 15px -6px #65452138,0 24px 32px -22px #65452152,inset 0 1px #fff;z-index:2;transform-origin:50% 70%;pointer-events:none}
.phone-paper:after{content:'';position:absolute;inset:3px -3px -4px 4px;border:1px solid #e5d4b8;border-radius:inherit;background:#fff4df url('./story/paper-ivory.webp') center/380px;background-blend-mode:multiply;z-index:-1;box-shadow:0 2px 2px #65452114}
.phone-paper-plan{left:0;top:24%;transform:rotate(-5deg)}
.phone-paper-observation{right:0;bottom:9%;transform:rotate(4deg);z-index:3}
.phone-paper-kicker{display:flex;align-items:center;gap:7px;font-size:.5625rem;line-height:1.4;letter-spacing:.075em;font-weight:600;color:var(--copper);margin-bottom:12px}
.phone-paper-kicker .icon{width:17px;height:17px;flex-shrink:0}
.phone-paper-title{font-size:1.0625rem;font-weight:600;line-height:1.23;letter-spacing:-.02em;text-wrap:balance}
.phone-paper-detail{font-size:.6875rem;line-height:1.5;color:var(--ink-soft);margin-top:7px}
.phone-paper-status{font-size:.5625rem;line-height:1.5;border-top:1px solid #ddc39b;padding-top:10px;margin-top:13px;display:flex;align-items:center;gap:6px;color:var(--copper)}
.phone-paper-status span{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#f9c987;font-weight:700;flex-shrink:0}
.phone-paper-context{display:flex;align-items:center;gap:6px;font-size:.5625rem;line-height:1.5;color:var(--copper);margin-top:13px}
.phone-paper-context>span{width:6px;height:6px;border-radius:50%;background:#eea045;flex-shrink:0}
.work-story-conversation{background:#fff}
.work-story-conversation picture{mix-blend-mode:darken}
@media(max-width:999px){.phone-paper{padding:14px 12px 12px}.phone-paper-title{font-size:.9375rem}.phone-paper-kicker{font-size:.5rem;letter-spacing:.04em}.phone-paper-status{font-size:.5rem}}
@media(max-width:767px){
  .phone-scene{height:max(570px,32rem);max-width:440px;width:100%}
  .work-story-frame .phone-device{max-width:86%;height:100%;width:auto}
  .phone-paper{width:46%;max-width:190px}
  .phone-paper-plan{top:28%;left:max(1.5%,1rem)}
  .phone-paper-observation{bottom:6%;right:max(1.5%,1rem)}
  .phone-paper-title{font-size:.9375rem}
  .phone-paper-kicker{font-size:.5rem}
}
@media(max-width:359px){.phone-scene{height:max(500px,32rem)}.phone-paper{padding:12px 10px}.phone-paper-title{font-size:.8125rem}.phone-paper-detail{font-size:.5625rem}.phone-paper-kicker{font-size:.4375rem;gap:4px}.phone-paper-kicker .icon{width:14px;height:14px}}
@media(prefers-reduced-motion:reduce){.phone-device{transform:none!important}}

/* The specialist's mobile product remains distinct from the guardian app. */
.pro-mobile-benefit{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(44px,6vw,88px);margin-top:140px;max-width:1160px}
.pro-mobile-copy{max-width:520px}
.pro-mobile-copy h3{font-family:Manrope,Inter,sans-serif;font-size:clamp(2rem,3.3vw,3rem);line-height:1.15;letter-spacing:-.03em}
.pro-mobile-copy>p:not(.chapter-label){margin-top:24px;color:var(--ink-soft);font-size:1.0625rem;line-height:1.7}
.pro-mobile-copy .pro-mobile-distinction{padding-top:24px;border-top:1px solid var(--border);font-size:.875rem!important;color:var(--copper)!important}
.pro-mobile-visual{width:min(100%,470px);justify-self:center;min-width:0}
.pro-mobile-composition{position:relative;display:grid;min-width:0;isolation:isolate;--software-card-width:300px;--software-overlap:190px;--software-note-inset:0px;--software-note-angle:-4deg}
.pro-mobile-device{display:block;width:min(80%,350px);height:auto;justify-self:end;margin-right:4%;filter:drop-shadow(0 7px 9px #49321a1f) drop-shadow(0 26px 28px #65452130)}
.pro-mobile-composition .pro-mobile-note{justify-self:start;width:min(300px,80%);margin-right:0;min-height:14rem}
.pro-mobile-note .callout-title{font-size:1.25rem}
.pro-mobile-visual figcaption{margin-top:18px;text-align:center;font-size:.625rem;line-height:1.6;color:var(--muted)}
@media(max-width:767px){.pro-mobile-benefit{grid-template-columns:1fr;gap:38px;margin-top:90px}.pro-mobile-copy h3{font-size:2.125rem}.pro-mobile-copy>p:not(.chapter-label){font-size:1rem}.pro-mobile-visual{width:min(100%,390px)}.pro-mobile-composition{--software-overlap:150px}.pro-mobile-composition .pro-mobile-note{width:86%}}