/* =====================================================
   ruleta-ar — Deep Navy + Amber Gold
   Fonts: Space Grotesk (headings) + DM Sans (body)
   ===================================================== */

:root {
  --bg:#050d2e;
  --bg-alt:#080f34;
  --bg-card:#0d1647;
  --bg-card2:#111d55;
  --p1:#f59e0b;
  --p2:#fbbf24;
  --p3:#fcd34d;
  --acc:#3b82f6;
  --acc2:#60a5fa;
  --bdr:rgba(245,158,11,.14);
  --bdr2:rgba(245,158,11,.38);
  --txt-h:#f8faff;
  --txt-b:#c8d3f5;
  --txt-s:#7889c4;
  --grad-hero:linear-gradient(135deg,#050d2e 0%,#0e1f6a 100%);
  --grad-mix:linear-gradient(135deg,#f59e0b 0%,#3b82f6 100%);
  --grad-gold:linear-gradient(135deg,#f59e0b 0%,#fcd34d 100%);
  --shadow:0 8px 40px rgba(245,158,11,.12);
  --radius:12px;
  --ff-head:'Space Grotesk',sans-serif;
  --ff-body:'DM Sans',sans-serif;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;overflow-x:clip;}
body{background:var(--bg);color:var(--txt-b);font-family:var(--ff-body);font-size:16px;line-height:1.6;overflow-x:clip;max-width:100vw;}
a{color:inherit;text-decoration:none;}
img{display:block;max-width:100%;}
button{cursor:pointer;border:none;background:none;}
ul{list-style:none;}

/* ── AGE GATE ── */
.age-overlay{position:fixed;inset:0;background:rgba(5,13,46,.97);display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;pointer-events:none;transition:opacity .3s;}
.age-overlay.visible{opacity:1;pointer-events:all;}
.age-overlay.fade-out{animation:fadeOut .35s forwards;}
@keyframes fadeOut{to{opacity:0;}}
.age-box{background:var(--bg-card);border:1px solid var(--bdr2);border-radius:20px;padding:3rem 2.5rem;max-width:480px;width:90%;text-align:center;box-shadow:0 0 80px rgba(245,158,11,.1);}
.age-wheel{font-size:3.5rem;margin-bottom:1.2rem;line-height:1;}
.age-box h2{font-family:var(--ff-head);font-size:1.6rem;font-weight:700;color:var(--txt-h);margin-bottom:.6rem;}
.age-box p{color:var(--txt-s);font-size:.9rem;line-height:1.5;margin-bottom:1.8rem;}
.age-box p strong{color:var(--p1);}
.btn-confirm{display:block;width:100%;background:var(--grad-gold);color:#050d2e;border-radius:10px;padding:1rem;font-family:var(--ff-head);font-size:1rem;font-weight:700;letter-spacing:.04em;margin-bottom:.75rem;transition:opacity .2s;}
.btn-confirm:hover{opacity:.88;}
.btn-no{display:block;text-align:center;background:rgba(255,255,255,.04);border:1px solid var(--bdr);border-radius:10px;padding:.75rem;color:var(--txt-s);font-size:.9rem;transition:background .2s;}
.btn-no:hover{background:rgba(255,255,255,.08);}

/* ── HEADER ── */
.site-header{position:fixed;top:0;left:0;right:0;z-index:900;padding:.9rem 0;border-bottom:1px solid transparent;transition:background .3s,border-color .3s,box-shadow .3s;}
.site-header.scrolled{background:rgba(5,13,46,.95);backdrop-filter:blur(14px);border-color:var(--bdr);box-shadow:0 4px 24px rgba(0,0,0,.5);}
.hdr-inner{max-width:1240px;width:100%;margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;gap:1.5rem;min-width:0;}
.site-logo{display:flex;align-items:center;gap:.6rem;font-family:var(--ff-head);font-size:1.2rem;font-weight:700;color:var(--txt-h);letter-spacing:.02em;min-width:0;flex-shrink:1;}
.logo-icon{width:36px;height:36px;}
.logo-text span{color:var(--p1);}
.hdr-nav{display:flex;align-items:center;gap:.2rem;margin-left:auto;}
.nav-link{font-family:var(--ff-head);font-weight:500;font-size:.85rem;letter-spacing:.05em;color:var(--txt-b);padding:.5rem .9rem;border-radius:8px;transition:color .2s,background .2s;}
.nav-link:hover{color:var(--p1);background:rgba(245,158,11,.07);}
.hdr-cta{font-family:var(--ff-head);font-size:.85rem;font-weight:700;letter-spacing:.05em;background:var(--grad-gold);color:#050d2e;border-radius:8px;padding:.5rem 1.1rem;margin-left:.5rem;transition:opacity .2s;}
.hdr-cta:hover{opacity:.88;}
.hamburger{display:none;flex-direction:column;gap:5px;width:28px;margin-left:auto;}
.hamburger span{height:2px;background:var(--txt-h);border-radius:2px;transition:all .25s;}
.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.hamburger.open span:nth-child(2){opacity:0;}
.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
.mobile-nav{display:none;flex-direction:column;background:var(--bg-card);border-top:1px solid var(--bdr);padding:.8rem 1.5rem 1rem;}
.mobile-nav.open{display:flex;}
.mob-link{font-family:var(--ff-head);font-weight:500;font-size:.9rem;letter-spacing:.05em;color:var(--txt-b);padding:.65rem .5rem;border-bottom:1px solid var(--bdr);display:flex;align-items:center;gap:.65rem;transition:color .2s;}
.mob-link:last-child{border-bottom:none;}
.mob-link:hover{color:var(--p1);}

/* ── HERO ── */
.hero{min-height:100vh;display:flex;align-items:center;background:var(--grad-hero);position:relative;overflow:hidden;padding:6rem 0 4rem;}
.hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 70% 50%,rgba(245,158,11,.06) 0%,transparent 70%);}
/* Animated dots pattern */
.hero-dots{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(245,158,11,.12) 1px,transparent 1px);background-size:32px 32px;opacity:.6;}
.hero-inner{max-width:1240px;width:100%;margin:0 auto;padding:0 1.5rem;display:grid;grid-template-columns:1fr 400px;gap:4rem;align-items:center;position:relative;z-index:2;min-width:0;}
.hero-content{min-width:0;max-width:100%;}
.hero-badge{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--ff-head);font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--p1);background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.25);border-radius:50px;padding:.35rem 1rem;margin-bottom:1.2rem;}
.hero h1{font-family:var(--ff-head);font-size:clamp(2.4rem,5vw,3.8rem);font-weight:700;color:var(--txt-h);line-height:1.1;margin-bottom:1rem;letter-spacing:-.02em;overflow-wrap:break-word;word-break:break-word;}
.hero h1 em{font-style:normal;background:var(--grad-gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.hero-sub{color:var(--txt-b);font-size:1.05rem;max-width:520px;width:100%;margin-bottom:2rem;line-height:1.65;}
.hero-btns{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:2.5rem;max-width:100%;}
.btn-primary{font-family:var(--ff-head);font-size:.9rem;font-weight:700;letter-spacing:.05em;background:var(--grad-gold);color:#050d2e;border-radius:10px;padding:.85rem 2rem;transition:opacity .2s,transform .2s;max-width:100%;}
.btn-primary:hover{opacity:.9;transform:translateY(-2px);}
.btn-outline{font-family:var(--ff-head);font-size:.9rem;font-weight:600;letter-spacing:.05em;color:var(--txt-h);border:1px solid var(--bdr2);border-radius:10px;padding:.85rem 2rem;transition:all .2s;max-width:100%;}
.btn-outline:hover{background:rgba(245,158,11,.08);border-color:var(--p1);}
.hero-trust{display:flex;align-items:center;gap:.8rem;font-size:.82rem;color:var(--txt-s);flex-wrap:wrap;}
.hero-trust span{min-width:0;overflow-wrap:break-word;}
.hero-trust i{color:var(--p1);}
/* Hero panel */
.hero-panel{background:var(--bg-card);border:1px solid var(--bdr);border-radius:20px;padding:1.8rem 1.6rem;box-shadow:var(--shadow);min-width:0;max-width:100%;width:100%;}
.panel-title{font-family:var(--ff-head);font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--txt-s);margin-bottom:1.1rem;}
.op-card{display:flex;align-items:center;gap:1rem;padding:.95rem 1rem;background:var(--bg-card2);border:1px solid var(--bdr);border-radius:var(--radius);margin-bottom:.75rem;transition:border-color .25s,transform .25s;min-width:0;max-width:100%;}
.op-card:last-child{margin-bottom:0;}
.op-card:hover{border-color:var(--bdr2);transform:translateX(4px);}
.op-rank{flex-shrink:0;width:30px;height:30px;border-radius:50%;background:var(--grad-gold);display:grid;place-items:center;font-family:var(--ff-head);font-size:.85rem;font-weight:700;color:#050d2e;}
.op-logo{flex-shrink:0;width:76px;height:30px;display:flex;align-items:center;justify-content:center;}
.op-logo img{max-width:76px;max-height:30px;object-fit:contain;filter:brightness(0) invert(1);opacity:.9;}
.op-logo img.own-color{filter:none;opacity:1;background:rgba(255,255,255,.08);border-radius:5px;padding:3px 6px;}
.op-info{flex:1;min-width:0;}
.op-name{font-family:var(--ff-head);font-size:.92rem;font-weight:600;color:var(--txt-h);margin-bottom:.12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.op-feat{font-size:.75rem;color:var(--txt-s);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.op-btn{flex-shrink:0;display:inline-flex;align-items:center;background:var(--grad-gold);color:#050d2e;border-radius:7px;padding:.42rem .85rem;font-family:var(--ff-head);font-size:.78rem;font-weight:700;letter-spacing:.04em;transition:opacity .2s;}
.op-btn:hover{opacity:.82;}

/* ── STATS ── */
.stats-bar{padding:2.5rem 0;background:var(--bg-alt);border-top:1px solid var(--bdr);border-bottom:1px solid var(--bdr);}
.stats-inner{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;text-align:center;max-width:1240px;width:100%;margin:0 auto;padding:0 1.5rem;min-width:0;}
.st-val{font-family:var(--ff-head);font-size:2.2rem;font-weight:700;color:var(--p1);line-height:1;}
.st-lbl{font-size:.78rem;color:var(--txt-s);letter-spacing:.06em;margin-top:.3rem;text-transform:uppercase;}

/* ── SECTION HEADER ── */
.sec-hd{text-align:center;margin-bottom:3rem;}
.sec-hd .badge{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--ff-head);font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--p1);background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.2);border-radius:50px;padding:.35rem 1rem;margin-bottom:1rem;}
.sec-hd h2{font-family:var(--ff-head);font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:700;color:var(--txt-h);letter-spacing:-.02em;line-height:1.1;margin-bottom:.6rem;overflow-wrap:break-word;word-break:break-word;}
.sec-hd h2 em{font-style:normal;color:var(--p1);}
.sec-hd p{color:var(--txt-s);max-width:580px;margin:0 auto;font-size:.95rem;}

/* ── PLATFORMS ── */
.platforms{padding:5rem 0;background:var(--bg);}
.container{max-width:1240px;width:100%;margin:0 auto;padding:0 1.5rem;min-width:0;}
.filter-bar{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin-bottom:2.5rem;}
.fb{font-family:var(--ff-head);font-size:.78rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;padding:.45rem 1.1rem;border-radius:7px;border:1px solid var(--bdr);color:var(--txt-s);background:var(--bg-card);transition:all .2s;}
.fb:hover,.fb.active{background:var(--grad-gold);border-color:transparent;color:#050d2e;}
.ops-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:1.5rem;}
.opc{background:var(--bg-card);border:1px solid var(--bdr);border-radius:16px;overflow:hidden;transition:border-color .3s,transform .3s,box-shadow .3s;}
.opc:hover{border-color:var(--bdr2);transform:translateY(-4px);box-shadow:0 20px 56px rgba(245,158,11,.08);}
.opc.hidden{display:none;}
.opc-head{padding:1.5rem 1.5rem 1rem;display:flex;align-items:center;gap:1rem;border-bottom:1px solid var(--bdr);}
.opc-rank{width:34px;height:34px;border-radius:50%;background:var(--grad-gold);display:grid;place-items:center;font-family:var(--ff-head);font-size:.9rem;font-weight:700;color:#050d2e;flex-shrink:0;}
.opc-logo-wrap{flex:1;display:flex;align-items:center;}
.opc-logo-wrap img{height:34px;max-width:120px;object-fit:contain;filter:brightness(0) invert(1);opacity:.9;}
.opc-logo-wrap img.own-color{filter:none;opacity:1;background:rgba(255,255,255,.08);border-radius:6px;padding:4px 9px;}
.opc-score{text-align:right;}
.opc-score .sc-num{font-family:var(--ff-head);font-size:1.5rem;font-weight:700;color:var(--p1);}
.opc-score .sc-lbl{font-size:.7rem;color:var(--txt-s);letter-spacing:.04em;}
.opc-body{padding:1.2rem 1.5rem 1.5rem;}
.opc-name{font-family:var(--ff-head);font-size:1.1rem;font-weight:700;color:var(--txt-h);letter-spacing:-.01em;margin-bottom:.4rem;}
.opc-desc{font-size:.875rem;color:var(--txt-s);line-height:1.6;margin-bottom:1.1rem;}
.opc-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.1rem;}
.opc-tag{font-family:var(--ff-head);font-size:.68rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--p1);background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.18);border-radius:4px;padding:.18rem .55rem;}
.opc-cta{display:flex;gap:.7rem;}
.opc-btn-main{flex:1;text-align:center;background:var(--grad-gold);color:#050d2e;border-radius:9px;padding:.7rem 1rem;font-family:var(--ff-head);font-size:.82rem;font-weight:700;letter-spacing:.04em;transition:opacity .2s;}
.opc-btn-main:hover{opacity:.88;}
.opc-btn-sec{width:38px;display:flex;align-items:center;justify-content:center;border:1px solid var(--bdr2);border-radius:9px;color:var(--p1);font-size:.85rem;transition:all .2s;}
.opc-btn-sec:hover{background:rgba(245,158,11,.1);}
/* Detail rows */
.opc-details{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-bottom:1.1rem;}
.opc-det{display:flex;flex-direction:column;background:var(--bg-card2);border-radius:8px;padding:.65rem .75rem;}
.det-lbl{font-size:.68rem;color:var(--txt-s);letter-spacing:.05em;text-transform:uppercase;margin-bottom:.2rem;}
.det-val{font-family:var(--ff-head);font-size:.82rem;font-weight:600;color:var(--txt-h);}

/* ── FEATURES / HOW TO PLAY ── */
.howto{padding:5rem 0;background:var(--bg-alt);}
.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;}
.step-card{background:var(--bg-card);border:1px solid var(--bdr);border-radius:16px;padding:2rem 1.6rem;position:relative;transition:border-color .3s,transform .3s;}
.step-card:hover{border-color:var(--bdr2);transform:translateY(-3px);}
.step-num{font-family:var(--ff-head);font-size:3rem;font-weight:700;color:rgba(245,158,11,.12);line-height:1;margin-bottom:.8rem;letter-spacing:-.04em;}
.step-icon{width:44px;height:44px;border-radius:12px;background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.2);display:flex;align-items:center;justify-content:center;color:var(--p1);font-size:1.1rem;margin-bottom:1rem;}
.step-card h3{font-family:var(--ff-head);font-size:1rem;font-weight:700;color:var(--txt-h);margin-bottom:.5rem;}
.step-card p{font-size:.875rem;color:var(--txt-s);line-height:1.6;}

/* ── CRITERIA ── */
.criteria{padding:5rem 0;background:var(--bg);}
.crit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:1.5rem;}
.crit-card{background:var(--bg-card);border:1px solid var(--bdr);border-radius:16px;padding:1.8rem 1.6rem;transition:border-color .3s,transform .3s;}
.crit-card:hover{border-color:var(--bdr2);transform:translateY(-3px);}
.crit-icon{width:48px;height:48px;border-radius:14px;background:var(--grad-gold);display:flex;align-items:center;justify-content:center;color:#050d2e;font-size:1.2rem;margin-bottom:1.2rem;}
.crit-card h3{font-family:var(--ff-head);font-size:1rem;font-weight:700;color:var(--txt-h);margin-bottom:.5rem;}
.crit-card p{font-size:.875rem;color:var(--txt-s);line-height:1.6;}
.crit-bar{margin-top:.9rem;height:4px;background:rgba(245,158,11,.12);border-radius:2px;overflow:hidden;}
.crit-fill{height:100%;background:var(--grad-gold);border-radius:2px;}

/* ── FAQ ── */
.faq{padding:5rem 0;background:var(--bg-alt);}
.faq-list{max-width:780px;margin:0 auto;display:flex;flex-direction:column;gap:.8rem;}
.faqit{background:var(--bg-card);border:1px solid var(--bdr);border-radius:12px;overflow:hidden;transition:border-color .3s;}
.faqit.open{border-color:var(--bdr2);}
.faqbtn{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 1.4rem;font-family:var(--ff-head);font-size:.92rem;font-weight:600;color:var(--txt-h);width:100%;text-align:left;transition:color .2s;min-width:0;}
.faqbtn:hover{color:var(--p1);}
.faq-arrow{width:22px;height:22px;border-radius:50%;background:rgba(245,158,11,.1);display:flex;align-items:center;justify-content:center;color:var(--p1);font-size:.65rem;flex-shrink:0;transition:transform .3s;}
.faqit.open .faq-arrow{transform:rotate(180deg);}
.faqbody{max-height:0;overflow:hidden;transition:max-height .35s ease;}
.faqbody-inner{padding:0 1.4rem 1.2rem;font-size:.875rem;color:var(--txt-s);line-height:1.7;}

/* ── REGULATORS ── */
.regulators{padding:4rem 0;background:var(--bg);border-top:1px solid var(--bdr);}
.reg-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem 3rem;}
.reg-item{display:flex;align-items:center;}
.reg-item img{height:30px;max-width:110px;object-fit:contain;filter:brightness(0) invert(1);opacity:.45;}
.reg-item img.own-color{filter:none;opacity:.65;}

/* ── CONTACT ── */
.contact{padding:5rem 0;background:var(--bg-alt);}
.contact-wrap{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start;min-width:0;}
.contact-info h2{font-family:var(--ff-head);font-size:2rem;font-weight:700;color:var(--txt-h);letter-spacing:-.02em;margin-bottom:.8rem;}
.contact-info h2 em{font-style:normal;color:var(--p1);}
.contact-info p{color:var(--txt-s);font-size:.95rem;line-height:1.65;margin-bottom:1.5rem;}
.contact-detail{display:flex;align-items:center;gap:.75rem;margin-bottom:.8rem;font-size:.9rem;color:var(--txt-b);min-width:0;}
.contact-detail span{min-width:0;overflow-wrap:break-word;}
.contact-detail i{width:34px;height:34px;border-radius:9px;background:rgba(245,158,11,.1);display:flex;align-items:center;justify-content:center;color:var(--p1);font-size:.85rem;flex-shrink:0;}
.contact-form{background:var(--bg-card);border:1px solid var(--bdr);border-radius:16px;padding:2rem;}
.form-row{margin-bottom:1.1rem;}
.form-row label{display:block;font-family:var(--ff-head);font-size:.75rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--txt-s);margin-bottom:.45rem;}
.form-row input,.form-row textarea,.form-row select{width:100%;background:var(--bg-card2);border:1px solid var(--bdr);border-radius:9px;padding:.75rem 1rem;font-family:var(--ff-body);font-size:.9rem;color:var(--txt-h);outline:none;transition:border-color .2s;resize:none;}
.form-row input:focus,.form-row textarea:focus,.form-row select:focus{border-color:var(--p1);}
.form-row select option{background:var(--bg-card);}
.btn-submit{width:100%;background:var(--grad-gold);color:#050d2e;border-radius:10px;padding:.9rem;font-family:var(--ff-head);font-size:.95rem;font-weight:700;letter-spacing:.05em;transition:opacity .2s;}
.btn-submit:hover{opacity:.88;}
.form-msg{text-align:center;padding:.8rem;border-radius:9px;font-size:.875rem;margin-top:.8rem;display:none;}
.form-msg.ok{background:rgba(16,185,129,.1);color:#34d399;border:1px solid rgba(16,185,129,.2);display:block;}
.form-msg.err{background:rgba(239,68,68,.1);color:#f87171;border:1px solid rgba(239,68,68,.2);display:block;}

/* ── FOOTER ── */
.site-footer{background:var(--bg-alt);border-top:1px solid var(--bdr);padding:3rem 0 1.5rem;}
.footer-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:2.5rem;margin-bottom:2.5rem;}
.ft-brand p{font-size:.85rem;color:var(--txt-s);line-height:1.6;margin-top:.75rem;max-width:240px;}
.ft-col h4{font-family:var(--ff-head);font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--txt-h);margin-bottom:.9rem;}
.ft-col li{margin-bottom:.45rem;}
.ft-col a{font-size:.85rem;color:var(--txt-s);transition:color .2s;}
.ft-col a:hover{color:var(--p1);}
.footer-bottom{border-top:1px solid var(--bdr);padding-top:1.5rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;}
.footer-bottom p{font-size:.8rem;color:var(--txt-s);}
.footer-18{width:32px;height:32px;border-radius:8px;background:rgba(245,158,11,.12);border:1px solid var(--bdr2);display:flex;align-items:center;justify-content:center;font-family:var(--ff-head);font-size:.78rem;font-weight:700;color:var(--p1);}
.legal-note{max-width:1240px;width:100%;margin:1.2rem auto 0;padding:0 1.5rem;font-size:.75rem;color:var(--txt-s);line-height:1.55;opacity:.7;}

/* ── SCROLL TOP ── */
.scroll-top{position:fixed;bottom:2rem;right:2rem;width:42px;height:42px;border-radius:10px;background:var(--grad-gold);color:#050d2e;font-size:.85rem;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;z-index:800;}
.scroll-top.visible{opacity:1;pointer-events:all;}
.scroll-top:hover{transform:translateY(-3px);}

/* ── RESPONSIVE ── */
@media(max-width:1024px){
  .hero-inner{grid-template-columns:1fr;gap:2.5rem;}
  .hero-panel{max-width:100%;}
  .steps-grid{grid-template-columns:1fr 1fr;}
  .footer-top{grid-template-columns:1fr 1fr;}
  .contact-wrap{grid-template-columns:1fr;gap:2rem;}
}
@media(max-width:768px){
  .hdr-nav,.hdr-cta{display:none;}
  .hamburger{display:flex;}
  .steps-grid{grid-template-columns:1fr;}
  .stats-inner{grid-template-columns:repeat(2,1fr);}
  .ops-grid{grid-template-columns:1fr;}
  .footer-top{grid-template-columns:1fr;}
  .hero-trust{flex-wrap:wrap;}
  .op-card:hover{transform:none;}
}
@media(max-width:480px){
  .hdr-inner,.hero-inner,.container,.stats-inner{padding-left:1rem;padding-right:1rem;}
  .hero{padding-top:5.5rem;padding-bottom:3rem;}
  .hero h1{font-size:clamp(1.65rem,8vw,2rem);letter-spacing:-.01em;}
  .hero-sub{font-size:.95rem;}
  .hero-btns{flex-direction:column;}
  .hero-btns .btn-primary,.hero-btns .btn-outline{width:100%;text-align:center;}
  .hero-panel{padding:1.25rem 1rem;}
  .op-card{gap:.55rem;padding:.7rem .6rem;}
  .op-logo{width:58px;}
  .op-logo img{max-width:58px;}
  .op-feat{white-space:normal;overflow:visible;text-overflow:unset;}
  .op-name{white-space:normal;}
  .stats-inner{grid-template-columns:1fr 1fr;}
  .opc-details{grid-template-columns:1fr;}
  .site-logo{font-size:1.1rem;}
  .sec-hd h2{font-size:clamp(1.4rem,6vw,1.8rem);}
  .contact-info h2{font-size:clamp(1.4rem,6vw,2rem);}
  .faqbtn{font-size:.82rem;padding:1rem 1.1rem;}
  .legal-note{padding-left:1rem;padding-right:1rem;}
}