@import url("/assets/site/marketing-surfaces.css");
/* Founder pass, revision 14 — desktop. Slim/tall windows center the captive scenes; identity gets one
   radius language; the marker editor is the transparent Figma export, anchored over its marker. */
:root{--ease-out:cubic-bezier(.23,1,.32,1);--ease-in-out:cubic-bezier(.77,0,.175,1)}
/* Captive stages: the scene sits in the middle of a tall stage instead of pinned to its top. */
.suggestions-story.captive #how-it-works,.suggestions-story.captive #sampling{top:var(--center,0)!important;bottom:auto!important}
.filename-story.captive #rush{top:var(--center,0)!important;bottom:auto!important}
/* Identity: figures, photos and the centre card share one radius family (16 / 10), one hairline, one shadow. */
.identity-evidence figure{background:#0b0f10f2;border:1px solid #f2e5d31c;border-radius:16px;padding:8px;box-shadow:0 30px 80px #0009,inset 0 1px 0 #ffffff0a}
.identity-photo{border-radius:10px}
.identity-evidence figcaption{font:11px var(--mono);letter-spacing:.12em;color:#8fc6c1;padding:14px 0 4px}
.identity-link{padding:26px 22px;border-radius:16px;background:#0b0f10b8;border:1px solid #f2e5d314;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.identity-link h3{font:500 44px/1.05 var(--disp);margin:14px 0 12px;letter-spacing:-.02em}
.identity-link p{font:17px/1.9 var(--ui);color:#d9c7b1;margin:12px 0}
.identity-rule{height:1px;background:linear-gradient(90deg,transparent,#8fc6c1aa,transparent)}
.identity-evidence{gap:26px}
/* Marker editor: the transparent export, back at its Figma position on the left of the moment, clear of the players. */
.scene-markers .n-424-77{border-radius:0!important;overflow:visible!important;left:264px!important;top:326px!important;width:430px!important;height:397px!important;filter:drop-shadow(0 24px 50px #000b)}
.scene-markers .n-424-77 img{width:100%;height:100%;object-fit:contain;display:block}

/* Nav pill gets an opaque floor under its gradient (blur stays as texture); filled orange controls use dark ink; the primary gradient's dark stop is lifted for contrast. */
.search-demo .scope-control button.active,.search-demo .app-search-button{color:#1c0c03}

/* KEEP is a take rating: the word, then the rating strip and the AI vote sliding under KEEP. Hero and compute footnotes. */
.keep-rating{position:absolute;left:calc(50% - 280px);top:calc(50% + 150px);width:560px;text-align:center;opacity:0;will-change:transform,opacity}
.keep-caption{font:500 18px/1.4 var(--ui);color:#1c1611;margin:0 0 16px}
.keep-chips{display:flex;justify-content:center;gap:12px}
.rate{display:inline-flex;align-items:center;gap:8px;font:700 15px var(--disp);letter-spacing:.06em;padding:12px 18px;border-radius:10px}
.rate i{font-style:normal;font-size:14px}
.rate.keep{background:#1c1611;color:#f2e5d3}
.rate.reject{background:transparent;color:#1c1611;border:1.5px solid #1c161166;text-decoration:line-through;text-decoration-thickness:2px}
.ai-vote{display:inline-block;margin-top:12px;font:12px var(--mono);letter-spacing:.06em;color:#3b2817;background:#ffae5c;border-radius:6px;padding:6px 10px;will-change:transform}
.suggestions-story:not(.captive) .keep-rating{opacity:1}
.hero-private{font:15px/1.5 var(--ui);color:#c8b39b}
.compute-cost{font:13px var(--mono);color:#ffae5c;letter-spacing:.02em}
.keep-rating{background:#f2e5d3f0;padding:18px 20px 16px;border-radius:16px;box-shadow:0 20px 60px #0003}

/* Rush section ground: the Forty Lanes field at rest, drawn once. No photograph. */
.rush-field{position:absolute;inset:0;z-index:0;pointer-events:none;background:#080503}
.rush-field .transition-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.scene-rush .n-488-599,.scene-rush .n-488-600{display:none!important}
/* Native review panel (hero), shared by both layouts. */
.native-review{border-radius:18px;overflow:hidden}
.review-panel{font:13px/1.35 var(--ui);color:#e6d8c6;background:linear-gradient(160deg,#1a140fe8,#0b0806f2);border:1px solid #f2e5d326;border-radius:18px;box-shadow:0 18px 50px #0006;padding:0 0 14px;width:100%;height:100%;box-sizing:border-box}
.rp-rail{display:flex;justify-content:space-between;font:11px var(--mono);letter-spacing:.05em;color:#9a7f6a;padding:12px 16px 10px;border-bottom:1px solid #f2e5d30c}
.rp-field{padding:12px 16px 4px}
.rp-title{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.rp-title strong{font-weight:600;font-size:14px;color:#f2e5d3}
.rp-title small{font:10px var(--mono);letter-spacing:.06em;color:#7f6a58}
.rp-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.rp-chip{display:inline-flex;align-items:center;gap:4px;padding:5px 9px;border-radius:6px;border:1px solid #92c8c42e;background:#92c8c40c;color:#b0cecc;font-size:12px;white-space:nowrap}
.rp-chip.on{background:#3b2817;border-color:#ffae5c70;color:#ffbc68}
.rp-chip.more{border-style:dashed;border-color:#f2e5d322;background:transparent;color:#8d7864}
.rp-chip i{font-style:normal;font-size:11px}
.rp-ai{display:flex;align-items:center;gap:10px;padding:7px 10px;border:1px solid #f2e5d316;border-radius:8px;background:#0805030a;font-size:12px}
.rp-ai b{font:700 10px var(--mono);letter-spacing:.08em;color:#ffae5c;background:#ffae5c1f;border-radius:4px;padding:3px 5px}
.rp-ai span{flex:1;color:#e6d8c6}
.rp-ai em{display:inline-flex;gap:6px}
.rp-ai em i{font-style:normal;width:18px;height:18px;border:1px solid #f2e5d33a;border-radius:4px;display:inline-grid;place-items:center;font-size:11px;color:#ffae5c}
.rp-ai em i:last-child{color:#8d7864}
.rp-confirm{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 0;border-top:1px solid #f2e5d30c;margin-top:8px}
.rp-confirm strong{display:block;font-weight:600;font-size:13px;color:#f2e5d3}
.rp-confirm small{font-size:11px;color:#8d7864}
.rp-confirm kbd{font:10px var(--mono);color:#c8b39b;border:1px solid #f2e5d32a;border-radius:5px;padding:4px 7px}
.scene-hero .n-270-21.native-review{width:400px!important;height:auto!important}

.branded-ending footer a{color:inherit;text-decoration:none}.branded-ending footer a:hover{color:#ffae5c}
/* FAQ: visible Q&A that the SEO generator lifts into FAQPage; both layouts. */
.faq-section{position:relative;z-index:2;background:#080503;color:#f2e5d3;padding:96px 88px 110px;border-top:1px solid #f2e5d312}
.faq-section h2{font:600 clamp(30px,3.2vw,44px)/1.1 var(--disp);letter-spacing:-.02em;margin:0 0 40px;max-width:900px}
.faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 56px;max-width:1264px}
.faq-grid .q{border-top:1px solid #f2e5d31f;padding-top:18px}
.faq-grid h4{font:600 19px/1.3 var(--disp);color:#f2e5d3;margin:0 0 8px}
.faq-grid p{font:16px/1.65 var(--ui);color:#c8b39b;margin:0;max-width:62ch}
.filename-story{position:relative;z-index:1}

/* FAQ centred; site footer on both layouts. */
.faq-section{text-align:center}
.faq-section h2{margin-left:auto;margin-right:auto}
.faq-grid{margin:0 auto;text-align:left}
.site-footer{position:relative;z-index:2;background:#060402;color:#c8b39b;border-top:1px solid #f2e5d312;padding:64px 88px 36px;font:15px/1.6 var(--ui)}
.sf-in{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.3fr 1fr;gap:40px;max-width:1264px;margin:0 auto}
.sf-wordmark{font:600 22px var(--disp);color:#f2e5d3;text-decoration:none;letter-spacing:-.02em}
.sf-brand p{margin:12px 0 18px;max-width:34ch;color:#a8937d}
.sf-social{display:flex;flex-wrap:wrap;gap:10px 18px}
.sf-social a{display:inline-flex;align-items:center;gap:8px;color:#f2e5d3;text-decoration:none;font:500 14px var(--ui);min-height:44px}
.sf-social svg{width:20px;height:20px;color:#ffae5c}
.sf-social a:hover{color:#ffae5c}
.sf-col h3{font:600 12px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#8d7864;margin:6px 0 12px}
.sf-col a{display:block;color:#e6d8c6;text-decoration:none;padding:5px 0;min-height:32px}
.sf-col a:hover{color:#ffae5c}
.sf-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 24px;max-width:1264px;margin:44px auto 0;padding-top:20px;border-top:1px solid #f2e5d312;font:12px var(--mono);letter-spacing:.04em;color:#8d7864}
.sf-more{max-width:1264px;margin:40px auto 0;padding-top:28px;border-top:1px solid #f2e5d312}
.sf-more h3{font:600 12px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#8d7864;margin:0 0 14px}
.sf-more ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 40px}
.sf-more li{display:flex;flex-direction:column;gap:2px;min-width:0}
.sf-more a{color:#e6d8c6;text-decoration:none}
.sf-more a:hover{color:#ffae5c}
.sf-more span{font-size:13px;line-height:1.45;color:#a8937d}

/* Nav: away on scroll down, back on scroll up. Hero: nothing pops before the haze — the art group stays hidden on an ember ground until the sequence starts (or settles, if WebGL is unavailable). */
.site-nav{transition:transform 260ms cubic-bezier(.23,1,.32,1),opacity 200ms;will-change:transform}
.site-nav.nav-hidden{transform:translateY(-120%);opacity:0;pointer-events:none}
#n-270-2{background:radial-gradient(ellipse at 62% 45%,#e96a1e26,transparent 55%),#080503}
#n-270-2:not([data-hero-phase]) :is(.n-270-3,.n-270-6,.n-270-7,.n-270-21){opacity:0!important}
#n-270-2 .hero-diffusion{transition:opacity 120ms}
@media(prefers-reduced-motion:reduce){.site-nav{transition:none}}