:root{
  --bg:#070604;
  --panel:#11100d;
  --panel2:#17140e;
  --gold:#f5bd2f;
  --gold2:#ffd968;
  --yellow:#ffda55;
  --white:#f7f4ed;
  --muted:#aaa49a;
  --line:#30291b;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 75% 10%,rgba(245,189,47,.13),transparent 28%),linear-gradient(180deg,#080704,#050505 70%,#090805);color:var(--white);font-family:Arial,Helvetica,sans-serif;line-height:1.65}
a{color:inherit;text-decoration:none}
.container{width:min(1180px,92%);margin:auto}
.topline{height:3px;background:linear-gradient(90deg,#6e4800,var(--gold),#fff1a3,var(--gold),#6e4800)}
.header{position:sticky;top:0;z-index:100;background:rgba(6,6,5,.95);border-bottom:1px solid #332b1b;backdrop-filter:blur(12px)}
.nav-wrap{width:min(1180px,92%);min-height:78px;margin:auto;display:flex;align-items:center;gap:26px}
.brand{min-width:210px}.brand-hebat{font-size:30px;font-weight:900;font-style:italic;letter-spacing:-1.5px}.brand-qq{font-size:30px;font-weight:900;font-style:italic;color:var(--gold)}
.brand small{display:block;color:#777;font-size:8px;letter-spacing:2px}
#mainNav{display:flex;align-items:center;justify-content:center;gap:20px;flex:1}
#mainNav a{font-size:11px;font-weight:900;text-transform:uppercase;color:#aaa}
#mainNav a:hover,#mainNav a.active{color:#fff}
.header-actions{display:flex;gap:8px}
.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:24px}
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:11px 18px;border:1px solid #514b3d;font-size:11px;font-weight:900;cursor:pointer}
.btn-gold{background:linear-gradient(135deg,#9d6800,var(--gold2));color:#151005;border-color:#ffe18a;box-shadow:0 0 25px rgba(245,189,47,.18)}
.btn-dark{background:#111;color:#fff}.btn-outline{background:transparent;border-color:#b99a50;color:#ffe28b}.btn-large{padding:13px 22px}
.hero{padding:78px 0 65px;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}
.eyebrow{color:var(--gold);font-size:10px;font-weight:900;letter-spacing:2.5px;text-transform:uppercase}
.hero h1{font-size:clamp(43px,5.5vw,76px);line-height:.98;letter-spacing:-3px;margin:13px 0 22px}
.hero h1 span{color:var(--gold)}
.lead{max-width:620px;color:#bdb7ac;font-size:16px}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin:26px 0}
.hero-points{display:flex;gap:12px;flex-wrap:wrap;color:#898378;font-size:10px}
.hero-art{height:490px;border:1px solid #58451d;border-radius:28px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 45%,#4d3505 0,#1d1507 30%,#0c0b08 68%);box-shadow:0 0 70px rgba(245,189,47,.12)}
.glow{position:absolute;inset:-20%;background:radial-gradient(circle,rgba(255,211,82,.24),transparent 35%);filter:blur(10px)}
.table-ring{position:absolute;width:75%;height:48%;left:12.5%;top:27%;border:2px solid rgba(255,215,95,.55);border-radius:50%;box-shadow:inset 0 0 40px rgba(245,189,47,.14),0 0 45px rgba(245,189,47,.16)}
.card{position:absolute;width:110px;height:155px;border-radius:12px;background:linear-gradient(145deg,#fff,#dedbd2);color:#17130b;display:flex;flex-direction:column;justify-content:space-between;padding:17px;font-size:36px;box-shadow:0 15px 35px #000;z-index:2}
.card small{font-size:25px}.card-one{left:22%;top:24%;transform:rotate(-12deg)}.card-two{left:41%;top:31%;transform:rotate(2deg);z-index:3}.card-three{left:60%;top:24%;transform:rotate(12deg)}
.chip{position:absolute;border-radius:50%;width:72px;height:72px;display:flex;align-items:center;justify-content:center;border:5px dashed #f3c94e;background:#17130b;color:#ffe58a;font-size:24px;font-weight:900;box-shadow:0 10px 25px #000}.chip-one{left:18%;bottom:17%}.chip-two{right:18%;bottom:17%}
.art-title{position:absolute;left:0;right:0;bottom:62px;text-align:center;font-size:46px;font-weight:900;font-style:italic;letter-spacing:-2px}.art-title span{color:var(--gold)}.art-subtitle{position:absolute;left:0;right:0;bottom:40px;text-align:center;color:#aaa;letter-spacing:3px;font-size:8px}
.stats{border-top:1px solid #272117;border-bottom:1px solid #272117;background:#0d0c09;padding:18px 0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stats-grid>div{text-align:center;padding:13px;border-right:1px solid #2a2419}.stats-grid>div:last-child{border:0}.stats-grid strong{display:block;color:var(--gold);font-size:23px}.stats-grid span{color:#777;font-size:10px}
.section{padding:85px 0}.section-head{max-width:800px;margin-bottom:32px}.section-head h2,.dark-section h2,.cta h2{font-size:clamp(31px,4vw,52px);line-height:1.05;letter-spacing:-1.5px;margin:7px 0 12px}.section-head p,.dark-section p{color:#979187;margin:0}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.info-card{padding:28px;border:1px solid #2d281d;border-radius:17px;background:linear-gradient(145deg,#17140e,#0d0c09)}.icon{width:43px;height:43px;border-radius:11px;display:flex;align-items:center;justify-content:center;border:1px solid #8a681f;color:var(--gold);background:#201806;font-weight:900}.info-card h3{margin:17px 0 7px}.info-card p{margin:0;color:#918c82;font-size:13px}
.dark-section{padding:85px 0;background:linear-gradient(110deg,#171207,#080806 55%,#181207);border-top:1px solid #302615;border-bottom:1px solid #302615}.split{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}
.value-box{border:1px solid #4a3b20;border-radius:17px;overflow:hidden;background:#0d0c09}.value-row{display:flex;justify-content:space-between;gap:20px;padding:18px 20px;border-bottom:1px solid #292216;color:#777;font-size:12px}.value-row:last-child{border:0}.value-row span{color:var(--gold);font-weight:900}.value-row b{color:#eee}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.steps article{min-height:185px;padding:25px;border:1px solid #2c271c;border-radius:16px;background:#10100d}.steps span{color:var(--gold);font-size:11px;font-weight:900}.steps h3{margin:15px 0 6px}.steps p{margin:0;color:#8f8a80;font-size:12px}
.comparison{padding:80px 0;background:#0c0b08;border-top:1px solid #272117}.comparison-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.comparison-grid>div{padding:24px;border:1px solid #2e281b;border-radius:14px;background:#13110d}.comparison-grid strong{display:block;color:var(--gold);font-size:18px}.comparison-grid span{display:block;color:#888;font-size:12px;margin-top:7px}
.cta-section{padding:80px 0}.cta{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:32px;border:1px solid #604a18;border-radius:20px;background:radial-gradient(circle at 85% 20%,rgba(245,189,47,.17),transparent 35%),#11100d}.cta h2{font-size:32px}.cta p{color:#8f8a80}.cta-actions{display:flex;gap:9px;flex-wrap:wrap}
.faq{border-top:1px solid #2b251a}.faq details{border-bottom:1px solid #2b251a;padding:18px 0}.faq summary{cursor:pointer;font-weight:800}.faq p{color:#8e887d;font-size:13px}
footer{border-top:1px solid #272117;background:#050504;padding:35px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-brand{font-size:25px;font-style:italic;font-weight:900}.footer-brand b{color:var(--gold)}footer p{margin:0;color:#777;font-size:11px}
.popup{width:min(700px,94vw);padding:0;border:1px solid #d7aa37;border-radius:20px;background:#0a0906;color:#fff;box-shadow:0 0 90px rgba(245,189,47,.3);overflow:hidden}.popup::backdrop{background:rgba(0,0,0,.84);backdrop-filter:blur(5px)}.popup-banner{min-height:340px;padding:55px 25px 35px;text-align:center;background:radial-gradient(circle at 50% 20%,#6c4a08,#1b1407 45%,#080806 80%);position:relative}.popup-badge{display:inline-block;border:1px solid #d6ad43;border-radius:999px;padding:6px 14px;color:#ffe184;font-size:10px;font-weight:900;letter-spacing:2px}.popup-banner h2{font-size:42px;line-height:1;margin:22px 0 10px;color:#fff}.popup-banner p{color:#b4aea2;margin:0}.popup-cards{display:flex;justify-content:center;gap:10px;margin-top:22px}.popup-cards span{width:70px;height:90px;border-radius:8px;background:#f4f1e8;color:#15120c;display:flex;flex-direction:column;justify-content:center;font-weight:900;font-size:24px;box-shadow:0 8px 22px #000}.popup-actions{display:flex;gap:8px;padding:14px}.popup-actions .btn{flex:1}.popup-close{position:absolute;right:10px;top:10px;z-index:2;width:35px;height:35px;border:0;border-radius:50%;background:#050505;color:#fff;font-size:23px;cursor:pointer}
@media(max-width:900px){.nav-wrap{flex-wrap:wrap}.menu-toggle{display:block;margin-left:auto}.header-actions{display:none}#mainNav{display:none;order:5;width:100%;flex-direction:column;align-items:stretch;gap:0;border-top:1px solid #292319;padding:6px 0}#mainNav.open{display:flex}#mainNav a{padding:11px 3px}.hero-grid,.split{grid-template-columns:1fr}.hero-art{height:430px}.grid-3{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.comparison-grid{grid-template-columns:1fr 1fr}.cta{flex-direction:column;align-items:flex-start}}
@media(max-width:560px){.brand-hebat,.brand-qq{font-size:24px}.brand small{font-size:7px}.hero{padding-top:50px}.hero h1{font-size:43px}.hero-art{height:370px}.card{width:82px;height:116px;font-size:27px;padding:12px}.card small{font-size:18px}.chip{width:56px;height:56px;font-size:18px}.art-title{font-size:33px}.steps,.comparison-grid,.stats-grid{grid-template-columns:1fr 1fr}.stats-grid>div{border-right:0}.popup-banner{min-height:280px;padding:45px 18px 25px}.popup-banner h2{font-size:31px}.popup-actions{flex-direction:column}}

.hero-banner{width:100%;border:1px solid #6b5119;border-radius:22px;overflow:hidden;background:#080704;box-shadow:0 0 65px rgba(245,189,47,.18)}
.hero-banner img{display:block;width:100%;height:auto;object-fit:contain}
.popup-banner{padding:0!important;min-height:0!important;background:#080704!important}
.popup-banner-image{display:block;width:100%;height:auto;object-fit:contain;border-radius:18px}