/* KYND FUEL / MAIN SITE BRIDGE 11
 * Main website source terms: The Founding Batch, Better is a Spectrum, First Serve,
 * Our Story and FAQs. Prelaunch products remain undisclosed.
 * Only established KYND core/extended colour tokens; Sora is the sole editable typeface.
 */
:root{--soft-oat:#E8DFD0;--pistachio:#DDE8CC;--slate:#2E3941;--tamarind:#8A3F2B;--butter:#FFF1C6;--rose-clay:#B76E5C;--forest:#2F4A35;--teal:#245A5A}
.founding-ribbon{min-height:36px;background:var(--ink);color:var(--ivory);display:flex;align-items:center;justify-content:center;gap:13px;padding:9px 25px;font-size:9px;letter-spacing:.065em;font-weight:400}
.founding-ribbon strong{font-weight:600;letter-spacing:.14em}.ribbon-sep{color:var(--sage)}.ribbon-dot{width:6px;height:6px;border-radius:50%;background:var(--sage)}.founding-ribbon a{border-bottom:1px solid var(--sage);font-size:8px;letter-spacing:.15em;font-weight:600;margin-left:28px;white-space:nowrap;padding-bottom:2px}
.site-header{position:sticky;top:0;z-index:18;background:var(--ivory)}
.navigation{gap:26px}.navigation a{font-size:11px}
.hero-body{padding-top:95px}
/* A first glimpse of the main site's interactive Spectrum, without revealing a product. */
.spectrum-bridge{display:grid;grid-template-columns:.88fr 1.12fr;background:var(--blue);min-height:550px;color:var(--ink);position:relative;overflow:hidden}
.spectrum-side{padding:clamp(54px,6vw,100px) clamp(28px,5vw,80px);background:var(--slate);color:var(--ivory);position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;isolation:isolate}
.spectrum-side:after{content:'';position:absolute;width:380px;height:380px;border-radius:50%;background:var(--blue);opacity:.09;right:-250px;top:-160px;z-index:-1}
.spectrum-overline{font-weight:600;letter-spacing:.14em;font-size:9px;color:var(--butter);display:flex;gap:12px;align-items:center;flex-wrap:wrap;line-height:1.7;margin:0 0 48px}.spectrum-dot{background:var(--sage);width:6px;height:6px;border-radius:50%}
.spectrum-side h2{font-size:clamp(48px,5vw,79px);line-height:1.1;font-weight:400;letter-spacing:-.075em;margin:0 0 25px}.spectrum-side h2 em{font-style:normal;color:var(--sage);font-weight:500}
.spectrum-side>p:not(.spectrum-overline){max-width:390px;font-size:14px;line-height:1.95;color:var(--ivory);margin:0}
.spectrum-axis{width:min(100%,410px);display:flex;align-items:center;gap:12px;margin-top:58px;font-size:8px;letter-spacing:.12em;color:var(--butter);font-weight:600}.spectrum-axis>span{width:112px;flex:0 0 112px}.spectrum-axis>span:last-child{text-align:right}.spectrum-line{height:4px;background:linear-gradient(90deg,var(--sage),var(--butter),var(--saffron));border-radius:99px;flex:1;display:flex;justify-content:space-between;align-items:center}.spectrum-line i{display:block;width:8px;height:8px;border:2px solid var(--ivory);background:var(--slate);border-radius:50%}
.spectrum-play{padding:clamp(42px,5vw,78px) clamp(29px,5vw,84px);display:flex;flex-direction:column;justify-content:center;position:relative;isolation:isolate}
.spectrum-play:after{content:'';position:absolute;background:var(--ivory);width:260px;height:260px;right:-120px;bottom:-200px;border-radius:50%;opacity:.27;z-index:-1}
.spectrum-card-head{display:flex;justify-content:space-between;gap:14px;align-items:center;border-bottom:1px solid rgba(28,28,28,.22);padding-bottom:14px;letter-spacing:.13em;font-size:9px;font-weight:600}.spectrum-card-head span:last-child{color:var(--forest);white-space:nowrap}
.spectrum-play h3{font-size:clamp(30px,3vw,47px);letter-spacing:-.065em;font-weight:500;margin:35px 0 7px;line-height:1.15}
.spectrum-play>p{font-size:13px;line-height:1.7;max-width:470px;margin:0 0 28px}
.spectrum-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.spectrum-choice{text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-height:162px;border:1px solid rgba(28,28,28,.20);background:var(--ivory);color:var(--ink);border-radius:13px;padding:20px 14px 17px;transition:background .18s,border-color .18s,transform .18s;box-shadow:none;font-family:inherit}
.spectrum-choice:hover{transform:translateY(-3px);border-color:var(--forest)}.spectrum-choice[aria-pressed="true"]{border-color:var(--forest);background:var(--pistachio);box-shadow:inset 0 0 0 1px var(--forest)}
.choice-num{color:var(--tamarind);font-size:10px;letter-spacing:.12em}.spectrum-choice strong{font-size:14px;font-weight:600;line-height:1.36;letter-spacing:-.045em}.choice-line{font-size:10px;line-height:1.5;margin-top:auto;color:var(--cacao)}
.spectrum-followup{display:flex;justify-content:space-between;gap:16px;align-items:center;padding-top:20px}.spectrum-followup p{font-size:11px;line-height:1.6;margin:0;max-width:265px;color:var(--slate)}
.spectrum-small-cta{font-size:10px;font-weight:600;letter-spacing:.065em;color:var(--ivory);background:var(--forest);border-radius:99px;padding:14px 19px;white-space:nowrap;transition:transform .2s}.spectrum-small-cta:hover{transform:translateY(-2px)}
/* Accessible FAQs, with the same information architecture as the future main site. */
.faq-bridge{display:grid;grid-template-columns:1fr 1.18fr;gap:clamp(55px,8vw,150px);padding:105px clamp(24px,7vw,116px);background:var(--ivory);border-top:1px solid rgba(28,28,28,.1)}
.faq-stamp{font-size:10px;letter-spacing:.16em;color:var(--tamarind);font-weight:700}.faq-intro h2{font-size:clamp(48px,5vw,78px);letter-spacing:-.075em;line-height:1.12;font-weight:400;margin:40px 0 19px}.faq-intro h2 em{font-style:normal;color:var(--cacao);font-weight:300}.faq-intro p{font-size:13px;line-height:1.7}.faq-items{border-top:1px solid rgba(28,28,28,.24)}
.faq-items details{border-bottom:1px solid rgba(28,28,28,.22)}.faq-items summary{padding:26px 0;list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:15px;font-weight:500;line-height:1.5;letter-spacing:-.035em}.faq-items summary::-webkit-details-marker{display:none}.faq-items summary span{color:var(--saffron);font-size:26px;font-weight:300;line-height:.9;transition:transform .2s}.faq-items details[open] summary span{transform:rotate(45deg)}.faq-items details p{font-size:12px;line-height:1.9;padding:0 40px 24px 0;margin:0;color:var(--cacao)}
.faq-items summary:focus-visible{outline:2px solid var(--saffron);outline-offset:4px}
@media(max-width:1040px){.spectrum-bridge{grid-template-columns:.84fr 1.16fr}.spectrum-choice-grid{gap:8px}.spectrum-choice{padding:16px 10px}.choice-line{font-size:9px}.spectrum-side,.spectrum-play{padding-left:35px;padding-right:35px}}
@media(max-width:780px){.founding-ribbon{font-size:8px;justify-content:center;gap:9px}.founding-ribbon a{display:none}.founding-ribbon strong{font-size:8px}.spectrum-bridge{display:block}.spectrum-side{min-height:340px;padding:51px 25px 42px}.spectrum-overline{font-size:8px;margin-bottom:26px;letter-spacing:.095em}.spectrum-side h2{font-size:clamp(53px,10.5vw,75px)}.spectrum-side>p:not(.spectrum-overline){font-size:13px}.spectrum-axis{margin-top:38px;font-size:7px;gap:9px}.spectrum-axis>span{width:99px;flex-basis:99px}.spectrum-play{padding:42px 25px 54px}.spectrum-card-head{font-size:8px}.spectrum-play h3{font-size:35px;margin-top:34px}.spectrum-choice-grid{gap:8px}.spectrum-choice{min-height:141px;padding:15px 11px;border-radius:12px}.spectrum-choice strong{font-size:12px}.spectrum-choice .choice-line{font-size:9px}.spectrum-followup{gap:12px;flex-wrap:wrap}.spectrum-followup p{font-size:11px}.spectrum-small-cta{font-size:9px}.faq-bridge{display:block;padding:78px 25px 86px}.faq-intro h2{font-size:clamp(51px,10vw,75px);margin:28px 0 12px}.faq-intro{margin-bottom:40px}.faq-items summary{font-size:14px;padding:21px 0}}
@media(max-width:365px){.founding-ribbon{font-size:7px;padding:9px 11px}.spectrum-side{padding:47px 20px}.spectrum-play{padding:40px 18px}.spectrum-choice{padding:11px 8px;min-height:140px}.spectrum-choice strong{font-size:11px}.spectrum-choice .choice-line{font-size:8px}.spectrum-axis>span{width:90px;flex-basis:90px}.faq-bridge{padding-left:20px;padding-right:20px}}
@media(prefers-reduced-motion:reduce){.spectrum-choice,.spectrum-small-cta,.faq-items summary span{transition:none!important}}