/* Investor narrative: product, approach, evidence to gather, support, contact. */
.invest-page { --invest-ink:#17241c; --invest-muted:#59635e; color:var(--invest-ink); overflow:clip; }
.invest-page h1,.invest-page h2,.invest-page h3 { font-family:var(--display); font-weight:500; letter-spacing:-.05em; }
.invest-page h1 { line-height:1.02; }
.invest-page h2 { font-size:clamp(36px,4.3vw,62px); line-height:1.1; text-wrap:balance; }
.invest-page p { line-height:1.6; }
.invest-page section[id] { scroll-margin-top:110px; }
.invest-eyebrow { font:500 11px/1.3 var(--ui); text-transform:uppercase; letter-spacing:.1em; margin-bottom:24px; }
.invest-button { display:inline-flex; align-items:center; gap:32px; border-radius:100px; padding:18px 25px; background:white; color:var(--invest-ink); font:500 15px var(--ui); text-decoration:none; transition:background .2s; }
.invest-button:hover { background:var(--lime); }
.invest-hero-copy>p:not(.invest-eyebrow) { margin:30px 0; font-size:19px; }
.invest-page a:focus-visible { outline:2px solid currentColor; outline-offset:6px; }
.invest-overview { display:flex; justify-content:space-between; align-items:center; gap:24px; padding-block:25px; border-bottom:1px solid var(--line); }
.invest-overview>p { display:flex; align-items:center; gap:10px; font-size:13px; color:var(--invest-muted); }
.status-dot { width:7px; height:7px; border-radius:50%; background:var(--forest); flex:none; }
.invest-overview nav { display:flex; gap:28px; }
.invest-overview a { font-size:13px; text-decoration:none; color:var(--invest-ink); padding-block:9px; }
.invest-overview a:hover { text-decoration:underline; text-underline-offset:5px; }
.invest-product-inner { padding-block:110px; display:grid; grid-template-columns:1fr 1fr; gap:0 9%; align-items:center; }
.invest-product-inner>div:first-child { grid-column:1; grid-row:1; }
.invest-product-inner>div:first-child>p:last-child { max-width:440px; margin-top:28px; font-size:18px; color:var(--invest-muted); }
.invest-visual { grid-column:2; grid-row:1 / 3; position:relative; min-height:590px; overflow:hidden; border-radius:24px; background:#fafafa; display:grid; place-items:center; isolation:isolate; }
.invest-orbits { position:absolute; inset:0; display:grid; place-items:center; pointer-events:none; }
.invest-orbits i { position:absolute; border:1px solid rgba(8,86,61,.13); border-radius:50%; width:260px; height:260px; }
.invest-orbits i:nth-child(2) { width:390px; height:390px; }
.invest-orbits i:nth-child(3) { width:520px; height:520px; }
.invest-visual-question { position:relative; z-index:1; width:190px; min-height:150px; border-radius:20px; padding:19px; background:var(--lime); display:flex; flex-direction:column; justify-content:space-between; }
.invest-visual-question svg { width:39px; height:28px; }
.invest-visual-question p { font:500 19px/1.15 var(--display); letter-spacing:-.025em; }
.invest-visual-answer { position:absolute; z-index:2; display:flex; gap:10px; align-items:center; padding:9px 12px 9px 9px; background:white; border:1px solid rgba(5,48,31,.09); border-radius:15px; box-shadow:0 10px 25px rgba(5,48,31,.06); font:500 12px/1.3 var(--ui); }
.invest-visual-answer img { width:40px; height:40px; border-radius:50%; object-fit:cover; }
.invest-visual .answer-one { left:5%; top:15%; }
.invest-visual .answer-two { right:5%; bottom:14%; }
.invest-visual-reaction { position:absolute; right:13%; top:18%; transform:rotate(8deg); }
.invest-steps { grid-column:1; grid-row:2; margin-top:38px; }
.invest-steps>div { display:grid; grid-template-columns:34px 1fr; gap:8px 20px; padding:14px 0; }
.invest-steps span { grid-row:span 2; color:var(--invest-muted); font-size:12px; }
.invest-steps h3 { font-size:clamp(21px,2vw,26px); line-height:1.2; }
.invest-steps p { color:var(--invest-muted); font-size:14px; }
.invest-approach { display:grid; grid-template-columns:1fr 1fr; gap:9%; padding-block:0 110px; align-items:center; }
.perspectives-photo { margin:0; height:670px; border-radius:24px; overflow:hidden; }
.perspectives-photo img { width:100%; height:100%; object-fit:cover; object-position:48% center; }
.approach-copy>p:not(.invest-eyebrow) { font-size:17px; margin-top:28px; color:var(--invest-muted); }
.approach-principles { margin:30px 0 0; }
.approach-principles>div { padding:16px 0; }
.approach-principles dt { font:500 18px/1.3 var(--ui); margin-bottom:8px; }
.approach-principles dd { font-size:14px; line-height:1.6; margin:0; color:var(--invest-muted); max-width:420px; }
.invest-support { padding-block:100px; display:grid; grid-template-columns:1.2fr .8fr; gap:10%; }
.support-copy { font-size:17px; color:var(--invest-muted); }
.support-copy p+p { margin-top:20px; }
.invest-page+footer { border-top:1px solid var(--line); }
.invest-page .invest-opening { display:block; position:relative; isolation:isolate; height:min(850px,94svh); min-height:650px; padding:0; color:white; }
.invest-opening-photo,.invest-opening-shade { position:absolute; inset:0; z-index:-2; overflow:hidden; }
.invest-opening-photo img { width:100%; height:100%; object-fit:cover; object-position:center; }
.invest-opening-shade { z-index:-1; background:linear-gradient(90deg,rgba(0,0,0,.67),rgba(0,0,0,.25) 60%,rgba(0,0,0,.05)); }
.invest-opening-inner { height:100%; display:flex; align-items:center; padding-top:90px; }
.invest-page .invest-opening h1 { font-size:clamp(54px,6.5vw,92px); max-width:850px; }
.invest-opening .invest-hero-copy>p:not(.invest-eyebrow) { max-width:480px; color:white; }
.invest-opening .invest-button { background:white; color:#17241c; }
.invest-opening .invest-button:hover { background:var(--lime); }
.inner-page:has(.invest-opening) .nav:not(.is-scrolled):not(.is-menu-open) { background:transparent; border-color:transparent; backdrop-filter:none; }
.inner-page:has(.invest-opening) .nav:not(.is-scrolled):not(.is-menu-open) .logo { --logo-text:#fff; }
.inner-page:has(.invest-opening) .nav:not(.is-scrolled):not(.is-menu-open) .nav-links a,
.inner-page:has(.invest-opening) .nav:not(.is-scrolled):not(.is-menu-open) .lang summary,
.inner-page:has(.invest-opening) .nav:not(.is-scrolled):not(.is-menu-open) .menu-toggle { color:#fff; }
.inner-page:has(.invest-opening) .nav .nav-actions>.btn { background:#17241c; color:#fff; }
.inner-page:has(.invest-opening) .nav:not(.is-scrolled):not(.is-menu-open) .nav-actions>.btn { background:#fff; color:#17241c; }
.inner-page:has(.invest-opening) .nav .nav-actions>.btn:hover { background:var(--lime); color:#17241c; }

/* One personal invitation: identity beside the portrait, one direct contact. */
.founder-invitation { display:grid; grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr); gap:clamp(48px,8vw,120px); align-items:center; padding-block:45px 110px; scroll-margin-top:110px; color:#17241c; }
.founder-profile { width:100%; max-width:380px; margin:0; }
.founder-profile>img { display:block; width:100%; height:auto; aspect-ratio:1; object-fit:cover; border-radius:18px; filter:none; }
.founder-profile-caption { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:20px; }
.founder-profile-caption p { font:500 16px/1.4 var(--ui); }
.founder-profile-caption span { font-size:13px; color:#626b66; }
.founder-profile-caption a { font-size:13px; color:inherit; text-decoration:none; padding-block:10px; }
.founder-profile-caption a span { margin-left:6px; color:inherit; }
.founder-invitation-copy .invest-eyebrow { color:#626b66; font-size:11px; letter-spacing:.09em; margin-bottom:24px; }
.invest-page .founder-invitation h2 { font-size:clamp(42px,4.2vw,64px); line-height:1.08; letter-spacing:-.055em; }
.founder-invitation-copy>p:not(.invest-eyebrow) { max-width:470px; margin-top:24px; color:#626b66; font-size:17px; line-height:1.65; }
.founder-email { display:flex; align-items:center; justify-content:space-between; gap:20px; max-width:470px; margin-top:34px; padding:20px 24px; border:1px solid #dce1dc; border-radius:100px; text-decoration:none; color:#17241c; font:500 clamp(16px,1.5vw,20px)/1.3 var(--ui); transition:background .2s,border-color .2s; }
.founder-email svg { width:23px; height:23px; flex:none; }
.founder-email:hover { background:var(--lime); border-color:var(--lime); }
.founder-email:focus-visible,.founder-profile-caption a:focus-visible { outline:2px solid #17241c; outline-offset:5px; }
@media(max-width:800px) { .founder-invitation { grid-template-columns:1fr 1.2fr; gap:32px; padding-block:60px 80px; } .invest-page .founder-invitation h2 { font-size:40px; } .founder-invitation-copy>p:not(.invest-eyebrow) { font-size:15px; } .founder-profile-caption { align-items:flex-start; flex-direction:column; gap:6px; } }
@media(max-width:600px) { .founder-invitation { grid-template-columns:1fr; gap:38px; padding-block:48px 64px; } .founder-profile { max-width:none; display:grid; grid-template-columns:110px 1fr; gap:22px; align-items:center; } .founder-profile>img { border-radius:14px; } .founder-profile-caption { margin:0; gap:8px; } .founder-profile-caption a { padding-block:3px; } .invest-page .founder-invitation h2 { font-size:42px; } .founder-invitation-copy .invest-eyebrow { margin-bottom:18px; } .founder-invitation-copy>p:not(.invest-eyebrow) { font-size:16px; margin-top:20px; } .founder-email { margin-top:26px; padding:18px 22px; } }
@media(prefers-reduced-motion:reduce) { .founder-email { transition:none; } }

@media(max-width:800px) {
 .invest-overview { align-items:flex-start; flex-direction:column; gap:10px; padding-block:22px; }
 .invest-overview nav { gap:24px; flex-wrap:wrap; }
 .invest-product-inner { grid-template-columns:1fr; gap:34px; padding-block:70px; }
 .invest-product-inner>div:first-child,.invest-product-inner>.invest-visual,.invest-product-inner>.invest-steps { grid-column:1; grid-row:auto; }
 .invest-product-inner>.invest-visual { min-height:400px; }
 .invest-product-inner>.invest-steps { margin-top:0; }
 .invest-approach { grid-template-columns:1fr; padding-bottom:70px; gap:38px; }
 .perspectives-photo { height:430px; }
 .invest-support { grid-template-columns:1fr; gap:26px; }
 .invest-progress,.invest-support { padding-block:70px; }
 .invest-page .invest-opening { min-height:700px; height:92svh; }
 .invest-opening-inner { align-items:flex-end; padding-bottom:48px; }
 .invest-opening-photo img { object-position:58% center; }
 .invest-opening-shade { background:linear-gradient(0deg,rgba(0,0,0,.8),rgba(0,0,0,.05) 85%); }
}
@media(max-width:480px) {
 .invest-page .invest-opening h1 { font-size:48px; }
 .invest-opening .invest-hero-copy>p:not(.invest-eyebrow) { font-size:16px; }
 .invest-overview nav { gap:18px; }
 .invest-overview a { font-size:12px; }
 .invest-visual-question { width:165px; min-height:135px; }
 .invest-visual .answer-one { left:3%; top:9%; }
 .invest-visual .answer-two { right:3%; bottom:9%; }
 .invest-visual-reaction { right:8%; top:11%; }
 .perspectives-photo { height:350px; }
}
@media(prefers-reduced-motion:reduce) { .invest-button { transition:none; } }
/* Development chapters: the selected phase unfolds into its product evidence. */
.roadmap-studio { padding-block:80px 64px; }
.roadmap-studio>.wrap { max-width:1000px; }
.roadmap-heading { display:grid; grid-template-columns:1.25fr .75fr; align-items:end; gap:32px; margin-bottom:40px; }
.invest-page .roadmap-heading h2 { font-size:clamp(44px,5.5vw,76px); line-height:1.05; letter-spacing:-.035em; }
.roadmap-heading>p { justify-self:end; max-width:360px; font-size:16px; color:var(--invest-muted); }
.roadmap-deck { display:grid; grid-template-columns:3.1fr 1fr 1fr 1fr; border:1px solid #dce3dd; border-radius:24px; overflow:hidden; background:#fff; isolation:isolate; }
.roadmap-deck[data-active="1"] { grid-template-columns:1fr 3.1fr 1fr 1fr; }
.roadmap-deck[data-active="2"] { grid-template-columns:1fr 1fr 3.1fr 1fr; }
.roadmap-deck[data-active="3"] { grid-template-columns:1fr 1fr 1fr 3.1fr; }
.roadmap-phase { position:relative; min-width:0; height:610px; background:#fff; overflow:hidden; transform-origin:0 0; }
.roadmap-phase + .roadmap-phase { border-left:1px solid #dce3dd; }
.phase-inner { position:relative; width:100%; height:610px; }
.phase-heading { margin:0; }
.phase-trigger { position:absolute; inset:0; z-index:3; width:100%; border:0; background:transparent; color:var(--invest-ink); text-align:left; cursor:pointer; padding:28px 22px; display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-start; font:500 24px/1.15 var(--display); }
.phase-order { font:500 12px/1 var(--ui); color:var(--invest-muted); margin-bottom:24px; }
.phase-name { letter-spacing:-.025em; }
.phase-state { font:400 12px/1.4 var(--ui); color:var(--invest-muted); margin-top:10px; max-width:110px; }
.phase-toggle { position:absolute; bottom:24px; left:22px; width:32px; height:32px; display:grid; place-items:center; border:1px solid #cdd7cf; border-radius:50%; font:400 24px/1 var(--ui); transition:background-color .2s; }
.phase-trigger:hover .phase-toggle { background:var(--lime); border-color:var(--lime); }
.phase-trigger:focus-visible { outline:2px solid var(--invest-ink); outline-offset:-5px; border-radius:12px; }
.roadmap-phase.is-active .phase-trigger { height:140px; bottom:auto; }
.roadmap-phase.is-active .phase-state { max-width:none; }
.roadmap-phase.is-active:first-child .phase-state { color:var(--invest-ink); }
.roadmap-phase.is-active .phase-toggle { display:none; }
.phase-preview { position:absolute; inset:180px 0 90px; display:grid; place-items:center; pointer-events:none; }
.phase-preview img { width:50px; height:50px; object-fit:contain; opacity:.75; }
.roadmap-phase.is-active .phase-preview,.roadmap-phase.is-closing .phase-preview { visibility:hidden; }
.phase-expanded { position:absolute; inset:140px 0 0; }
.phase-expanded[hidden] { display:none; }
.phase-copy { padding:0 22px; }
.invest-page .phase-outcome { font:500 clamp(26px,2.4vw,36px)/1.12 var(--display); letter-spacing:-.035em; margin:0; max-width:440px; }
.phase-copy>p:last-child { font:400 16px/1.65 var(--ui); color:var(--invest-muted); margin-top:18px; max-width:420px; }
.phase-art { position:absolute; left:22px; right:22px; bottom:32px; height:240px; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:16px; }
.phase-native { width:100%; height:auto; display:block; border:1px solid #d7e0d9; border-radius:16px; padding:12px; background:#fff; }
.build-art { align-items:flex-start; height:280px; gap:12px; }
.build-art .phase-native { max-height:190px; object-fit:contain; object-position:left center; flex-shrink:0; }
.phase-app-mark { width:48px; height:34px; }
.phase-art>span { font:400 13px/1.4 var(--ui); color:var(--invest-muted); }
.test-art { align-items:stretch; }
.test-art .phase-native { padding:14px 10px; }
.test-scope { display:flex; flex-direction:column; gap:14px; padding:8px 12px; font:400 15px/1.4 var(--ui); color:var(--invest-muted); }
.test-scope span::before { content:''; display:inline-block; width:7px; height:7px; border:1px solid #9daa9f; border-radius:50%; margin-right:12px; }
.beta-cluster { width:240px; height:160px; position:relative; }
.beta-cluster img { position:absolute; width:76px; height:76px; border-radius:50%; border:5px solid #fff; object-fit:cover; }
.beta-cluster img:nth-child(1) { left:0; top:0; }
.beta-cluster img:nth-child(2) { right:0; top:0; }
.beta-cluster img:nth-child(3) { left:82px; bottom:0; }
.beta-cluster svg { position:absolute; width:48px; height:34px; left:96px; top:22px; }
.refine-art { gap:24px; }
.refine-art>img { width:44px; height:44px; }
.learning-loop { display:flex; gap:0; width:100%; justify-content:center; align-items:center; }
.learning-loop span { font:500 15px/1.4 var(--display); padding:12px 14px; border:1px solid #dce3dd; border-radius:999px; white-space:nowrap; }
.learning-loop span + span { margin-left:-4px; }
.learning-loop span:nth-child(2) { background:var(--lime); border-color:var(--lime); position:relative; }
.refine-art>p { font:400 14px/1.6 var(--ui); color:var(--invest-muted); text-align:center; }
.roadmap-deck:not(.is-ready) { display:block; }
.roadmap-deck:not(.is-ready) .phase-trigger { pointer-events:none; }
.roadmap-deck:not(.is-ready) .phase-preview { display:none; }
.roadmap-deck:not(.is-ready) .roadmap-phase { max-width:650px; }
@media(min-width:801px) {
 .roadmap-deck.is-ready { display:block; position:relative; height:612px; }
 .roadmap-deck.is-ready .roadmap-phase { position:absolute; left:0; top:0; will-change:transform,clip-path; contain:layout paint; }
 .roadmap-deck.is-ready .phase-preview { right:auto; width:calc(100% / 3.1); }
 .roadmap-deck.is-ready .roadmap-phase:not(.is-active) .phase-trigger { width:calc(100% / 3.1); }
}
@media(max-width:1050px) and (min-width:801px) {
 .phase-trigger { padding-inline:14px; font-size:21px; }
 .phase-copy { padding-inline:14px; }
 .phase-art { left:14px; right:14px; }
 .learning-loop span { font-size:13px; padding:10px; }
}
@media(max-width:800px) {
 .roadmap-heading { grid-template-columns:1fr; gap:20px; }
 .roadmap-heading>p { justify-self:start; }
 .roadmap-deck,.roadmap-deck[data-active] { grid-template-columns:1fr; }
 .roadmap-phase { height:96px; }
 .roadmap-phase + .roadmap-phase { border-left:0; border-top:1px solid #dce3dd; }
 .roadmap-phase.is-active { height:610px; }
 .phase-trigger { padding:26px 24px; display:grid; grid-template-columns:30px 1fr; gap:0 12px; align-content:start; }
 .phase-order { margin:8px 0 0; grid-row:1/3; }
 .phase-name { font-size:24px; }
 .phase-state { margin-top:5px; max-width:none; font-size:12px; }
 .phase-toggle { top:30px; bottom:auto; left:auto; right:24px; }
 .phase-preview { display:none; }
 .roadmap-phase.is-active .phase-trigger { padding:26px 24px; }
 .phase-copy { padding-inline:24px; }
 .phase-art { left:24px; right:24px; }
 .roadmap-deck:not(.is-ready) .roadmap-phase { height:610px; max-width:none; }
}
@media(max-width:400px) {
 .phase-copy { padding-inline:18px; }
 .phase-art { left:18px; right:18px; }
 .learning-loop span { font-size:12px; padding:10px; }
 .phase-art>span { font-size:12px; }
}
@media(prefers-reduced-motion:reduce) { .phase-toggle { transition:none; } }

@media (max-width: 600px) {
 .invest-page .invest-opening { min-height: 580px; height: 90svh; }
 .invest-opening-inner { padding-bottom: 36px; }
 .invest-product-inner { padding-block: 48px; gap: 28px; }
 .invest-approach { padding-bottom: 48px; gap: 28px; }
 .invest-progress, .invest-support { padding-block: 48px; }
 .roadmap-heading { gap: 18px; margin-bottom: 24px; }
 .founder-invitation { gap: 28px; padding-block: 40px 48px; }
}
/* App elements rebuilt as real components (not screenshot crops) */
@font-face { font-family:"Outfit"; src:url("../fonts/Outfit-Variable.woff2") format("woff2"); font-weight:100 900; font-display:swap; }
.app-profile, .app-offline { --app-green:#08563B; --app-line:#E6EAE7; font-family:"Outfit", var(--ui); color:#111413; }
.app-profile { width:100%; background:#fff; border:1px solid var(--app-line); border-radius:23px; padding:18px 20px; display:grid; gap:12px; }
.app-profile-head { display:flex; justify-content:space-between; align-items:center; gap:12px; }
.app-profile-head b { display:block; font-weight:500; font-size:22px; line-height:1.1; letter-spacing:-.01em; }
.app-profile-head small { display:block; margin-top:3px; font-size:14px; color:#8A9190; }
.app-profile-head img { width:56px; height:56px; border-radius:50%; object-fit:cover; border:3px solid #fff; box-shadow:0 0 0 2px #D4FF00; flex-shrink:0; }
.app-profile p { font-size:14px; line-height:1.4; color:#3D4442; }
.app-profile dl { display:grid; grid-template-columns:repeat(3,1fr); margin:0; }
.app-profile dl div { display:flex; flex-direction:column-reverse; padding-left:12px; border-left:1px solid var(--app-line); }
.app-profile dl div:first-child { padding-left:0; border-left:0; }
.app-profile dd { margin:0; font-weight:500; font-size:18px; line-height:1.2; }
.app-profile dt { font-size:12px; color:#8A9190; }
.app-offline { display:flex; align-items:center; gap:10px; background:#F2F4F3; border:1px solid var(--app-line); border-radius:16px; padding:14px 16px; font-size:15px; line-height:1.3; }
.app-offline svg { width:20px; height:20px; flex-shrink:0; fill:#111413; }
.build-art { height:auto; }
.learning-loop { gap:8px; flex-wrap:wrap; }
.learning-loop span + span { margin-left:0; }
@media(max-width:400px) { .app-profile { padding:16px; } .app-profile-head b { font-size:20px; } .app-offline { font-size:14px; } }