
:root{--bg:#080b18;--panel:#121427;--ink:#f9f7ff;--muted:#c7c3d9;--cyan:#3cdbff;--yellow:#ffe525;--line:#39caff34}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#080b18 url('/assets/nebula.webp') center top / cover fixed no-repeat;color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.65}a{color:var(--cyan)}a:hover{text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}
.top{background:#070a16f2;border-bottom:1px solid #39caff55;backdrop-filter:blur(15px);position:sticky;top:0;z-index:5}.top-inner{max-width:1200px;margin:auto;min-height:66px;padding:10px 24px;display:flex;justify-content:space-between;gap:20px;align-items:center}.brand{font-size:20px;letter-spacing:-.5px;line-height:1.15;color:#fff;font-weight:1000;text-decoration:none}.brand span{color:var(--yellow)}.top nav{display:flex;flex-wrap:wrap;align-items:center;gap:20px;font-size:12px;text-transform:uppercase;letter-spacing:1px;font-weight:800}.top nav a{color:#f5f3ff;text-decoration:none}.top nav a:hover{color:var(--cyan)}.top .promo{padding:10px 13px;border-radius:8px;background:var(--yellow);color:#111!important}
main{max-width:1100px;padding:40px 22px 72px;margin:0 auto}.breadcrumbs{font-size:13px;color:#a9a6ba;margin-bottom:24px}.breadcrumbs a{color:#a9eaff}.hero{background:linear-gradient(135deg,#191733e8,#0c1529e8);border:1px solid #30d7ff66;border-radius:24px;padding:clamp(26px,5vw,57px);box-shadow:0 25px 75px #0009,0 0 28px #7720f52e;overflow:hidden}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:3px;font-weight:900;color:var(--cyan);margin:0 0 12px}h1{font-size:clamp(34px,5.2vw,64px);line-height:1.03;letter-spacing:-2.5px;margin:0 0 22px;text-transform:uppercase}h1 em{color:var(--yellow);font-style:normal}h2{font-size:clamp(25px,3.5vw,38px);letter-spacing:-1px;line-height:1.13;margin:0 0 18px}h3{font-size:19px;line-height:1.3;margin:0 0 10px}.lede{font-size:18px;color:#e2dff1;max-width:770px;line-height:1.65;margin:0}.pills{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.pill{background:#182b43;border:1px solid #40c2ec64;border-radius:999px;font-weight:700;font-size:12px;letter-spacing:.5px;padding:6px 11px;color:#e1f8ff}
.content{margin:25px 0 0;padding:36px clamp(18px,4vw,42px);background:#070b1ae6;border-radius:20px;border:1px solid var(--line)}.content>p,.content li{color:var(--muted)}.content p{margin:12px 0 19px}.content ul,.content ol{padding-left:24px;margin:14px 0 24px}.content li{padding-left:3px;margin:9px 0}.info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:24px 0}.tile{padding:20px;background:#15172ce8;border:1px solid #47daff35;border-radius:15px}.tile p{font-size:14px;margin:0;color:var(--muted)}.num{color:var(--cyan);font-weight:900;font-size:13px;letter-spacing:1.5px;margin-bottom:10px}.wide-image{width:100%;max-width:660px;display:block;margin:15px auto 23px;filter:drop-shadow(0 17px 23px #000b)}.note{border-left:4px solid var(--yellow);padding:15px 19px;background:#211e24eb;border-radius:0 10px 10px 0;margin:27px 0;color:#f4eac7}.note strong{color:var(--yellow)}table{width:100%;border-collapse:collapse;font-size:14px;margin:20px 0 28px}th,td{border-bottom:1px solid #43435d;padding:13px 10px;text-align:left;vertical-align:top}th{color:var(--yellow);background:#15172a}td{color:#dcd9e8}tr:last-child td{border-bottom:0}.table-wrap{overflow-x:auto}.small{font-size:12px;color:#aba8bb!important}.cta{display:inline-flex;background:var(--yellow);color:#141015;text-decoration:none;font-weight:900;border-radius:12px;padding:13px 24px;line-height:1.4;text-transform:uppercase;font-size:14px}.cta:hover{background:#fff278}.related{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:30px 0}.related a{display:block;padding:23px;border-radius:15px;background:#15162ce9;border:1px solid #40d9ff53;text-decoration:none;font-size:18px;font-weight:900;color:#fff}.related a:hover{border-color:var(--yellow);color:var(--yellow)}.related small{display:block;margin-top:9px;color:#bbb6d0;font-weight:400;font-size:13px}.disclosure{font-size:13px;color:#d0cbde;background:#080b19ea;border:1px solid #3ad5ff47;padding:20px;border-radius:12px;margin-top:22px}footer{background:#050714ec;border-top:1px solid #39caff40;text-align:center;padding:34px 18px 60px;font-size:12px;color:#aaa5bd}footer a{color:#d2e9ff}
@media(max-width:700px){.top-inner{padding:12px 16px}.brand{font-size:17px}.top nav a:not(.promo){display:none}main{padding:20px 11px 45px}.hero{padding:26px 22px}.content{padding:24px 17px}.info-grid,.related{grid-template-columns:1fr}.lede{font-size:16px}h1{letter-spacing:-1.5px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* V10 premium guide upgrades */
.lang-switch{display:flex;align-items:center;gap:8px;margin-left:auto}.lang-pill{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border-radius:999px;border:1px solid #39caff55;background:#0f1425;color:#fff;text-decoration:none;font-size:12px;font-weight:800;letter-spacing:.4px;text-transform:uppercase}.lang-pill.active{background:#182b43;border-color:#5bdfff;color:#fff;box-shadow:0 0 0 1px #5bdfff33 inset}.lang-pill:hover{color:#fff;border-color:#ffe525}.lang-pill .flag{font-size:15px;line-height:1}.hero .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.secondary-cta{display:inline-flex;background:#152339;color:#e8f8ff;text-decoration:none;font-weight:800;border-radius:12px;padding:13px 20px;line-height:1.4;border:1px solid #39caff55}.secondary-cta:hover{background:#1b2d48}.promo-banner{display:block;line-height:0;border-radius:22px;overflow:hidden;border:1px solid #56d6ff78;box-shadow:0 14px 48px #03000dc9,0 0 32px #801cff44;margin:22px 0 28px}.promo-banner img{display:block;width:100%;height:auto}.promo-banner:hover{box-shadow:0 17px 50px #03000ddf,0 0 42px #28d7ff66}.pack-showcase{margin:28px 0 18px}.pack-showcase .showcase-kicker{color:var(--cyan);font-size:12px;text-transform:uppercase;letter-spacing:2px;font-weight:900;margin:0 0 14px}.pack-grid-guide{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;margin:0 0 12px}.pack-grid-guide a{display:block;filter:drop-shadow(0 0 15px #15c5ff36);transition:transform .2s ease, filter .2s ease}.pack-grid-guide a:hover{transform:translateY(-6px);filter:drop-shadow(0 0 21px #ffe52566)}.pack-grid-guide img{display:block;width:100%;height:auto}.tiny-note{font-size:12px;color:#aba8bb;margin:10px 0 0}.dual-banners{display:grid;grid-template-columns:1fr;gap:18px;margin:8px 0 28px}.pack-pills{display:flex;flex-wrap:wrap;gap:9px;margin:14px 0 0}.pack-pills span{font-size:12px;background:#121b31;border:1px solid #40c2ec64;border-radius:999px;padding:6px 10px;color:#e1f8ff;font-weight:700}.small-hero-note{font-size:13px;color:#bbb6d0;margin-top:14px}.related.three{grid-template-columns:repeat(3,1fr)}
@media(max-width:900px){.top-inner{flex-wrap:wrap}.lang-switch{width:100%;justify-content:flex-start;margin-left:0}.pack-grid-guide{grid-template-columns:repeat(3,minmax(0,1fr))}.related.three{grid-template-columns:1fr}.hero .hero-actions{flex-direction:column;align-items:flex-start}}
@media(max-width:520px){.pack-grid-guide{grid-template-columns:repeat(2,minmax(0,1fr))}.lang-pill{padding:7px 9px;font-size:11px}}
