:root{
  font-family:'Inter',sans-serif;
  font-size:16px;
  --unit:8px;
  --space-xs:var(--unit);
  --space-s:calc(var(--unit)*2);
  --space-m:calc(var(--unit)*3);
  --space-l:calc(var(--unit)*4);
  --space-xl:calc(var(--unit)*6);
  --space-xxl:calc(var(--unit)*8);
  --deep-onyx:#07090d;
  --onyx-soft:#11141c;
  --frost:#f5f7f9;
  --mist:#d0d5df;
  --graphite:#1c1f27;
  --slate:#2f323d;
  --text-muted:#5f6473;
  --champagne:#d9c79e;
  --champagne-soft:rgba(217,199,158,0.22);
  --border-light:rgba(7,9,13,0.1);
}
*{box-sizing:border-box;margin:0;padding:0;}
body{color:#07090d !important;background-color:#f5f7f9 !important;line-height:1.6;font-feature-settings:'tnum' on;}
img{max-width:100%;display:block;}
a{text-decoration:none;color:inherit;}

/* Layout */
.announcement{text-align:center;padding:var(--space-xs);border-bottom:1px solid rgba(255,255,255,0.08);letter-spacing:0.25em;font-size:0.75rem;color:rgba(245,247,249,0.8);}
header{padding:var(--space-xl) 0 var(--space-l);color:var(--frost);background:radial-gradient(circle at 18% 20%,rgba(217,199,158,0.12),transparent 55%),linear-gradient(135deg,var(--onyx-soft),var(--deep-onyx));border-bottom:1px solid rgba(255,255,255,0.04);}
.container{width:min(1200px,100% - 2*var(--space-l));margin:0 auto;}
nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-s);padding-bottom:var(--space-m);border-bottom:1px solid rgba(255,255,255,0.08);}
.logo{font-family:'Space Grotesk',sans-serif;letter-spacing:0.3em;font-size:0.8rem;text-transform:uppercase;}
nav ul{list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-s);font-size:0.9rem;color:rgba(245,247,249,0.75);}

main{background:var(--frost);color:var(--graphite);border-radius:32px 32px 0 0;margin-top:calc(-1 * var(--space-l));}
.section{padding-block:var(--space-xxl);}
.section + .section{border-top:1px solid var(--border-light);}

.layout-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--space-m);row-gap:var(--space-m);}
.span-12{grid-column:span 12;}
.span-8{grid-column:span 8;}
.span-6{grid-column:span 6;}
.span-4{grid-column:span 4;}
.span-5{grid-column:span 5;}
.span-7{grid-column:span 7;}
@media(max-width:960px){.span-8,.span-7,.span-6,.span-5,.span-4{grid-column:span 12;}}

/* Typography */
h1{font-size:clamp(2.5rem,4vw,3.8rem);line-height:1.1;color:var(--deep-onyx);}
h2.section-title{font-size:2.2rem;margin-bottom:var(--space-s);color:var(--graphite);}
p.section-subtitle{color:var(--text-muted);margin-bottom:var(--space-xl);max-width:640px;}
.eyebrow{letter-spacing:0.35em;text-transform:uppercase;font-size:0.75rem;color:rgba(245,247,249,0.6);margin-bottom:var(--space-s);}
.hero-note{font-size:0.95rem;color:rgba(245,247,249,0.75);}
ul{color:var(--graphite);margin-left:var(--space-s);} 
ul li{margin-bottom:var(--space-xs);}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-s) var(--space-l);border-radius:999px;border:1px solid transparent;font-weight:600;transition:transform .2s ease;color:inherit;}
.btn-primary{background:var(--champagne);color:var(--graphite);border-color:var(--champagne);}
.btn-secondary{border-color:rgba(255,255,255,0.35);color:var(--frost);}
.btn:hover{transform:translateY(-2px);}

/* Hero */
.hero-copy h1{color:var(--deep-onyx);}
.hero-copy p{color:var(--text-muted);}
.hero-panel{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.12);border-radius:var(--space-m);padding:var(--space-l);display:grid;gap:var(--space-s);}
.metric{display:flex;justify-content:space-between;align-items:center;font-size:0.95rem;color:rgba(245,247,249,0.8);}
.metric strong{font-family:'Space Grotesk',sans-serif;font-size:2rem;color:var(--champagne);}
blockquote{margin-top:var(--space-l);padding-left:var(--space-s);border-left:2px solid var(--champagne-soft);color:rgba(245,247,249,0.7);font-style:italic;}

/* Cards */
.card{background:#fff;border:1px solid var(--border-light);border-radius:var(--space-m);padding:var(--space-l);box-shadow:0 12px 35px rgba(7,9,13,0.08);}
.tag{display:inline-flex;padding:var(--space-xs) var(--space-s);border-radius:999px;background:rgba(7,9,13,0.06);letter-spacing:0.2em;font-size:0.7rem;color:var(--slate);margin-bottom:var(--space-s);}

.kpi-matrix{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-m);}
.kpi{background:#fff;border-radius:var(--space-s);padding:var(--space-l);border:1px solid var(--border-light);}
.kpi strong{display:block;font-size:2rem;margin-bottom:var(--space-xs);color:var(--graphite);}

.intent-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-s);}
.intent-pill{background:#fff;border:1px solid var(--border-light);border-radius:var(--space-s);padding:var(--space-s) var(--space-m);display:flex;justify-content:space-between;align-items:center;color:var(--graphite);}

/* Instruments */
.instrument{background:var(--deep-onyx);color:var(--frost);border:1px solid var(--champagne-soft);border-radius:var(--space-m);padding:var(--space-l);box-shadow:0 30px 60px rgba(7,9,13,0.35);display:flex;flex-direction:column;gap:var(--space-s);}
.instrument h3{color:var(--frost);}
.instrument label{font-size:0.75rem;letter-spacing:0.2em;text-transform:uppercase;color:rgba(245,247,249,0.7);}
.instrument input,.instrument select{border:1px solid rgba(245,247,249,0.3);border-radius:var(--space-xs);padding:var(--space-s);background:rgba(255,255,255,0.02);color:var(--frost);font-size:1rem;}
.instrument input:focus,.instrument select:focus{border-color:var(--champagne);box-shadow:0 0 0 1px var(--champagne-soft);outline:none;}
.instrument .result{border:1px dashed rgba(245,247,249,0.4);border-radius:var(--space-xs);padding:var(--space-s);font-family:'Space Grotesk',sans-serif;color:var(--champagne);opacity:0;transform:translateY(4px);transition:opacity .25s,transform .25s;}
.instrument .result.show{opacity:1;transform:translateY(0);}

/* Lead + Forms */
.lead-card{background:var(--graphite);color:var(--frost);border-radius:var(--space-m);padding:var(--space-l);border:1px solid rgba(255,255,255,0.1);}
form{display:grid;gap:var(--space-s);}
input,select,textarea{border:1px solid var(--border-light);border-radius:var(--space-xs);padding:var(--space-s);font-size:1rem;font-family:'Inter',sans-serif;color:var(--graphite);background:#fff;}
textarea{min-height:150px;resize:vertical;}
input:focus,select:focus,textarea:focus{border-color:var(--graphite);outline:none;}
.lead-message,.form-message{margin-top:var(--space-s);font-size:0.9rem;color:var(--text-muted);}
.lead-card .btn{align-self:flex-start;}

.cta-form{background:#fff;border:1px solid var(--border-light);border-radius:var(--space-m);padding:var(--space-l);box-shadow:0 25px 65px rgba(7,9,13,0.12);} 
.stepper{display:flex;gap:var(--space-xs);margin-bottom:var(--space-s);}
.step{flex:1;height:4px;border-radius:999px;background:var(--border-light);} 
.step.active{background:var(--graphite);}

/* Footer */
footer{background:var(--deep-onyx);color:rgba(245,247,249,0.8);padding-block:var(--space-xl);border-top:1px solid rgba(255,255,255,0.05);} 
footer .container{display:flex;flex-wrap:wrap;gap:var(--space-m);justify-content:space-between;}
footer a{color:rgba(245,247,249,0.8);}

/* Utilities */
.hero-cta{display:flex;flex-wrap:wrap;gap:var(--space-s);margin-top:var(--space-m);} 
ul.clean{margin-left:0;list-style:none;}
.text-onyx{color:#07090d !important;}

@media(max-width:720px){
  .container{width:calc(100% - 2*var(--space-m));}
  .btn{width:100%;justify-content:center;}
}

.expert-card{background:#fff;border:1px solid var(--border-light);border-radius:var(--space-m);padding:var(--space-l);box-shadow:0 25px 65px rgba(7,9,13,0.08);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--space-m);align-items:center;}
.portrait-placeholder{background:linear-gradient(135deg,rgba(7,9,13,0.05),rgba(7,9,13,0.1));border-radius:var(--space-m);width:100%;aspect-ratio:3/4;display:flex;align-items:flex-end;justify-content:center;font-size:0.85rem;color:var(--text-muted);border:1px dashed var(--border-light);} 
.portrait-placeholder span{padding:var(--space-xs);} 

.flow-progress{height:6px;border-radius:999px;background:rgba(245,247,249,0.15);overflow:hidden;}
.flow-progress-bar{height:100%;width:33%;background:var(--champagne);transition:width .3s ease;}
.flow-status{font-size:0.8rem;letter-spacing:0.15em;text-transform:uppercase;color:rgba(245,247,249,0.7);margin-bottom:var(--space-s);}
.flow-step{display:none;}
.flow-step.active{display:flex;flex-direction:column;gap:var(--space-s);}
.flow-buttons{display:flex;gap:var(--space-s);flex-wrap:wrap;}
.flow-result{min-height:var(--space-l);}
.flow-message{font-size:0.9rem;color:rgba(245,247,249,0.8);}
ul.clean{list-style:none;margin-left:0;padding-left:0;color:var(--graphite);} 
ul.clean li{margin-bottom:var(--space-xs);} 

header h1, header h2, header p, header a, header span, header li{color:var(--frost);}