/* Three deliberately distinct review directions. Set with ?design=field|folio|signal */

/* 01 — FIELD: editorial racing, warm, human, simple */
body[data-design="field"] { --green:#d9f04b; background:#172017; color:#f5f3ea; }
body[data-design="field"] .ambient, body[data-design="field"] .flavour-bar { display:none!important; }
body[data-design="field"] .app { max-width:1240px; padding:0 24px; }
body[data-design="field"] header { height:74px; border-color:#d9f04b33; }
body[data-design="field"] header nav { gap:18px; font-size:12px; }
body[data-design="field"] .access-bar { border:0; padding:7px 0; }
body[data-design="field"] main { justify-content:flex-start; padding-top:42px; }
body[data-design="field"] .intro { align-items:start; margin:0 0 34px; }
body[data-design="field"] .intro h1 { max-width:700px; font-family:Georgia,serif; font-size:clamp(42px,7vw,78px); font-weight:400; letter-spacing:-.06em; }
body[data-design="field"] .intro h1 em { color:#d9f04b; }
body[data-design="field"] .intro-copy { max-width:260px; font-size:15px; }
body[data-design="field"] .os-worlds { background:#273326; border-color:#d9f04b44; border-radius:0; }
body[data-design="field"] .equine-world { grid-template-columns:1.5fr 1fr 1fr; gap:8px; }
body[data-design="field"] .equine-card { border-radius:0; height:210px; }
body[data-design="field"] .su-panel { border-radius:0; background:#e7e4d6; color:#192119; border-color:#e7e4d6; box-shadow:none; }
body[data-design="field"] .su-panel::before { width:7px; background:#d9f04b; }
body[data-design="field"] .su-head { border:0; }
body[data-design="field"] .su-kicker, body[data-design="field"] .su-head h2, body[data-design="field"] .su-path-btn strong, body[data-design="field"] .su-plan-name { color:#172017; }
body[data-design="field"] .su-lead, body[data-design="field"] .su-path-btn span, body[data-design="field"] .su-plan-desc, body[data-design="field"] .su-plan-price small, body[data-design="field"] .su-foot { color:#52604e; }
body[data-design="field"] .su-path-btn, body[data-design="field"] .su-plans { border-color:#17201722; background:#fffdf5; }
body[data-design="field"] .su-path-btn[aria-selected="true"], body[data-design="field"] .su-plan.is-selected { background:#d9f04b; border-color:#172017; }
body[data-design="field"] .su-steps { border-color:#17201722; color:#52604e; }
body[data-design="field"] .su-plan { border-color:#17201718; }
body[data-design="field"] .su-radio { border-color:#17201755; }
body[data-design="field"] .su-plan.is-selected .su-radio { border-color:#172017; box-shadow:inset 0 0 0 4px #d9f04b,inset 0 0 0 9px #172017; }
body[data-design="field"] .su-plan-price b { color:#172017; }
body[data-design="field"] .su-cta { background:#172017; color:#e7e4d6; border-radius:0; }
body[data-design="field"] .showcase, body[data-design="field"] .technology-tabs, body[data-design="field"] .heritage-strip, body[data-design="field"] .bm-footer { margin-top:44px; }
@media(max-width:700px){body[data-design="field"] .app{padding:0 16px}body[data-design="field"] .intro{margin-top:12px}body[data-design="field"] .intro-copy{display:block}body[data-design="field"] .equine-world{grid-template-columns:1fr 1fr}body[data-design="field"] .equine-card:first-child{grid-column:1/-1}}

/* 02 — FOLIO: premium light, restrained, investor-grade */
body[data-design="folio"] { background:#f4f0e7; color:#172019; --lime:#355d36; }
body[data-design="folio"] .ambient, body[data-design="folio"] .signal-field, body[data-design="folio"] .flavour-bar { display:none!important; }
body[data-design="folio"] .app { max-width:1180px; padding:0 28px; }
body[data-design="folio"] header { height:82px; border-color:#17201922; }
body[data-design="folio"] header .brand img { filter:brightness(.42) saturate(.8); }
body[data-design="folio"] header nav, body[data-design="folio"] .access-bar { color:#304033; }
body[data-design="folio"] .access-bar { border-color:#17201916; }
body[data-design="folio"] .access-bar a,body[data-design="folio"] .access-bar button { background:transparent; border-color:#17201922; color:#304033; }
body[data-design="folio"] .login { background:#172019!important; color:#f4f0e7!important; }
body[data-design="folio"] main { justify-content:flex-start; padding-top:68px; }
body[data-design="folio"] .intro { display:block; max-width:820px; margin-bottom:48px; }
body[data-design="folio"] .intro h1 { font-family:Georgia,serif; font-size:clamp(46px,7vw,88px); font-weight:400; line-height:.96; letter-spacing:-.07em; color:#172019; }
body[data-design="folio"] .intro h1 em { color:#8e773e; }
body[data-design="folio"] .intro-copy { margin-top:22px; font-size:16px; color:#586157; max-width:460px; }
body[data-design="folio"] .os-worlds,body[data-design="folio"] .showcase { background:#e9e2d4; border-color:#1720191f; color:#172019; }
body[data-design="folio"] .equine-world { gap:1px; background:#172019; }
body[data-design="folio"] .equine-card { border:0; border-radius:0; height:260px; }
body[data-design="folio"] .su { margin-top:50px; }
body[data-design="folio"] .su-panel { background:#172019; border:0; border-radius:2px; }
body[data-design="folio"] .su-panel::before { background:#bd9a4c; width:4px; }
body[data-design="folio"] .su-path-btn { border-radius:2px; }
body[data-design="folio"] .su-path-btn[aria-selected="true"] { background:#bd9a4c; border-color:#bd9a4c; }
body[data-design="folio"] .su-path-btn[aria-selected="true"] strong { color:#172019; }
body[data-design="folio"] .su-plan.is-selected { background:#26372b; }
body[data-design="folio"] .su-cta { background:#bd9a4c; color:#172019; border-radius:2px; }
body[data-design="folio"] .what-else { background:#e9e2d4; color:#172019; padding:48px 28px; margin-top:60px; }
@media(max-width:700px){body[data-design="folio"] .app{padding:0 16px}body[data-design="folio"] main{padding-top:30px}body[data-design="folio"] .intro h1{font-size:48px}body[data-design="folio"] .equine-card{height:170px}}

/* 03 — SIGNAL: compact, dark, technology-led, no decorative chrome */
body[data-design="signal"] .ambient,body[data-design="signal"] .access-bar,body[data-design="signal"] .flavour-bar { display:none!important; }
body[data-design="signal"] .app { max-width:1320px; padding:0 20px; }
body[data-design="signal"] header { height:64px; border-color:#283930; }
body[data-design="signal"] header nav { gap:14px; }
body[data-design="signal"] main { justify-content:flex-start; padding-top:34px; }
body[data-design="signal"] .intro { margin-bottom:18px; }
body[data-design="signal"] .intro h1 { max-width:620px; font-size:clamp(36px,5vw,62px); }
body[data-design="signal"] .intro-copy { font:12px/1.55 ui-monospace,SFMono-Regular,monospace; }
body[data-design="signal"] .os-worlds { padding:14px; border-radius:8px; }
body[data-design="signal"] .os-worlds h2 { font-size:22px; }
body[data-design="signal"] .equine-world { display:none; }
body[data-design="signal"] .su { margin-top:18px; }
body[data-design="signal"] .su-panel { border-radius:8px; max-width:920px; }
body[data-design="signal"] .su-head h2 { font-size:30px; }
body[data-design="signal"] .showcase { margin-top:20px; height:420px; }
body[data-design="signal"] .technology-tabs { margin-top:8px; }
@media(max-width:700px){body[data-design="signal"] .app{padding:0 14px}body[data-design="signal"] .intro-copy{display:none}body[data-design="signal"] .showcase{height:auto;min-height:0}}

/* 100M website directions — image, narrative and one clear action lead. */
body[data-design="surge"],body[data-design="heritage"],body[data-design="constellation"] { background:#07110d; }
body[data-design="surge"] .ambient,body[data-design="heritage"] .ambient,body[data-design="constellation"] .ambient,
body[data-design="surge"] .access-bar,body[data-design="heritage"] .access-bar,body[data-design="constellation"] .access-bar,
body[data-design="surge"] .flavour-bar,body[data-design="heritage"] .flavour-bar,body[data-design="constellation"] .flavour-bar { display:none!important; }
body[data-design="surge"] .app,body[data-design="heritage"] .app,body[data-design="constellation"] .app { max-width:none; padding:0; }
body[data-design="surge"] header,body[data-design="heritage"] header,body[data-design="constellation"] header {
  position:absolute; z-index:20; top:0; left:clamp(18px,4vw,68px); right:clamp(18px,4vw,68px); height:88px;
  padding:0 clamp(14px,1.8vw,26px); border:1px solid #ffffff1a; border-top:0; border-radius:0 0 18px 18px;
  background:linear-gradient(180deg,rgba(4,14,10,.86),rgba(4,14,10,.62));
  box-shadow:0 14px 38px rgba(0,0,0,.18); backdrop-filter:blur(18px) saturate(1.12); -webkit-backdrop-filter:blur(18px) saturate(1.12);
}
body[data-design="surge"] header nav,body[data-design="heritage"] header nav,body[data-design="constellation"] header nav { gap:22px; }
body[data-design="surge"] .login,body[data-design="heritage"] .login,body[data-design="constellation"] .login { background:#c5ff00!important; color:#101810!important; border:0!important; }
body[data-design="surge"] main,body[data-design="heritage"] main,body[data-design="constellation"] main { display:block; padding:0!important; }
body[data-design="surge"] .intro,body[data-design="heritage"] .intro,body[data-design="constellation"] .intro { display:none; }
.site-hero { position:relative; min-height:clamp(680px,100svh,1080px); overflow:hidden; color:#fff; }
.site-hero__image,.site-hero__shade { position:absolute; inset:0; }
.site-hero__image { background:url('/site-assets/racing.jpg') center/cover; transform:scale(1.01); }
.site-hero__shade { background:linear-gradient(90deg,#06120de8 0%,#06120d95 36%,#06120d12 72%),linear-gradient(0deg,#06120da8 0%,transparent 46%); }
.site-hero__content { position:relative; z-index:1; min-height:inherit; padding:clamp(150px,22vh,260px) clamp(24px,5vw,72px) clamp(36px,7vh,78px); display:flex; flex-direction:column; justify-content:space-between; max-width:960px; }
.site-hero__content>p { margin:0 0 16px; color:#d9ff4a; font:800 11px/1 system-ui,sans-serif; letter-spacing:.18em; }
.site-hero h1 { margin:0; font:800 clamp(56px,9vw,138px)/.84 system-ui,sans-serif; letter-spacing:-.075em; max-width:850px; }
.site-hero h1 em { color:#d9ff4a; font-style:normal; }
.site-hero__bottom { display:flex; align-items:end; gap:clamp(24px,6vw,84px); margin-top:42px; }
.site-hero__bottom>span { max-width:390px; font:400 clamp(16px,1.5vw,21px)/1.4 system-ui,sans-serif; color:#eff5e8; }
.site-hero__bottom nav { display:flex; flex-wrap:wrap; gap:12px; }
.site-hero__primary,.site-hero__secondary { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:13px 18px; border-radius:999px; font:800 13px system-ui,sans-serif; text-decoration:none; cursor:pointer; }
.site-hero__primary { background:#d9ff4a; color:#0d170f; }
.site-hero__secondary { background:transparent; border:1px solid #ffffff66; color:#fff; }
.site-hero__secondary i { margin-left:8px; color:#d9ff4a; }
.site-hero__radio { display:inline-flex; align-items:center; min-height:48px; gap:9px; padding:11px 15px; border:1px solid #d9ff4a88; border-radius:999px; background:#07120dbd; color:#fff; font:800 13px/1 system-ui,sans-serif; text-decoration:none; backdrop-filter:blur(12px); transition:background .18s ease,border-color .18s ease,transform .18s ease; }
.site-hero__radio>i { display:grid; width:27px; height:27px; place-items:center; border-radius:50%; background:#d9ff4a; color:#0d170f; font-style:normal; font-size:10px; }
.site-hero__radio>small { padding:3px 5px; border:1px solid #d9ff4a66; border-radius:4px; color:#d9ff4a; font:800 8px/1 ui-monospace,monospace; letter-spacing:.1em; }
.site-hero__radio:hover { transform:translateY(-2px); border-color:#d9ff4a; background:#12251ae8; }
.site-hero__radio:focus-visible { outline:3px solid #d9ff4a; outline-offset:3px; }
.site-hero__index { position:absolute; z-index:2; right:clamp(24px,5vw,72px); bottom:clamp(34px,7vh,78px); display:flex; align-items:center; gap:10px; color:#e5f0da; font:700 10px system-ui,sans-serif; letter-spacing:.15em; }
.site-hero__index i { width:54px; height:1px; background:#d9ff4a; }
body[data-design="surge"] .os-worlds,body[data-design="surge"] .equine-world,body[data-design="surge"] .su,body[data-design="surge"] .showcase,body[data-design="surge"] .technology-tabs,body[data-design="surge"] .what-else { max-width:1240px; margin-left:auto; margin-right:auto; }
body[data-design="surge"] .os-worlds { margin-top:40px; }

/* Heritage shifts from stadium energy to a premium visual editorial. */
body[data-design="heritage"] { background:#e8e1d2; color:#1b251d; }
body[data-design="heritage"] header { color:#172019; border-color:#17201920; background:linear-gradient(180deg,rgba(244,239,226,.92),rgba(232,225,210,.78)); box-shadow:0 14px 38px rgba(45,38,24,.12); }
body[data-design="heritage"] header .brand img { filter:brightness(.42) saturate(.8); }
body[data-design="heritage"] header a,body[data-design="heritage"] header button { color:#172019; }
body[data-design="heritage"] header .story-link small { color:#566254; }
body[data-design="heritage"] header .header-radio { color:#425a43; }
body[data-design="heritage"] .site-hero { color:#1b251d; background:#e8e1d2; min-height:820px; }
body[data-design="heritage"] .site-hero__image { left:48%; background-image:url('/site-assets/founder.jpg'); background-position:center; }
body[data-design="heritage"] .site-hero__shade { background:linear-gradient(90deg,#e8e1d2 0%,#e8e1d2 44%,#e8e1d244 70%,transparent); }
body[data-design="heritage"] .site-hero__content { padding-left:clamp(24px,9vw,150px); max-width:720px; }
body[data-design="heritage"] .site-hero__content>p,body[data-design="heritage"] h1 em { color:#7b6130; }
body[data-design="heritage"] .site-hero h1 { font-family:Georgia,serif; font-weight:400; color:#172019; }
body[data-design="heritage"] .site-hero__bottom>span { color:#3d4a3e; }
body[data-design="heritage"] .site-hero__primary { background:#172019; color:#f4f0e7; }
body[data-design="heritage"] .site-hero__secondary { border-color:#17201955; color:#172019; }
body[data-design="heritage"] .site-hero__index { color:#3d4a3e; }
body[data-design="heritage"] .os-worlds,body[data-design="heritage"] .equine-world,body[data-design="heritage"] .su,body[data-design="heritage"] .showcase,body[data-design="heritage"] .technology-tabs,body[data-design="heritage"] .what-else { max-width:1180px; margin-left:auto; margin-right:auto; }

/* Constellation is a darker technology story, but still a website. */
body[data-design="constellation"] .site-hero__image { background-image:url('/site-assets/data-generations.png'); background-position:72% center; filter:saturate(.72) contrast(1.08); }
body[data-design="constellation"] .site-hero__shade { background:radial-gradient(circle at 74% 38%,#2e654f44,transparent 28%),linear-gradient(90deg,#050d0b 0%,#050d0bdc 40%,#050d0b22 80%); }
body[data-design="constellation"] .site-hero h1 { max-width:740px; }
body[data-design="constellation"] .site-hero__content>p { color:#67e8f9; }
body[data-design="constellation"] h1 em { color:#67e8f9; }
body[data-design="constellation"] .site-hero__primary { background:#67e8f9; }
body[data-design="constellation"] .site-hero__index i { background:#67e8f9; }
body[data-design="constellation"] .os-worlds,body[data-design="constellation"] .equine-world,body[data-design="constellation"] .su,body[data-design="constellation"] .showcase,body[data-design="constellation"] .technology-tabs,body[data-design="constellation"] .what-else { max-width:1280px; margin-left:auto; margin-right:auto; }
@media(max-width:700px){
  body[data-design="surge"] header,body[data-design="heritage"] header,body[data-design="constellation"] header { left:10px; right:10px; height:64px; padding:0 10px; border-radius:0 0 14px 14px; }
  body[data-design="surge"] header .plain-story,body[data-design="surge"] header .story-link,body[data-design="surge"] header .header-radio,body[data-design="heritage"] header .plain-story,body[data-design="heritage"] header .story-link,body[data-design="heritage"] header .header-radio,body[data-design="constellation"] header .plain-story,body[data-design="constellation"] header .story-link,body[data-design="constellation"] header .header-radio { display:none!important; }
  .site-hero { min-height:760px; }
  .site-hero__content { padding:120px 22px 32px; }
  .site-hero h1 { font-size:clamp(52px,15vw,76px); }
  .site-hero__bottom { display:block; margin-top:30px; }
  .site-hero__bottom nav { margin-top:22px; }
  .site-hero__radio { flex:0 0 auto; width:max-content; max-width:100%; min-height:42px; gap:7px; padding:8px 12px; justify-content:flex-start; font-size:12px; }
  .site-hero__radio>i { width:23px; height:23px; font-size:9px; }
  .site-hero__radio>small { padding:3px 4px; font-size:7px; }
  .site-hero__index { right:22px; bottom:22px; }
  body[data-design="heritage"] .site-hero__image { left:28%; opacity:.72; }
  body[data-design="heritage"] .site-hero__shade { background:linear-gradient(90deg,#e8e1d2 0%,#e8e1d2d8 59%,#e8e1d240 100%); }
}