@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;800&family=IBM+Plex+Sans:wght@400;600;700&family=Inter:wght@400;600;700;800&family=League+Spartan:wght@700;800&family=Manrope:wght@400;600;800&family=Oswald:wght@600;700&family=Outfit:wght@400;600;800&family=Plus+Jakarta+Sans:wght@400;600;800&family=Saira+Condensed:wght@700;800&family=Space+Grotesk:wght@500;700&family=Sora:wght@600;800&family=Teko:wght@600;700&display=swap');*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 10% 0,color-mix(in srgb,var(--accent) 16%,transparent),transparent 30rem),linear-gradient(145deg,#02040a,#070913 58%,#030305);color:#f8fbff;font-family:var(--body-font),Inter,sans-serif;line-height:1.58}a{color:inherit}.site-header{position:sticky;top:0;z-index:10;background:rgba(3,6,14,.9);backdrop-filter:blur(18px);border-bottom:1px solid color-mix(in srgb,var(--accent) 35%,#1f2937)}.header-inner{max-width:1180px;margin:auto;padding:15px 22px;display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:center}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;min-width:190px}.brand-logo{width:44px;height:44px;object-fit:contain}.brand-wordmark{font-family:var(--display-font);text-transform:uppercase;font-weight:800;letter-spacing:.04em;line-height:.82}.brand-wordmark span{display:block}.top-nav{display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap}.top-nav a,.topic-cluster a,.button{border:1px solid color-mix(in srgb,var(--accent) 48%,#243041);border-radius:999px;padding:9px 14px;text-decoration:none;font-size:.8rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase;background:rgba(255,255,255,.035);color:#e7eefb}.button{display:inline-flex;justify-content:center;align-items:center;cursor:pointer}.button-primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));border-color:transparent;color:#02040a;box-shadow:0 16px 38px color-mix(in srgb,var(--accent) 25%,transparent)}.button-secondary{background:rgba(0,0,0,.24)}main{max-width:1180px;margin:auto;padding:34px 22px}.hero{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(310px,.82fr);gap:28px;align-items:center;border:1px solid color-mix(in srgb,var(--accent) 38%,#263146);border-radius:28px;padding:34px;background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(255,255,255,.012));box-shadow:0 28px 82px rgba(0,0,0,.32);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:auto -10% -28% 54%;height:260px;background:linear-gradient(115deg,transparent,color-mix(in srgb,var(--accent-2) 14%,transparent),transparent);transform:skewX(-16deg)}.hero-main,.hero-card{position:relative}.eyebrow{margin:0 0 13px;color:var(--accent);text-transform:uppercase;font-size:.76rem;font-weight:900;letter-spacing:.18em}h1,h2,h3{font-family:var(--display-font),Inter,sans-serif;line-height:1;margin:0 0 16px}h1{font-size:clamp(3rem,5vw,4.5rem);letter-spacing:-.035em;max-width:870px}h2{font-size:clamp(1.75rem,2.7vw,2.75rem)}.lead{font-size:clamp(1.02rem,1.35vw,1.22rem);max-width:740px;color:#d3ddea;font-weight:700}.answer{max-width:760px;color:#bfc9da;font-weight:620}.hero-card,.article-panel,.tool-panel,.content-grid article,.community-cta,.sister-sites{border:1px solid color-mix(in srgb,var(--accent) 32%,#263146);border-radius:24px;background:linear-gradient(135deg,rgba(255,255,255,.035),rgba(255,255,255,.012));padding:26px}.hero-card{background:color-mix(in srgb,var(--accent) 8%,#070b14)}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:24px}.topic-cluster{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:22px 0 32px;padding:12px;border:1px solid color-mix(in srgb,var(--accent) 22%,#253044);border-radius:20px;background:rgba(4,8,16,.52)}.topic-cluster a{text-align:center;border-radius:12px;padding:11px 10px;font-size:.76rem;background:rgba(255,255,255,.025)}.tool-panel{display:grid;grid-template-columns:.82fr 1.18fr;gap:24px;margin:26px 0}.formula-note{margin-top:16px;border-left:4px solid var(--accent);padding:13px 15px;border-radius:14px;background:rgba(0,0,0,.22);color:#e8eef9}.calculator{display:grid;gap:16px}.field-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:13px}label span{display:block;margin:0 0 6px;color:#bac6d8;font-size:.76rem;font-weight:900;text-transform:uppercase}input{width:100%;padding:13px;border:1px solid color-mix(in srgb,var(--accent) 45%,#243041);border-radius:13px;background:#03060c;color:#fff;font:800 1rem var(--body-font)}.result-card{grid-column:1/-1;min-height:185px;border:1px solid color-mix(in srgb,var(--accent) 45%,#243041);border-radius:22px;padding:22px;background:#030712}.result-card h3{font-family:var(--body-font);font-size:clamp(1.35rem,2.2vw,2rem);line-height:1.15;color:var(--accent)}.result-grid,.scenario-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.result-grid div,.scenario-grid div{padding:14px;border-radius:15px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035)}canvas{grid-column:1/-1;width:100%;height:auto;border:1px solid color-mix(in srgb,var(--accent) 28%,#253044);border-radius:18px;background:#030712}.content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin:24px 0}.checklist{padding-left:1.2rem}.checklist li{margin:8px 0}.article-panel,.community-cta,.sister-sites{margin:24px 0}.table{width:100%;border-collapse:separate;border-spacing:0 10px}.table th,.table td{padding:14px;text-align:left;background:#080c14;border-top:1px solid color-mix(in srgb,var(--accent) 28%,#253044);border-bottom:1px solid color-mix(in srgb,var(--accent) 28%,#253044)}.community-cta{display:grid;grid-template-columns:1fr .9fr;gap:22px;background:radial-gradient(circle at top right,color-mix(in srgb,var(--accent-2) 18%,transparent),transparent 22rem),linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,#070a12),#03050a)}.cta-card{border:1px solid color-mix(in srgb,var(--accent) 38%,#263146);border-radius:18px;padding:20px;background:rgba(0,0,0,.24)}.cta-note{font-weight:800}.sister-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:14px}.sister-card{display:grid;gap:7px;text-decoration:none;border:1px solid color-mix(in srgb,var(--accent) 42%,#263146);border-radius:17px;padding:16px;background:#05070d}.sister-card span{color:#bac6d8;font-size:.76rem;font-weight:900;text-transform:uppercase}.site-footer{max-width:1180px;margin:auto;padding:24px 22px 44px;color:#bac6d8}.site-footer nav{display:flex;gap:14px;flex-wrap:wrap}.source-list li{margin:9px 0}body::-webkit-scrollbar{height:10px;width:10px}body::-webkit-scrollbar-track{background:#05070d}body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--accent),var(--accent-2));border-radius:999px}@media(max-width:860px){.header-inner{grid-template-columns:1fr}.top-nav{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.hero,.tool-panel,.community-cta{grid-template-columns:1fr;padding:23px}.topic-cluster{grid-template-columns:repeat(2,1fr)}h1{font-size:clamp(2.15rem,10vw,3rem)}main{padding:24px 16px}.brand{min-width:0}}

/* === Options Formula permanent design-archetype layer v1 === */
body[data-design-archetype] {
  --surface-1: rgba(4, 8, 16, .86);
  --surface-2: rgba(255, 255, 255, .045);
  --line-soft: color-mix(in srgb, var(--accent) 26%, #263146);
  background-attachment: fixed;
}
body[data-design-archetype] .site-header { background: rgba(2, 5, 12, .94); }
body[data-design-archetype] .header-inner { min-height: 78px; }
body[data-design-archetype] .brand { min-width: 172px; }
body[data-design-archetype] .top-nav { align-items: center; overflow: visible; }
body[data-design-archetype] .top-nav a { white-space: nowrap; line-height: 1.05; }
body[data-design-archetype] main { padding-top: 28px; }
body[data-design-archetype] h1 {
  font-size: clamp(2.55rem, 4.05vw, 3.7rem);
  line-height: .98;
  max-width: 780px;
  text-wrap: balance;
  letter-spacing: -.025em;
}
body[data-design-archetype] h2 { text-wrap: balance; }
body[data-design-archetype] .hero {
  min-height: auto;
  padding: clamp(26px, 4vw, 42px);
  gap: clamp(22px, 3vw, 36px);
}
body[data-design-archetype] .hero-card { min-height: 0; }
body[data-design-archetype] .archetype-hero-card h2 {
  font-size: clamp(1.45rem, 2.1vw, 2.25rem);
  line-height: 1.06;
  margin-bottom: 18px;
}
body[data-design-archetype] .mini-label {
  margin: 0 0 12px;
  color: var(--accent);
  font-weight: 900;
  letter-spacing: .16em;
  text-transform: uppercase;
  font-size: .74rem;
}
body[data-design-archetype] .side-note { color: #d8e1ef; font-weight: 700; margin: 18px 0 0; }
body[data-design-archetype] .topic-cluster {
  grid-template-columns: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin: 18px 0 26px;
  padding: 14px;
}
body[data-design-archetype] .topic-cluster::before {
  content: "Inside this resource";
  color: var(--accent);
  font-size: .72rem;
  font-weight: 950;
  letter-spacing: .16em;
  text-transform: uppercase;
  margin-right: 8px;
}
body[data-design-archetype] .topic-cluster a {
  flex: 0 0 auto;
  min-width: 0;
  padding: 8px 11px;
  font-size: .72rem;
  letter-spacing: .035em;
  background: rgba(255,255,255,.025);
}
body[data-design-archetype] .tool-panel {
  align-items: start;
  margin-top: 24px;
}
body[data-design-archetype] .tool-copy h2 {
  font-size: clamp(1.65rem, 2.25vw, 2.35rem);
}
body[data-design-archetype] .result-card h3 {
  font-size: clamp(1.25rem, 1.85vw, 1.8rem);
  line-height: 1.14;
}
body[data-design-archetype] .result-grid div { min-height: 92px; }
body[data-design-archetype] .community-cta h2 {
  font-size: clamp(1.75rem, 2.55vw, 2.8rem);
  line-height: 1.03;
}
body[data-design-archetype] .sister-sites h2 { font-size: clamp(1.55rem, 2.2vw, 2.4rem); }

body[data-design-archetype="decision-tree-experience"] .hero {
  grid-template-columns: minmax(0, 1fr) minmax(300px, .72fr);
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--accent) 10%, transparent), transparent 44%),
    linear-gradient(135deg, rgba(8, 9, 2, .94), rgba(2, 6, 10, .9));
}
body[data-design-archetype="decision-tree-experience"] .top-nav a { border-radius: 12px; }
body[data-design-archetype="decision-tree-experience"] .branch-list,
body[data-design-archetype="decision-tree-experience"] .minimal-checks,
body[data-design-archetype="analytics-dashboard"] .metric-stack,
body[data-design-archetype="scenario-analysis-laboratory"] .lab-list,
body[data-design-archetype="professional-trading-terminal"] .terminal-lines {
  display: grid;
  gap: 10px;
}
body[data-design-archetype="decision-tree-experience"] .branch-list span {
  padding: 12px 14px;
  border: 1px solid var(--line-soft);
  border-radius: 14px;
  background: rgba(0,0,0,.28);
  font-weight: 900;
}

body[data-design-archetype="analytics-dashboard"] .hero {
  grid-template-columns: minmax(0, .9fr) minmax(360px, 1fr);
  background:
    radial-gradient(circle at 86% 15%, color-mix(in srgb, var(--accent-2) 20%, transparent), transparent 22rem),
    linear-gradient(135deg, #050713, color-mix(in srgb, var(--accent) 10%, #050713));
}
body[data-design-archetype="analytics-dashboard"] .top-nav a { border-radius: 10px; background: rgba(255,255,255,.055); }
body[data-design-archetype="analytics-dashboard"] .metric-stack span {
  display: grid;
  grid-template-columns: 88px 1fr;
  gap: 12px;
  padding: 14px;
  border-radius: 16px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.09);
}
body[data-design-archetype="analytics-dashboard"] .tool-panel {
  grid-template-columns: minmax(290px, .65fr) minmax(0, 1.35fr);
}
body[data-design-archetype="analytics-dashboard"] .result-card { background: linear-gradient(135deg, #060810, color-mix(in srgb, var(--accent) 8%, #060810)); }

body[data-design-archetype="scenario-analysis-laboratory"] {
  background: radial-gradient(circle at 10% 12%, rgba(255,45,85,.18), transparent 25rem), linear-gradient(145deg,#070205,#120509 60%,#030204);
}
body[data-design-archetype="scenario-analysis-laboratory"] .hero {
  grid-template-columns: minmax(0, 1fr) 390px;
  border-color: color-mix(in srgb, var(--danger) 44%, #263146);
}
body[data-design-archetype="scenario-analysis-laboratory"] .top-nav a { border-color: color-mix(in srgb, var(--danger) 45%, #263146); border-radius: 8px; }
body[data-design-archetype="scenario-analysis-laboratory"] .lab-list {
  grid-template-columns: 1fr 1fr;
}
body[data-design-archetype="scenario-analysis-laboratory"] .lab-list span {
  padding: 14px;
  border-radius: 15px;
  color: #fff;
  background: color-mix(in srgb, var(--danger) 14%, rgba(0,0,0,.35));
  border: 1px solid color-mix(in srgb, var(--danger) 36%, #263146);
}
body[data-design-archetype="scenario-analysis-laboratory"] .tool-panel { grid-template-columns: .95fr 1.05fr; }

body[data-design-archetype="guided-step-by-step-wizard"] .hero {
  grid-template-columns: minmax(0, 1fr) 380px;
  background: linear-gradient(145deg, rgba(4,15,20,.95), rgba(13,7,3,.95));
}
body[data-design-archetype="guided-step-by-step-wizard"] .top-nav { counter-reset: navstep; }
body[data-design-archetype="guided-step-by-step-wizard"] .top-nav a {
  border-radius: 14px;
}
body[data-design-archetype="guided-step-by-step-wizard"] .top-nav a::before {
  counter-increment: navstep;
  content: counter(navstep) ". ";
  color: var(--accent);
}
body[data-design-archetype="guided-step-by-step-wizard"] .wizard-list {
  margin: 0;
  padding-left: 1.3rem;
  display: grid;
  gap: 12px;
}
body[data-design-archetype="guided-step-by-step-wizard"] .wizard-list li { padding-left: 5px; font-weight: 850; }
body[data-design-archetype="guided-step-by-step-wizard"] .tool-panel { grid-template-columns: .75fr 1.25fr; }

body[data-design-archetype="professional-trading-terminal"] {
  background: linear-gradient(180deg,#010403,#050b0a 55%,#020405);
}
body[data-design-archetype="professional-trading-terminal"] .site-header { border-bottom-color: color-mix(in srgb, var(--accent) 52%, #123); }
body[data-design-archetype="professional-trading-terminal"] .top-nav a {
  border-radius: 4px;
  font-family: "IBM Plex Sans", Inter, sans-serif;
  background: rgba(0,245,155,.035);
}
body[data-design-archetype="professional-trading-terminal"] .top-nav a::before { content: "> "; color: var(--accent); }
body[data-design-archetype="professional-trading-terminal"] .hero {
  grid-template-columns: minmax(0, .95fr) minmax(340px, .8fr);
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(0,245,155,.06), rgba(0,0,0,.82));
}
body[data-design-archetype="professional-trading-terminal"] .hero-card,
body[data-design-archetype="professional-trading-terminal"] .tool-panel,
body[data-design-archetype="professional-trading-terminal"] .result-card {
  border-radius: 10px;
}
body[data-design-archetype="professional-trading-terminal"] .terminal-lines span {
  font-family: "IBM Plex Sans", Inter, sans-serif;
  color: #d9fff0;
  padding: 10px 0;
  border-bottom: 1px solid rgba(255,255,255,.1);
}
body[data-design-archetype="professional-trading-terminal"] .tool-panel { grid-template-columns: 330px 1fr; }

body[data-design-archetype="formal-institutional-report"] {
  background: linear-gradient(180deg,#05070d,#080a10 52%,#030409);
}
body[data-design-archetype="formal-institutional-report"] h1,
body[data-design-archetype="formal-institutional-report"] h2 {
  letter-spacing: -.015em;
}
body[data-design-archetype="formal-institutional-report"] .top-nav a {
  border-radius: 2px;
  border-width: 0 0 1px;
  background: transparent;
}
body[data-design-archetype="formal-institutional-report"] .hero {
  grid-template-columns: minmax(0, 1fr) minmax(350px, .78fr);
  border-radius: 6px;
  background: linear-gradient(135deg, rgba(255,255,255,.045), rgba(255,255,255,.01));
}
body[data-design-archetype="formal-institutional-report"] .report-points {
  display: grid;
  gap: 12px;
  margin: 0;
}
body[data-design-archetype="formal-institutional-report"] .report-points div {
  display: grid;
  grid-template-columns: 105px 1fr;
  gap: 14px;
  padding: 12px 0;
  border-bottom: 1px solid rgba(255,255,255,.12);
}
body[data-design-archetype="formal-institutional-report"] .report-points dt { color: var(--accent); font-weight: 950; text-transform: uppercase; }
body[data-design-archetype="formal-institutional-report"] .report-points dd { margin: 0; color: #e8eef8; }
body[data-design-archetype="formal-institutional-report"] .tool-panel { grid-template-columns: .72fr 1.28fr; border-radius: 6px; }

body[data-design-archetype="minimal-tool-first-design"] .hero {
  grid-template-columns: minmax(0, 1fr) minmax(300px, .58fr);
  padding: 26px;
  border-radius: 20px;
  background: linear-gradient(135deg, rgba(255,255,255,.032), rgba(255,255,255,.01));
}
body[data-design-archetype="minimal-tool-first-design"] h1 { font-size: clamp(2.35rem, 3.6vw, 3.3rem); }
body[data-design-archetype="minimal-tool-first-design"] .lead { max-width: 680px; }
body[data-design-archetype="minimal-tool-first-design"] .hero-actions { margin-top: 18px; }
body[data-design-archetype="minimal-tool-first-design"] .top-nav a { padding: 7px 10px; border-radius: 9px; background: transparent; }
body[data-design-archetype="minimal-tool-first-design"] .minimal-checks {
  grid-template-columns: 1fr 1fr;
}
body[data-design-archetype="minimal-tool-first-design"] .minimal-checks span {
  padding: 12px;
  border-radius: 12px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.09);
}
body[data-design-archetype="minimal-tool-first-design"] .tool-panel {
  grid-template-columns: .62fr 1.38fr;
  margin-top: 18px;
}
body[data-design-archetype="minimal-tool-first-design"] .community-cta {
  grid-template-columns: 1fr;
  padding: 22px;
}

@media (max-width: 860px) {
  body[data-design-archetype] .header-inner {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
    padding: 14px 18px;
  }
  body[data-design-archetype] .top-nav {
    justify-content: flex-start;
    flex-wrap: wrap;
    overflow-x: visible;
    gap: 8px;
  }
  body[data-design-archetype] .top-nav a {
    font-size: .7rem;
    padding: 8px 10px;
  }
  body[data-design-archetype] main { padding: 20px 15px; }
  body[data-design-archetype] h1 {
    font-size: clamp(2rem, 9vw, 2.75rem);
    line-height: 1;
  }
  body[data-design-archetype] .hero,
  body[data-design-archetype] .tool-panel,
  body[data-design-archetype] .community-cta {
    grid-template-columns: 1fr !important;
    padding: 20px;
  }
  body[data-design-archetype] .topic-cluster {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
  body[data-design-archetype] .topic-cluster::before {
    grid-column: 1 / -1;
  }
  body[data-design-archetype] .topic-cluster a {
    white-space: normal;
  }
  body[data-design-archetype] .hero-card,
  body[data-design-archetype] .tool-panel,
  body[data-design-archetype] .content-grid article,
  body[data-design-archetype] .community-cta,
  body[data-design-archetype] .sister-sites {
    border-radius: 18px;
  }
}