*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#07101f;color:#fff;font:15px/1.55 Arial,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.top{height:72px;position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:25px;padding:0 max(4vw,24px);background:#07101ff2;border-bottom:1px solid #1d2a42;backdrop-filter:blur(12px)}.logo img{width:135px;height:auto}.top nav{display:flex;gap:22px;margin-left:auto;align-items:center}.top nav>a,.drop>a{font-weight:700;font-size:14px}.drop{position:relative}.dropmenu{display:none;position:absolute;top:28px;left:-20px;width:220px;background:#141e33;border-radius:18px;padding:12px;box-shadow:0 20px 40px #0008}.drop:hover .dropmenu{display:block}.dropmenu a{display:block;padding:11px 12px;border-radius:9px}.dropmenu a:hover{background:#1e2b45}.head-actions{display:flex;gap:10px}.btn{display:inline-block;border:1px solid #23bd70;background:transparent;color:#fff;border-radius:13px;padding:11px 22px;font-weight:800}.primary{border:0;background:#1765d8}.green{border:0;background:#27bd70}.big{padding:15px 28px}.burger{display:none;background:none;border:0;color:#fff;font-size:27px}.hero,.section,.quick,.banner,footer{max-width:1260px;margin:auto}.hero{min-height:520px;display:grid;grid-template-columns:1.05fr .95fr;gap:30px;align-items:center;padding:58px 28px 34px}.eyebrow,small{color:#31d581;font-weight:900;letter-spacing:.6px}.hero h1{font-size:48px;line-height:1.05;margin:12px 0 18px}.hero p{max-width:620px;color:#c7d2e4;font-size:17px}.hero-art img{border-radius:24px;box-shadow:0 25px 70px #0009}.cta{display:flex;gap:12px;margin:27px 0}.trust{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;color:#c4cee0;font-size:12px}.quick{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;padding:0 28px 28px}.quick a{background:#121d32;border:1px solid #22314e;border-radius:15px;padding:18px;text-align:center;font-weight:800}.quick span{display:block;margin-top:5px}.section{padding:52px 28px}.section.alt{background:#101a2e;border-radius:24px}.section h2,.banner h2{font-size:31px;line-height:1.2;margin:8px 0}.section p{color:#bdc9dc}.section-head{display:flex;align-items:end;justify-content:space-between;gap:25px}.feature-image{margin:25px 0;height:240px;overflow:hidden;border-radius:18px}.feature-image img{width:100%;height:100%;object-fit:cover}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.cards article,.odds span{background:#151f34;border:1px solid #293956;border-radius:14px;padding:18px}.cards span{display:block;color:#aebbd0;margin-top:6px}.split{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}.split>img{border-radius:18px;max-height:360px;width:100%;object-fit:cover}.odds{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}.odds span{display:flex;justify-content:space-between}.banner{margin-top:25px;margin-bottom:45px;padding:35px;display:flex;align-items:center;justify-content:space-between;gap:30px;background:linear-gradient(110deg,#23bd70,#1262cc);border-radius:20px}.faq details{background:#111d31;border:1px solid #263650;border-radius:12px;padding:17px 20px;margin:10px 0}.faq summary{font-weight:800;cursor:pointer}.content-page{max-width:1000px;margin:auto;padding:55px 28px 70px}.content-page h1{font-size:42px;margin:8px 0 20px}.content-page h2{margin-top:34px}.content-page p,.content-page li{color:#c4cee0}.info-table{width:100%;border-collapse:collapse;margin:25px 0}.info-table td{padding:13px;border:1px solid #2a3954}.info-table td:first-child{font-weight:800;color:#31d581}footer{border-top:1px solid #24334e;padding:35px 28px 90px;display:flex;align-items:flex-start;gap:35px;color:#9eacc2}footer div{margin-left:auto;display:flex;flex-wrap:wrap;gap:15px;max-width:650px}.mobile-cta{display:none}@media(max-width:760px){.top{height:62px;padding:0 16px}.top nav,.head-actions{display:none}.burger{display:block;margin-left:auto}.logo img{width:115px}.hero{display:block;min-height:auto;padding:30px 16px 20px}.hero h1{font-size:34px}.hero p{font-size:14px}.hero-art{margin-top:20px}.cta{display:grid}.trust{grid-template-columns:repeat(2,1fr)}.quick{grid-template-columns:repeat(2,1fr);padding:10px 12px 20px}.section{padding:36px 14px}.section.alt{border-radius:0}.section h2,.banner h2{font-size:24px}.section-head{display:block}.feature-image{height:170px}.cards{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr}.odds{grid-template-columns:1fr}.banner{margin:15px 12px 30px;padding:24px 18px;display:block}.banner .btn{margin-top:15px}.content-page{padding:35px 16px 90px}.content-page h1{font-size:32px}footer{display:block;padding:30px 16px 100px}footer div{margin:20px 0 0}.mobile-cta{display:grid;grid-template-columns:1fr 1fr;position:fixed;z-index:60;bottom:0;left:0;right:0;padding:9px;background:#07101ff2;gap:8px}.mobile-cta a{padding:13px;text-align:center;border-radius:9px;font-weight:900}.mobile-cta a:first-child{background:#27bd70}}
/* Rich internal guides */
.rich-page{max-width:1180px}.breadcrumbs{display:flex;gap:9px;align-items:center;font-size:13px;opacity:.72;margin:8px 0 20px}.breadcrumbs a{color:inherit}.page-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center;padding:34px;border-radius:24px;background:linear-gradient(135deg,rgba(35,55,92,.92),rgba(15,24,44,.96));margin-bottom:30px}.page-hero h1{margin:8px 0 14px;font-size:clamp(34px,5vw,58px);line-height:1.02}.page-hero p{font-size:17px;line-height:1.65;max-width:720px}.page-hero img{width:100%;height:260px;object-fit:cover;border-radius:18px}.hero-actions{display:flex;gap:12px;margin-top:22px}.article-grid{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:30px}.article-section{padding:26px 0;border-bottom:1px solid rgba(255,255,255,.09)}.article-section h2,.related h2{font-size:27px;margin:0 0 14px}.article-section p,.article-section li{line-height:1.75}.check-list{padding-left:22px}.side-nav{align-self:start;position:sticky;top:90px;padding:22px;border-radius:18px;background:rgba(255,255,255,.055);display:flex;flex-direction:column;gap:8px}.side-nav b{margin-bottom:7px}.side-nav a{padding:10px 12px;border-radius:10px;color:inherit;text-decoration:none}.side-nav a:hover{background:rgba(255,255,255,.07)}.table-wrap{overflow:auto}.info-table th{text-align:left}.faq details{padding:16px 0;border-bottom:1px solid rgba(255,255,255,.08)}.faq summary{font-weight:700;cursor:pointer}.faq details p{margin-bottom:0;opacity:.82}.related{padding:34px 0 10px}@media(max-width:850px){.page-hero{grid-template-columns:1fr;padding:24px}.page-hero img{height:210px}.article-grid{grid-template-columns:1fr}.side-nav{position:static}.hero-actions{flex-wrap:wrap}}


/* Mobile navigation */
@media (max-width: 760px) {
  .top { position: sticky; }
  .top nav {
    display: none;
    position: absolute;
    top: 62px;
    left: 0;
    right: 0;
    max-height: calc(100vh - 62px);
    overflow-y: auto;
    padding: 14px 16px 110px;
    background: #0b1528;
    border-bottom: 1px solid #24334e;
    box-shadow: 0 22px 50px rgba(0,0,0,.45);
    flex-direction: column;
    align-items: stretch;
    gap: 4px;
  }
  body.menu-open { overflow: hidden; }
  body.menu-open .top nav { display: flex; }
  .top nav > a, .drop > a {
    display: block;
    padding: 13px 12px;
    border-radius: 10px;
  }
  .drop { width: 100%; }
  .dropmenu {
    display: block;
    position: static;
    width: auto;
    margin: 0 0 6px 14px;
    padding: 2px 0 2px 10px;
    background: transparent;
    box-shadow: none;
    border-left: 1px solid #2b3b58;
  }
  .dropmenu a { padding: 10px 12px; color: #c7d2e4; }
  .burger { cursor: pointer; }
  .burger[aria-expanded="true"] { color: #31d581; }
}


/* Hero media: never crop artwork */
.page-hero > img {
  width: 100%;
  height: auto;
  max-height: none;
  object-fit: contain;
  object-position: center;
  border-radius: 18px;
  background: #081426;
}
@media (max-width: 850px) {
  .page-hero > img { height: auto; max-height: none; object-fit: contain; }
}

/* Robust mobile menu (works with inline fallback and JS enhancement) */
@media (max-width: 760px) {
  .burger {
    display: inline-flex; align-items: center; justify-content: center;
    position: relative; z-index: 120; min-width: 44px; min-height: 44px;
    padding: 6px; touch-action: manipulation; pointer-events: auto;
  }
  .top.menu-open nav, body.menu-open .top nav { display: flex !important; }
  .top.menu-open { z-index: 110; }
}

/* Mobile menu v3: explicit overlay and click target */
@media (max-width: 760px) {
  .top .burger {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1002;
    width: 46px;
    height: 46px;
    margin-left: auto;
    border: 0;
    background: transparent;
    color: #fff;
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
    pointer-events: auto !important;
    -webkit-tap-highlight-color: transparent;
  }
  .top > nav {
    display: none !important;
    position: fixed !important;
    z-index: 1000;
    top: 62px !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    max-height: none !important;
    overflow-y: auto !important;
    margin: 0 !important;
    padding: 18px 18px 110px !important;
    background: #0b1528 !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 5px !important;
  }
  .top.menu-open > nav { display: flex !important; }
  .top.menu-open { z-index: 1001 !important; }
  body.menu-open { overflow: hidden !important; }
}


/* PTLB visual variant */
:root{--panel:#0d1a2d;--line:#203a50;--mint:#20d67a;--cyan:#20a7d8}
body{background:radial-gradient(circle at 80% 0,#0d2c3b 0,transparent 28%),#06111d}
.top{background:#06111df4;border-color:#173347}
.btn{border-radius:10px;border-color:#2a6f70}.primary,.green{background:linear-gradient(135deg,var(--mint),#12a96b);color:#04140e}.hero{grid-template-columns:.92fr 1.08fr}.hero-art img{border-radius:14px}.quick a,.cards article,.odds span{background:#0c1c2d;border-color:#1b3c4d}.section.alt{background:#0a1929}.page-hero{grid-template-columns:1fr 1fr;background:linear-gradient(120deg,#0d2635,#0a1727);border:1px solid #1b4051;border-radius:18px}.page-hero>img{border-radius:12px}.eyebrow,small,.info-table th{color:#43e49a}.banner{background:linear-gradient(115deg,#0b9165,#1477a2)}.banner-btn{background:#fff;color:#08211a;border-color:#fff}.footer-copy{max-width:300px;margin:0;color:#91a9b7}.reverse>div{order:2}.reverse>img{order:1}
@media(max-width:760px){.hero{padding-top:22px}.hero h1{font-size:38px}.page-hero{padding:18px}.page-hero h1{font-size:34px}.reverse>div,.reverse>img{order:initial}.top .burger{background:#0d2231;border:1px solid #1e485b;border-radius:10px}}
