:root{
  --bg:#0a0f0d;
  --bg-deep:#07100c;
  --surface:#101814;
  --surface-2:#141e19;
  --surface-3:#19241e;
  --text:#f4f1e8;
  --body:#d2d0c8;
  --soft:#aaa9a2;
  --muted:#86867f;
  --line:rgba(244,241,232,.12);
  --line-strong:rgba(244,241,232,.20);
  --gold:#d8b86b;
  --gold-2:#c9a65a;
  --gold-dark:#8c6d28;
  --green:#173b2d;
  --green-2:#214b39;
  --green-soft:#2b5a46;
  --ivory:#f5f1e8;
  --ink:#17201b;
  --ink-soft:#4c554f;
  --danger:#b86757;
  --radius:22px;
  --radius-sm:14px;
  --shadow:0 22px 70px rgba(0,0,0,.26);
  --max:1240px;
}
html[data-theme="light"]{
  --bg:#f4f1e9;
  --bg-deep:#ece8de;
  --surface:#ffffff;
  --surface-2:#f9f7f1;
  --surface-3:#f0ece2;
  --text:#18231d;
  --body:#39453e;
  --soft:#5c665f;
  --muted:#747d77;
  --line:rgba(24,35,29,.13);
  --line-strong:rgba(24,35,29,.22);
  --gold:#8a681e;
  --gold-2:#745715;
  --green:#e7efe9;
  --green-2:#dbe9df;
  --green-soft:#cfdfd4;
  --ivory:#ffffff;
  --ink:#15221b;
  --ink-soft:#4c554f;
  --shadow:0 18px 54px rgba(36,43,38,.10);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
  font-size:18px;
  line-height:1.62;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
a{color:inherit}
button,input{font:inherit}
.wrap{width:min(var(--max),calc(100% - 48px));margin:0 auto}
.eyebrow{
  color:var(--gold);
  font-size:15px;
  line-height:1.35;
  font-weight:700;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.section{padding:94px 0;border-top:1px solid var(--line)}
.section-head{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.72fr);gap:70px;align-items:end;margin-bottom:46px}
.section-head h2,.section-title{
  margin:12px 0 0;
  max-width:860px;
  font-size:clamp(36px,4.5vw,58px);
  line-height:1.06;
  letter-spacing:-.038em;
  font-weight:620;
}
.section-head p{margin:0;color:var(--body);font-size:18px;line-height:1.68}
.link{color:var(--gold);text-decoration:none;font-weight:650;font-size:16px}
.link:hover{text-decoration:underline;text-underline-offset:5px}

/* Header */
.topbar{
  position:sticky;top:0;z-index:100;
  background:color-mix(in srgb,var(--bg) 90%,transparent);
  backdrop-filter:blur(16px);
  border-bottom:1px solid var(--line);
}
.nav-shell{height:78px;display:flex;align-items:center;gap:26px}
.brand{font-size:28px;font-weight:760;letter-spacing:-.04em;text-decoration:none;white-space:nowrap}
.brand i{font-style:normal;color:var(--gold)}
.nav{display:flex;align-items:center;gap:24px;margin-left:24px;flex:1}
.nav a{font-size:15.5px;color:var(--body);text-decoration:none;font-weight:600;white-space:nowrap}
.nav a:hover{color:var(--text)}
.actions{display:flex;align-items:center;gap:10px;margin-left:auto}
.lang{display:flex;align-items:center;border:1px solid var(--line);border-radius:999px;padding:4px;background:var(--surface)}
.lang a{min-width:38px;padding:7px 9px;border-radius:999px;text-decoration:none;text-align:center;font-size:14.5px;font-weight:700;color:var(--soft)}
.lang a.active{background:var(--green-2);color:var(--text)}
html[data-theme="light"] .lang a.active{color:#163022}
.theme-btn,.menu-btn{
  min-height:42px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--text);padding:0 14px;cursor:pointer;font-weight:650;font-size:14.5px
}
.menu-btn{display:none}
.mobile-panel{display:none}

/* Hero */
.hero{
  position:relative;overflow:hidden;
  padding:84px 0 44px;
  background:
    radial-gradient(circle at 75% 16%,rgba(216,184,107,.12),transparent 28%),
    radial-gradient(circle at 17% 3%,rgba(40,105,77,.28),transparent 30%),
    linear-gradient(145deg,#0a1711 0%,#0a110e 52%,#0e1310 100%);
  color:#f4f1e8;
  border-bottom:1px solid rgba(244,241,232,.10)
}
html[data-theme="light"] .hero{background:linear-gradient(145deg,#eff4ef 0%,#f8f5ed 52%,#ece8de 100%);color:#18231d}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(430px,.95fr);gap:70px;align-items:center}
.hero h1{margin:16px 0 22px;max-width:760px;font-size:clamp(48px,6vw,76px);line-height:1.00;letter-spacing:-.052em;font-weight:620}
.hero-lead{max-width:750px;margin:0;color:#d2d0c8;font-size:20px;line-height:1.65}
html[data-theme="light"] .hero-lead{color:#39453e}
.hero-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:34px}
.btn-primary{
  display:inline-flex;align-items:center;gap:12px;min-height:58px;padding:0 22px;border-radius:12px;
  background:linear-gradient(135deg,#ead178,#d7af49);color:#151b16;text-decoration:none;font-size:16.5px;font-weight:750;box-shadow:0 15px 36px rgba(0,0,0,.24)
}
.btn-primary:hover{filter:brightness(1.04);transform:translateY(-1px)}
.hero-secondary{font-size:16px;color:#d7d5ce;text-decoration:none;font-weight:650}
html[data-theme="light"] .hero-secondary{color:#31423a}
.hero-secondary:hover{color:var(--gold)}

.desk{position:relative;min-height:500px;padding:26px;border:1px solid rgba(216,184,107,.28);border-radius:28px;background:linear-gradient(160deg,rgba(20,30,25,.96),rgba(10,16,13,.98));box-shadow:var(--shadow)}
html[data-theme="light"] .desk{background:linear-gradient(160deg,#fff,#f0ece2);border-color:rgba(138,104,30,.26)}
.desk-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}
.desk-title{font-size:15px;font-weight:750;letter-spacing:.08em;color:#d8b86b;text-transform:uppercase}
html[data-theme="light"] .desk-title{color:#7a5c1a}
.desk-status{font-size:14.5px;color:#aba99f}
html[data-theme="light"] .desk-status{color:#69736d}
.desk-flow{display:grid;gap:14px}
.desk-card{display:grid;grid-template-columns:50px 1fr auto;gap:16px;align-items:center;padding:18px 18px;border-radius:16px;border:1px solid rgba(244,241,232,.10);background:rgba(255,255,255,.035)}
html[data-theme="light"] .desk-card{border-color:rgba(24,35,29,.10);background:#fff}
.desk-n{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;border:1px solid rgba(216,184,107,.45);font-size:15px;color:#d8b86b;font-weight:750}
html[data-theme="light"] .desk-n{color:#755817;border-color:rgba(117,88,23,.30)}
.desk-card strong{display:block;font-size:18px;color:#f4f1e8;line-height:1.25}
html[data-theme="light"] .desk-card strong{color:#18231d}
.desk-card span{display:block;margin-top:4px;font-size:15px;color:#aaa8a0;line-height:1.45}
html[data-theme="light"] .desk-card span{color:#5e6962}
.desk-arrow{color:#d8b86b;font-size:20px}
.desk-footer{margin-top:22px;padding:18px;border-radius:14px;background:rgba(29,71,53,.28);border:1px solid rgba(74,128,101,.30);color:#d7ded8;font-size:15.5px;line-height:1.55}
html[data-theme="light"] .desk-footer{background:#e5eee8;border-color:#cbdcd0;color:#34443b}

.proof{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:36px}
.proof-card{padding:20px 22px;border:1px solid rgba(244,241,232,.12);border-radius:16px;background:rgba(10,20,15,.64)}
html[data-theme="light"] .proof-card{background:rgba(255,255,255,.72);border-color:rgba(24,35,29,.12)}
.proof-card strong{display:block;font-size:17px;color:#f4f1e8;margin-bottom:5px}
html[data-theme="light"] .proof-card strong{color:#18231d}
.proof-card p{margin:0;color:#b9b8b0;font-size:15.5px;line-height:1.5}
html[data-theme="light"] .proof-card p{color:#526058}

/* Intentions */
.intent-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.intent{position:relative;min-height:190px;padding:26px 24px;border:1px solid var(--line);border-radius:18px;background:var(--surface);text-decoration:none;transition:.18s ease}
.intent:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--gold) 45%,var(--line));box-shadow:var(--shadow)}
.intent-kicker{font-size:15px;color:var(--gold);font-weight:700;margin-bottom:26px}
.intent h3{margin:0 0 10px;font-size:24px;line-height:1.18;letter-spacing:-.02em}
.intent p{margin:0;color:var(--soft);font-size:16.5px;line-height:1.56}
.intent-more{display:flex;align-items:center;justify-content:space-between;margin-top:20px;padding:18px 20px;border-radius:16px;border:1px dashed var(--line-strong);color:var(--body);font-size:16px}
.intent-more a{color:var(--gold);text-decoration:none;font-weight:700}

/* Signals */
.signals-section{background:linear-gradient(180deg,var(--bg),color-mix(in srgb,var(--green) 24%,var(--bg)))}
.signal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.signal{display:flex;flex-direction:column;min-height:300px;padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--surface);text-decoration:none}
.signal-top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:24px}
.badge{display:inline-flex;align-items:center;min-height:32px;padding:0 10px;border-radius:999px;background:color-mix(in srgb,var(--gold) 14%,transparent);border:1px solid color-mix(in srgb,var(--gold) 38%,transparent);color:var(--gold);font-size:14.5px;font-weight:750;letter-spacing:.04em}
.signal-meta{font-size:14.5px;color:var(--muted)}
.signal h3{margin:0 0 12px;font-size:22px;line-height:1.26;letter-spacing:-.018em}
.signal p{margin:0;color:var(--soft);font-size:16px;line-height:1.58}
.signal-bottom{display:flex;justify-content:space-between;gap:16px;align-items:end;margin-top:auto;padding-top:24px}
.signal-tags{display:flex;gap:7px;flex-wrap:wrap}
.signal-tags span{font-size:14.5px;color:var(--body);padding:5px 9px;border:1px solid var(--line);border-radius:999px}
.signal-knowledge{color:var(--gold);font-size:15px;font-weight:700;white-space:nowrap}
.signal-note{margin-top:20px;padding:17px 19px;border-left:3px solid var(--gold);background:var(--surface);color:var(--body);font-size:15.5px;line-height:1.55}

/* Tools */
.tools-shell{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr);gap:48px;align-items:stretch;padding:44px;border-radius:26px;background:linear-gradient(145deg,#0e1712,#11110d);border:1px solid rgba(216,184,107,.28);color:#f4f1e8;box-shadow:var(--shadow)}
.tools-shell .eyebrow{color:#d8b86b}
.tools-shell h2{margin:12px 0 18px;font-size:clamp(38px,4.5vw,58px);line-height:1.05;letter-spacing:-.038em;font-weight:620}
.tools-shell h2 span{color:#d8b86b}
.tools-shell p{color:#c8c7bf}
.tools-topics{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 30px}
.tools-topics span{padding:7px 10px;border-radius:999px;border:1px solid rgba(244,241,232,.13);font-size:15px;color:#d2d0c8}
.tools-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.tools-preview{padding:26px;border-radius:20px;background:#f5f1e8;color:#17201b}
.tools-preview-label{font-size:15px;font-weight:750;color:#745715;letter-spacing:.07em;text-transform:uppercase;margin-bottom:22px}
.result-row{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center;padding:18px 0;border-top:1px solid rgba(23,32,27,.12)}
.result-row:first-of-type{border-top:0}
.result-row span{display:block;font-size:15px;color:#5a655e}
.result-row strong{display:block;font-size:20px;margin-top:3px}
.result-row b{color:#8a681e}
.preview-score{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding:18px;border-radius:14px;background:#e8e2d3}
.preview-score strong{font-size:28px;line-height:1}
.preview-score span{font-size:14.5px;color:#5b635d}

/* Knowledge */
.knowledge-section{background:var(--surface-2)}
.knowledge-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.55fr);gap:70px;margin-bottom:36px}
.knowledge-intro h2{margin:12px 0 0;font-size:clamp(40px,5vw,64px);line-height:1.04;letter-spacing:-.042em;font-weight:620}
.knowledge-intro .right{padding-top:32px;color:var(--body);font-size:18px}
.knowledge-stage{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(350px,.85fr);gap:18px}
.feature-article{display:flex;flex-direction:column;min-height:530px;padding:34px;border-radius:22px;border:1px solid var(--line);background:linear-gradient(145deg,color-mix(in srgb,var(--green) 52%,var(--surface)),var(--surface));text-decoration:none;overflow:hidden;position:relative}
.feature-article::after{content:"";position:absolute;right:-80px;bottom:-90px;width:300px;height:300px;border-radius:50%;border:1px solid color-mix(in srgb,var(--gold) 32%,transparent);box-shadow:0 0 0 50px color-mix(in srgb,var(--gold) 4%,transparent),0 0 0 100px color-mix(in srgb,var(--gold) 3%,transparent)}
.feature-map{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;position:relative;z-index:1}
.feature-map div{padding:16px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--surface) 76%,transparent)}
.feature-map b{display:block;color:var(--gold);font-size:15px;margin-bottom:5px}
.feature-map span{font-size:14.5px;color:var(--soft);line-height:1.45}
.feature-content{margin-top:auto;max-width:760px;position:relative;z-index:1}
.feature-content h3{margin:28px 0 12px;font-size:34px;line-height:1.15;letter-spacing:-.025em}
.feature-content p{margin:0 0 22px;color:var(--body);font-size:17px}
.knowledge-stack{display:grid;gap:18px}
.knowledge-card{display:flex;flex-direction:column;padding:26px;border:1px solid var(--line);border-radius:20px;background:var(--surface);text-decoration:none;min-height:256px}
.knowledge-card h3{margin:10px 0 10px;font-size:24px;line-height:1.2;letter-spacing:-.02em}
.knowledge-card p{margin:0;color:var(--soft);font-size:16.5px}
.knowledge-card .link{margin-top:auto;padding-top:18px}
.knowledge-paths{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}
.path{padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--surface);text-decoration:none}
.path strong{display:block;font-size:17px;margin-bottom:6px}
.path span{font-size:15px;color:var(--soft)}
.knowledge-foot{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-top:22px;padding:22px 24px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}
.knowledge-foot strong{font-size:18px}
.knowledge-foot span{color:var(--soft);font-size:16px}

/* Markets */
.market-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.market{padding:24px;border:1px solid var(--line);border-radius:17px;background:var(--surface);text-decoration:none}
.market h3{margin:0 0 8px;font-size:21px;line-height:1.2}
.market p{margin:0;color:var(--soft);font-size:16px}

/* Process */
.process{background:var(--surface-2)}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.step{padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}
.step-n{font-size:15px;color:var(--gold);font-weight:750;margin-bottom:26px}
.step h3{margin:0 0 10px;font-size:21px;line-height:1.22}
.step p{margin:0;color:var(--soft);font-size:16px}

/* Infrastructure */
.infrastructure{background:linear-gradient(145deg,var(--bg),color-mix(in srgb,var(--green) 28%,var(--bg)))}
.infrastructure-lead{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.7fr);gap:70px;align-items:start}
.infrastructure h2{margin:12px 0 0;font-size:clamp(42px,5vw,66px);line-height:1.04;letter-spacing:-.045em;font-weight:620}
.infrastructure-copy{padding-top:38px;color:var(--body);font-size:18px}
.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:46px}
.principle{padding:26px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}
.principle b{display:block;color:var(--gold);font-size:15px;margin-bottom:22px}
.principle h3{margin:0 0 10px;font-size:22px}
.principle p{margin:0;color:var(--soft);font-size:16.5px}
.manifesto{margin-top:18px;padding:34px;border-radius:20px;border:1px solid color-mix(in srgb,var(--gold) 42%,var(--line));background:var(--surface);font-size:clamp(27px,3.2vw,40px);line-height:1.18;letter-spacing:-.027em}
.manifesto strong{color:var(--gold);font-weight:620}

/* Final CTA */
.final{padding:80px 0 92px;background:var(--bg)}
.final-panel{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(330px,.7fr);gap:60px;align-items:center;padding:52px;border-radius:26px;background:linear-gradient(145deg,#0f1813,#0a0f0d);border:1px solid rgba(216,184,107,.34);color:#f4f1e8;box-shadow:var(--shadow)}
.final h2{margin:10px 0 18px;font-size:clamp(40px,4.8vw,62px);line-height:1.04;letter-spacing:-.042em;font-weight:620}
.final p{margin:0;color:#c9c7bf;font-size:18px}
.final .btn-primary{margin-top:28px}
.human-card{padding:30px;border-radius:20px;background:#f5f1e8;color:#17201b}
.human-card .eyebrow{color:#735715}
.human-card h3{margin:18px 0 10px;font-size:28px;line-height:1.15;letter-spacing:-.025em}
.human-card p{color:#4d5751;font-size:16.5px;line-height:1.6}

/* Footer */
.footer{padding:34px 0 48px;border-top:1px solid var(--line);color:var(--soft)}
.footer-grid{display:grid;grid-template-columns:1.2fr repeat(3,.7fr);gap:36px}
.footer h4{margin:0 0 12px;color:var(--text);font-size:16px}
.footer a{display:block;margin:7px 0;color:var(--soft);text-decoration:none;font-size:15.5px}
.footer a:hover{color:var(--text)}
.footer-note{margin-top:32px;padding-top:20px;border-top:1px solid var(--line);font-size:14.5px;color:var(--muted)}

/* Responsive */
@media(max-width:1080px){
  .nav{display:none}.menu-btn{display:inline-flex;align-items:center}.hero-grid,.tools-shell,.knowledge-stage,.infrastructure-lead,.final-panel{grid-template-columns:1fr}.desk{min-height:auto}.signal-grid,.intent-grid,.market-grid{grid-template-columns:repeat(2,1fr)}.knowledge-paths,.steps{grid-template-columns:repeat(2,1fr)}.section-head,.knowledge-intro{grid-template-columns:1fr;gap:22px}.section-head p,.knowledge-intro .right{padding-top:0}.proof{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.mobile-panel.open{display:block;padding:18px 0 24px;border-top:1px solid var(--line)}.mobile-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.mobile-grid a{padding:12px 14px;border-radius:10px;background:var(--surface);text-decoration:none;color:var(--body);font-size:16px}
}
@media(max-width:700px){
  body{font-size:17px}.wrap{width:min(var(--max),calc(100% - 28px))}.section{padding:66px 0}.nav-shell{height:68px}.lang a{min-width:34px;padding:6px 7px}.theme-btn{display:none}.hero{padding:58px 0 32px}.hero h1{font-size:46px}.hero-lead{font-size:18px}.desk{padding:18px;border-radius:20px}.desk-card{grid-template-columns:42px 1fr}.desk-arrow{display:none}.proof-card{padding:18px}.intent-grid,.signal-grid,.market-grid,.knowledge-paths,.steps,.principles{grid-template-columns:1fr}.tools-shell{padding:28px 22px}.tools-preview{padding:20px}.feature-map{grid-template-columns:1fr}.feature-article{min-height:auto;padding:24px}.feature-content{margin-top:32px}.feature-content h3{font-size:29px}.knowledge-foot{align-items:flex-start;flex-direction:column}.infrastructure h2{font-size:42px}.infrastructure-copy{padding-top:0}.manifesto{padding:26px}.final-panel{padding:30px 22px}.final h2{font-size:40px}.footer-grid{grid-template-columns:1fr}.mobile-grid{grid-template-columns:1fr}.section-head h2,.section-title,.knowledge-intro h2{font-size:38px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}