/* EDC Den — brand overrides on premium-dark kit. Accent = brass/grail gold. */
:root{
  --accent:#D9A94E; --accent2:#E8C98A;
}
/* nav */
.nav{position:fixed;top:0;left:0;right:0;z-index:50;background:rgba(8,9,12,.72);
  -webkit-backdrop-filter:blur(14px) saturate(1.6);backdrop-filter:blur(14px) saturate(1.6);
  border-bottom:1px solid var(--line)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:64px}
.nav a{color:var(--tx2);text-decoration:none;font-size:14px;transition:.25s var(--ease)}
.nav a:hover{color:var(--tx)}
.nav .logo{font-family:var(--disp);font-weight:700;font-size:18px;color:var(--tx);letter-spacing:-.02em}
.nav .logo span{color:var(--accent)}
.nav .links{display:flex;gap:26px;align-items:center}
@media(max-width:720px){.nav .links a:not(.btn){display:none}}
/* hero */
.hero{position:relative;z-index:1;padding:150px 0 80px;text-align:left}
.hero h1{font-size:clamp(40px,7vw,84px);max-width:900px}
.hero h1 em{font-style:normal;color:var(--accent)}
.hero p.sub{color:var(--tx2);font-size:clamp(16px,2vw,19px);max-width:620px;margin:26px 0 36px}
/* trust strip */
.trust{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:60px 0}
.trust .card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:24px}
.trust .card h3{font-size:17px;margin:10px 0 8px}
.trust .card p{color:var(--tx2);font-size:14px}
.trust .ic{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;
  background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent);font-size:18px}
/* section */
.sec{position:relative;z-index:1;padding:72px 0}
.sec h2{font-size:clamp(28px,4vw,44px);margin:14px 0 18px}
.sec p.lead{color:var(--tx2);max-width:640px}
/* drop grid */
.drop{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin-top:36px}
.slot{aspect-ratio:1/1.05;border:1px dashed var(--line2);border-radius:18px;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:10px;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent)}
.slot .q{font-family:var(--disp);font-size:34px;color:var(--tx3)}
.slot .t{font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--tx3)}
/* steps */
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:36px;counter-reset:st}
.step{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:26px;position:relative;counter-increment:st}
.step::before{content:"0" counter(st);font-family:var(--mono);color:var(--accent);font-size:12px;letter-spacing:.2em}
.step h3{font-size:17px;margin:12px 0 8px}
.step p{color:var(--tx2);font-size:14px}
/* grading table */
.grades{display:grid;gap:12px;margin-top:36px}
.grade{display:grid;grid-template-columns:64px 1fr;gap:20px;background:var(--panel);border:1px solid var(--line);
  border-radius:16px;padding:22px;align-items:start}
.grade .g{font-family:var(--disp);font-size:30px;font-weight:700;color:var(--accent);line-height:1}
.grade h3{font-size:16px;margin-bottom:6px}
.grade p{color:var(--tx2);font-size:14px}
/* split figure */
.split{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
@media(max-width:860px){.split{grid-template-columns:1fr}}
.figure{border:1px solid var(--line);border-radius:20px;background:
  radial-gradient(120% 120% at 20% 0%,color-mix(in srgb,var(--accent) 9%,transparent),transparent 60%),var(--panel);
  padding:34px;min-height:280px;display:flex;flex-direction:column;justify-content:center;gap:14px}
.figure .big{font-family:var(--disp);font-size:52px;font-weight:700;color:var(--tx)}
.figure .big span{color:var(--accent)}
.figure .cap{font-family:var(--mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--tx2)}
/* faq */
.faq details{border-bottom:1px solid var(--line);padding:18px 0}
.faq summary{cursor:pointer;font-family:var(--disp);font-size:16.5px;list-style:none;display:flex;justify-content:space-between}
.faq summary::after{content:"+";color:var(--accent);font-size:20px}
.faq details[open] summary::after{content:"–"}
.faq details p{color:var(--tx2);font-size:14.5px;padding-top:10px;max-width:720px}
/* footer */
footer{position:relative;z-index:1;border-top:1px solid var(--line);margin-top:60px;padding:44px 0 60px;color:var(--tx3);font-size:13px}
footer .cols{display:flex;flex-wrap:wrap;gap:40px;justify-content:space-between;margin-bottom:26px}
footer a{color:var(--tx2);text-decoration:none}
footer a:hover{color:var(--tx)}
.finePrint{font-size:12px;color:var(--tx3);max-width:720px}