main { min-height:100vh; overflow:hidden; background:var(--background); color:var(--foreground); }
img { max-width:100%; }

:root {
  --font-display: "Space Grotesk", sans-serif;
  --font-sans: "Inter", sans-serif;
  --radius: 0.75rem;
  --background: oklch(0.15 0.022 250);
  --foreground: oklch(0.965 0.006 245);
  --card: oklch(0.195 0.024 250);
  --card-foreground: oklch(0.965 0.006 245);
  --primary: oklch(0.82 0.12 85);
  --primary-foreground: oklch(0.15 0.022 250);
  --secondary: oklch(0.25 0.028 250);
  --secondary-foreground: oklch(0.965 0.006 245);
  --muted: oklch(0.235 0.025 250);
  --muted-foreground: oklch(0.73 0.016 250);
  --accent: oklch(0.88 0.08 85);
  --accent-foreground: oklch(0.15 0.022 250);
  --border: oklch(0.30 0.025 250);
  --input: oklch(0.27 0.025 250);
  --ring: oklch(0.82 0.12 85);
  --danger: oklch(0.68 0.18 28);
  --grid-line: oklch(0.82 0.12 85 / 0.035);
  --surface: oklch(0.185 0.024 250);
  --surface-soft: oklch(0.215 0.026 250);
  --shadow-premium: 0 30px 80px -24px oklch(0 0 0 / 0.65);
  --shadow-gold: 0 18px 50px -18px oklch(0.82 0.12 85 / 0.45);
}

* { box-sizing: border-box; border-color: var(--border); }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--background); color: var(--foreground); font-family: var(--font-sans); font-feature-settings:"ss01","cv11"; -webkit-font-smoothing:antialiased; }
h1,h2,h3,p { margin-top: 0; }
h1,h2,h3 { font-family: var(--font-display); letter-spacing: 0; }
a { color: inherit; }
::selection { background: var(--primary); color: var(--primary-foreground); }

.blueprint { background-image: radial-gradient(ellipse at top right, color-mix(in oklab, var(--primary) 8%, transparent), transparent 55%), linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px); background-size:auto, 42px 42px, 42px 42px; }
.section-pad { padding: 8rem max(5vw, 1.25rem); }
.section-kicker { color: var(--primary); font: 600 .72rem var(--font-display); text-transform: uppercase; letter-spacing: .16em; margin-bottom: 1.5rem; }
.section-heading { display: grid; grid-template-columns: 1.4fr .6fr; gap: 4rem; align-items: end; margin-bottom: 3.5rem; }
.section-heading h2, .loss-grid h2, .authority h2, .transformation h2, .bonuses h2, .audience h2, .faq h2 { font-size: clamp(2.6rem, 4.8vw, 5rem); line-height: 1.02; max-width: 850px; font-weight:400; }
h2 em, h1 em { color: var(--primary); font-style: normal; }
.section-heading p { color: var(--muted-foreground); font-size: 1.15rem; max-width: 420px; }
.cta { display: inline-flex; align-items: center; justify-content: space-between; gap: 2rem; min-height: 3.8rem; padding: 0 1.55rem; border-radius:999px; background:linear-gradient(135deg,var(--accent),var(--primary)); color: var(--primary-foreground); font: 700 .8rem var(--font-sans); text-transform: uppercase; text-decoration: none; letter-spacing: .04em; box-shadow:var(--shadow-gold); transition: transform .2s ease, filter .2s ease; }
.cta:hover { transform: translateY(-2px); filter:brightness(1.08); }
.cta:focus-visible, summary:focus-visible, a:focus-visible { outline: 3px solid var(--ring); outline-offset: 4px; }

.site-header { height: 88px; position: absolute; z-index: 10; width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 0 max(5vw, 1.25rem); }
.site-header img { width: 128px; height: 54px; object-fit: contain; }
.header-link { color: var(--muted-foreground); text-decoration: none; font-size: .8rem; text-transform: uppercase; letter-spacing: .08em; }
.hero { min-height:840px; padding:9.5rem max(5vw,1.25rem) 5rem; display:grid; grid-template-columns:1.05fr .95fr; grid-template-rows:auto auto; grid-template-areas:"intro media" "details media"; column-gap:6vw; row-gap:0; align-content:center; position:relative; }
.hero::before { content:""; position:absolute; z-index:0; inset:0; background:radial-gradient(ellipse at top right,rgba(218,177,75,.10),transparent 48%),linear-gradient(90deg,var(--background) 0%,transparent 66%); pointer-events:none; }
.hero-intro { grid-area:intro; position:relative; z-index:2; max-width:760px; align-self:end; }
.hero-details { grid-area:details; position:relative; z-index:2; max-width:760px; align-self:start; }
.eyebrow { display: flex; align-items: center; gap: .75rem; color: var(--muted-foreground); text-transform: uppercase; letter-spacing: .14em; font-size: .72rem; font-weight: 600; }
.eyebrow span { width: 30px; height: 1px; background: var(--primary); }
.hero-title { font-size:clamp(3.5rem,6.5vw,7.2rem); line-height:.94; margin:1.4rem 0 1.8rem; font-weight:400; color:#ffffff; -webkit-text-fill-color:#ffffff; opacity:1; visibility:visible; filter:none; text-shadow:none; mix-blend-mode:normal; }
.hero-lead { font-size: clamp(1.05rem, 1.5vw, 1.25rem); line-height: 1.7; max-width: 620px; color: var(--muted-foreground); }
.hero-benefits { list-style: none; padding: 0; margin: 1.7rem 0; display: grid; gap: .7rem; }
.check { display: flex; gap: .7rem; line-height: 1.45; }
.check > span:first-child { color: var(--primary); font-weight: 700; }
.trust-row { display:flex; gap: 1.25rem; margin-top: 1.2rem; color: var(--muted-foreground); font-size: .75rem; }
.trust-row span::before { content:"•"; color: var(--accent); margin-right: .4rem; }
.hero-photo { grid-area:media; position:relative; z-index:2; align-self:start; justify-self:end; width:min(95%,650px); margin-top:6.2rem; padding:1rem; background:rgba(12,19,26,.92); border-radius:1.6rem; box-shadow:0 14px 34px rgba(0,0,0,.16); }
.hero-photo::after { content:""; position:absolute; inset:0; border-radius:1.6rem; border:1px solid rgba(255,255,255,.10); pointer-events:none; }
.hero-stack { display:grid; gap:1rem; }
.hero-frame { background:#020202; border:2px solid #d9b24c; border-radius:1.25rem; padding:.75rem; overflow:hidden; }
.hero-frame img { display:block; width:100%; height:auto; object-fit:contain; }
.photo-caption { position:absolute; z-index:2; left:1.25rem; right:1.25rem; bottom: 1.25rem; border:1px solid color-mix(in oklab,var(--primary) 30%,transparent); border-radius:.8rem; background:color-mix(in oklab,var(--background) 88%,transparent); backdrop-filter:blur(12px); color:var(--foreground); padding: 1rem 1.25rem; display:flex; justify-content:space-between; gap:1.5rem; align-items:center; }
.photo-caption strong { font-family: var(--font-display); }
.photo-caption span { font-size:.68rem; line-height:1.5; text-transform:uppercase; }
.cad-tag { position:absolute; z-index:2; right:1.25rem; top:1.25rem; border:1px solid var(--primary); border-radius:999px; background: color-mix(in oklab, var(--background) 88%, transparent); backdrop-filter:blur(8px); color:var(--primary); padding:.65rem 1rem; font:600 .62rem/1.4 var(--font-sans); text-align:right; }

.loss-section { background: var(--surface); color: var(--foreground); border-block:1px solid var(--border); }
.loss-grid { display:grid; grid-template-columns: 1fr 1fr; gap:7vw; }
.loss-grid p, .wide-copy { color: var(--muted-foreground); line-height:1.8; max-width:650px; }
.loss-numbers { border-top: 1px solid var(--border); }
.loss-numbers article { display:grid; grid-template-columns: 200px 1fr; align-items:center; gap:1rem; padding:1.55rem 0; border-bottom:1px solid var(--border); }
.loss-numbers strong { font:400 2.8rem var(--font-display); color: var(--primary); white-space:nowrap; }
.loss-numbers span { font-size:.88rem; }
.wide-copy { margin: 3rem 0 0; }

.mechanism { text-align:left; }
.process { display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; margin-bottom:3rem; }
.process-item { min-height:360px; padding:1.25rem; border:1px solid var(--border); border-radius:1rem; position:relative; background:var(--card); transition:transform .2s ease,border-color .2s ease; display:flex; flex-direction:column; gap:1rem; overflow:hidden; }
.process-item:hover { transform:translateY(-4px); border-color:color-mix(in oklab,var(--primary) 45%,var(--border)); }
.process-item:last-child { border:1px solid var(--border); }
.process-copy { min-height:112px; display:flex; flex-direction:column; justify-content:flex-start; }
.process-copy > span { color:var(--muted-foreground); font:500 .7rem var(--font-display); margin-bottom:.9rem; }
.process-item h3 { font-size:1.3rem; margin:0 0 .35rem; }
.process-item p { color:var(--muted-foreground); font-size:.85rem; margin:0; }
.process-image { width:100%; aspect-ratio:16/9; object-fit:cover; object-position:center; border-radius:.75rem; border:1px solid color-mix(in oklab,var(--border) 85%,transparent); display:block; margin-top:auto; }
.process-item.active { background:linear-gradient(145deg,color-mix(in oklab,var(--primary) 12%,var(--card)),var(--card)); color:var(--foreground); border-color:color-mix(in oklab,var(--primary) 55%,var(--border)); }
.process-item.active .process-copy > span,.process-item.active p { color:var(--muted-foreground); }
blockquote { margin: 0 0 2.5rem; max-width:900px; font:500 clamp(1.5rem,3vw,2.6rem)/1.25 var(--font-display); border-left:3px solid var(--primary); padding-left:2rem; }

.authority { display:grid; grid-template-columns:.75fr 1.25fr; gap:7vw; align-items:center; background:var(--surface); border-block:1px solid var(--border); }
.authority-image { height:650px; position:relative; }
.authority-image img { width:100%; height:100%; object-fit:cover; object-position:57% center; filter:saturate(.75) contrast(1.05); border-radius:1.25rem; box-shadow:var(--shadow-premium); }
.authority-image::after { content:""; position:absolute; inset:18px -18px -18px 18px; border:1px solid color-mix(in oklab,var(--primary) 55%,transparent); border-radius:1.25rem; z-index:0; pointer-events:none; }
.authority-image img { position:relative; z-index:1; }
.authority-copy p { color:var(--muted-foreground); line-height:1.75; max-width:680px; }
.authority-copy strong { display:block; max-width:680px; font:600 1.25rem/1.45 var(--font-display); border-top:1px solid var(--border); padding-top:1.5rem; }

.curriculum .cta { margin-top:2.5rem; }
.tracks { border-top:1px solid var(--border); }
.tracks article { display:grid; grid-template-columns:80px 1fr; gap:2rem; padding:1.5rem 0; border-bottom:1px solid var(--border); }
.tracks article > span { color:var(--primary); font:600 .78rem var(--font-display); }
.tracks h3 { font-size:1.25rem; margin-bottom:.4rem; }
.tracks p { color:var(--muted-foreground); margin:0; max-width:800px; line-height:1.6; }

.transformation { background:var(--surface); color:var(--foreground); border-block:1px solid var(--border); }
.compare { display:grid; grid-template-columns:1fr 70px 1fr; margin-top:3rem; }
.compare-side { padding:2rem; border:1px solid var(--border); background:var(--card); border-radius:1rem; }
.compare-side > span { text-transform:uppercase; letter-spacing:.12em; font:700 .72rem var(--font-display); }
.compare-side ul { padding:0; list-style:none; margin:2rem 0 0; }
.compare-side li { border-top:1px solid var(--border); padding:1rem 0; }
.before { color:var(--muted-foreground); }
.after { border-color:var(--primary); }
.after > span { color:var(--primary); }
.compare-arrow { display:grid; place-items:center; color:var(--primary); font-size:2rem; }

.bonuses h2 { max-width:750px; }
.bonus-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin-top:3rem; }
.bonus-grid article { padding:2rem; background:var(--card); border:1px solid var(--border); border-radius:1rem; min-height:280px; transition:transform .2s ease,border-color .2s ease; }
.bonus-grid article:hover { transform:translateY(-4px); border-color:color-mix(in oklab,var(--primary) 45%,var(--border)); }
.bonus-grid span { color:var(--primary); font:600 .72rem var(--font-display); text-transform:uppercase; }
.bonus-grid h3 { font-size:1.6rem; margin:4rem 0 1rem; }
.bonus-grid p { color:var(--muted-foreground); line-height:1.6; }

.audience { background-color:var(--card); }
.audience-grid { display:grid; grid-template-columns:1fr 1fr; gap:2rem 6vw; max-width:1100px; margin-top:3rem; }
.audience-grid ul { list-style:none; padding:0; display:grid; gap:1.2rem; }
.application-note { border-top:1px solid var(--border); padding-top:2rem; margin-top:2rem; max-width:900px; color:var(--muted-foreground); font-style:italic; }

.offer { background:linear-gradient(145deg,var(--surface),var(--background)); border-block:1px solid color-mix(in oklab,var(--primary) 35%,var(--border)); }
.offer-box { display:grid; grid-template-columns:1.2fr .8fr; max-width:1150px; margin:auto; background-color:var(--card); border:1px solid color-mix(in oklab,var(--primary) 35%,var(--border)); border-radius:1.5rem; overflow:hidden; box-shadow:var(--shadow-premium); }
.offer-main { padding:3.5rem; }
.offer-main img { width:130px; height:60px; object-fit:contain; margin-bottom:2rem; }
.offer-main h2 { font-size:clamp(2.5rem,4vw,4rem); line-height:1; }
.offer-main ul { list-style:none; padding:0; display:grid; gap:.8rem; }
.price-panel { border-left:1px solid var(--border); padding:3.5rem 2.5rem; display:flex; flex-direction:column; justify-content:center; }
.price-panel > p:first-child { color:var(--muted-foreground); text-transform:uppercase; font-size:.7rem; letter-spacing:.12em; }
.price-panel strong { font:700 clamp(3rem,6vw,5.5rem)/1 var(--font-display); white-space:nowrap; }
.price-panel strong small { font-size:1.2rem; }
.price-panel > span { color:var(--muted-foreground); font-size:.8rem; margin:1rem 0 2rem; }
.price-panel .cta { width:100%; }
.secure { text-align:center; color:var(--muted-foreground); font-size:.75rem; margin:1rem 0 0; }

.guarantee { display:grid; grid-template-columns:.55fr 1.45fr; gap:6vw; align-items:center; }
.guarantee-mark { font:700 clamp(10rem,25vw,23rem)/.75 var(--font-display); color:transparent; -webkit-text-stroke:2px var(--primary); text-align:center; }
.guarantee h2 { font-size:clamp(2.4rem,5vw,5rem); line-height:1; }
.guarantee p { color:var(--muted-foreground); line-height:1.7; max-width:700px; }

.faq { background:var(--surface); border-block:1px solid var(--border); text-align:center; }
.faq .section-kicker { text-align:center; }
.faq h2 { margin-left:auto; margin-right:auto; text-align:center; }
.faq-list { max-width:980px; margin:3rem auto 0; }
details { border:1px solid var(--border); border-radius:.8rem; background:var(--card); padding:0 1.4rem; margin-bottom:.75rem; }
details:last-child { border-bottom:1px solid var(--border); }
summary { cursor:pointer; padding:1.4rem 2.5rem; display:flex; justify-content:center; align-items:center; gap:1rem; list-style:none; font:400 1.3rem var(--font-display); text-align:center; position:relative; }
summary::-webkit-details-marker { display:none; }
summary span { color:var(--primary); font-size:1.5rem; transition:transform .2s ease; position:absolute; right:0; }
details[open] summary span { transform:rotate(45deg); }
details p { color:var(--muted-foreground); line-height:1.7; max-width:760px; padding-bottom:1.5rem; margin-left:auto; margin-right:auto; text-align:center; }

.closing { text-align:center; padding-top:10rem; padding-bottom:10rem; display:flex; flex-direction:column; align-items:center; }
.closing h2 { font-size:clamp(2.7rem,6vw,6rem); line-height:.98; max-width:1100px; }
.closing > p:not(.eyebrow) { color:var(--muted-foreground); max-width:650px; font-size:1.1rem; line-height:1.6; }
.closing .cta { margin-top:1rem; }
.closing-meta { color:var(--muted-foreground); margin-top:1.5rem; font-size:.8rem; }
.closing-meta span { color:var(--primary); margin:0 .5rem; }
footer { min-height:120px; border-top:1px solid var(--border); padding:2rem max(5vw,1.25rem); display:flex; align-items:center; justify-content:space-between; gap:2rem; color:var(--muted-foreground); font-size:.75rem; }
footer img { width:100px; height:50px; object-fit:contain; }
footer a { text-decoration:none; }

@media (max-width: 820px) {
  .section-pad { padding:5rem 1.25rem; }
  .header-link { display:none; }
  .hero { min-height:auto; grid-template-columns:1fr; grid-template-rows:auto auto auto; grid-template-areas:"intro" "media" "details"; padding:7rem 1.25rem 3rem; column-gap:0; row-gap:1.5rem; align-content:start; }
  .hero::before { background:linear-gradient(180deg,var(--background) 0%,transparent 70%); }
  .hero-intro,.hero-details { width:100%; max-width:none; position:relative; z-index:2; }
  .hero-title { font-size:clamp(3rem,14vw,5rem); margin:.5rem 0 0; color:#ffffff !important; -webkit-text-fill-color:#ffffff !important; opacity:1 !important; visibility:visible !important; filter:none !important; mix-blend-mode:normal !important; text-shadow:none !important; }
  .hero-photo { min-height:0; margin-top:.25rem; width:100%; max-width:590px; justify-self:center; align-self:start; border-radius:1.25rem; padding:.8rem; }
  .hero-stack { gap:.85rem; }
  .hero-frame { border-radius:1rem; padding:.6rem; }
  .photo-caption { left:1rem; right:1rem; bottom:1rem; }
  .cad-tag { right:1rem; }
  .trust-row { flex-wrap:wrap; gap:.5rem 1rem; }
  .loss-grid,.section-heading,.authority,.audience-grid,.offer-box,.guarantee { grid-template-columns:1fr; }
  .loss-numbers article { grid-template-columns:165px 1fr; }
  .loss-numbers strong { font-size:2.35rem; }
  .process { grid-template-columns:1fr 1fr; }
  .process-item:nth-child(2) { border-right:0; }
  .process-item { border-bottom:1px solid var(--border); min-height:340px; }
  .authority-image { height:430px; }
  .authority-image::after { inset:12px 0 -12px 8px; }
  .authority-copy { padding-top:1rem; }
  .compare { grid-template-columns:1fr; }
  .compare-arrow { height:60px; transform:rotate(90deg); }
  .bonus-grid { grid-template-columns:1fr; }
  .bonus-grid article { min-height:220px; }
  .bonus-grid h3 { margin-top:2.5rem; }
  .offer { padding-left:.75rem; padding-right:.75rem; }
  .offer-main,.price-panel { padding:2rem 1.4rem; }
  .price-panel { border-left:0; border-top:1px solid var(--border); }
  .guarantee-mark { text-align:left; font-size:13rem; }
  footer { flex-direction:column; text-align:center; }
}

@media (max-width: 480px) {
  .cta { width:100%; gap:1rem; font-size:.74rem; }
  .process { grid-template-columns:1fr; }
  .process-item { border-right:0; }
  .tracks article { grid-template-columns:45px 1fr; gap:1rem; }
  .section-heading { gap:1rem; }
  .photo-caption { left:.75rem; right:.75rem; }
  .price-panel strong { font-size:3.4rem; }
}

@media (prefers-reduced-motion: reduce) { html { scroll-behavior:auto; } * { transition:none!important; } }