/* KYND FUEL / CHROMATIC EDIT 07 — art direction, not a rebrand.
   Layout/copy/first-serve photo/from data remain untouched.
   Sage: clear signature, not a wall of monochromatic green.
   Every hex below belongs to the approved core/extended moodboard.
*/
:root{
 --slate:#2E3941; --rose-clay:#B76E5C; --butter:#FFF1C6;
 --soft-oat:#E8DFD0; --tamarind:#8A3F2B; --pistachio:#DDE8CC;
 --deep-teal:#245A5A; --turmeric:#E2A93B;
}
/* Brand's personal signature: restrained sage + cocoa. */
.site-header{background:var(--ivory);border-bottom-color:rgba(28,28,28,.11)}
.site-header:after{background:var(--sage);width:74px;height:3px}
.nav-invite{background:var(--cacao);box-shadow:0 8px 18px rgba(107,78,61,.13)}
.nav-invite:hover{background:var(--tamarind)}
/* Page 1 — warm luminous ivory, sage shape as art direction, not background. */
.hero{background:radial-gradient(ellipse at 60% 47%,rgba(255,241,198,.56),transparent 57%),var(--ivory)}
.hero:after{opacity:.032}
.hero-arc-sage{background:var(--sage);width:410px;height:350px;top:-205px;right:-175px;opacity:.96;transform:rotate(18deg)}
.hero-arc-blue{background:var(--blue);opacity:.63;width:220px;height:270px;left:-177px;top:36%}
.overline strong{color:var(--tamarind)}
.overline-rule{background:var(--sage)}
.highlight{background:var(--saffron);box-shadow:none}
.pill-cacao{background:var(--cacao);color:var(--ivory);box-shadow:0 8px 20px rgba(107,78,61,.16)}
.pill-cacao:hover{background:var(--tamarind)}
.quiet-link{border-bottom-color:var(--sage)}
.hero-photo{background-image:linear-gradient(to bottom,transparent,rgba(28,28,28,.35)),url('assets/first-serve-field.jpg');border-bottom:3px solid var(--sage)}
/* Brand principles are a set of tactile colour tabs. */
.principles{background:var(--ivory);border-bottom:1px solid rgba(28,28,28,.12);gap:12px;padding-block:23px}
.principles>div{border-radius:10px;padding:16px 10px;background:var(--pistachio)}
.principles>div:nth-child(2){background:var(--butter)}
.principles>div:nth-child(3){background:rgba(170,183,194,.43)}
.principles>div:not(:last-child){border-right:0}
.symbol{color:var(--forest)}.symbol-circle{color:var(--tamarind)}.symbol-arrow{color:var(--slate)}
/* Page 2 — a warm editorial palate cleanser with the clay of the wider KYND palette. */
.idea{background:linear-gradient(130deg,var(--ivory) 3%,var(--soft-oat) 83%)}
.idea:before{background:var(--rose-clay);opacity:.14}
.section-meta>span:first-child{color:var(--tamarind)}
.idea h2 em{color:var(--tamarind)}
.idea-copy{border-left-color:var(--rose-clay)}
.idea-copy .small-signature{color:var(--tamarind)}
/* Page 3 — NIGHT-SLATE / a true cinematic interruption, not another green field. */
.field,.field-content{background:var(--slate);color:var(--ivory)}
.field-content{background:linear-gradient(145deg,var(--slate),#1C1C1C)}
.field-content:before{background:var(--blue);opacity:.10}
.field-issue{color:var(--blue)}.field-issue:before{background:var(--saffron)}
.field-circle{color:var(--turmeric)}.field-link{border-bottom-color:var(--saffron)}
.field-link:hover{color:var(--butter)}
/* Page 4 — warm buttery light, a visual exhale from the dark section. */
.invite-intro{background:linear-gradient(142deg,var(--ivory) 10%,var(--butter) 100%)}
.invite-intro:before{background:var(--rose-clay);opacity:.11}
.invite-grid h2 em{color:var(--tamarind)}
.benefit-row>div{border-top-color:var(--sage)}
.benefit-row>div:nth-child(2){border-top-color:var(--rose-clay)}
.benefit-row>div:nth-child(3){border-top-color:var(--blue)}
.benefit-row>div>span{color:var(--tamarind)}
/* Page 5 — Sage as unmistakable Founding Batch signature, balanced with blue-grey.
   The cards, not a full giant green block, are the brand anchor. */
.join{background:var(--blue);color:var(--ink);gap:4vw;align-items:stretch}
.join:before{background:var(--ivory);opacity:.25;top:-220px;right:-240px}
.join-shape{background:var(--rose-clay);width:360px;height:360px;opacity:.20;left:auto;right:-200px;bottom:-250px}
.join-intro{background:var(--sage);border-radius:24px;padding:clamp(38px,4.1vw,70px);min-height:100%;display:flex;flex-direction:column;box-shadow:0 22px 45px rgba(28,28,28,.07)}
.section-stamp{color:var(--ink)}
.join h2{margin:48px 0 27px}
.join h2 em{color:var(--forest)}
.join-note{margin-top:auto;padding-top:25px;border-top:1px solid rgba(28,28,28,.30)}
.signup-wrap{background:var(--ivory);border:1px solid rgba(28,28,28,.11);box-shadow:0 25px 45px rgba(46,57,65,.12);align-self:stretch}
.form-top strong{color:var(--cacao)}
.fields>input{background:var(--ivory);border-color:rgba(28,28,28,.24)}
.fields>input:focus{border-color:var(--sage)}
.interest label input:checked+span{background:var(--pistachio);color:var(--forest);border-color:var(--forest)}
.submit{background:var(--saffron);color:var(--ink);box-shadow:0 7px 18px rgba(212,106,31,.12)}
.submit:hover{background:var(--cacao);color:var(--ivory)}
.footer{border-top:4px solid var(--sage);background:var(--ivory)}
@media(max-width:780px){
 .hero{background:radial-gradient(ellipse at 45% 42%,rgba(255,241,198,.52),transparent 58%),var(--ivory)}
 .hero-arc-sage{width:260px;height:245px;top:-157px;right:-181px;opacity:.96}
 .hero-arc-blue{width:160px;height:190px;left:-133px;top:34%;opacity:.48}
 .principles{gap:7px;padding:12px 16px}
 .principles>div{border-radius:7px;padding:13px 7px}
 .idea{background:linear-gradient(142deg,var(--ivory),var(--soft-oat))}
 .field-content{background:var(--slate)}
 .join{background:var(--blue);padding:44px 22px 58px;gap:16px}
 .join-intro{padding:38px 29px;border-radius:18px;min-height:0}
 .join h2{margin:31px 0 21px}
 .join-note{margin-top:42px}
 .signup-wrap{background:var(--ivory);border-radius:18px}
}
@media(prefers-reduced-motion:reduce){.pill,.submit,.nav-invite{transition:none}}

/* Form integrations – preserve approved palette. */
.challenge{margin:14px 0;min-height:46px}
.submit:disabled{opacity:.58;cursor:not-allowed}
.form-footnote.error{color:#8A3F2B;font-weight:600;line-height:1.65}
.form-footnote{min-height:24px;line-height:1.6}