:root{--bg:#050607;--card:#101416cc;--line:#ffffff16;--text:#f5f1e8;--muted:#b8b0a3;--gold:#d79a43;--gold2:#ffd28a;--bad:#ff6b6b;--good:#58d68d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 70% 10%,#2a1605 0,#050607 36%,#020303 100%);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");z-index:50}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid var(--line);position:sticky;top:0;background:#050607d9;backdrop-filter:blur(18px);z-index:20}.brand{display:flex;align-items:center;gap:12px}.brand div{display:flex;flex-direction:column;line-height:1}.logo{color:var(--gold);font-size:34px}nav{display:flex;gap:28px}nav a,.navBtn{color:var(--text);text-decoration:none;font-weight:700;font-size:14px}.navBtn{border:1px solid #d79a4380;border-radius:14px;padding:14px 18px;color:var(--gold2)}.hero{min-height:720px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:80px 6vw 40px}.eyebrow{color:var(--gold2);text-transform:uppercase;letter-spacing:.18em;font-weight:800;font-size:12px}.hero h1{font-size:clamp(64px,9vw,125px);line-height:.92;margin:16px 0}.hero h1 span{background:linear-gradient(90deg,var(--gold2),var(--gold));-webkit-background-clip:text;color:transparent}.hero h2{font-size:26px;margin:0}.hero p{color:var(--muted);font-size:20px;max-width:600px;line-height:1.7}.actions{display:flex;gap:14px;flex-wrap:wrap;margin:28px 0}.primary,.secondary{padding:18px 24px;border-radius:16px;text-decoration:none;font-weight:900}.primary{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#241304;box-shadow:0 15px 40px #d79a4340}.secondary{border:1px solid var(--line);color:var(--text);background:#ffffff08}.portal{min-height:520px;border:1px solid var(--line);border-radius:32px;background:linear-gradient(90deg,#000,#20120766),radial-gradient(circle at 50% 30%,#d79a4340,#0000 45%);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.door{width:180px;height:390px;border:3px solid #d79a4380;box-shadow:0 0 90px #d79a4380;background:linear-gradient(#ffd28a55,#080604);transform:perspective(700px) rotateY(-18deg)}.portal p{position:absolute;right:35px;top:55px;width:280px;font-family:Georgia,serif;font-style:italic;font-size:34px;color:#fff}.section{padding:80px 6vw}.sectionHead{text-align:center;max-width:800px;margin:0 auto 38px}.section h2{font-size:clamp(34px,4vw,58px);margin:10px 0}.section p{color:var(--muted);line-height:1.7}.cards{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:25px;color:var(--text);text-align:left;min-height:190px;cursor:pointer;transition:.25s}.card:hover{transform:translateY(-8px);border-color:#d79a4380;box-shadow:0 20px 60px #000}.card span{font-size:38px}.card h3{color:var(--gold2)}.split{display:grid;grid-template-columns:1fr 1.15fr;gap:40px;align-items:center}.compare{display:grid;gap:16px}.compare div,.person,.mediaBox{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:26px}.wrong b{color:var(--bad)}.right b{color:var(--good)}.mediaGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.mediaBox{min-height:190px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;font-size:24px;border-style:dashed}.quiz{text-align:center;background:linear-gradient(135deg,#0b0d0f,#1b1005);border-block:1px solid var(--line)}.quiz button{margin:8px;padding:14px 28px;border:0;border-radius:14px;font-weight:900;cursor:pointer}.team{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:1000px;margin:auto}.person{text-align:center}.avatar{width:110px;height:110px;border-radius:50%;margin:0 auto 18px;background:linear-gradient(135deg,var(--gold2),var(--gold));display:grid;place-items:center;color:#211305;font-weight:900;font-size:30px}.person h3{font-size:28px;color:var(--gold2);margin:0}.person p{margin:8px 0;color:#fff}footer{padding:30px 6vw;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:var(--muted)}.modal{display:none;position:fixed;inset:0;background:#000b;z-index:100;align-items:center;justify-content:center;padding:20px}.modal.show{display:flex}.modalContent{max-width:760px;width:100%;background:#0b0d0f;border:1px solid #d79a4380;border-radius:28px;padding:35px;box-shadow:0 0 100px #000;position:relative}.close{position:absolute;right:20px;top:15px;background:transparent;color:#fff;border:0;font-size:34px;cursor:pointer}.demoText{font-size:27px;line-height:1.8}.scramble span{display:inline-block;animation:jitter .45s infinite alternate}@keyframes jitter{to{transform:translate(2px,-1px) rotate(1deg)}}.flash{animation:flash .2s infinite alternate}@keyframes flash{from{filter:brightness(1)}to{filter:brightness(1.8)}}@media(max-width:1000px){nav{display:none}.hero,.split{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}.mediaGrid,.team{grid-template-columns:1fr}footer{flex-direction:column}.portal p{position:static;margin:20px}.portal{flex-direction:column}}@media(max-width:560px){.cards{grid-template-columns:1fr}.navBtn{display:none}.hero{padding-top:40px}.hero h1{font-size:58px}}