:root {
  --bg: #07090f;
  --bg2: #0d1120;
  --bg3: #111828;
  --card: #0f1623;
  --gold: #c9a435;
  --gold2: #e2bc56;
  --teal: #2fae74;
  --teal2: #3dcc8a;
  --text: #e4e6f0;
  --text2: #9294aa;
  --text3: #6466778;
  --line: #1e2540;
  --red: #e0245e;
  --radius: 12px;
  --radius-sm: 8px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px}
body{background:var(--bg);color:var(--text);font-family:'Segoe UI',system-ui,-apple-system,sans-serif;line-height:1.6;overflow-x:hidden}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(7,9,15,0.88);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);padding:0 clamp(1rem,4vw,3rem)}
.nav-inner{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:60px;gap:1rem}
.nav-brand{font-size:1.3rem;font-weight:700;letter-spacing:.05em;color:var(--gold);text-decoration:none;flex-shrink:0}
.nav-links{display:flex;gap:clamp(.5rem,2vw,1.5rem);flex-wrap:wrap}
.nav-links a{color:var(--text2);text-decoration:none;font-size:.85rem;font-weight:500;letter-spacing:.03em;transition:color .2s;white-space:nowrap}
.nav-links a:hover{color:var(--gold)}

/* LAYOUT */
main{padding-top:60px}
section{padding:clamp(3rem,8vw,6rem) clamp(1rem,4vw,3rem)}
.container{max-width:1200px;margin:0 auto}
.container-wide{max-width:1400px;margin:0 auto}

/* TYPOGRAPHY */
h1{font-size:clamp(2.5rem,7vw,5rem);font-weight:800;line-height:1.1;letter-spacing:-.02em}
h2{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:700;line-height:1.15;letter-spacing:-.01em}
h3{font-size:clamp(1.1rem,2.5vw,1.5rem);font-weight:600;line-height:1.3}
h4{font-size:1rem;font-weight:600}
p{color:var(--text2);line-height:1.75}
.label{font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:.5rem}
.section-head{text-align:center;margin-bottom:3rem}
.section-head p{max-width:700px;margin:.75rem auto 0}

/* GOLD GRADIENT TEXT */
.gold-text{background:linear-gradient(135deg,var(--gold),var(--gold2),var(--teal));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}

/* HERO */
#home{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;padding-top:80px}
.hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% 30%,rgba(201,164,53,.08) 0%,transparent 60%),radial-gradient(ellipse 50% 40% at 80% 70%,rgba(47,174,116,.06) 0%,transparent 55%);pointer-events:none}
.hero-ring{position:absolute;border-radius:50%;border:1px solid;pointer-events:none;animation:pulse 4s ease-in-out infinite}
.hero-ring:nth-child(1){width:500px;height:500px;border-color:rgba(201,164,53,.07);top:50%;left:50%;transform:translate(-50%,-50%)}
.hero-ring:nth-child(2){width:700px;height:700px;border-color:rgba(47,174,116,.05);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:1s}
.hero-ring:nth-child(3){width:900px;height:900px;border-color:rgba(201,164,53,.04);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:2s}
@keyframes pulse{0%,100%{opacity:.5}50%{opacity:1}}
.hero-content{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;width:100%;max-width:1200px;margin:0 auto}
.hero-text .badge{display:inline-block;background:rgba(201,164,53,.12);border:1px solid rgba(201,164,53,.25);color:var(--gold);font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.35rem .9rem;border-radius:999px;margin-bottom:1.5rem}
.hero-text h1{margin-bottom:1rem}
.hero-text h1 span{display:block;font-size:clamp(1.2rem,3vw,2rem);font-weight:500;color:var(--text2);letter-spacing:0;-webkit-text-fill-color:var(--text2);background:none}
.hero-text p{font-size:1.05rem;margin:1.25rem 0 2rem;color:var(--text2)}
.hero-btns{display:flex;gap:1rem;flex-wrap:wrap}
.btn-primary{background:linear-gradient(135deg,var(--gold),#b8932a);color:#07090f;font-weight:700;font-size:.9rem;padding:.75rem 1.75rem;border-radius:999px;text-decoration:none;border:none;cursor:pointer;transition:opacity .2s,transform .15s;display:inline-block}
.btn-primary:hover{opacity:.9;transform:translateY(-1px)}
.btn-outline{background:transparent;color:var(--text);font-weight:600;font-size:.9rem;padding:.75rem 1.75rem;border-radius:999px;text-decoration:none;border:1px solid var(--line);transition:border-color .2s,color .2s;display:inline-block}
.btn-outline:hover{border-color:var(--gold);color:var(--gold)}
.hero-image{position:relative}
.hero-image img{width:100%;border-radius:var(--radius);display:block}
.hero-image::before{content:'';position:absolute;inset:-1px;background:linear-gradient(135deg,rgba(201,164,53,.3),rgba(47,174,116,.2));border-radius:calc(var(--radius)+1px);z-index:-1;filter:blur(20px)}

/* STATS */
.stats-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;background:var(--bg2);border:1px solid var(--line);border-radius:var(--radius);padding:2rem}
.stat-item{text-align:center;border-right:1px solid var(--line)}
.stat-item:last-child{border-right:none}
.stat-value{font-size:2rem;font-weight:800;color:var(--gold);line-height:1}
.stat-label{font-size:.8rem;color:var(--text2);margin-top:.4rem}

/* PILLARS */
.pillars-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.25rem}
.pillar-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.75rem;transition:border-color .2s,transform .2s}
.pillar-card:hover{border-color:rgba(201,164,53,.3);transform:translateY(-2px)}
.pillar-icon{width:44px;height:44px;border-radius:var(--radius-sm);background:rgba(201,164,53,.1);display:flex;align-items:center;justify-content:center;margin-bottom:1rem;font-size:1.3rem}
.pillar-card h3{font-size:1.1rem;margin-bottom:.5rem;color:var(--text)}
.pillar-card p{font-size:.875rem}
.pillar-principle{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--teal);margin-top:1rem}
.pillar-formula{font-family:'Courier New',monospace;font-size:.8rem;color:var(--gold);background:rgba(201,164,53,.08);border:1px solid rgba(201,164,53,.15);border-radius:6px;padding:.4rem .75rem;margin-top:.5rem;display:inline-block}
.pillar-metric{display:flex;gap:.5rem;align-items:baseline;margin-top:1rem}
.metric-value{font-size:1.4rem;font-weight:800;color:var(--gold2)}
.metric-label{font-size:.75rem;color:var(--text2)}

/* ETYMOLOGY */
#etymology{background:var(--bg2)}
.etym-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}
.etym-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem}
.etym-word{font-size:1.5rem;font-weight:800;color:var(--gold);margin-bottom:.25rem}
.etym-meaning{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--teal);margin-bottom:.75rem}
.acronym-note{background:rgba(201,164,53,.06);border:1px solid rgba(201,164,53,.15);border-left:3px solid var(--gold);border-radius:var(--radius-sm);padding:1.25rem 1.5rem;color:var(--text2);font-size:.9rem}

/* MATERIALS */
.mat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem}
.mat-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem;transition:border-color .2s}
.mat-card:hover{border-color:rgba(201,164,53,.25)}
.mat-name{font-size:1.05rem;font-weight:700;color:var(--text);margin-bottom:.25rem}
.mat-role{font-size:.8rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--gold);margin-bottom:.75rem}
.mat-detail{font-size:.85rem;line-height:1.65}
.mat-esoteric{margin-top:.875rem;padding:.75rem 1rem;background:rgba(201,164,53,.05);border-left:2px solid rgba(201,164,53,.4);border-radius:0 6px 6px 0}
.mat-esoteric-label{font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin-bottom:.25rem;display:flex;align-items:center;gap:.35rem}
.mat-esoteric p{font-size:.8rem;font-style:italic;color:var(--text2)}

/* CIRCUIT */
.circuit-points{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:.875rem}
.circuit-points li{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-sm);padding:1rem 1.25rem;font-size:.875rem;color:var(--text2);position:relative;padding-left:2.5rem}
.circuit-points li::before{content:'→';position:absolute;left:.875rem;color:var(--gold);font-weight:700}

/* GEMS */
.gem-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem}
.gem-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:border-color .2s,transform .2s}
.gem-card:hover{transform:translateY(-2px);border-color:rgba(201,164,53,.25)}
.gem-header{padding:1rem 1.25rem;display:flex;align-items:center;gap:.875rem}
.gem-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0}
.gem-name{font-size:1rem;font-weight:700}
.gem-body{padding:0 1.25rem 1.25rem}
.gem-detail{font-size:.83rem;line-height:1.65}
.gem-esoteric{margin-top:.75rem;padding:.65rem .875rem;background:rgba(255,255,255,.03);border-left:2px solid rgba(255,255,255,.15);border-radius:0 6px 6px 0}
.gem-esoteric p{font-size:.78rem;font-style:italic;color:var(--text2)}

/* FREQ TABLE */
.table-wrap{overflow-x:auto;margin-top:2rem}
table{width:100%;border-collapse:collapse;font-size:.85rem}
thead th{background:var(--bg2);color:var(--gold);font-weight:700;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;padding:.875rem 1rem;text-align:left;border-bottom:1px solid var(--line)}
tbody tr{border-bottom:1px solid rgba(30,37,64,.6);transition:background .15s}
tbody tr:hover{background:rgba(201,164,53,.04)}
tbody td{padding:.75rem 1rem;color:var(--text2);vertical-align:top}
tbody td:first-child{color:var(--text);font-weight:600}
.table-note{font-size:.8rem;color:var(--text2);margin-top:.875rem;font-style:italic}

/* SAR */
#sar{background:var(--bg2)}
.sar-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem}
.sar-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.75rem;transition:border-color .2s}
.sar-card:hover{border-color:rgba(47,174,116,.3)}
.sar-icon{font-size:2rem;margin-bottom:.875rem}
.sar-card h3{font-size:1.05rem;margin-bottom:.25rem}
.sar-tagline{font-size:.78rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--teal);margin-bottom:.875rem}

/* ARCHITECTURE */
.arch-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
.arch-image img{width:100%;border-radius:var(--radius);display:block}
.arch-points{list-style:none;display:flex;flex-direction:column;gap:.875rem}
.arch-points li{display:flex;gap:.875rem;font-size:.9rem;color:var(--text2)}
.arch-points li::before{content:'◆';color:var(--gold);font-size:.6rem;margin-top:.35rem;flex-shrink:0}

/* EQUATIONS */
.eq-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.25rem}
.eq-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem}
.eq-name{font-size:.85rem;font-weight:700;color:var(--text);margin-bottom:.875rem}
.eq-formula{font-family:'Courier New',monospace;font-size:.95rem;color:var(--gold);background:rgba(201,164,53,.07);border:1px solid rgba(201,164,53,.15);border-radius:8px;padding:.875rem 1.25rem;margin-bottom:.875rem;overflow-x:auto;white-space:nowrap}
.eq-legend{font-size:.75rem;color:var(--text2);border-top:1px solid var(--line);padding-top:.75rem;margin-top:.5rem}
.eq-detail{font-size:.8rem;color:var(--text2);margin-top:.5rem;font-style:italic}

/* APPLICATIONS */
.app-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}
.app-item{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-sm);padding:1.25rem;transition:border-color .2s}
.app-item:hover{border-color:rgba(201,164,53,.25)}
.app-item h4{font-size:.9rem;margin-bottom:.35rem;color:var(--text)}
.app-item p{font-size:.8rem}
.features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.75rem;margin-top:2rem}
.feature-item{display:flex;align-items:flex-start;gap:.75rem;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-sm);padding:1rem}
.feature-check{width:20px;height:20px;border-radius:50%;background:rgba(47,174,116,.15);border:1px solid rgba(47,174,116,.3);color:var(--teal);font-size:.7rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:.1rem}
.feature-item span{font-size:.85rem;color:var(--text2)}

/* SPECS */
#specs{background:var(--bg2)}

/* SCEPTER */
.scepter-section{background:linear-gradient(135deg,rgba(201,164,53,.06),rgba(47,174,116,.04));border:1px solid rgba(201,164,53,.15);border-radius:16px;padding:2.5rem;margin-bottom:2rem}
.scepter-fn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;margin-top:1.5rem}
.scepter-fn{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem;display:flex;gap:.875rem}
.scepter-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;margin-top:.3rem}
.scepter-fn-body h4{font-size:.9rem;margin-bottom:.25rem}
.scepter-fn-body .scepter-stone{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--gold);margin-bottom:.35rem}
.scepter-fn-body p{font-size:.8rem}
.scepter-wave{font-size:.75rem;font-family:'Courier New',monospace;color:var(--teal);margin-top:.35rem}

/* HARVEST */
.harvest-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem}
.harvest-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem}
.harvest-effect{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--teal);margin-bottom:.35rem}
.harvest-name{font-size:.95rem;font-weight:700;color:var(--text);margin-bottom:.25rem}
.harvest-stones{font-size:.78rem;font-family:'Courier New',monospace;color:var(--gold);margin-bottom:.75rem}
.harvest-card p{font-size:.83rem}

/* LIGHT INJECTION */
.injection-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin:2rem 0}
.injection-step{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem;position:relative}
.step-num{font-size:2.5rem;font-weight:900;color:rgba(201,164,53,.15);line-height:1;margin-bottom:.5rem}
.injection-step h4{font-size:.9rem;margin-bottom:.5rem;color:var(--text)}
.injection-step p{font-size:.83rem}

/* PHOTOLYSIS */
.photolysis-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin:1.5rem 0}
.photo-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem;text-align:center}
.photo-num{font-size:2rem;font-weight:900;color:var(--gold);margin-bottom:.5rem}
.photo-card h4{font-size:.9rem;margin-bottom:.5rem;color:var(--text)}
.photo-card p{font-size:.82rem}
.reaction-box{background:linear-gradient(135deg,rgba(201,164,53,.08),rgba(47,174,116,.06));border:1px solid rgba(201,164,53,.2);border-radius:var(--radius);padding:2rem;text-align:center;margin:2rem 0}
.reaction-formula{font-family:'Courier New',monospace;font-size:1.2rem;color:var(--gold);margin:1rem 0}
.safety-box{background:rgba(224,36,94,.06);border:1px solid rgba(224,36,94,.2);border-left:3px solid var(--red);border-radius:var(--radius);padding:1.5rem;margin-top:2rem}
.safety-title{font-weight:700;color:var(--red);margin-bottom:.5rem}

/* REFERENCES */
.ref-group{margin-bottom:2rem}
.ref-group h3{font-size:1rem;color:var(--gold);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--line)}
.ref-item{display:flex;gap:1rem;padding:.75rem 0;border-bottom:1px solid rgba(30,37,64,.5)}
.ref-item:last-child{border-bottom:none}
.ref-tag{font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:rgba(201,164,53,.1);border:1px solid rgba(201,164,53,.2);color:var(--gold);padding:.2rem .5rem;border-radius:4px;flex-shrink:0;height:fit-content;margin-top:.15rem}
.ref-body{font-size:.82rem;color:var(--text2);line-height:1.55}
.ref-body strong{color:var(--text);font-weight:600}

/* CONTACT */
#contact{background:var(--bg2)}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}
.contact-form{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:2rem}
.form-group{margin-bottom:1.25rem}
.form-group label{display:block;font-size:.82rem;font-weight:600;color:var(--text2);margin-bottom:.4rem}
.form-group input,.form-group textarea,.form-group select{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--text);font-size:.9rem;padding:.75rem 1rem;font-family:inherit;transition:border-color .2s;outline:none}
.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:rgba(201,164,53,.5)}
.form-group textarea{min-height:120px;resize:vertical}
.form-submit{width:100%;margin-top:.5rem}
.contact-info{display:flex;flex-direction:column;gap:1.5rem}
.info-item{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem}
.info-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--gold);margin-bottom:.25rem}
.info-value{font-size:.95rem;color:var(--text)}

/* FOOTER */
footer{background:var(--bg2);border-top:1px solid var(--line);padding:3rem clamp(1rem,4vw,3rem) 2rem}
.footer-inner{max-width:1200px;margin:0 auto}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2rem;margin-bottom:2rem}
.footer-brand{font-size:1.4rem;font-weight:800;color:var(--gold);margin-bottom:.75rem}
.footer-col h4{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text);margin-bottom:.875rem}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:.5rem}
.footer-col ul li a,.footer-col ul li{font-size:.85rem;color:var(--text2);text-decoration:none;transition:color .2s}
.footer-col ul li a:hover{color:var(--gold)}
.footer-bottom{border-top:1px solid var(--line);padding-top:1.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}
.footer-rights{font-size:.78rem;color:var(--text2)}
.footer-disclaimer{font-size:.75rem;color:var(--text2);font-style:italic;max-width:600px}

/* HERO IMAGE placeholder */
.crown-visual{background:linear-gradient(135deg,var(--bg2),var(--bg3));border:1px solid var(--line);border-radius:var(--radius);aspect-ratio:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem}
.crown-svg{width:200px;height:200px;opacity:.8}

/* DIVIDER */
.section-divider{height:1px;background:linear-gradient(90deg,transparent,var(--line),transparent);margin:0}

/* RESPONSIVE */
@media(max-width:1024px){
  .footer-grid{grid-template-columns:1fr 1fr}
  .arch-grid{grid-template-columns:1fr}
  .arch-image{order:-1}
}
@media(max-width:768px){
  .hero-content{grid-template-columns:1fr}
  .hero-image{display:none}
  .stats-bar{grid-template-columns:1fr 1fr}
  .stat-item{border-right:none;border-bottom:1px solid var(--line)}
  .stat-item:nth-child(odd){border-right:1px solid var(--line)}
  .stat-item:last-child,.stat-item:nth-last-child(2){border-bottom:none}
  .etym-grid{grid-template-columns:1fr}
  .circuit-points{grid-template-columns:1fr}
  .contact-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  nav .nav-links{display:none}
}
@media(max-width:480px){
  .stats-bar{grid-template-columns:1fr}
  .stat-item{border-right:none}
}