/* Brand skin: brings inner pages in line with the homepage (bold Chillax heads, Outfit text,
   rounded brand-colour panels). Palette: #08563B #D4FF00 #FF8FC0 #9BD9B5 #FF4F3D #fff */
@font-face { font-family:"Outfit"; src:url("../fonts/Outfit-Variable.woff2") format("woff2"); font-weight:100 900; font-display:swap; }
:root { --brand-night:#08563B; --brand-green:#08563B; --brand-lime:#D4FF00; --brand-pink:#FF8FC0; --brand-mint:#9BD9B5; --brand-red:#FF4F3D; }
body.inner-page, body:has(.legal) { font-family:"Outfit", var(--ui); }
main :is(h1,h2):not(.nf-title) { font-weight:500 !important; letter-spacing:-.03em !important; }
main :is(h1,h2,h3) { color:var(--brand-night); }
.brand-rise { opacity:0; translate:0 28px; transition:opacity .7s cubic-bezier(.2,.7,.2,1), translate .7s cubic-bezier(.2,.7,.2,1); }
.brand-rise.is-in { opacity:1; translate:0 0; }
@media (prefers-reduced-motion:reduce) { .brand-rise { opacity:1; translate:none; transition:none; } }

/* About: each story becomes a colour panel, like the homepage feature cards */
.about-story { padding:clamp(24px,3vw,40px); border-radius:36px; background:var(--brand-mint); }
.about-stories .about-story:nth-of-type(2) { background:var(--brand-pink); }
.about-stories .about-story:nth-of-type(3) { background:var(--brand-lime); }

.about-story-photo { border-radius:28px; }
.about-ritual-interface { box-shadow:0 24px 50px -24px rgba(8,86,59,.45); border-radius:23px; }
.member-photo-wrap { border-radius:36px !important; overflow:hidden; }
.team-invitation { border-top:0 !important; padding:clamp(24px,3vw,40px) !important; border-radius:36px; background:var(--brand-night); }

.team-invitation a { background:var(--brand-lime) !important; color:var(--brand-night) !important; }
.about-invest-image, .about-invest { border-radius:36px; }

/* Investors: idea visual, roadmap and support as brand panels */
.invest-visual { background:var(--brand-mint) !important; border-radius:36px !important; }
.invest-visual .invest-orbits, .invest-orbits * { border-color:rgba(255,255,255,.55) !important; }
.roadmap-deck { border-radius:36px !important; overflow:hidden; }
.roadmap-phase[aria-current], .roadmap-phase.is-active, .roadmap-phase:has(.phase-trigger[aria-expanded="true"]) { background:var(--brand-lime); }
.roadmap-phase:has(.phase-trigger[aria-expanded="true"]) .app-profile, .roadmap-phase:has(.phase-trigger[aria-expanded="true"]) .app-offline { box-shadow:0 18px 40px -24px rgba(8,86,59,.5); }
.invest-support { padding:clamp(28px,4vw,56px) !important; border-radius:36px; background:var(--brand-pink); }

.founder-invitation { padding:clamp(28px,4vw,56px) !important; border-radius:36px; background:var(--brand-night); }



/* Legal pages: title on a lime panel, green section heads */
.legal > .wrap > :is(.eyebrow,h1,.updated), .legal .eyebrow { color:var(--brand-night); }
.legal h1 { font-family:var(--display); }
.legal h2 { color:var(--brand-green) !important; }
.founder-invitation { margin-top:24px !important; margin-bottom:clamp(48px,6vw,96px) !important; }
@media (max-width:600px) { .about-story, .team-invitation, .invest-support, .founder-invitation { border-radius:28px; padding:20px !important; } }
/* Legal pages: logo left, waitlist button right, same label as the rest of the site */
.nav.solid .nav-inner { display:flex !important; align-items:center; justify-content:space-between; }
/* Headings over photos stay white */
:is(.about-opening, .about-invest, .invest-hero, .invest-opening) :is(h1,h2,h3) { color:#fff !important; }
/* Founder email: readable on its lime hover/focus state */
.founder-invitation a.founder-email:is(:hover,:focus-visible), .founder-invitation a.founder-email:is(:hover,:focus-visible) * { color:var(--brand-night) !important; }
@media print { .brand-rise { opacity:1 !important; translate:none !important; } }

/* Roadmap: pills on the lime panel */
.roadmap-phase:has(.phase-trigger[aria-expanded="true"]) .learning-loop span { border-color:rgba(8,86,59,.35); color:var(--brand-night); }
.roadmap-phase:has(.phase-trigger[aria-expanded="true"]) .learning-loop span:nth-child(2) { background:var(--brand-night); border-color:var(--brand-night); color:var(--brand-lime); }

/* Calm direction, same as the homepage: one light tile colour, lime only for buttons and small accents */
.about-story, .about-stories .about-story:nth-of-type(n), .team-invitation, .invest-visual, .invest-support, .founder-invitation { border-radius:24px; background:#F4F5F2 !important; }
.invest-visual { border-radius:24px !important; }
.invest-visual .invest-orbits, .invest-orbits * { border-color:rgba(17,20,19,.08) !important; }
.roadmap-deck { border-radius:24px !important; }
.roadmap-phase[aria-current], .roadmap-phase.is-active, .roadmap-phase:has(.phase-trigger[aria-expanded="true"]) { background:#F4F5F2; }
.about-invest-image, .about-invest { border-radius:24px; }
.about-story-photo, .member-photo-wrap { border-radius:18px !important; }
.about-purpose { text-align:left; }
.about-purpose p { margin-inline:0; }
.team-sec .h2 { width:100%; margin-inline:0 !important; text-align:left !important; }
.founder-invitation a.founder-email { border-color:rgba(17,20,19,.2); }
@media (max-width:600px) { .about-story, .team-invitation, .invest-support, .founder-invitation { border-radius:20px; } }
.team-sec .team-header, .team-sec .team-header > div { display:block !important; width:100%; max-width:none !important; margin-inline:0 !important; text-align:left !important; }