/* Product-page previews: silver Race instruments; warm gold Teams studio. */
body.race,body.teams{--ink:#edf1f6;--paper:#080c12;--muted:#a4afbc;--line:#28303b;--metal:#c0cedc;--metal-dim:#8c9dad;--metal-light:#f4f8fc;--metal-glow:rgba(176,202,226,.06);--surface:#101720;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}
body.teams{--paper:#0d0d0c;--metal:#ddba70;--metal-dim:#b59450;--metal-light:#fff0c8;--metal-glow:rgba(219,177,92,.07);--line:#343026;--surface:#171713}
.race .masthead,.teams .masthead{padding:30px 0;border-color:var(--line)}
.race .brandname,.teams .brandname{font-size:18px;letter-spacing:.16em;color:var(--metal-light)}
.race .brandname span,.teams .brandname span{color:var(--metal)}
.race nav,.teams nav{font-size:13px;gap:28px;letter-spacing:.02em;color:var(--muted)}
.race nav a:hover,.race nav a[aria-current],.teams nav a:hover,.teams nav a[aria-current]{color:var(--metal-light)}
.race h1,.teams h1{font-size:clamp(44px,5.5vw,78px);line-height:1.08;letter-spacing:-.055em;max-width:700px;margin:30px 0 26px;background:linear-gradient(165deg,var(--metal-light) 15%,var(--metal) 58%,var(--metal-dim));background-clip:text;-webkit-background-clip:text;color:transparent}
.teams-hero h1 span{color:inherit}
.race .eyebrow,.teams .eyebrow{color:var(--metal);letter-spacing:.18em;font-weight:650;font-size:11px}
.product-hero-logo{width:330px;max-width:80%;height:auto;margin-bottom:36px;filter:drop-shadow(0 3px 12px rgba(0,0,0,.22))}
.race-hero{position:relative;padding:88px 0 104px;min-height:660px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,#080c12 1%,rgba(8,12,18,.93) 33%,rgba(8,12,18,.55) 66%,rgba(8,12,18,.23)),url('/assets/finish-shack-hero-clean.png') center/cover}
.race-hero .wrap{position:relative;z-index:1}
.race-hero::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 75%,#080c12),repeating-linear-gradient(0deg,transparent,transparent 79px,rgba(235,243,251,.025) 80px),repeating-linear-gradient(90deg,transparent,transparent 79px,rgba(235,243,251,.025) 80px)}
.race-hero .lede{color:#c5cdd7;max-width:530px;font-size:20px}
.race-hero .actions{max-width:600px}
.teams-hero{grid-template-columns:1.05fr 1fr;gap:70px;padding:90px 0 100px;align-items:center;position:relative}
.teams-hero::before{content:"";position:absolute;z-index:-1;inset:-1px -40px;background:radial-gradient(ellipse at 82% 38%,var(--metal-glow),transparent 65%)}
.teams-hero .lede{color:#c0bcae;font-size:20px;max-width:510px}
.race .button,.race button,.teams .button,.teams button{color:#111720;border:1px solid var(--metal-dim);background:linear-gradient(160deg,var(--metal-light),var(--metal) 50%,var(--metal-dim));border-radius:7px;min-height:48px;font-size:14px;padding:13px 23px;box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 6px 18px rgba(0,0,0,.16);transition:filter .2s,transform .2s}
.teams .button,.teams button{color:#292211}
.race .button:hover,.race button:hover,.teams .button:hover,.teams button:hover{filter:brightness(1.1);transform:translateY(-1px)}
.race .button.outline,.race .button.secondary,.teams .button.outline,.teams .button.secondary{background:rgba(14,19,26,.45);border-color:var(--line);color:var(--metal-light);box-shadow:inset 0 1px 0 rgba(255,255,255,.045)}
.race .button.outline:hover,.teams .button.secondary:hover,.teams .button.outline:hover{border-color:var(--metal-dim);background:var(--surface)}
.race .quiet,.teams .quiet,.race .text-link,.teams .text-link{color:var(--metal);font-size:14px}
.race .actions,.teams .actions{gap:12px;margin-top:30px;margin-bottom:25px}
.race .small,.teams .small{font-size:12px;line-height:1.7;color:var(--muted);max-width:470px}
.race .chapter,.teams .chapter{padding:75px 0;border-color:var(--line)}
.race .chapter-head,.teams .chapter-head{gap:24px;align-items:flex-start;margin-bottom:40px;max-width:860px}
.race .chapter-head h2,.teams .chapter-head h2{font-size:clamp(28px,3vw,38px);letter-spacing:-.04em;margin-bottom:14px}
.race .chapter-head p,.teams .chapter-head p{font-size:17px;color:var(--muted);margin-bottom:0}
.race .step,.teams .step{background:linear-gradient(145deg,var(--surface),var(--paper));border:1px solid var(--metal-dim);color:var(--metal);min-width:42px;height:42px;font-size:12px;font-family:ui-monospace,monospace;box-shadow:inset 0 1px 0 rgba(255,255,255,.07);border-radius:7px}
.race .mode-list,.teams .mode-list{gap:24px}
.race .mode-list article,.teams .mode-list article{border:1px solid var(--line);border-radius:12px;padding:30px;background:linear-gradient(150deg,var(--surface),var(--paper));box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.race .mode-list article>span,.teams .mode-list article>span{color:var(--metal-dim);font-family:ui-monospace,monospace;font-size:12px}
.race .mode-list h3,.teams .mode-list h3{font-size:22px;letter-spacing:-.025em}
.race .mode-list p,.teams .mode-list p,.race .feature-split p,.teams .feature-split p{font-size:16px;color:var(--muted)}
.race .feature-split,.teams .feature-split{gap:55px;align-items:center}
.race .workflow,.teams .workflow{color:var(--muted)}
.race .workflow li::marker,.teams .workflow li::marker{color:var(--metal)}
.race .evidence,.teams .evidence{border:1px solid var(--line);background:linear-gradient(150deg,var(--surface),var(--paper));border-radius:16px;padding:18px;box-shadow:0 22px 55px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.06);overflow:hidden}
.teams-hero .evidence{border-color:#51442a;padding:14px;box-shadow:0 24px 75px rgba(0,0,0,.4),0 0 50px var(--metal-glow);transform:perspective(1200px) rotateY(-5deg);margin:0}
.race .evidence img,.teams .evidence img{border-radius:9px}
.race .evidence figcaption,.teams .evidence figcaption{padding-top:14px;color:var(--muted);line-height:1.55}
.race .evidence figcaption span,.teams .evidence figcaption span{color:var(--metal-dim);font-size:10px;letter-spacing:.1em;text-transform:uppercase;margin-top:8px}
.race .diagrams figure,.teams .diagrams figure{border-radius:12px;border-color:var(--line);background:#e6ebf0;color:#1b2839;overflow:hidden}
.race .pricing{padding-top:70px;padding-bottom:75px;border-top:1px solid var(--line)}
.race .price-card,.teams .price-card{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:30px;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.race .price-card.featured{border-color:var(--metal-dim);box-shadow:0 10px 40px var(--metal-glow)}
.race .price-card strong{color:var(--metal-light);font-size:27px}.race .price-badge{background:var(--metal);color:#151e2a;border-radius:4px;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.race .price-card p,.race .account-access-note{color:var(--muted)}
.race .newsletter,.teams .newsletter{border-top:1px solid var(--line);padding:70px 0 90px;background:transparent}
.race .newsletter p,.teams .newsletter p{color:var(--muted)}
.race .newsletter input[type=email],.teams .newsletter input[type=email]{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:7px;padding:15px}
.race input[type=checkbox],.teams input[type=checkbox]{accent-color:var(--metal-dim)}
.race footer,.teams footer{background:var(--surface);border-top:1px solid var(--line);color:var(--muted)}
.race footer .brandname,.teams footer .brandname{color:var(--metal-light)}
.race a:focus-visible,.teams a:focus-visible,.race button:focus-visible,.teams button:focus-visible,.race input:focus-visible,.teams input:focus-visible{outline:2px solid var(--metal);outline-offset:5px}
@media(max-width:1000px){.teams-hero{gap:38px;grid-template-columns:1.05fr .85fr}.race nav,.teams nav{gap:18px}.teams-hero .evidence{transform:none}}
@media(max-width:640px){.race .masthead,.teams .masthead{padding:23px 0;gap:18px}.race nav,.teams nav{font-size:12px;gap:16px;row-gap:12px}.race-hero{padding:50px 0 64px;min-height:650px;background-position:65% center}.teams-hero{grid-template-columns:1fr;padding:48px 0 55px;gap:34px}.product-hero-logo{width:275px;margin-bottom:30px}.race h1,.teams h1{font-size:48px;margin-top:25px}.race .lede,.teams .lede{font-size:18px}.race .chapter,.teams .chapter{padding:48px 0}.race .chapter-head,.teams .chapter-head{gap:16px}.race .chapter-head h2,.teams .chapter-head h2{font-size:28px}.race .mode-list,.teams .mode-list{gap:14px}.race .mode-list article,.teams .mode-list article{padding:24px}.race .feature-split,.teams .feature-split{gap:26px}.race .evidence,.teams .evidence{padding:12px;border-radius:12px}.race .newsletter,.teams .newsletter{padding:48px 0 60px}}
@media(prefers-reduced-motion:reduce){.race .button,.teams .button{transition:none}.race .button:hover,.teams .button:hover{transform:none}}
@media(max-width:640px){.teams-hero::before{inset:0}.race-hero{background-image:linear-gradient(90deg,rgba(8,12,18,.96),rgba(8,12,18,.8)),url('/assets/finish-shack-hero-clean.png')}}