:root{
  --bg:#050505;
  --bg-soft:#080808;
  --surface:#0c0c0d;
  --surface-2:#111114;
  --surface-3:#17171b;
  --text:#f6f3eb;
  --muted:#b5b2c0;
  --muted-2:#85828e;
  --gold:#d7b633;
  --gold-soft:#f2dc83;
  --cyan:#2ec6c7;
  --indigo:#17103a;
  --indigo-2:#28154a;
  --fire:#ff9d00;
  --fire-soft:#ffd05a;
  --line:rgba(255,255,255,.11);
  --line-gold:rgba(215,182,51,.35);
  --danger:#ff7c76;
  --success:#7fd6a6;
  --shadow:0 28px 80px rgba(0,0,0,.38);
  --radius:18px;
  --radius-sm:10px;
  --content:1240px;
  --reading:760px;
  --nav-h:76px;
  --font-sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  --font-mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{
  margin:0;
  min-height:100vh;
  color:var(--text);
  background:
    radial-gradient(circle at 80% -20%,rgba(46,198,199,.07),transparent 34rem),
    radial-gradient(circle at -10% 30%,rgba(215,182,51,.055),transparent 35rem),
    var(--bg);
  font-family:var(--font-sans);
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  user-select:text;
}
::selection{background:rgba(215,182,51,.32);color:#fff}
img,svg,video{max-width:100%;height:auto}
a{color:inherit;text-decoration-thickness:.08em;text-underline-offset:.2em}
button,input,select,textarea{font:inherit}
button{color:inherit}
:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}
.skip-link{
  position:fixed;z-index:9999;top:.75rem;left:.75rem;
  transform:translateY(-160%);
  padding:.7rem 1rem;border-radius:.45rem;
  background:var(--gold);color:#050505;font-weight:800;text-decoration:none
}
.skip-link:focus{transform:none}
.container{width:min(calc(100% - 2rem),var(--content));margin-inline:auto}
.container-reading{width:min(calc(100% - 2rem),var(--reading));margin-inline:auto}
.section{padding:clamp(4.5rem,8vw,8rem) 0;border-top:1px solid var(--line)}
.section-tight{padding:clamp(3rem,6vw,5.5rem) 0}
.surface{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.eyebrow,.kicker,.meta-label{
  margin:0;color:var(--gold);font:700 .75rem/1.4 var(--font-mono);
  letter-spacing:.17em;text-transform:uppercase
}
.display{
  margin:.65rem 0 1.2rem;
  font-size:clamp(3.2rem,7.8vw,7.2rem);
  line-height:.91;letter-spacing:-.06em;text-wrap:balance
}
.page-title{
  margin:.7rem 0 1.2rem;
  font-size:clamp(2.7rem,6vw,5.7rem);
  line-height:.96;letter-spacing:-.055em;text-wrap:balance
}
.section-title{
  margin:.6rem 0 1rem;
  font-size:clamp(2rem,4vw,3.8rem);
  line-height:1.02;letter-spacing:-.045em;text-wrap:balance
}
.card-title{margin:.7rem 0;font-size:clamp(1.2rem,2vw,1.55rem);line-height:1.2;letter-spacing:-.025em}
.lede{max-width:66ch;color:var(--muted);font-size:clamp(1.05rem,2vw,1.3rem);line-height:1.75}
.small{font-size:.88rem;color:var(--muted)}
.muted{color:var(--muted)}
.gold{color:var(--gold)}
.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}
.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.1rem}
.stack>*+*{margin-top:1rem}
.rule{border:0;border-top:1px solid var(--line);margin:2rem 0}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.55rem;
  min-height:48px;padding:.85rem 1.25rem;border:1px solid var(--line);
  border-radius:.35rem;background:transparent;color:var(--text);
  font:800 .78rem/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;
  text-decoration:none;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease
}
.btn:hover{transform:translateY(-2px);border-color:var(--gold)}
.btn-gold{background:var(--gold);border-color:var(--gold);color:#070707}
.btn-gold:hover{background:var(--gold-soft);border-color:var(--gold-soft)}
.btn-row{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:2rem}
.site-header{
  position:sticky;top:0;z-index:100;
  background:rgba(5,5,5,.9);backdrop-filter:blur(18px);
  border-bottom:1px solid var(--line)
}
.site-nav{height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;gap:2rem}
.brand{display:flex;align-items:center;gap:.75rem;text-decoration:none;font-weight:800;letter-spacing:.26em;font-size:.85rem}
.brand img{width:31px;height:31px;border-radius:8px}
.desktop-links{display:flex;align-items:center;gap:1.8rem}
.desktop-links>a{
  position:relative;text-decoration:none;color:var(--muted);
  font:700 .72rem/1 var(--font-mono);letter-spacing:.15em;text-transform:uppercase
}
.desktop-links>a:hover,.desktop-links>a[aria-current="page"]{color:var(--text)}
.desktop-links>a[aria-current="page"]::after{
  content:"";position:absolute;left:0;right:0;bottom:-.65rem;height:1px;background:var(--gold)
}
.desktop-links .nav-cta{color:var(--gold)}
.mobile-menu{display:none;position:relative}
.mobile-menu summary{list-style:none;cursor:pointer;font:800 .75rem var(--font-mono);letter-spacing:.12em;text-transform:uppercase}
.mobile-menu summary::-webkit-details-marker{display:none}
.mobile-panel{
  position:absolute;right:0;top:2.5rem;width:min(86vw,320px);
  display:grid;padding:1rem;background:var(--surface-2);border:1px solid var(--line);
  border-radius:var(--radius-sm);box-shadow:var(--shadow)
}
.mobile-panel a{padding:.8rem;text-decoration:none;border-bottom:1px solid var(--line)}
.mobile-panel a:last-child{border-bottom:0;color:var(--gold)}
.hero{padding:clamp(5.5rem,11vw,10rem) 0 clamp(4rem,8vw,7rem);overflow:hidden}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.65fr);gap:clamp(2rem,7vw,7rem);align-items:end}
.hero-panel{padding:clamp(1.5rem,4vw,3rem)}
.hero-panel dl{margin:0}
.stat{padding:1rem 0;border-top:1px solid var(--line)}
.stat:first-child{border-top:0}
.stat dt{color:var(--muted-2);font:.7rem var(--font-mono);letter-spacing:.12em;text-transform:uppercase}
.stat dd{margin:.25rem 0 0;font-size:1.45rem;font-weight:750}
.metric-strip{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.metric{padding:1.5rem;border-right:1px solid var(--line);background:rgba(255,255,255,.015)}
.metric:last-child{border-right:0}
.metric strong{display:block;font-size:clamp(1.6rem,3vw,2.5rem)}
.metric span{color:var(--muted);font-size:.9rem}
.content-card{padding:clamp(1.4rem,3vw,2.4rem);background:rgba(255,255,255,.018);border:1px solid var(--line);border-radius:var(--radius)}
.content-card:hover{border-color:var(--line-gold)}
.number{color:var(--gold);font:.74rem var(--font-mono);letter-spacing:.12em}
.path{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;counter-reset:path}
.path-card{padding:2rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
.path-card::before{counter-increment:path;content:"0" counter(path);display:block;color:var(--gold);font:.75rem var(--font-mono);letter-spacing:.15em;margin-bottom:2rem}
.feature{
  display:grid;grid-template-columns:1.1fr .9fr;overflow:hidden;border:1px solid var(--line);
  border-radius:var(--radius);background:var(--surface);text-decoration:none
}
.feature img{width:100%;height:100%;min-height:360px;object-fit:cover}
.feature-body{padding:clamp(2rem,5vw,4rem);display:flex;flex-direction:column;justify-content:center}
.feature-brand{grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr)}
.brand-visual{
  position:relative;isolation:isolate;overflow:hidden;min-height:480px;padding:clamp(1.5rem,4vw,3rem);
  display:flex;align-items:flex-end;
  background:
    radial-gradient(circle at 86% 16%,rgba(255,157,0,.24),transparent 20%),
    radial-gradient(circle at 82% 19%,rgba(255,208,90,.12),transparent 31%),
    repeating-radial-gradient(circle at 48% 48%,transparent 0 47px,rgba(215,182,51,.31) 48px 50px,transparent 51px 94px),
    repeating-conic-gradient(from -8deg at 48% 48%,rgba(46,198,199,.19) 0 1deg,transparent 1deg 30deg),
    linear-gradient(140deg,var(--indigo-2),var(--indigo) 52%,#09050f 100%);
  border-right:1px solid var(--line)
}
.brand-visual::before{
  content:"";position:absolute;z-index:-1;inset:-15%;
  background:
    radial-gradient(ellipse at 78% 92%,rgba(255,157,0,.3),transparent 30%),
    radial-gradient(ellipse at 68% 100%,rgba(215,182,51,.14),transparent 42%);
  filter:blur(12px)
}
.brand-visual::after{
  content:"";position:absolute;z-index:-1;right:-10%;bottom:-30%;width:58%;aspect-ratio:1;border-radius:50%;
  background:radial-gradient(circle,rgba(255,157,0,.23),rgba(255,157,0,.04) 48%,transparent 70%);
  filter:blur(8px)
}
.brand-visual__copy{position:relative;z-index:1;display:grid;gap:.55rem;max-width:90%}
.brand-visual__kicker,.brand-visual__sequence{font:700 clamp(.68rem,1.4vw,.82rem)/1.4 var(--font-mono);letter-spacing:.16em;text-transform:uppercase}
.brand-visual__kicker{color:var(--gold-soft)}
.brand-visual__title{font-size:clamp(2.2rem,5vw,4.7rem);line-height:.92;letter-spacing:-.045em;text-wrap:balance}
.brand-visual__sequence{color:#d4cedf}
.product-price-line{display:grid;gap:.35rem;margin:1.35rem 0 0;padding:1rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.product-price-line span{color:var(--muted);font-size:.9rem}
.product-price-line strong{color:var(--gold-soft);font-size:1rem}
.article-card{
  display:flex;flex-direction:column;min-height:260px;padding:1.7rem;
  border:1px solid var(--line);border-radius:var(--radius);background:rgba(255,255,255,.015);text-decoration:none
}
.article-card:hover{border-color:var(--gold)}
.article-card .arrow{margin-top:auto;padding-top:1rem;color:var(--gold);font:700 .75rem var(--font-mono);letter-spacing:.1em;text-transform:uppercase}
.logo-cloud{display:flex;flex-wrap:wrap;gap:.8rem}
.logo-chip{padding:.8rem 1rem;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.86rem}
.page-hero{padding:clamp(4rem,9vw,8rem) 0;border-bottom:1px solid var(--line)}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center;margin:0 0 2rem;padding:0;list-style:none;color:var(--muted-2);font-size:.82rem}
.breadcrumbs a{color:var(--muted)}
.profile{display:grid;grid-template-columns:260px 1fr;gap:clamp(2rem,6vw,5rem);align-items:start}
.profile-mark{aspect-ratio:1;display:grid;place-items:center;background:radial-gradient(circle,rgba(46,198,199,.12),transparent 62%),var(--surface);border:1px solid var(--line);border-radius:var(--radius)}
.profile-mark img{width:110px}
.timeline{border-left:1px solid var(--line);padding-left:1.5rem}
.timeline-item{position:relative;padding:0 0 2rem}
.timeline-item::before{content:"";position:absolute;left:-1.82rem;top:.35rem;width:.6rem;height:.6rem;border-radius:50%;background:var(--gold)}
.form-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:1.5rem;align-items:start}
.form-card{padding:clamp(1.5rem,4vw,3rem)}
.field{display:grid;gap:.45rem;margin-bottom:1.1rem}
.field label{font-weight:700;font-size:.9rem}
.field input,.field select,.field textarea{
  width:100%;padding:.9rem 1rem;color:var(--text);background:var(--surface-3);
  border:1px solid var(--line);border-radius:.45rem
}
.field textarea{min-height:170px;resize:vertical}
.field input::placeholder,.field textarea::placeholder{color:#777480}
.field-help{font-size:.78rem;color:var(--muted-2)}
.checkbox{display:flex;gap:.7rem;align-items:flex-start;margin:1rem 0}
.checkbox input{margin-top:.35rem}
.honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-status{margin:0 0 1.25rem;padding:1rem 1.15rem;border-radius:var(--radius-sm);border:1px solid var(--line);font-size:.92rem}
.form-status.is-success{color:#dff8e9;background:rgba(127,214,166,.09);border-color:rgba(127,214,166,.42)}
.form-status.is-error{color:#ffe1df;background:rgba(255,124,118,.08);border-color:rgba(255,124,118,.42)}
.btn:disabled{opacity:.62;cursor:wait;transform:none}
.notice{padding:1rem 1.15rem;border-left:3px solid var(--gold);background:rgba(215,182,51,.06);color:var(--muted)}
.audit-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.8rem}
.audit-dimension{padding:1.3rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface)}
.audit-dimension strong{display:block;margin-bottom:.4rem}
.report-shell{padding:clamp(1.4rem,4vw,3rem)}
.sample-badge{display:inline-block;padding:.35rem .7rem;border:1px solid var(--gold);border-radius:999px;color:var(--gold);font:.72rem var(--font-mono);letter-spacing:.1em;text-transform:uppercase}
.report-score{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0}
.score-box{padding:1.5rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2)}
.score-number{font-size:clamp(3rem,7vw,5.4rem);line-height:1;color:var(--gold);font-weight:800;letter-spacing:-.06em}
.score-bar{height:8px;margin-top:1rem;background:#202024;border-radius:999px;overflow:hidden}
.score-bar span{display:block;height:100%;width:67%;background:linear-gradient(90deg,var(--cyan),var(--gold))}
.recommendation{padding:clamp(1.5rem,4vw,3rem);border:1px solid var(--line-gold);border-radius:var(--radius);background:linear-gradient(145deg,rgba(215,182,51,.08),transparent 55%),var(--surface)}
.offer-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,.36fr);gap:clamp(1.5rem,5vw,4rem);align-items:center}
.offer-list{padding-left:1.2rem;margin:1.4rem 0 0}
.offer-list li+li{margin-top:.55rem}
.offer-price{padding:clamp(1.4rem,3vw,2rem);display:grid;gap:.45rem;border:1px solid var(--line-gold);border-radius:var(--radius-sm);background:rgba(215,182,51,.055)}
.price{font-size:clamp(2.8rem,6vw,5rem);line-height:1;letter-spacing:-.06em;font-weight:800;color:var(--gold-soft)}
.legal{padding:clamp(3rem,7vw,6rem) 0}
.legal h2{margin-top:3rem;font-size:1.6rem;letter-spacing:-.025em}
.legal h3{margin-top:2rem;font-size:1.15rem}
.legal p,.legal li{color:var(--muted)}
.article-header{padding:clamp(4rem,9vw,7rem) 0 3rem}
.article-kicker{color:var(--gold);font:700 .75rem var(--font-mono);letter-spacing:.16em;text-transform:uppercase}
.article-title{margin:.8rem 0 1.25rem;font-size:clamp(2.8rem,6.6vw,5.8rem);line-height:.95;letter-spacing:-.055em;text-wrap:balance}
.article-deck{color:var(--muted);font-size:clamp(1.05rem,2vw,1.28rem);line-height:1.75}
.article-byline{display:flex;flex-wrap:wrap;gap:.7rem 1.1rem;margin-top:1.6rem;color:var(--muted);font: .78rem var(--font-mono)}
.article-byline strong{color:var(--text)}
.article-cover{margin-bottom:4rem}
.article-cover img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius);border:1px solid var(--line)}
.article-cover figcaption{margin-top:.6rem;color:var(--muted-2);font-size:.78rem}
.article-content{font-size:1.04rem}
.article-content>p,.article-content>ul,.article-content>ol{color:#d0cdd6}
.article-content>p{margin:1.25rem 0}
.article-content h2{margin:3.5rem 0 1rem;font-size:clamp(1.7rem,3.5vw,2.5rem);line-height:1.12;letter-spacing:-.035em}
.article-content h3{margin:2.1rem 0 .75rem;font-size:1.25rem}
.article-content ul,.article-content ol{padding-left:1.3rem}
.article-content li+li{margin-top:.55rem}
.executive-summary{margin-bottom:3rem;padding:1.7rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
.executive-summary h2{margin:0 0 .8rem;font-size:1.35rem}
.pull-quote{margin:3.2rem 0;padding:1.8rem 0 1.8rem 1.7rem;border-left:3px solid var(--gold);color:var(--text);font-size:clamp(1.35rem,3vw,2rem);line-height:1.35;letter-spacing:-.02em}
.decision-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:2rem 0}
.decision-grid article{padding:1.3rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface)}
.decision-grid h3{margin:0 0 .4rem}
.research-note,.author-box,.references,.related-reading{margin-top:4rem;padding-top:2rem;border-top:1px solid var(--line)}
.research-note{padding:1.5rem;border:1px solid var(--line);border-radius:var(--radius);background:rgba(46,198,199,.035)}
.research-note h2,.author-box h2,.references h2,.related-reading h2{margin:0 0 .9rem;font-size:1.35rem}
.author-box{display:grid;grid-template-columns:74px 1fr;gap:1.25rem}
.author-box img{width:74px;border-radius:14px}
.references{font-size:.9rem}
.references li+li{margin-top:.8rem}
.references a{color:var(--gold)}
.related-reading ul{list-style:none;padding:0;margin:0}
.related-reading li{border-top:1px solid var(--line)}
.related-reading a{display:block;padding:1rem 0;text-decoration:none;color:var(--gold)}
.article-cta{margin-top:5rem;padding:clamp(3rem,7vw,6rem) 0;text-align:center;border-top:1px solid var(--line);background:radial-gradient(circle at 50% 0,rgba(215,182,51,.09),transparent 60%)}
.site-footer{padding:4rem 0 2rem;border-top:1px solid var(--line);background:#030303}
.footer-grid{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:2rem}
.footer-title{margin:0 0 1rem;color:var(--gold);font:700 .75rem var(--font-mono);letter-spacing:.15em;text-transform:uppercase}
.footer-links{display:grid;gap:.65rem}
.footer-links a{color:var(--muted);text-decoration:none;font-size:.9rem}
.footer-links a:hover{color:var(--text)}
.footer-bottom{display:flex;justify-content:space-between;gap:1rem;margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--line);color:var(--muted-2);font-size:.78rem}
.not-found{min-height:65vh;display:grid;place-items:center;text-align:center}
@media(max-width:1050px){
  .desktop-links{display:none}.mobile-menu{display:block}
  .hero-grid,.feature,.form-layout,.offer-grid{grid-template-columns:1fr}
  .brand-visual{min-height:0;aspect-ratio:16/10;border-right:0;border-bottom:1px solid var(--line)}
  .grid-4{grid-template-columns:repeat(2,1fr)}
  .audit-grid{grid-template-columns:repeat(3,1fr)}
  .footer-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:720px){
  :root{--nav-h:68px}
  .display{font-size:clamp(3rem,16vw,5rem)}
  .page-title,.article-title{font-size:clamp(2.6rem,13vw,4.5rem)}
  .grid-2,.grid-3,.grid-4,.path,.metric-strip,.report-score,.decision-grid,.profile{grid-template-columns:1fr}
  .metric{border-right:0;border-bottom:1px solid var(--line)}.metric:last-child{border-bottom:0}
  .audit-grid{grid-template-columns:1fr}
  .profile-mark{max-width:220px}
  .article-cover{width:calc(100% - 1rem)}
  .author-box{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .footer-bottom{display:grid}
  .feature-brand{overflow:hidden}
  .brand-visual{aspect-ratio:4/3;padding:1.25rem;background:
    radial-gradient(circle at 84% 14%,rgba(255,157,0,.24),transparent 22%),
    repeating-radial-gradient(circle at 50% 46%,transparent 0 28px,rgba(215,182,51,.28) 29px 31px,transparent 32px 57px),
    repeating-conic-gradient(from -8deg at 50% 46%,rgba(46,198,199,.17) 0 1deg,transparent 1deg 30deg),
    linear-gradient(140deg,var(--indigo-2),var(--indigo) 58%,#09050f 100%)}
  .brand-visual__copy{max-width:100%}
  .brand-visual__title{font-size:clamp(2rem,11vw,3.2rem)}
  .feature-body{padding:1.5rem}
  .product-price-line{margin-top:1rem}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}
@media print{
  .site-header,.site-footer,.article-cta,.btn-row,.skip-link{display:none!important}
  body{background:#fff;color:#111}
  .article-content>p,.article-content>ul,.article-content>ol,.muted{color:#222}
  .article-cover{display:none}
}