@font-face{font-family:'Plus Jakarta Sans';src:url('/public/fonts/jakarta.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap}
:root{--canvas:#FAF9F7;--deep:#EFEDE7;--deeper:#E8E5DE;--scene:var(--canvas);--dissolve:var(--canvas);--dissolve-o:1;--ease:cubic-bezier(.2,.65,.2,1);--card:#fff;--well:#F5F4F1;--border:#E9E7E1;--border-strong:#d6d2c9;--ink:#191817;--body:#45423C;--muted:#706B62;--sans:'Plus Jakarta Sans',system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-padding-top:112px}body{margin:0;background:var(--canvas);color:var(--body);font:400 16px/1.7 var(--sans);-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer}a{color:inherit;text-underline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{color:var(--ink)}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--ink);outline-offset:5px}.shell{width:min(1120px,calc(100% - 80px));margin-inline:auto}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:absolute;z-index:5;top:10px;left:20px;padding:10px 18px;transform:translateY(-160%);background:var(--ink);color:#fff}.skip-link:focus{transform:translateY(0)}
.nav{display:flex;min-height:96px;align-items:center;gap:32px}.wordmark{display:inline-flex;align-items:center;min-height:44px;flex-shrink:0;text-decoration:none}.wordmark img{display:block;width:124px;height:auto}.nav-links{display:flex;gap:30px;margin-left:auto}.nav-links a,.site-footer nav a{display:inline-flex;align-items:center;min-height:44px;font-size:15px;font-weight:500;text-decoration:none}.nav-links a:hover,.site-footer a:hover{text-decoration:underline}.button{display:inline-flex;min-height:52px;align-items:center;justify-content:center;gap:28px;border:1px solid var(--ink);border-radius:8px;padding:12px 24px;background:var(--ink);color:white;font-size:14px;font-weight:500;line-height:1.5;text-decoration:none;transition:background .15s}.button:hover{background:#45423c}.button-small{min-height:42px;padding:10px 16px;font-size:15px;gap:20px}.nav>.button{flex-shrink:0;white-space:nowrap}.eyebrow{font-size:14px;line-height:1.5;font-weight:500;letter-spacing:0;text-transform:none;color:var(--muted)}.mini-label{font-size:14px;line-height:1.5;color:var(--muted)}
.hero{padding:76px 0 68px;text-align:center}.hero h1{font-size:clamp(48px,6.2vw,86px);font-weight:500;letter-spacing:-.035em;line-height:1.1}.hero-description{max-width:720px;margin:28px auto 0;font-size:18px;line-height:1.8;letter-spacing:-.015em}.hero-description>span{display:block}.hero-actions{display:flex;justify-content:center;margin-top:30px}
.film-frame{position:relative;overflow:hidden;border-radius:10px;background:var(--well);aspect-ratio:16/9}.film-frame video{display:block;width:100%;height:100%;object-fit:contain}.film-cover{position:absolute;inset:0;background:var(--well);display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:center;padding:6%}.cover-story{align-self:start;padding-top:6%}.cover-headline{color:var(--ink);font-size:clamp(28px,3.2vw,40px);line-height:1.18;font-weight:500;letter-spacing:-.035em;margin-top:24px}.cover-match{background:white;border:1px solid #e2dfd7;border-radius:10px;padding:30px 32px}.cover-match-top{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--muted)}.cover-match h3{font-size:27px;line-height:1.3;font-weight:500;letter-spacing:-.03em;margin-top:26px}.cover-match>p,.cover-fit p{font-size:15px;line-height:1.65;margin-top:10px}.cover-fit{border-top:1px solid var(--border);margin-top:24px;padding-top:20px}.cover-fit p{color:var(--ink)}.cover-sources{display:flex;gap:12px;align-items:center;margin-top:25px}.cover-sources img{width:20px;height:20px}.cover-sources span{font-size:14px}.film-play{position:absolute;inset:0;width:100%;height:100%;border:0;padding:0;background:transparent;color:var(--ink);text-align:left}.film-play:focus-visible{outline-offset:-7px}.play-badge{position:absolute;left:6%;bottom:12%;display:flex;align-items:center;gap:16px;font-size:14px;font-weight:500}.play-icon{display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:var(--ink);color:white;transition:transform .2s}.play-icon svg{width:22px;height:22px;margin-left:2px}.film-play:hover .play-icon{transform:scale(1.06)}.film-duration{display:block;font-size:14px;font-weight:400;color:var(--muted);margin-top:2px}.film-caption{display:flex;justify-content:center;margin-top:12px}.film-caption a{display:grid;place-items:center;min-width:44px;min-height:44px;font-size:22px;text-decoration:none}
h2{font-size:clamp(36px,4vw,52px);line-height:1.17;font-weight:500;letter-spacing:-.035em}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;margin-bottom:52px}.section-heading h2{margin-top:18px;font-size:44px}.section-heading>p{max-width:420px;font-size:16px;line-height:1.8;padding-bottom:4px}
.journey-layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:64px;align-items:start}.journey-selector{border:0;padding:12px 0;margin:0;min-width:0}.journey-selector label{display:flex;gap:18px;border-left:2px solid var(--border);padding:24px 0 24px 22px;cursor:pointer}.journey-selector label:hover strong{color:var(--ink)}.step-number{font-size:14px;line-height:29px;color:var(--muted)}.step-copy{display:block}.step-copy strong{display:block;font-weight:500;font-size:19px;line-height:1.5;letter-spacing:-.025em;color:var(--muted)}.step-copy>span{display:none;margin-top:12px;font-size:15px;line-height:1.85}.journey-selector input:checked+label{border-left-color:var(--ink)}.journey-selector input:checked+label strong{color:var(--ink)}.journey-selector input:checked+label .step-copy>span{display:block}.journey-selector input:focus-visible+label{outline:2px solid var(--ink);outline-offset:5px}.journey-stage{min-width:0;padding:0}.stage-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px;color:var(--muted);padding-bottom:22px}.journey-panels{display:grid}.journey-panel{grid-area:1/1;align-self:start;visibility:hidden;min-width:0;display:flex;flex-direction:column;padding:36px;background:white;border:1px solid var(--border);border-radius:10px}.journey-layout:has(#journey-connect:checked) #connect-panel,.journey-layout:has(#journey-private:checked) #private-panel,.journey-layout:has(#journey-fit:checked) #fit-panel,.journey-layout:has(#journey-intro:checked) #intro-panel{visibility:visible}.journey-panel h3{margin-top:14px;font-size:30px;line-height:1.27;font-weight:500;letter-spacing:-.03em}.source-list{display:grid;gap:23px;margin:30px 0}.source-list>div{display:flex;gap:16px;align-items:start}.source-list img{margin-top:5px;flex-shrink:0}.source-list strong{display:block;color:var(--ink);font-size:14px;font-weight:500}.source-list p>span{display:block;color:var(--body);font-size:15px;line-height:1.65;margin-top:2px}.panel-foot{margin-top:0;padding-top:22px;border-top:1px solid var(--border);font-size:14px;line-height:1.75;color:var(--muted)}.connector-list{display:flex;gap:22px;align-items:center;list-style:none;margin:18px 0 0;padding:0}.connector-list li{display:flex;align-items:center}.connector-list img{display:block;width:22px;height:22px;object-fit:contain}.connector-list span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.private-transformation{display:grid;gap:12px;justify-items:start;margin:28px 0 20px}.private-name{font-size:16px;color:var(--muted);text-decoration:line-through}.private-transformation>span:nth-child(2){font-size:20px;color:#a69a88}.private-transformation strong{font-size:23px;font-weight:500;color:var(--ink)}.work-description{font-size:18px;line-height:1.6;color:var(--ink);margin-bottom:28px;max-width:380px}.match-summary{font-size:15px;line-height:1.75;margin:22px 0}.fit-reasons{list-style:none;padding:0;margin:0 0 26px;display:grid;gap:18px}.fit-reasons li{display:flex;align-items:start;gap:14px;font-size:15px;line-height:1.65}.fit-reasons img{flex-shrink:0;margin-top:2px}.accepted-parties{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:34px 0}.accepted-parties span{display:flex;align-items:center;gap:6px;font-size:14px;white-space:nowrap}.accepted-parties svg{width:16px;height:16px}.accepted-parties strong{display:block;margin-top:12px;font-size:19px;font-weight:500;line-height:1.5;color:var(--ink)}.intro-message{padding-top:22px;border-top:1px solid var(--border);margin-bottom:30px}.intro-message p{font-size:22px;line-height:1.6;color:var(--ink);margin-top:12px}
.examples-section{margin-top:112px;padding-top:64px;border-top:1px solid var(--border)}.examples-heading h2{margin-top:0}.example-selector{display:flex;gap:30px;border:0;border-bottom:1px solid var(--border);margin:38px 0 40px;padding:0;min-width:0}.example-selector label{display:flex;align-items:center;justify-content:center;min-height:50px;padding:8px 0 16px;border-bottom:2px solid transparent;font-size:15px;line-height:1.5;cursor:pointer;color:var(--muted)}.example-selector label:hover{color:var(--ink)}.example-selector input:checked+label{color:var(--ink);border-bottom-color:var(--ink)}.example-selector input:focus-visible+label{outline:2px solid var(--ink);outline-offset:4px}.examples-grid{display:grid}.opportunity-example{grid-area:1/1;display:grid;grid-template-columns:1fr 1fr;gap:100px;visibility:hidden;min-width:0}.examples-section:has(#example-pipeline:checked) #pipeline-panel,.examples-section:has(#example-contractor:checked) #contractor-panel,.examples-section:has(#example-software:checked) #software-panel{visibility:visible}.example-story h3{max-width:470px;font-size:30px;line-height:1.3;font-weight:500;letter-spacing:-.03em;margin-bottom:20px}.example-story>p{font-size:16px;line-height:1.85;max-width:460px}.example-evidence{padding:28px;border:1px solid var(--border);border-radius:10px;align-self:start}.example-evidence>p{font-size:15px;line-height:1.8}.evidence-connectors{list-style:none;display:flex;gap:20px;padding:0;margin:20px 0}.evidence-connectors li{display:flex}.evidence-connectors img{width:25px;height:25px;object-fit:contain}.example-evidence .example-privacy{font-size:14px;color:var(--muted);margin-top:20px}
.details-section{display:grid;grid-template-columns:1fr 1.3fr;gap:100px;padding:124px 0 50px}.details-section h2{font-size:38px;max-width:330px;margin-top:18px}.questions{border-top:1px solid var(--border)}.questions details{border-bottom:1px solid var(--border)}.questions summary{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:76px;padding:22px 0;cursor:pointer;list-style:none;color:var(--ink);font-size:15px;line-height:1.65}.questions summary::-webkit-details-marker{display:none}.questions summary>span{font-size:21px;font-weight:400;flex-shrink:0}.questions details[open] summary>span{transform:rotate(45deg)}.questions details p{font-size:14px;line-height:1.85;margin:0 22px 22px 0}.last-section{padding:88px 0 112px;text-align:center}.signature{display:flex;align-items:center;justify-content:center;gap:18px;color:#a6967e;margin-bottom:44px;opacity:.7}.signature svg{width:24px;height:24px;stroke-width:2px}.signature i{display:block;width:100px;height:1px;background:#d8cfc2}.last-section h2{font-size:clamp(38px,4.5vw,58px);margin-bottom:30px}.site-footer{display:flex;align-items:center;gap:28px;border-top:1px solid var(--border);padding:28px 0 32px}.site-footer .wordmark img{width:108px}.site-footer>span{font-size:14px;color:var(--muted)}.site-footer nav{display:flex;gap:26px;margin-left:auto}
@media(max-width:1000px){.journey-layout{grid-template-columns:285px minmax(0,1fr);gap:30px}.journey-stage{padding:0}.journey-panel{padding:24px}.journey-panel h3{font-size:27px}.stage-heading{font-size:14px;gap:12px}.accepted-parties{gap:16px;grid-template-columns:1fr}.accepted-parties strong{margin-top:4px}.accepted-parties{margin:20px 0}.cover-match{padding:22px}.cover-match h3{font-size:23px;margin-top:18px}.cover-match>p,.cover-fit p{font-size:15px}.cover-sources span{display:none}.cover-fit{margin-top:16px;padding-top:14px}.cover-sources{margin-top:18px}.cover-headline{font-size:34px}.opportunity-example,.details-section{gap:60px}}
@media(max-width:760px){.shell{width:calc(100% - 40px)}.nav{min-height:80px;gap:22px}.nav-links a:first-child{display:none}.nav-links{gap:0}.wordmark img{width:112px}.button-small{font-size:14px;padding:9px 13px;gap:14px}.hero{padding:58px 0 48px}.hero h1{font-size:clamp(39px,7vw,56px);letter-spacing:-.035em}.hero-description{font-size:16px;max-width:550px;line-height:1.8;margin-top:24px}.hero-description>span{margin-top:4px}.hero-actions{margin-top:26px}.section-heading{grid-template-columns:1fr;gap:22px;margin-bottom:32px}.section-heading h2{font-size:38px}.section-heading>p{max-width:520px}.journey-layout{grid-template-columns:1fr;gap:24px}.journey-selector{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0}.journey-selector label{display:block;border-left:0;border-top:2px solid var(--border);padding:16px 9px 12px}.journey-selector input:checked+label{border-top-color:var(--ink)}.step-number{font-size:14px;line-height:1.5}.step-copy strong{font-size:14px;line-height:1.5;margin-top:8px;letter-spacing:-.015em}.step-copy>span,.journey-selector input:checked+label .step-copy>span{display:none}.journey-stage{padding:0}.stage-heading{font-size:14px}.journey-panel{padding:28px}.journey-panel h3{font-size:31px}.accepted-parties{grid-template-columns:1fr 1fr;margin:30px 0}.accepted-parties strong{margin-top:12px}.examples-section{margin-top:76px;padding-top:50px}.examples-heading h2{font-size:38px}.example-selector{gap:24px;margin-top:28px}.example-selector label{font-size:15px}.opportunity-example{gap:32px}.example-story h3{font-size:25px}.example-story>p,.example-evidence>p{font-size:14px}.example-evidence{padding:24px}.details-section{grid-template-columns:1fr;gap:32px;padding:78px 0 20px}.details-section h2{font-size:36px;max-width:none}.questions summary{min-height:72px}.last-section{padding:66px 0 76px}.last-section h2{font-size:42px}.signature{margin-bottom:32px}.site-footer{gap:20px}.site-footer nav{gap:20px}.site-footer>span{display:none}}
@media(max-width:600px){.film-frame{border-radius:10px}.film-cover{display:block;padding:8%}.cover-story{padding:0;text-align:center}.cover-story .eyebrow{display:none}.cover-headline{margin:0;font-size:clamp(23px,5.8vw,34px);line-height:1.2;letter-spacing:-.025em}.cover-match{display:none}.play-badge{left:0;right:0;justify-content:center;bottom:12%;gap:12px;font-size:14px}.play-icon{width:44px;height:44px}.play-icon svg{width:17px;height:17px}.film-duration{font-size:14px}.film-caption{margin-top:6px}.section-heading h2{font-size:34px}.section-heading>p{font-size:15px}.journey-stage{padding:0}.stage-heading{font-size:14px;padding-bottom:16px;gap:10px}.journey-panel{padding:22px;}.journey-panel h3{font-size:27px}.source-list{gap:22px}.source-list strong{font-size:14px}.source-list p>span{font-size:15px}.connector-list{justify-content:space-between;gap:12px}.connector-list img{width:20px;height:20px}.private-transformation strong{font-size:22px}.work-description{font-size:17px}.accepted-parties{gap:20px;grid-template-columns:1fr}.accepted-parties strong{margin-top:4px}.accepted-parties{margin:22px 0}.intro-message p{font-size:21px}.intro-message{margin-bottom:22px}.match-summary{font-size:14px}.fit-reasons li{font-size:15px}.step-copy strong{font-size:14px}.journey-selector label{padding-inline:6px}.examples-heading h2{font-size:33px}.example-selector{gap:18px}.example-selector label{font-size:14px;text-align:left;align-items:start}.opportunity-example{grid-template-columns:1fr;gap:28px}.example-story h3{font-size:28px}.example-story>p{font-size:15px}.example-evidence{padding:24px}.example-evidence>p{font-size:15px}.details-section{padding-top:68px}.questions summary{font-size:14px}.questions details p{font-size:14px}.last-section h2{font-size:36px}.site-footer{flex-wrap:wrap;gap:16px}.site-footer .wordmark img{width:100px}.site-footer nav{gap:0 18px;flex-wrap:wrap}.site-footer nav a{font-size:14px}}
@media(max-width:370px){.shell{width:calc(100% - 32px)}.nav{gap:12px}.wordmark img{width:100px}.nav-links a{font-size:14px}.button-small{padding:9px 10px;gap:8px;font-size:14px}.hero h1{font-size:37px}.hero-description{font-size:15px}.journey-panel{padding:20px;}.journey-panel h3{font-size:25px}.stage-heading{font-size:14px}.source-list{gap:19px}.source-list>div{gap:12px}.source-list img{width:23px;height:23px}.last-section h2{font-size:33px}.site-footer nav{gap:0 14px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media(prefers-contrast:more),(forced-colors:active){.signature{display:none}.mini-label,.eyebrow,.panel-foot,.step-number{color:var(--body)}.journey-selector input:checked+label,.example-selector input:checked+label{outline:2px solid currentColor;outline-offset:-2px}}

/* A quiet label above the one continuous demonstration replaces a separate intro slide. */
.how-section{padding-top:90px}.step-short{display:none}.stage-heading{font-size:14px;line-height:1.5;padding-bottom:20px}.cover-story .eyebrow{font-size:14px}.cover-sources{gap:10px}.source-list img{width:22px;height:22px}.panel-foot{font-size:14px}.mini-label{font-size:14px}.eyebrow{font-size:15px}.questions summary{font-size:16px}.questions details p{font-size:15px}.journey-panel .source-list p>span,.fit-reasons li{font-size:15px}.source-list strong{font-size:15px}.example-evidence .example-privacy{font-size:14px}.nav-links a,.site-footer nav a{font-size:14px}
@media(max-width:760px){.how-section{padding-top:62px}.journey-selector label{padding:14px 8px;border-top-width:2px}.step-copy strong{display:none}.step-short{display:block;font-weight:500;font-size:15px;line-height:1.5;margin-top:5px;color:var(--muted)}.journey-selector input:checked+label .step-short{color:var(--ink)}.stage-heading{font-size:14px}.journey-panel{padding:28px}.eyebrow{font-size:14px}.questions summary{font-size:16px}.questions details p{font-size:15px}}
@media(max-width:600px){.journey-panel{padding:24px;}.source-list{gap:20px}.source-list>div{gap:14px}.source-list img{width:21px;height:21px}.journey-panel .source-list p>span{font-size:14px}.fit-reasons li{font-size:14px}.cover-headline{max-width:340px;margin-inline:auto}.example-selector{gap:18px}.example-selector label{font-size:14px}.cover-headline{color:var(--ink);font-size:clamp(23px,5.8vw,34px)}.step-number{font-size:14px}.nav-links a{font-size:14px}.site-footer nav a{font-size:14px}.panel-foot{font-size:14px}}
@media(max-width:370px){.journey-panel{padding:20px;}.step-short{font-size:14px}.stage-heading{font-size:14px}.button-small{font-size:14px}.hero h1{font-size:35px}.site-footer nav{gap:0 12px}.hero-description{font-size:16px}}

@supports not selector(:has(*)){.journey-panels,.examples-grid{display:block}.journey-panel,.opportunity-example{visibility:visible}.journey-panel+.journey-panel,.opportunity-example+.opportunity-example{margin-top:24px}}

/* Ground (DESIGN.md, Landing page ground, 2026-09-15): the section under the viewport midline sets the ground; the page ends on ink. */
html{background:var(--scene);transition:background-color .9s var(--ease)}
body{background:var(--scene);transition:background-color .9s var(--ease)}
html[data-scene="well"]{--scene:var(--well)}
html[data-scene="deep"]{--scene:var(--deep)}
html[data-scene="deeper"]{--scene:var(--deeper)}
html[data-bottom="well"]{--dissolve:var(--well)}
html[data-bottom="deep"]{--dissolve:var(--deep)}
html[data-bottom="deeper"]{--dissolve:var(--deeper)}
html[data-bottom="ink"]{--dissolve:var(--ink)}
.example-evidence,.journey-panel,.cover-match{background:var(--card)}
.examples-section,.details-section{--border:var(--border-strong)}
/* header: full-bleed, sticky, tinted with the ground; a hairline and a tighter bar once scrolled */
.site-header{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--scene) 82%,transparent);-webkit-backdrop-filter:blur(18px) saturate(1.05);backdrop-filter:blur(18px) saturate(1.05);border-bottom:1px solid transparent;transition:background-color .9s var(--ease),border-color .4s var(--ease)}
html.scrolled .site-header{border-bottom-color:var(--border)}
.nav{transition:min-height .35s var(--ease)}
html.scrolled .nav{min-height:72px}
.wordmark svg{display:block;width:124px;height:auto;color:var(--ink)}
.site-footer .wordmark svg{width:108px}
/* arrival: blocks below the fold rise once; home.js adds the attribute, so without it nothing is hidden */
[data-arrive]{opacity:0;translate:0 14px;transition:opacity .7s var(--ease),translate .7s var(--ease);transition-delay:calc(var(--i,0) * 70ms)}
[data-arrive].in{opacity:1;translate:0 0}
/* finale: the closing line and the footer on one ink band; tokens re-scoped for light text */
.finale{position:relative;margin-top:120px;padding-top:24px;background:#191817;color:var(--canvas);--ink:#FAF9F7;--body:#CFCBC2;--muted:#9E998F;--border:#34322F;--border-strong:#4A4743;--well:#232220;--card:#232220}
.finale .last-section{padding:120px 0 132px}
.finale .signature{opacity:1}
.finale .signature i{background:#a6967e}
.finale .button{background:var(--canvas);border-color:var(--canvas);color:#191817}
.finale .button:hover{background:#fff}
.finale .site-footer{padding:30px 0 36px}
/* dissolve: the viewport's lower edge softens into the current ground; hidden on the last 40px */
.dissolve{position:fixed;left:0;right:0;bottom:0;height:110px;z-index:2;pointer-events:none;background:var(--dissolve);-webkit-mask-image:linear-gradient(to top,#000,transparent);mask-image:linear-gradient(to top,#000,transparent);opacity:var(--dissolve-o);transition:background-color .9s var(--ease),opacity .35s var(--ease)}
@media(max-width:760px){.wordmark svg{width:112px}.finale{margin-top:84px}.finale .last-section{padding:84px 0 96px}}
@media(max-width:370px){.wordmark svg{width:100px}}
@media(prefers-reduced-motion:reduce){[data-arrive]{opacity:1;translate:none}}
@media print{.site-header{position:static}.dissolve{display:none}}

/* Header arrival (2026-09-22): the wordmark's brackets close around the word once on load, then the links and the button follow in order. Fill mode is backwards so the resting state is the asset itself; the brackets ease open a little on hover. Nothing moves under reduced motion. */
.site-header .wordmark svg{overflow:visible}
.site-header .wm-bracket{transition:translate .35s var(--ease)}
.site-header .wm-left{animation:wm-left .9s var(--ease) backwards}
.site-header .wm-right{animation:wm-right .9s var(--ease) backwards}
.site-header .wm-word{animation:wm-word .75s var(--ease) .2s backwards}
.site-header .wordmark:hover .wm-left,.site-header .wordmark:focus-visible .wm-left{translate:-90px 0}
.site-header .wordmark:hover .wm-right,.site-header .wordmark:focus-visible .wm-right{translate:90px 0}
@keyframes wm-left{from{translate:-260px 0;opacity:0}to{translate:0 0;opacity:1}}
@keyframes wm-right{from{translate:260px 0;opacity:0}to{translate:0 0;opacity:1}}
@keyframes wm-word{from{opacity:0}to{opacity:1}}
.nav-links a,.nav>.button{animation:nav-in .6s var(--ease) backwards}
.nav-links a:first-child{animation-delay:.55s}.nav-links a:last-child{animation-delay:.62s}.nav>.button{animation-delay:.69s}
@keyframes nav-in{from{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}
/* founding cohort: a status line under the hero action, stated plainly */
.hero-note{margin-top:18px;font-size:15px;line-height:1.6;color:var(--muted)}
@media(max-width:760px){.hero-note{margin-top:16px;font-size:14px}}
@media(prefers-reduced-motion:reduce){.site-header .wm-bracket,.site-header .wm-word,.nav-links a,.nav>.button{animation:none}}

/* Hero ground: the asset's two brackets, large and faint, breathe apart and back behind the hero over 12s, as if making room for the words. Ink at low opacity on canvas, no gradient; paused off-screen by home.js; static under reduced motion. */
.hero{position:relative}
.hero>:not(.hero-room){position:relative;z-index:1}
.hero-room{position:absolute;inset:0;z-index:0;display:flex;align-items:center;justify-content:space-between;pointer-events:none;color:var(--ink);opacity:.05}
.hero-room svg{display:block;height:clamp(180px,26vw,380px);width:auto;animation:room-left 12s ease-in-out infinite}
.hero-room svg+svg{animation-name:room-right}
.hero-room.is-off svg{animation-play-state:paused}
@keyframes room-left{0%,100%{translate:0 0}50%{translate:-22px 0}}
@keyframes room-right{0%,100%{translate:0 0}50%{translate:22px 0}}
@media(max-width:760px){.hero-room{display:none}}
@media(prefers-reduced-motion:reduce){.hero-room svg{animation:none}}
@media(prefers-contrast:more),(forced-colors:active){.hero-room{display:none}}
@media print{.hero-room{display:none}}

/* A quiet, browsable row keeps the growing connector catalog in scale with the story. */
.connector-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.connector-list{display:flex;gap:24px;align-items:stretch;justify-content:flex-start;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;margin:20px 0 0;padding:8px 0 14px}
.connector-list::-webkit-scrollbar{display:none}
.connector-list li{flex:0 0 calc((100% - 48px)/3);min-width:0;display:flex;flex-direction:column;justify-content:flex-start;gap:14px;scroll-snap-align:start;scroll-snap-stop:always}
.connector-list img{width:28px;height:28px;flex-shrink:0}
.connector-list span{position:static;width:auto;height:auto;overflow:visible;clip-path:none;font-size:13px;line-height:1.4;color:var(--body);text-align:center}
@media(max-width:600px){.connector-heading>span{font-size:13px}.connector-list{gap:16px}.connector-list li{flex-basis:calc((100% - 16px)/2)}}

.connector-list.is-rotating{scroll-snap-type:none}


/* Preview: one product stage, a timed narrative down the left rail. */
.journey-selector{padding:0}
.journey-selector label{position:relative;min-height:135px;padding:19px 0 19px 22px}
.journey-selector .step-copy>span{display:block;font-size:14px;line-height:1.7;margin-top:8px}
.journey-selector input:checked+label{border-left-color:var(--border)}
.journey-selector label::before{content:"";position:absolute;width:2px;left:-2px;top:0;bottom:0;background:var(--ink);transform:scaleY(var(--step-progress,0));transform-origin:top}
.journey-selector input:checked+label .step-number{color:var(--ink)}
.journey-panel{align-self:stretch}
.journey-panel.product-preview{padding:0;overflow:hidden}
.mock-topbar{display:flex;align-items:center;gap:22px;padding:20px 28px;border-bottom:1px solid var(--border);font-size:13px;color:var(--muted)}
.mock-room-mark{display:flex;align-items:center;flex-shrink:0;color:var(--ink)}.mock-room-mark svg{display:block;width:22px;height:22px}
.mock-avatar{display:grid;place-items:center;margin-left:auto;width:26px;height:26px;border-radius:50%;background:var(--well);color:var(--body);font-size:11px}
.mock-body{padding:30px 32px;flex:1;display:flex;flex-direction:column}
.mock-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;color:var(--muted)}
.mock-status{padding:3px 9px;background:var(--well);border-radius:4px;font-size:11px;color:var(--body)}
.product-preview h3{font-size:28px;margin-top:14px;line-height:1.3}
.mock-edit,.mock-brief{margin-top:26px;padding:22px 24px;background:var(--canvas);border:1px solid var(--border);border-radius:6px}
.mock-edit>p:nth-child(2),.mock-brief>p:nth-child(2){font-size:21px;line-height:1.55;color:var(--ink);letter-spacing:-.015em;margin-top:14px}
.mock-edit-label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--body);margin-top:22px}
.mock-source-row{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);margin-top:18px}
.mock-source-row img{object-fit:contain;flex-shrink:0}
.mock-source-row span{margin-left:3px}
.mock-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:26px;margin-top:auto}
.mock-bottom>p{font-size:13px;line-height:1.65;color:var(--muted)}
.mock-action{display:flex;align-items:center;gap:14px;flex-shrink:0;border-radius:5px;background:var(--ink);color:white;padding:11px 16px;font-size:13px}
.mock-fit{margin-top:24px}
.mock-fit>p:nth-child(2){font-size:18px;line-height:1.5;color:var(--ink);margin-top:8px}
.mock-chat{border:0;border-radius:8px;background:var(--well);padding:20px 24px;margin-top:4px}
.mock-chat p{font-size:21px}
.product-preview .panel-foot{margin-top:auto}
@media(max-width:760px){.journey-selector label{min-height:0;padding:14px 8px}.journey-selector .step-copy>span{display:none}.journey-selector input:checked+label{border-top-color:var(--border)}.journey-selector label::before{width:auto;height:2px;left:0;right:0;top:-2px;bottom:auto;transform:scaleX(var(--step-progress,0));transform-origin:left}.mock-body{padding:26px}.mock-topbar{padding:18px 26px}}
@media(max-width:600px){.mock-body{padding:22px}.mock-topbar{padding:18px 22px;gap:15px}.product-preview h3{font-size:25px}.mock-meta{font-size:12px}.mock-status{font-size:10px}.mock-edit,.mock-brief{padding:18px;margin-top:22px}.mock-edit>p:nth-child(2),.mock-brief>p:nth-child(2){font-size:19px}.mock-bottom{gap:12px;align-items:flex-start;flex-direction:column;padding-top:24px}.mock-bottom>p br{display:none}.mock-action{align-self:flex-start}.mock-fit>p:nth-child(2){font-size:17px}.mock-fit .mini-label{font-size:13px}}
@media(prefers-reduced-motion:reduce){.journey-selector input:checked+label::before{transform:scale(1)}}

.product-preview .source-list{gap:16px;margin:22px 0}.product-preview .source-list p>span{font-size:14px}.product-preview .connector-list{margin-top:14px;padding-bottom:4px}.product-preview .panel-foot{padding-top:18px}
@media(prefers-reduced-motion:no-preference){
  .journey-layout:has(#journey-connect:checked) #connect-panel .mock-body,
  .journey-layout:has(#journey-private:checked) #private-panel .mock-body,
  .journey-layout:has(#journey-fit:checked) #fit-panel .mock-body,
  .journey-layout:has(#journey-intro:checked) #intro-panel .mock-body{animation:walkthrough-in .45s ease both}
  @keyframes walkthrough-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
}

.mock-connect-action{justify-content:flex-end}.mock-connect-action .mock-action{align-self:flex-end}
/* One app window, four working states. */
.mini-app{border:1px solid var(--border);border-radius:10px;background:#fff;overflow:hidden}
.mini-app .journey-panel{border:0;border-radius:0;background:transparent;min-height:495px}
.mini-app .mock-topbar{padding-block:17px}
.demo-tabs{display:flex;gap:26px;border-bottom:1px solid var(--border);font-size:14px;color:var(--muted)}
.demo-tabs>span{padding-bottom:13px}.demo-tabs .selected{color:var(--ink);border-bottom:2px solid var(--ink)}
.demo-tools{margin-top:12px}
.demo-tool{display:flex;align-items:center;gap:14px;padding:17px 0;border-bottom:1px solid var(--border);font-size:16px;color:var(--ink)}
.demo-tool img{object-fit:contain;flex-shrink:0}
.demo-connected,.demo-drive-action{margin-left:auto;font-size:12px;color:var(--muted)}
.demo-drive-action{position:relative;color:var(--ink);border:1px solid var(--border);border-radius:4px;padding:5px 12px;min-width:88px;text-align:center}
.demo-file-picker{margin-top:25px}
.demo-file-heading{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:var(--muted);margin-bottom:10px}
.demo-file-count{font-size:12px}
.demo-file{display:flex;align-items:center;gap:12px;min-height:48px;font-size:14px;border-bottom:1px solid var(--border);color:var(--body)}
.demo-file svg{flex-shrink:0;color:var(--muted)}
.demo-checkbox{display:grid;place-items:center;width:16px;height:16px;flex-shrink:0;font-size:11px;color:#fff;background:var(--ink);border:1px solid var(--ink);border-radius:3px;line-height:1}
.demo-brief-types{display:flex;gap:16px;color:var(--muted);font-size:13px}.demo-brief-types .selected{color:var(--ink)}
.mock-action{position:relative;min-width:124px;justify-content:center}
.demo-pointer{position:absolute;right:7px;bottom:-12px;z-index:2;opacity:0;pointer-events:none;transform:translate(12px,12px);transition:opacity .2s,transform .4s}
[data-demo-cursor="true"] .demo-pointer{opacity:1;transform:translate(0,0)}
.demo-data[data-demo-phase="choose"] .demo-checkbox,.demo-data[data-demo-phase="connect"] .demo-checkbox{background:white;border-color:var(--border);color:transparent}
.demo-data[data-demo-phase="first"] [data-file="second"] .demo-checkbox{background:white;border-color:var(--border);color:transparent}
[data-demo-done="true"]{background:var(--well);color:var(--body)}
.demo-conversation{padding-top:25px}
.demo-chat-heading{display:flex;align-items:center;gap:16px;padding-bottom:22px;border-bottom:1px solid var(--border)}
.demo-chat-heading h3{font-size:17px;margin:0;line-height:1.4;letter-spacing:-.015em}
.demo-chat-heading p{font-size:12px;margin-top:6px;color:var(--muted)}
.demo-person-pair{display:flex;flex-shrink:0}.demo-person-pair span{width:30px;height:30px;border-radius:50%;background:var(--well);border:2px solid white;display:grid;place-items:center;font-size:11px}.demo-person-pair span+span{margin-left:-7px;background:var(--border)}
.demo-chat-history{padding-top:22px;flex:1}
.demo-chat-event{text-align:center;font-size:12px;color:var(--muted);margin-bottom:26px}
.demo-message{display:flex;gap:12px;align-items:start;margin-bottom:22px}
.demo-message-avatar{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--well);font-size:10px;flex-shrink:0}
.demo-message-author{font-size:12px;color:var(--muted)}
.demo-message p{font-size:17px;line-height:1.55;color:var(--ink);margin-top:6px;max-width:430px}
.demo-reply{transition:opacity .4s,transform .4s}.demo-conversation[data-demo-reply="false"] .demo-reply{opacity:0;transform:translateY(6px)}
.demo-composer{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--border);border-radius:6px;padding:12px 14px;font-size:13px;color:var(--muted);margin-top:16px}
.demo-send{display:grid;place-items:center;width:28px;height:28px;background:var(--ink);color:#fff;border-radius:4px;font-size:18px}
@media(max-width:600px){.mini-app .journey-panel{min-height:525px}.demo-tool{font-size:14px;gap:11px}.demo-tool img{width:22px;height:22px}.demo-file{gap:8px;font-size:12px}.demo-file svg{width:15px}.demo-tabs{gap:20px;font-size:13px}.demo-chat-heading{gap:10px}.demo-chat-heading h3{font-size:16px}.demo-message p{font-size:16px}.demo-message{gap:10px}.demo-conversation{padding-top:20px}}
[data-brief-copy]{min-height:3.1em}
@media(max-width:600px){[data-brief-copy]{min-height:4.65em}}

.demo-more-tools{font-size:13px;color:var(--muted);margin-top:12px}.mock-draft-state{justify-content:flex-end}

.demo-drive-action[data-demo-done="true"]{border-color:transparent;color:var(--muted);padding-inline:0;min-width:0;background:transparent}
.demo-checkbox{position:relative}.demo-checkbox .demo-pointer{right:-16px;bottom:-22px}
@media(max-width:760px){.journey-selector .step-short{font-size:14px;white-space:nowrap}}
@media(max-width:760px){.journey-selector{grid-template-columns:1fr 1.35fr .85fr 1fr}.journey-selector label{padding-inline:6px}}

.mock-brief-heading h3{margin:0}.demo-generated{display:flex;align-items:center;gap:8px}.demo-generated svg{flex-shrink:0}
.demo-brief[data-brief-ready="false"] .mock-edit-label,.demo-brief[data-brief-ready="false"] .demo-approve{visibility:hidden}

/* About page (/about): one reading column; each section is an H2 over hairline rows of H3 + one line. */
.about-intro{padding:72px 0 24px}
.about-intro h1{max-width:980px;text-wrap:balance;margin-top:14px;font-size:clamp(34px,4vw,52px);font-weight:500;letter-spacing:-.03em;line-height:1.2}
.about-section{padding-top:88px}
.about-section h2{font-size:36px}
.about-list{margin-top:28px;border-top:1px solid var(--border)}
.about-item{display:grid;grid-template-columns:320px 1fr;gap:40px;padding:22px 0;border-bottom:1px solid var(--border)}
.about-item h3{font-size:17px;font-weight:500;line-height:1.6;letter-spacing:-.01em}
.about-item p{max-width:620px;font-size:16px;line-height:1.7}
.about-item a{white-space:nowrap}
@media(max-width:760px){.about-intro{padding:48px 0 8px}.about-intro h1{font-size:30px}.about-section{padding-top:64px}.about-section h2{font-size:30px}.about-item{grid-template-columns:1fr;gap:6px;padding:18px 0}}
.about-bullets{margin-block:28px 0;padding:0;list-style:none}
.about-bullets li{padding:18px 0;border-bottom:1px solid var(--border);font-size:17px;line-height:1.6;color:var(--ink)}
.about-prose{max-width:720px;margin-top:28px;padding-top:24px;border-top:1px solid var(--border)}
.about-prose p{font-size:17px;line-height:1.75}.about-prose p+p{margin-top:16px}
.about-social{font-size:15px;color:var(--muted)}.about-social a{font-weight:500;color:var(--ink);text-decoration:none}.about-social a:hover{text-decoration:underline}
.about-lead{margin-top:20px;font-size:17px}
.about-facts{margin-bottom:0}.about-facts div{display:grid;grid-template-columns:320px 1fr;gap:40px;padding:16px 0;border-bottom:1px solid var(--border)}.about-facts dt{font-size:15px;color:var(--muted)}.about-facts dd{margin:0;max-width:620px;font-size:16px;line-height:1.7;color:var(--ink)}
@media(max-width:760px){.about-facts div{grid-template-columns:1fr;gap:4px}}
.about-questions{margin-top:28px}.about-questions summary h3{font:inherit;font-size:16px;font-weight:500;color:inherit}.about-questions details p{font-size:15px;max-width:720px}
/* or have your agent use Room (#405): secondary buttons (white, hairline), original marks */
.agent-start{width:min(420px,100%);margin:28px auto 0;text-align:center}.agent-start-or{display:flex;align-items:center;gap:14px;margin:0 0 14px;font-size:14px;line-height:1.5;font-weight:500;color:var(--muted)}.agent-start-or::before,.agent-start-or::after{content:"";flex:1;border-top:1px solid var(--border-strong)}.agent-start-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.agent-start-button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 12px;border:1px solid var(--border-strong);border-radius:8px;background:#fff;color:#191817;font-size:14px;font-weight:600;line-height:1;text-decoration:none;white-space:nowrap;transition:background .15s}.agent-start-button:hover{background:#FCFBF9}.agent-start-button img{display:block;flex-shrink:0}.agent-start-trust{margin:14px 0 0;font-size:13px;line-height:1.6;color:var(--muted);text-wrap:pretty}.finale .agent-start{margin-top:32px}.finale .agent-start-button{border-color:#fff}.finale .agent-start-button:focus-visible{outline-color:var(--canvas)}
@media(max-width:370px){.agent-start-button{padding:10px 8px;gap:6px;font-size:13px}}
@media(max-width:360px){.agent-start-buttons{grid-template-columns:1fr}}