.skip-link{position:fixed;top:-80px;left:18px;z-index:10001;padding:12px 18px;background:white;color:black}.skip-link:focus{top:12px}a:focus-visible,summary:focus-visible{outline:2px solid currentColor;outline-offset:5px}a.btn{display:inline-flex;gap:16px}#investors,#waitlist,#faq,#main-content{scroll-margin-top:105px}.hero-proof{font:10px var(--mono);color:#b0b0b0;margin-top:22px;line-height:1.8}.hero-h1{font-size:clamp(70px,8vw,120px)}.opportunity-grid,.proof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:44px 0}.opportunity-grid h3,.proof-grid h3{font:400 27px/1.25 var(--display);margin:20px 0 16px}.opportunity-grid p,.proof-grid p{font:400 15px/1.8 var(--sans);margin-top:14px}.opportunity-grid{color:#171717}.opportunity-grid span,.proof-label{font:10px var(--mono);letter-spacing:.12em}.proof-grid article{border-top:1px solid #444;padding-top:24px}.proof-grid p{color:#b7b7b7}.text-link{display:inline-block;margin-top:18px;padding-bottom:4px;border-bottom:1px solid #888;font-size:14px}.investor-faq{padding:90px 48px}.investor-faq details{border-bottom:1px solid #333;padding:23px 0}.investor-faq h2{margin-bottom:35px}.investor-faq summary{cursor:pointer;font-size:18px;font-weight:500;list-style-position:outside;margin-left:22px;padding-left:8px}.investor-faq details p{color:#bababa;line-height:1.8;max-width:850px;margin:18px 0 0 30px}.forms-grid #investors{order:-1}.direct-contact{font-size:13px;margin-top:20px;color:#ccc}.direct-contact a{border-bottom:1px solid #666}.footer-links a{text-decoration:underline;text-decoration-color:#666;text-decoration-thickness:1px;text-underline-offset:5px}.footer-links{display:flex;gap:22px;flex-wrap:wrap;margin-top:20px}.form-error{color:#fff;margin-top:14px;font-size:13px;border-left:2px solid #b3b3b3;padding-left:12px}.field [aria-invalid=true]{border:1px solid #e7b7b7}.form-submit:disabled{opacity:.6;cursor:wait}.form-success:focus{outline:2px solid #888;outline-offset:8px}.nav-cta{display:inline-flex;align-items:center}.hero .hero-sub{max-width:50ch}.grain{display:none}
@media(max-width:900px){.hero-h1{font-size:clamp(60px,12vw,90px)}.hero-proof{order:6;margin-top:0}.hero-stats{order:7}.opportunity-grid,.proof-grid{grid-template-columns:1fr;gap:26px}.investor-faq{padding:64px 24px}.hero-actions{gap:10px}.hero-actions .btn{font-size:12px}.hero-right .ring-frame{height:300px}.hero-stats{margin-top:16px}.opportunity-grid h3,.proof-grid h3{font-size:25px}.nav-cta{font-size:12px}.hero-right{margin-top:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.founder-portrait img{object-position:50% 75%;filter:none!important}

/* Keep the original editorial typography; refine spacing and light. */
.hero::before{opacity:.3}
.nav-cta,.nav-cta:hover,.btn-primary,.btn-primary:hover{box-shadow:none}
.founder-portrait,.founder-portrait:hover{box-shadow:none}
.founder-portrait::before{box-shadow:none}
.hero-sub{line-height:1.85}
.hero-proof{font-size:11px;letter-spacing:.01em}
.opportunity-grid h3,.proof-grid h3{letter-spacing:-.025em}
.opportunity-grid p,.proof-grid p{max-width:38ch}
.investor-faq{max-width:1280px;margin-inline:auto}
.investor-faq summary{font-family:var(--display);font-weight:400;font-size:clamp(21px,2.3vw,28px);letter-spacing:-.02em}
.footer-links{font-size:13px;line-height:1.8}
@media(min-width:901px){.hero-h1{font-size:clamp(3.2rem,9vw,8.4rem)}}
@media(max-width:600px){.hero-proof{max-width:34ch;line-height:1.9}.investor-faq details{padding:20px 0}}

/* Final responsive and interaction checks. */
.teaser-text a{pointer-events:auto}
@media(max-width:600px){
 .field input,.field select,.field textarea{font-size:16px;min-height:48px}
 .teaser-frame{min-height:540px;height:auto;padding:70px 0}
 .teaser-text{padding-inline:22px}.teaser-h{font-size:clamp(30px,9vw,44px)}
 .teaser-corner{font-size:8px;letter-spacing:.08em}
 .form-card{padding:28px 22px}.field-row{grid-template-columns:1fr}
 .hero-stats{gap:12px}.hs-src{font-size:9px;line-height:1.6}
}

/* Align the header wordmark with the existing hero text gutter only. */
nav[aria-label="Main navigation"]{padding-left:132px}
@media(max-width:980px){nav[aria-label="Main navigation"]{padding-left:28px}}
@media(max-width:760px){nav[aria-label="Main navigation"]{padding-left:20px}}
@media(max-width:480px){nav[aria-label="Main navigation"]{padding-left:18px}}
@media(max-width:360px){nav[aria-label="Main navigation"]{padding-left:14px}}

/* Give the founder vision and round headings their own breathing room. */
#essay .h2,#funds .h2{margin-bottom:32px;line-height:1.14}
#essay .lead{max-width:760px}
@media(max-width:600px){#essay .h2,#funds .h2{margin-bottom:24px}}

/* A single page gutter; no floating text in the screen margins. */
:root{--content-gutter:132px}
@media(max-width:980px){:root{--content-gutter:28px}}
@media(max-width:760px){:root{--content-gutter:20px}}
@media(max-width:480px){:root{--content-gutter:18px}}
@media(max-width:360px){:root{--content-gutter:14px}}
.rail-progress-mobile{display:none!important}
#main-content>section:not(.hero){padding-left:var(--content-gutter);padding-right:var(--content-gutter)}
#main-content>section>.wrap{margin-left:0;margin-right:0;max-width:none}
#main-content>.investor-faq{max-width:none;margin-inline:0}
#teaser .teaser-text{width:100%;padding-inline:0;text-align:left}
#teaser .teaser-h,#teaser .teaser-p{margin-left:0;margin-right:0}
body>footer{padding-inline:var(--content-gutter)}
.footer-inner,.footer-seo{margin-left:0;margin-right:0;max-width:none}

/* Problem: one reading order at every screen width. */
.problem-story{max-width:880px}
.problem-story .h2{margin-bottom:32px;line-height:1.16}
.problem-story p{max-width:760px;margin-top:24px}
.how-num{position:static;font-size:32px;line-height:1;margin-bottom:24px;color:#969696}
@media(max-width:600px){.problem-story .h2{margin-bottom:24px}.how-step{padding:30px 22px}}

/* Original section links, dots and floating toggle, available at every width. */
#rail{display:flex!important;width:min(280px,86vw);padding:90px 24px 90px;transform:translateX(-100%);visibility:hidden;pointer-events:none;background:rgba(8,9,11,.98);backdrop-filter:blur(20px);transition:transform .3s ease,visibility .3s;z-index:1000;align-items:center}
#rail.open{transform:translateX(0);visibility:visible;pointer-events:auto}
/* Visible at once on open, so focus can move into the menu; hidden only after the slide-out. */
#rail{transition:transform .3s ease,visibility 0s linear .3s}#rail.open{transition:transform .3s ease,visibility 0s}#rail .rail-item:focus-visible{outline-offset:-2px}
#rail .rail-inner{display:flex;max-height:100%;overflow-y:auto;overscroll-behavior:contain;padding-right:8px}
#rail .rail-label{opacity:1;transform:none;pointer-events:auto}
/* Rows shrink from 44px to 34px on short screens before the list has to scroll, so every section link stays in view. */
#rail .rail-item{flex:0 1 44px;height:auto;min-height:34px}
#rail .rail-marker{display:none}
#railToggle{display:flex!important;position:fixed;left:18px;bottom:max(18px,env(safe-area-inset-bottom));z-index:1001;width:46px;height:46px;border-radius:50%;background:#f2f2f2;border:1px solid #777;box-shadow:0 5px 20px #0005;color:#111;align-items:center;justify-content:center;cursor:pointer}
#railToggle svg{width:20px;height:20px}
#railToggle .icon-close{display:none}
#rail.open~#railToggle{background:#171719;color:#fff}
#rail.open~#railToggle .icon-menu{display:none}
#rail.open~#railToggle .icon-close{display:block}
#railToggle{-webkit-tap-highlight-color:transparent}#railToggle:focus{outline:none}#railToggle:focus-visible{outline:none;box-shadow:0 0 0 3px #000,0 0 0 5px #fff}
@media(max-height:760px){#rail{padding-top:24px;padding-bottom:76px}}
@media(max-height:640px){#rail{padding-top:12px;padding-bottom:70px}}
/* Phones held sideways: two columns of links, set to the right of the menu button. */
@media(max-height:500px) and (min-width:560px){#rail{width:min(620px,calc(100vw - 24px));padding:12px 24px 12px 72px}#rail .rail-inner{display:grid;height:100%;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(7,minmax(32px,44px));grid-auto-flow:column;column-gap:12px;align-content:center}#rail .rail-track{display:none}}
/* Only extremely short screens still scroll the list; its lower edge fades while more links sit below. */
#rail .rail-inner.more-below{-webkit-mask-image:linear-gradient(#000 calc(100% - 56px),transparent);mask-image:linear-gradient(#000 calc(100% - 56px),transparent)}
@media(prefers-reduced-motion:reduce){#rail,#rail.open,#rail *{transition:none}}
/* Mobile leads with the complete message and actions, then a separate product area. */
@media(max-width:900px){
 .hero{display:flex;flex-direction:column;gap:0}
 .hero-left{display:block;order:0;width:100%}
 .hero-right{order:1;position:relative;top:0;left:0;width:100%;margin:36px 0 0;padding:24px 0 0;border-top:1px solid var(--rule)}
 .hero-left .rv{opacity:1!important;transform:none!important;transition:none!important}
 .hero .hero-h1{margin-bottom:24px}
 .hero .hero-actions{display:flex;margin-top:24px}
 .hero .hero-proof{margin-top:20px}
 .hero .hero-stats{display:grid;margin-top:28px}
}
@media(max-width:900px){
 .hero-left{display:flex;flex-direction:column;align-items:stretch}
 .hero-left .hero-eyebrow{order:0}
 .hero-left .hero-h1{order:1}
 .hero-left .hero-tag{order:2}
 .hero-left .hero-actions{order:3;margin-top:0;margin-bottom:24px}
 .hero-left .hero-sub{order:4;margin-bottom:0}
 .hero-left .hero-proof{order:5}
 .hero-left .hero-waiting{order:5}
 .hero-left .hero-stats{order:6}
}
/* FAQ: the whole row is the tap target (was a 28px-tall summary inside a padded details). */
.investor-faq details{padding:0}
.investor-faq summary{padding-top:23px;padding-bottom:23px}
.investor-faq details[open] summary{padding-bottom:0}
.investor-faq details p{margin-bottom:23px}
@media(max-width:600px){.investor-faq details{padding:0}.investor-faq summary{padding-top:20px;padding-bottom:20px}.investor-faq details[open] summary{padding-bottom:0}.investor-faq details p{margin-bottom:20px}}

/* FAQ: no disclosure triangle (the owner wants no arrows) — a quiet "+" that turns into "×" when open. */
.investor-faq summary{list-style:none;margin-left:0;padding-left:0;display:flex;justify-content:space-between;align-items:baseline;gap:20px}
.investor-faq summary::-webkit-details-marker{display:none}
.investor-faq summary::after{content:"+";flex:none;font-weight:300;line-height:1;color:#8a8a8a;transition:transform .2s}
.investor-faq details[open] summary::after{transform:rotate(45deg)}
.investor-faq details p{margin-left:0}
/* Leave room under the last footer links for the floating menu button. */
@media(max-width:980px){body>footer{padding-bottom:calc(max(18px,env(safe-area-inset-bottom)) + 66px)}}

/* Footer links: a quiet underline under the text, and a full tap target on touch screens and tablets. */
@media(max-width:980px),(pointer:coarse){.footer-links a{display:inline-flex;align-items:center;min-height:44px}}

/* White buttons on black need a white focus ring; currentColor would draw it black. */
.nav-cta:focus-visible,.founder-linkedin:focus-visible{outline-color:#fff}