:root{--ink:#102033;--muted:#607184;--bg:#f5f7fb;--paper:#fff;--line:#dce5ef;--navy:#081a33;--blue:#1d6fff;--cyan:#18b7ff;--gold:#f0b84b;--green:#18a66a;--danger:#d64b4b;--shadow:0 20px 55px rgba(14,32,56,.12);--radius:28px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#f7faff,#eef3f8);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC","Microsoft JhengHei",Arial,sans-serif;line-height:1.72}a{color:inherit}.wrap{max-width:1220px;margin:auto;padding:0 22px}.top{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(216,226,238,.85)}.topin{max-width:1220px;margin:auto;padding:14px 22px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-weight:1000}.brandMark{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:linear-gradient(135deg,var(--navy),#1557bd);color:#fff;box-shadow:0 10px 24px rgba(29,111,255,.25)}.nav{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.nav a{text-decoration:none;font-size:13.5px;font-weight:850;color:#516479;padding:8px 11px;border-radius:999px}.nav a:hover,.nav a.active{background:#eaf2ff;color:#105ccf}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 12% 18%,rgba(24,183,255,.26),transparent 30%),radial-gradient(circle at 84% 8%,rgba(240,184,75,.24),transparent 28%),linear-gradient(135deg,#07182f 0%,#0d3567 52%,#0f6bca 100%);color:#fff;padding:72px 0 58px}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(180deg,rgba(0,0,0,.75),transparent 76%)}.heroGrid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1.02fr;gap:46px;align-items:center}.kicker{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.26);border-radius:999px;padding:7px 12px;color:#e9f5ff;font-weight:950;font-size:13px}.kicker i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 6px rgba(24,166,106,.18)}h1{font-size:clamp(40px,5.2vw,72px);line-height:1.02;letter-spacing:-.052em;margin:18px 0}.lead{font-size:clamp(17px,2vw,21px);color:#d9e8fb;max-width:760px}.heroActions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 19px;border-radius:14px;text-decoration:none;font-weight:1000;border:1px solid transparent}.btn.primary{background:#fff;color:#07182f}.btn.blue{background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff}.btn.ghost{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.28);color:#fff}.trustStrip{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.trustStrip span{font-size:13px;font-weight:850;color:#d8e8fb;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);padding:8px 11px;border-radius:999px}.showcase{position:relative;min-height:560px}.browserCard{position:absolute;inset:18px 0 auto 20px;height:430px;background:rgba(255,255,255,.96);border-radius:26px;padding:15px;box-shadow:0 35px 95px rgba(0,0,0,.34);color:var(--ink);transform:rotate(-1.2deg)}.browserBar{height:34px;border-radius:14px;background:#edf3fa;display:flex;align-items:center;gap:7px;padding:0 12px;margin-bottom:12px}.browserBar span{width:10px;height:10px;border-radius:50%;background:#ff6b6b}.browserBar span:nth-child(2){background:#ffc857}.browserBar span:nth-child(3){background:#46d39a}.browserBody{display:grid;grid-template-columns:.74fr 1fr;gap:14px;height:350px}.largeShot,.smallShot{background:#0b1830;border-radius:18px;padding:8px;overflow:hidden}.largeShot img,.smallShot img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:12px;display:block}.dash{display:grid;gap:12px}.dashPanel{border:1px solid #dce6f1;background:#f7faff;border-radius:18px;padding:15px}.dashPanel b{display:block;margin-bottom:4px}.dashPanel p{margin:0;color:#647589;font-size:14px}.phoneFloat{position:absolute;right:18px;bottom:6px;width:230px;background:#08121f;border:1px solid rgba(255,255,255,.28);padding:10px;border-radius:30px;box-shadow:0 30px 80px rgba(0,0,0,.42);transform:rotate(4deg)}.phoneFloat img{width:100%;height:405px;object-fit:cover;object-position:top;border-radius:21px;display:block}.goldBadge{position:absolute;left:0;bottom:58px;background:linear-gradient(135deg,#fff,#fff6dd);color:#142033;border:1px solid rgba(240,184,75,.55);border-radius:22px;padding:16px 18px;box-shadow:0 20px 45px rgba(0,0,0,.20);max-width:290px}.goldBadge b{display:block;font-size:18px}.goldBadge span{color:#65758a;font-size:14px}.section{padding:54px 0}.sectionHead{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:24px}.sectionHead h2{font-size:clamp(30px,3.3vw,46px);line-height:1.1;margin:0;letter-spacing:-.04em}.sectionHead p{max-width:660px;margin:0;color:var(--muted)}.grid{display:grid;gap:18px}.cols3{grid-template-columns:repeat(3,minmax(0,1fr))}.cols4{grid-template-columns:repeat(4,minmax(0,1fr))}.cols2{grid-template-columns:repeat(2,minmax(0,1fr))}.routeCard{position:relative;overflow:hidden;background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:23px;text-decoration:none;box-shadow:0 12px 28px rgba(14,32,56,.055)}.routeCard:after{content:"";position:absolute;right:-35px;top:-35px;width:110px;height:110px;border-radius:50%;background:rgba(29,111,255,.08)}.routeCard:hover{transform:translateY(-3px);box-shadow:var(--shadow);transition:.18s ease}.icon{display:grid;place-items:center;width:45px;height:45px;border-radius:16px;background:linear-gradient(135deg,#eaf3ff,#f7fbff);color:#145cc5;font-weight:1000;margin-bottom:15px}.routeCard h3{margin:0 0 8px;font-size:22px}.routeCard p{margin:0;color:#5c6d80}.visualBand{background:#081a33;color:#fff}.visualBand .sectionHead p{color:#c8d7ea}.gallery{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:16px}.gallery figure{margin:0;position:relative;overflow:hidden;border-radius:26px;background:#101f35;border:1px solid rgba(255,255,255,.14);min-height:260px}.gallery figure.big{grid-row:span 2;min-height:540px}.gallery img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;opacity:.96}.gallery figcaption{position:absolute;left:14px;right:14px;bottom:14px;background:rgba(8,26,51,.78);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18);border-radius:16px;padding:11px 13px;font-size:14px;font-weight:850}.featurePanel{display:grid;grid-template-columns:.9fr 1.1fr;gap:26px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:32px;padding:28px;box-shadow:var(--shadow)}.featurePanel h2{font-size:clamp(30px,3.2vw,44px);line-height:1.12;margin:10px 0}.eyebrow{color:#1666d5;font-weight:1000;letter-spacing:.06em;font-size:13px}.featurePanel p{color:#5f7185}.checkList{display:grid;gap:11px}.checkItem{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;background:#f6f9fd;border:1px solid #e0e9f4;border-radius:18px;padding:15px}.checkItem b{display:grid;place-items:center;width:28px;height:28px;border-radius:999px;background:#e6f8f0;color:#118258}.checkItem strong{display:block}.checkItem span{display:block;color:#607184;font-size:14px;margin-top:2px}.process{counter-reset:s}.processCard{background:#fff;border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:0 10px 24px rgba(14,32,56,.05)}.processCard:before{counter-increment:s;content:"0"counter(s);display:inline-grid;place-items:center;width:38px;height:38px;border-radius:14px;background:#081a33;color:#fff;font-weight:1000;margin-bottom:14px}.processCard h3{margin:0 0 7px}.processCard p{margin:0;color:#5f7185}.tableBox{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 12px 28px rgba(14,32,56,.055)}table{width:100%;border-collapse:collapse}th,td{text-align:left;vertical-align:top;padding:16px;border-bottom:1px solid var(--line)}th{background:#eef5ff;color:#0d2c54}tr:last-child td{border-bottom:0}.notice{border:1px solid #efd6a6;background:#fff8ea;color:#4c381c;border-radius:22px;padding:18px}.faq details{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px}.faq details+details{margin-top:12px}.faq summary{font-weight:950;cursor:pointer}.faq p{margin:10px 0 0;color:#607184}.cta{position:relative;overflow:hidden;background:linear-gradient(135deg,#0b2344,#1168c5);color:#fff;border-radius:32px;padding:32px;display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center}.cta:after{content:"";position:absolute;right:-60px;top:-80px;width:230px;height:230px;border-radius:50%;background:rgba(255,255,255,.12)}.cta h2{margin:0 0 8px;font-size:32px}.cta p{margin:0;color:#d6e8fb}.footer{padding:30px 0;margin-top:36px;border-top:1px solid var(--line);color:#6a7b8f;font-size:13px}
.conversionBar{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;margin-top:26px;padding:18px;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.10);border-radius:22px;backdrop-filter:blur(12px)}.conversionBar strong{display:block;font-size:18px}.conversionBar span{display:block;color:#d9e8fb;font-size:14px;margin-top:2px}.conversionActions{display:flex;gap:10px;flex-wrap:wrap}.btn.join{background:linear-gradient(135deg,#f0b84b,#ffe49a);color:#1e2633}.btn.watch{background:linear-gradient(135deg,#18a66a,#42d993);color:#fff}.floatingCta{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:80;display:flex;gap:10px;align-items:center;padding:10px;background:rgba(8,26,51,.88);border:1px solid rgba(255,255,255,.18);border-radius:999px;box-shadow:0 18px 45px rgba(8,26,51,.28);backdrop-filter:blur(14px)}.floatingCta a{min-height:40px;padding:9px 14px;border-radius:999px;font-size:14px}.cta .btn.join{background:linear-gradient(135deg,#f0b84b,#ffe49a);color:#1e2633}@media(max-width:760px){.conversionBar{grid-template-columns:1fr}.conversionActions{display:grid}.floatingCta{left:12px;right:12px;bottom:12px;transform:none;justify-content:center;border-radius:18px}.floatingCta a{flex:1}.footer{padding-bottom:88px}}
@media(max-width:980px){.top{position:static}.topin{display:block}.brand{margin-bottom:12px}.nav{justify-content:flex-start}.heroGrid,.featurePanel,.cta{grid-template-columns:1fr}.showcase{min-height:610px}.gallery{grid-template-columns:1fr 1fr}.gallery figure.big{grid-row:auto}.cols4,.cols3,.cols2{grid-template-columns:1fr}.sectionHead{display:block}.sectionHead p{margin-top:8px}}@media(max-width:620px){.wrap{padding:0 15px}.topin{padding:12px 15px}.nav a{font-size:12.5px;padding:7px 8px}.hero{padding:44px 0 38px}h1{font-size:36px}.heroActions{display:grid}.btn{width:100%}.showcase{min-height:680px}.browserCard{left:0;right:0;top:12px;height:440px;padding:12px}.browserBody{grid-template-columns:1fr;height:360px}.dash{display:none}.phoneFloat{right:18px;bottom:16px;width:178px}.phoneFloat img{height:315px}.goldBadge{left:10px;right:120px;bottom:88px}.gallery{grid-template-columns:1fr}.gallery figure,.gallery figure.big{min-height:300px}.section{padding:38px 0}.featurePanel,.cta{padding:20px;border-radius:24px}}
/* 2026-05-18 mobile-first screenshot clarity polish: keep locked layout, only make guide images readable on phones. */
.gallery img{object-fit:contain;background:#07182f}.largeShot img,.phoneFloat img{object-fit:contain;background:#07182f}.gallery figcaption{font-size:15px;line-height:1.45}
@media(max-width:620px){.gallery figure,.gallery figure.big{min-height:620px}.gallery figcaption{font-size:16px;left:10px;right:10px;bottom:10px;padding:12px 13px}.largeShot{min-height:380px}.largeShot img{object-fit:contain}.phoneFloat{display:none}.goldBadge{left:10px;right:10px;bottom:28px;max-width:none}.showcase{min-height:635px}.browserCard{height:500px}.browserBody{height:420px}}
@media(max-width:430px){.gallery figure,.gallery figure.big{min-height:560px}.browserCard{height:470px}.browserBody{height:390px}.largeShot{min-height:350px}}
/* 2026-05-18 mobile viewport fixes after real 390px preview: prevent clipped headline/mockup and CTA overlap. */
@media(max-width:620px){body{padding-bottom:92px}.nav{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:3px}.nav a{white-space:nowrap}h1{font-size:32px;line-height:1.12;letter-spacing:-.035em;overflow-wrap:anywhere}.lead{font-size:16px}.browserCard{left:0;right:0;transform:none;overflow:hidden}.browserBody{overflow:hidden}.largeShot{padding:6px}.floatingCta{bottom:10px}.section:last-of-type{padding-bottom:110px}}
@media(max-width:390px){h1{font-size:30px}.gallery figure,.gallery figure.big{min-height:540px}.showcase{min-height:615px}.browserCard{height:455px}.browserBody{height:375px}.largeShot{min-height:335px}}
/* 2026-05-18 mobile hardening: eliminate horizontal overflow; make mobile CTA non-overlapping. */
html,body{max-width:100%;overflow-x:hidden}.heroGrid,.browserBody,.conversionBar,.conversionActions,.grid,.gallery,.featurePanel,.cta,.topin,.wrap{min-width:0}.heroGrid>*{min-width:0}img{max-width:100%}
@media(max-width:620px){body{padding-bottom:0}.wrap{width:100%;max-width:100%;overflow:hidden}.hero{overflow:hidden}.heroGrid{width:100%;max-width:100%;display:block}.heroGrid>div{max-width:100%;min-width:0}h1{display:block;max-width:100%;white-space:normal;word-break:keep-all;overflow-wrap:break-word}.kicker,.trustStrip span{max-width:100%}.heroActions,.conversionActions{width:100%;max-width:100%;grid-template-columns:1fr}.conversionBar{width:100%;max-width:100%;overflow:hidden}.showcase{width:100%;max-width:100%;overflow:hidden}.browserCard{box-sizing:border-box;max-width:100%;width:auto}.floatingCta{position:static;left:auto;right:auto;bottom:auto;transform:none;margin:18px 15px 0;display:grid;grid-template-columns:1fr;align-items:stretch;border-radius:18px}.floatingCta a{width:100%}.section:last-of-type{padding-bottom:38px}}

/* 2026-05-18 v2 mobile teaching-card clarity: one image = one key point. */
.gallery figure,.gallery figure.big{background:#06172d}.gallery img{object-fit:contain;object-position:center;background:#06172d}.largeShot img,.phoneFloat img{object-fit:contain;object-position:center;background:#06172d}.gallery figcaption{font-size:16px;line-height:1.5;background:rgba(6,18,36,.88)}
@media(max-width:620px){.gallery figure,.gallery figure.big{min-height:720px;border-radius:22px}.gallery figcaption{font-size:17px}.largeShot{min-height:430px}.browserCard{height:545px}.browserBody{height:465px}.showcase{min-height:675px}.goldBadge{bottom:16px}.visualBand .sectionHead h2:after{content:"：一張圖只看一個重點";display:block;font-size:18px;line-height:1.45;color:#ffe49a;margin-top:8px;letter-spacing:0}}
@media(max-width:430px){.gallery figure,.gallery figure.big{min-height:650px}.largeShot{min-height:390px}.browserCard{height:505px}.browserBody{height:425px}.showcase{min-height:645px}}
/* 2026-05-18 mobile zoom card fit: avoid right-edge crop in narrow 390px preview. */
@media(max-width:620px){.largeShot{padding:10px}.largeShot img{width:100%;height:100%;object-fit:contain;transform:scale(.94);transform-origin:center top}.gallery img{transform:scale(.96);transform-origin:center top}.gallery figure{padding:4px}.nav{scrollbar-width:none}.nav::-webkit-scrollbar{display:none}}

/* 2026-05-18 rich focus module: add visible hierarchy without changing locked layout structure. */
.focusModule{background:linear-gradient(180deg,#f7fbff,#edf4fb)}.focusBox{display:grid;grid-template-columns:.95fr 1.05fr;gap:22px;align-items:stretch}.focusIntro{background:#fff;border:1px solid var(--line);border-radius:32px;padding:28px;box-shadow:var(--shadow)}.focusIntro h2{font-size:clamp(30px,3.1vw,44px);line-height:1.12;margin:10px 0 12px;letter-spacing:-.035em}.focusIntro p{margin:0;color:#5f7185;font-size:17px}.focusCards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.focusCard{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:210px;text-decoration:none;background:#fff;border:1px solid #dbe7f4;border-radius:26px;padding:22px;box-shadow:0 14px 32px rgba(14,32,56,.075)}.focusCard:before{content:"";position:absolute;right:-42px;top:-42px;width:118px;height:118px;border-radius:50%;background:linear-gradient(135deg,rgba(29,111,255,.14),rgba(24,183,255,.08))}.focusCard strong{position:relative;font-size:23px;line-height:1.22;color:#0d2c54}.focusCard span{position:relative;margin-top:10px;color:#607184;line-height:1.55}.focusCard em{position:relative;margin-top:auto;display:inline-flex;align-items:center;justify-content:center;width:max-content;max-width:100%;padding:10px 13px;border-radius:999px;background:linear-gradient(135deg,#18a66a,#42d993);color:#fff;font-style:normal;font-weight:1000}.focusCard:nth-child(2) em{background:linear-gradient(135deg,#1d6fff,#18b7ff)}.focusCard:nth-child(3) em{background:linear-gradient(135deg,#f0b84b,#ffe49a);color:#1e2633}.focusProof{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none;margin:0;padding:0}.focusProof li{background:#081a33;color:#fff;border-radius:22px;padding:18px;border:1px solid rgba(255,255,255,.08)}.focusProof b{display:block;font-size:17px;margin-bottom:5px;color:#ffe49a}.focusProof span{display:block;color:#cfe0f4;font-size:14px;line-height:1.55}@media(max-width:980px){.focusBox{grid-template-columns:1fr}.focusCards,.focusProof{grid-template-columns:1fr}}@media(max-width:620px){.focusModule{padding-top:34px}.focusIntro,.focusCard{border-radius:22px;padding:20px}.focusCards{gap:12px}.focusCard{min-height:0}.focusCard strong{font-size:22px}.focusCard span{font-size:15.5px}.focusProof li{padding:16px}}
/* 2026-05-18 mobile overflow/richness polish: keep focus, remove clipped decorative edges. */
@media(max-width:620px){
  *{max-width:100%}
  .wrap{padding-left:14px;padding-right:14px;overflow:visible}
  .hero,.section,.visualBand,.focusModule{overflow:hidden}
  .nav,.trustStrip{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:8px;padding-bottom:4px;scrollbar-width:none}
  .nav::-webkit-scrollbar,.trustStrip::-webkit-scrollbar{display:none}
  .nav a,.trustStrip span{flex:0 0 auto;white-space:nowrap}
  .btn{white-space:normal;text-align:center;line-height:1.35}
  .routeCard:after,.focusCard:before,.cta:after{display:none}
  .routeCard,.focusCard,.processCard,.dashPanel,.checkItem{overflow:hidden}
  .focusCard em{width:100%;text-align:center}
  .sectionHead h2,.focusIntro h2,.routeCard h3,.processCard h3{overflow-wrap:break-word;word-break:keep-all}
  .browserCard{left:0;right:0;width:auto;max-width:100%;box-sizing:border-box}
  .gallery figure,.gallery figure.big{min-height:610px;box-sizing:border-box}
  .conversionActions .btn{width:100%}
}

/* 2026-05-25 final visual repair override, kept at EOF to win legacy rules. */
body.page-register,
body.page-deposit,
body.page-contact,
body.page-about,
body.page-disclaimer,
body.page-privacy,
body.page-terms,
body.page-responsible{background:#f4f7fb!important;color:#102033!important}
body.page-register .section,
body.page-deposit .section,
body.page-contact .section,
body.page-about .section,
body.page-disclaimer .section,
body.page-privacy .section,
body.page-terms .section,
body.page-responsible .section{background:#f4f7fb!important;color:#102033!important}
body.page-register .section:nth-of-type(even),
body.page-deposit .section:nth-of-type(even),
body.page-contact .section:nth-of-type(even),
body.page-about .section:nth-of-type(even),
body.page-disclaimer .section:nth-of-type(even),
body.page-privacy .section:nth-of-type(even),
body.page-terms .section:nth-of-type(even),
body.page-responsible .section:nth-of-type(even){background:#fff!important}
body.page-register .sectionHead h2,
body.page-deposit .sectionHead h2,
body.page-contact .sectionHead h2,
body.page-about .sectionHead h2,
body.page-disclaimer .sectionHead h2,
body.page-privacy .sectionHead h2,
body.page-terms .sectionHead h2,
body.page-responsible .sectionHead h2,
body.page-register .featurePanel h2,
body.page-deposit .featurePanel h2,
body.page-contact .featurePanel h2{color:#102033!important;opacity:1!important;font-size:clamp(30px,3.2vw,46px)!important;line-height:1.14!important;letter-spacing:-.02em!important}
body.page-register .sectionHead p,
body.page-deposit .sectionHead p,
body.page-contact .sectionHead p,
body.page-about .sectionHead p,
body.page-disclaimer .sectionHead p,
body.page-privacy .sectionHead p,
body.page-terms .sectionHead p,
body.page-responsible .sectionHead p,
body.page-register .featurePanel p,
body.page-deposit .featurePanel p,
body.page-contact .featurePanel p{color:#52677d!important;opacity:1!important}
body.page-register .processCard,
body.page-deposit .processCard,
body.page-contact .processCard,
body.page-register .featurePanel,
body.page-deposit .featurePanel,
body.page-contact .featurePanel,
body.page-register .checkItem,
body.page-deposit .checkItem,
body.page-contact .checkItem,
body.page-register .faq details,
body.page-deposit .faq details,
body.page-contact .faq details{background:#fff!important;color:#102033!important;border:1px solid #dce6f1!important;box-shadow:0 14px 34px rgba(12,31,56,.07)!important}
body.page-register .processCard h3,
body.page-deposit .processCard h3,
body.page-contact .processCard h3,
body.page-register .checkItem strong,
body.page-deposit .checkItem strong,
body.page-contact .checkItem strong,
body.page-register .faq summary,
body.page-deposit .faq summary,
body.page-contact .faq summary{color:#102033!important}
body.page-register .processCard p,
body.page-deposit .processCard p,
body.page-contact .processCard p,
body.page-register .checkItem span,
body.page-deposit .checkItem span,
body.page-contact .checkItem span,
body.page-register .faq p,
body.page-deposit .faq p,
body.page-contact .faq p{color:#52677d!important}
@media(max-width:620px){
  body.page-register .sectionHead h2,
  body.page-deposit .sectionHead h2,
  body.page-contact .sectionHead h2,
  body.page-about .sectionHead h2,
  body.page-disclaimer .sectionHead h2,
  body.page-privacy .sectionHead h2,
  body.page-terms .sectionHead h2,
  body.page-responsible .sectionHead h2{font-size:26px!important;line-height:1.22!important}
}

/* 2026-05-25 premium hub/mobile conversion layer. */
.siteMobileCta{
  display:none;
}
body.page-news .routeCard,
body.page-premier-hub .routeCard,
body.page-register .routeCard,
body.page-deposit .routeCard,
body.page-contact .routeCard,
body.page-about .routeCard,
body.page-disclaimer .routeCard,
body.page-privacy .routeCard,
body.page-terms .routeCard,
body.page-responsible .routeCard{
  border-radius:12px;
}
body.page-news .visualBand .routeCard{
  background:rgba(255,255,255,.95);
  color:#102033;
}
body.page-news .visualBand .sectionHead p{
  color:#cfe0f4;
}
body.page-news .hero h1,
body.page-premier-hub .hero h1{
  max-width:820px;
}
body.page-news .largeShot img,
body.page-premier-hub .largeShot img{
  object-fit:cover;
  object-position:top;
}
@media(max-width:620px){
  .siteMobileCta{
    position:fixed;
    left:10px;
    right:10px;
    bottom:10px;
    z-index:120;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:8px;
    padding:8px;
    border-radius:16px;
    background:rgba(7,17,31,.92);
    border:1px solid rgba(255,255,255,.16);
    backdrop-filter:blur(14px);
    box-shadow:0 18px 44px rgba(7,17,31,.28);
  }
  .siteMobileCta a{
    text-align:center;
    text-decoration:none;
    color:#07111f;
    background:#ffe18a;
    border-radius:11px;
    padding:11px 6px;
    font-weight:1000;
    font-size:14px;
  }
  .siteMobileCta a:nth-child(3){
    background:#fff;
  }
  body{
    padding-bottom:82px;
  }
  .footer{
    padding-bottom:88px;
  }
}

@media(max-width:620px){
  body.page-gameplus-guide .heroActions{
    width:100%!important;
    max-width:100%!important;
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  body.page-gameplus-guide .heroActions .btn{
    width:100%!important;
    max-width:100%!important;
  }
}
@media(max-width:390px){.gallery figure,.gallery figure.big{min-height:580px}.focusIntro h2{font-size:29px}.focusCard strong{font-size:21px}}
/* 2026-05-18 final mobile pill fit: trust pills wrap instead of looking clipped. */
@media(max-width:620px){.hero .wrap{padding-left:16px;padding-right:16px}.trustStrip{flex-wrap:wrap;overflow:visible;padding-bottom:0}.trustStrip span{flex:0 1 auto;white-space:normal}.conversionBar{padding:16px}.heroActions,.conversionActions{max-width:100%;overflow:hidden}}
/* 2026-05-18 hard mobile text wrap: prevent Chinese headings/cards from being clipped on 390px screens. */
@media(max-width:620px){h1,h2,h3,p,span,strong,em,figcaption,.lead,.conversionBar,.focusIntro,.focusCard,.routeCard,.dashPanel,.goldBadge,.sectionHead{white-space:normal;overflow-wrap:anywhere;word-break:normal}.focusIntro h2,.sectionHead h2,.routeCard h3,.processCard h3{word-break:normal;overflow-wrap:anywhere}.top,.topin,.hero,.wrap,.section,.focusBox,.focusIntro,.focusCards,.focusCard,.routeCard,.conversionBar,.showcase,.browserCard,.gallery,.gallery figure{width:100%;max-width:100%;box-sizing:border-box}.nav{max-width:100%;overflow-x:auto}.nav a{flex:0 0 auto}.heroGrid{overflow:visible}}
/* 2026-05-18 broaden mobile safeguards for Chrome/Telegram preview widths. */
@media(max-width:980px){
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  .wrap,.topin,.heroGrid,.heroGrid>div,.showcase,.browserCard,.conversionBar,.focusBox,.focusIntro,.focusCards,.focusCard,.routeCard,.gallery,.gallery figure{width:100%;max-width:100%;min-width:0;box-sizing:border-box}
  .heroGrid,.focusBox,.featurePanel,.cta{display:block}
  h1,h2,h3,p,span,strong,em,figcaption,.lead{white-space:normal;overflow-wrap:anywhere;word-break:normal;max-width:100%}
  h1{font-size:32px;line-height:1.14;letter-spacing:-.03em}
  .lead{font-size:16px;line-height:1.65}
  .browserCard{position:relative;inset:auto;transform:none;margin-top:24px;height:auto;min-height:470px}
  .browserBody{display:block;height:auto}.largeShot{height:420px}.dash{display:none}.phoneFloat{display:none}.goldBadge{position:relative;left:auto;right:auto;bottom:auto;margin-top:14px;max-width:100%}
  .focusCards,.focusProof,.cols4,.cols3,.cols2,.gallery{grid-template-columns:1fr}
  .nav{flex-wrap:nowrap;overflow-x:auto}.nav a{flex:0 0 auto}
}
/* 2026-05-18 global safety: allow long Chinese/CTA strings to wrap instead of clipping. */
body{overflow-wrap:anywhere}h1,h2,h3,p,a,span,strong,em,figcaption{overflow-wrap:anywhere}.hero,.section,.top,.footer{max-width:100%;overflow-x:hidden}.btn{max-width:100%;white-space:normal;text-align:center}
@media(max-width:980px){.hero{padding-top:38px}.hero .wrap{padding-left:18px;padding-right:18px}.hero h1{font-size:28px;line-height:1.2;letter-spacing:-.02em}.conversionBar strong{font-size:17px}.trustStrip span{font-size:12.5px}.focusIntro h2,.sectionHead h2{font-size:28px;line-height:1.18}.focusCard strong{font-size:21px}.routeCard h3{font-size:21px}}

/* 2026-05-18 conversion pull module: make new users join mid-page and old users return to play. */
.conversionPull{background:linear-gradient(180deg,#fff,#f3f7fc)}.pullBox{display:grid;grid-template-columns:.85fr 1.15fr;gap:22px;align-items:stretch}.pullHead{background:linear-gradient(135deg,#081a33,#115eb6);color:#fff;border-radius:32px;padding:30px;box-shadow:0 22px 56px rgba(8,26,51,.22)}.pullHead .eyebrow{color:#ffe49a}.pullHead h2{font-size:clamp(31px,3.2vw,46px);line-height:1.1;letter-spacing:-.04em;margin:10px 0 12px}.pullHead p{margin:0;color:#d9e8fb;font-size:17px}.pullGrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.pullGrid article{position:relative;overflow:hidden;background:#fff;border:1px solid #dae7f5;border-radius:28px;padding:24px;box-shadow:0 14px 34px rgba(14,32,56,.08);display:flex;flex-direction:column}.pullGrid article:before{content:"";position:absolute;right:-46px;top:-46px;width:130px;height:130px;border-radius:50%;background:rgba(24,166,106,.10)}.pullGrid article:nth-child(2):before{background:rgba(29,111,255,.10)}.pullGrid b{position:relative;display:block;font-size:24px;color:#0d2c54;margin-bottom:12px}.pullGrid ul{position:relative;margin:0 0 20px;padding-left:20px;color:#54677d}.pullGrid li+li{margin-top:9px}.pullGrid .btn{position:relative;margin-top:auto;width:100%}@media(max-width:980px){.pullBox,.pullGrid{grid-template-columns:1fr}.pullHead{padding:24px}.pullGrid article:before{display:none}}@media(max-width:620px){.pullHead,.pullGrid article{border-radius:22px;padding:20px}.pullHead h2{font-size:29px}.pullGrid b{font-size:22px}.pullGrid li{font-size:15.5px}}

/* 2026-05-18 conversion hierarchy + strict mobile no-clip pass. */
.pullActions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.pullActions .btn{width:100%}
@media(max-width:980px){
  html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
  .wrap{width:auto!important;max-width:none!important;margin-left:0!important;margin-right:0!important;padding-left:16px!important;padding-right:16px!important;box-sizing:border-box!important}
  .topin,.heroGrid,.heroGrid>div,.showcase,.browserCard,.conversionBar,.pullBox,.pullHead,.pullGrid,.pullGrid article,.focusBox,.focusIntro,.focusCards,.focusCard,.routeCard,.gallery,.gallery figure,.featurePanel,.cta,.tableBox{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;margin-left:0!important;margin-right:0!important}
  h1,h2,h3,p,a,span,strong,em,li,figcaption{white-space:normal!important;word-break:break-all!important;overflow-wrap:anywhere!important;max-width:100%!important}
  .hero h1{font-size:25px!important;line-height:1.24!important;letter-spacing:0!important}
  .lead{font-size:15.5px!important;line-height:1.62!important}
  .btn{padding-left:12px!important;padding-right:12px!important;min-width:0!important}
  .trustStrip,.heroActions,.conversionActions,.pullActions{width:100%!important;max-width:100%!important;overflow:visible!important}
  .trustStrip span{min-width:0!important}
  .pullActions{grid-template-columns:1fr!important}.pullHead h2{font-size:27px!important;line-height:1.2!important}.pullGrid b{font-size:21px!important}
}
/* 2026-05-18 narrow text measure on mobile: force important copy to wrap before viewport edge. */
@media(max-width:980px){.hero h1,.lead,.conversionBar>div,.pullHead h2,.pullHead p,.focusIntro h2,.focusIntro p,.sectionHead h2,.sectionHead p,.cta h2,.cta p{max-width:320px!important}.pullHead,.conversionBar,.focusIntro,.cta{overflow:hidden!important}.trustStrip{max-width:320px!important}.trustStrip span{max-width:150px!important}.heroActions,.conversionActions,.pullActions{max-width:320px!important}}
@media(max-width:360px){.hero h1,.lead,.conversionBar>div,.pullHead h2,.pullHead p,.focusIntro h2,.focusIntro p,.sectionHead h2,.sectionHead p,.cta h2,.cta p,.heroActions,.conversionActions,.pullActions,.trustStrip{max-width:290px!important}}

/* 2026-05-18 extra screenshot flow: richer mobile-first visual rhythm. */
.screenshotFlow{background:linear-gradient(180deg,#f6faff,#fff)}.shotSteps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.shotSteps figure{position:relative;margin:0;overflow:hidden;border-radius:28px;background:#07182f;border:1px solid #dce7f4;box-shadow:0 16px 34px rgba(14,32,56,.10);min-height:420px}.shotSteps figure>span{position:absolute;z-index:2;left:14px;top:14px;display:grid;place-items:center;width:46px;height:46px;border-radius:16px;background:linear-gradient(135deg,#f0b84b,#ffe49a);color:#1d2633;font-weight:1000;box-shadow:0 10px 22px rgba(0,0,0,.22)}.shotSteps img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;opacity:.96}.shotSteps figcaption{position:absolute;left:12px;right:12px;bottom:12px;background:rgba(8,26,51,.88);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.18);border-radius:18px;padding:13px;color:#fff}.shotSteps b{display:block;font-size:18px;line-height:1.25}.shotSteps em{display:block;margin-top:4px;font-style:normal;color:#d4e4f6;font-size:13.5px;line-height:1.45}@media(max-width:980px){.shotSteps{grid-template-columns:repeat(2,minmax(0,1fr))}.shotSteps figure{min-height:480px}.shotSteps img{object-fit:contain;background:#07182f}}@media(max-width:620px){.shotSteps{grid-template-columns:1fr;gap:14px}.shotSteps figure{min-height:560px;border-radius:22px}.shotSteps figcaption{left:10px;right:10px;bottom:10px}.shotSteps b{font-size:19px}.shotSteps em{font-size:14px}.screenshotFlow .sectionHead h2{font-size:28px!important}}

/* 2026-05-18 hero title polish: landing-page title, not newspaper headline. */
.heroTitle{display:grid;gap:8px;margin:18px 0 16px;letter-spacing:0;line-height:1.02}.heroTitle span{display:block;color:#d9ecff;font-size:clamp(24px,2.8vw,40px);font-weight:950;letter-spacing:.02em}.heroTitle strong{display:block;color:#fff;font-size:clamp(46px,5.4vw,74px);font-weight:1000;letter-spacing:-.035em;line-height:.98}.heroTitle em{display:inline-block;width:max-content;max-width:100%;font-style:normal;color:#081a33;background:linear-gradient(135deg,#f0b84b,#ffe49a);border-radius:20px;padding:8px 16px;font-size:clamp(26px,3.3vw,44px);font-weight:1000;letter-spacing:-.025em;box-shadow:0 16px 36px rgba(240,184,75,.20)}
@media(max-width:980px){.heroTitle{gap:7px;margin:16px 0}.heroTitle span{font-size:22px!important}.heroTitle strong{font-size:36px!important;line-height:1.08!important}.heroTitle em{width:100%;text-align:center;font-size:25px!important;line-height:1.18!important;border-radius:16px;padding:9px 12px}}
@media(max-width:420px){.heroTitle strong{font-size:32px!important}.heroTitle span{font-size:20px!important}.heroTitle em{font-size:23px!important}}

/* Accessible single H1 while visual title is split for landing-page design. */
.srOnly{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* 2026-05-18 play appeal: add reasons to play, not only navigation. */
.playAppeal{background:linear-gradient(180deg,#fff,#f2f7ff)}.appealGrid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:16px}.appealGrid article{background:#fff;border:1px solid #dae7f5;border-radius:26px;padding:22px;box-shadow:0 14px 32px rgba(14,32,56,.075)}.appealGrid .appealHero{grid-row:span 2;background:radial-gradient(circle at 90% 10%,rgba(240,184,75,.24),transparent 34%),linear-gradient(135deg,#081a33,#0f5fb9);color:#fff}.appealHero span{display:inline-flex;border:1px solid rgba(255,255,255,.26);background:rgba(255,255,255,.10);border-radius:999px;padding:6px 11px;font-weight:950;font-size:13px}.appealHero h3{font-size:clamp(28px,3vw,42px);line-height:1.12;letter-spacing:-.035em;margin:18px 0 12px}.appealHero p{color:#d9e8fb}.appealActions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.appealGrid b{display:block;font-size:23px;color:#0d2c54;margin-bottom:8px}.appealGrid p{margin:0;color:#5b6f84}.playGuide{background:#081a33;color:#fff}.playGuide .sectionHead p{color:#c9d9ed}.playCards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.playCards article{position:relative;overflow:hidden;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:26px;padding:22px}.playCards span{display:grid;place-items:center;width:44px;height:44px;border-radius:16px;background:linear-gradient(135deg,#f0b84b,#ffe49a);color:#172033;font-weight:1000;margin-bottom:16px}.playCards h3{margin:0 0 8px;font-size:23px}.playCards p{margin:0;color:#cfddef;font-size:15px}@media(max-width:980px){.appealGrid{grid-template-columns:1fr}.appealGrid .appealHero{grid-row:auto}.appealActions{grid-template-columns:1fr}.playCards{grid-template-columns:1fr 1fr}}@media(max-width:620px){.appealGrid article,.playCards article{border-radius:22px;padding:20px}.appealHero h3{font-size:28px}.playCards{grid-template-columns:1fr}.playCards h3{font-size:22px}}

/* 2026-05-18 deeper gameplay + reasons-to-play modules. */
.whyPlayHere{background:linear-gradient(180deg,#fff,#f7fbff)}.whyBox{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:stretch;background:#fff;border:1px solid #dae7f5;border-radius:34px;padding:30px;box-shadow:0 18px 46px rgba(14,32,56,.09)}.whyBox h2{font-size:clamp(30px,3.2vw,46px);line-height:1.1;letter-spacing:-.04em;margin:10px 0 12px}.whyBox p{color:#5d7085}.whyActions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.whyBox ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.whyBox li{background:#f5f9fe;border:1px solid #e0eaf5;border-radius:22px;padding:17px}.whyBox li b{display:block;color:#0d2c54;font-size:19px;margin-bottom:4px}.whyBox li span{color:#607184;font-size:14.5px}.playDepth{background:#081a33;color:#fff}.playDepth .sectionHead p{color:#c9d9ed}.depthGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.depthGrid article{position:relative;overflow:hidden;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:26px;padding:22px;min-height:210px}.depthGrid article:after{content:"";position:absolute;right:-44px;top:-44px;width:120px;height:120px;border-radius:50%;background:rgba(240,184,75,.12)}.depthGrid span{position:relative;z-index:1;display:inline-flex;background:linear-gradient(135deg,#f0b84b,#ffe49a);color:#172033;border-radius:999px;padding:6px 11px;font-size:13px;font-weight:1000}.depthGrid h3{position:relative;z-index:1;margin:14px 0 8px;font-size:24px}.depthGrid p{position:relative;z-index:1;margin:0;color:#d5e2f2;font-size:15px}@media(max-width:980px){.whyBox,.whyBox ul{grid-template-columns:1fr}.whyActions{grid-template-columns:1fr}.depthGrid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.whyBox{border-radius:24px;padding:20px}.whyBox h2{font-size:28px}.depthGrid{grid-template-columns:1fr}.depthGrid article{border-radius:22px;min-height:auto}.depthGrid article:after{display:none}}

/* 2026-05-18 no-fluff conversion rewrite: fewer words, clearer reasons. */
.noFluff{background:linear-gradient(180deg,#fff,#f5f9ff)}.pointStack{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}.pointStack article{background:#fff;border:1px solid #dae7f5;border-radius:26px;padding:22px;box-shadow:0 14px 32px rgba(14,32,56,.075)}.pointStack .pointMain{grid-row:span 2;background:radial-gradient(circle at 90% 0%,rgba(240,184,75,.25),transparent 34%),linear-gradient(135deg,#081a33,#0f5fb9);color:#fff}.pointStack span{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:16px;background:linear-gradient(135deg,#f0b84b,#ffe49a);color:#172033;font-weight:1000;margin-bottom:14px}.pointStack h3{margin:0 0 10px;font-size:clamp(23px,2.3vw,32px);line-height:1.16;letter-spacing:-.025em}.pointStack p{margin:0 0 18px;color:#5d7085}.pointMain p{color:#d9e8fb}.pointStack ul{margin:0;padding-left:18px;color:#52677d}.pointStack li+li{margin-top:8px}.pointStack b{color:#0d2c54}.pointMain .btn{margin-top:6px}@media(max-width:980px){.pointStack{grid-template-columns:1fr}.pointStack .pointMain{grid-row:auto}}@media(max-width:620px){.pointStack article{border-radius:22px;padding:20px}.pointStack h3{font-size:24px}}

/* 2026-05-18 copy/layout reset: remove briefing-card feel, clarify one main path. */
.userPath{background:linear-gradient(180deg,#fff,#f6f9fd)}.pathGrid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:16px}.pathCard{display:flex;flex-direction:column;text-decoration:none;background:#fff;border:1px solid #dae7f5;border-radius:26px;padding:24px;box-shadow:0 14px 32px rgba(14,32,56,.07);min-height:250px}.pathCard.primary{background:linear-gradient(135deg,#081a33,#0f5fb9);color:#fff}.pathCard span{display:inline-flex;width:max-content;border-radius:999px;padding:6px 11px;background:#eef5ff;color:#135ec8;font-size:13px;font-weight:950;margin-bottom:14px}.pathCard.primary span{background:rgba(255,255,255,.14);color:#ffe49a;border:1px solid rgba(255,255,255,.22)}.pathCard h3{margin:0 0 10px;font-size:clamp(24px,2.5vw,34px);line-height:1.12;letter-spacing:-.025em}.pathCard p{margin:0 0 18px;color:#5e7186}.pathCard.primary p{color:#d9e8fb}.pathCard b{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;padding:12px 15px;background:linear-gradient(135deg,#1d6fff,#18b7ff);color:#fff}.pathCard.primary b{background:linear-gradient(135deg,#f0b84b,#ffe49a);color:#172033}
@media(max-width:980px){.pathGrid{grid-template-columns:1fr}.pathCard{min-height:auto}.hero .conversionBar{display:none}.heroActions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}.heroActions .join{order:1;background:linear-gradient(135deg,#f0b84b,#ffe49a)!important;color:#172033!important}.heroActions .watch{order:2;background:rgba(255,255,255,.10)!important;color:#fff!important;border-color:rgba(255,255,255,.34)!important}.showcase{min-height:auto!important}.browserCard{min-height:0!important}.largeShot{height:auto!important;max-height:360px!important}.trustStrip{max-width:none!important}.trustStrip span{max-width:none!important}h1,h2,h3,p,a,span,strong,em,li,figcaption{word-break:normal!important;overflow-wrap:break-word!important}.heroTitle strong{font-size:34px!important}.heroTitle em{font-size:22px!important;width:auto!important;text-align:left!important}.lead{max-width:none!important}.wrap{max-width:1220px!important;margin-left:auto!important;margin-right:auto!important}}
@media(max-width:620px){.pathCard{border-radius:22px;padding:20px}.pathCard h3{font-size:25px}.heroTitle span{font-size:19px!important}.heroTitle strong{font-size:31px!important}.heroTitle em{display:inline-block;font-size:20px!important}.lead{font-size:15.5px!important}.trustStrip{flex-wrap:wrap!important;overflow:visible!important}.trustStrip span{white-space:normal!important}.hero{padding-top:38px!important}}

/* 2026-05-18 sitewide final polish: reduce CTA repetition and template-card density. */
.floatingCta{display:none!important}.conversionActions{display:flex;gap:12px;flex-wrap:wrap}.pathGrid{align-items:stretch}.pathCard{min-height:220px}.pathCard h3{font-size:clamp(22px,2.1vw,30px)}.pathCard p{font-size:15.5px;line-height:1.65}.sectionHead p{max-width:760px}.gallery figure figcaption,.shotSteps figcaption{line-height:1.45}@media(max-width:620px){.conversionActions{display:grid;grid-template-columns:1fr;width:100%}.pathGrid{gap:12px}.pathCard{padding:19px}.gallery{gap:12px}.section{padding-top:42px;padding-bottom:42px}}

/* 2026-05-18 beginner gameflow upgrade: richer guide, more operation screenshots. */
.gameEnergy{background:linear-gradient(180deg,#071b34,#0e3767);color:#fff}.gameEnergyBox{display:grid;grid-template-columns:1.05fr .95fr;gap:22px;align-items:center}.gameEnergy h2,.playFocus h2{font-size:clamp(30px,3.2vw,46px);line-height:1.08;letter-spacing:-.04em;margin:10px 0 12px}.gameEnergy p{color:#d6e7fb}.scoreCards{display:grid;grid-template-columns:1fr;gap:12px}.scoreCards div{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);border-radius:24px;padding:20px}.scoreCards strong{display:block;color:#ffe49a;font-size:26px;margin-bottom:6px}.scoreCards span{color:#dcecff}.beginnerFlow{background:#f6f9fd}.flowRail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.flowRail article{background:#fff;border:1px solid #dbe8f5;border-radius:28px;padding:18px;box-shadow:0 14px 34px rgba(14,32,56,.075);display:flex;flex-direction:column}.flowRail span{display:inline-flex;width:max-content;border-radius:999px;background:#102d54;color:#ffe49a;padding:6px 11px;font-size:12px;font-weight:1000;margin-bottom:12px}.flowRail h3{font-size:23px;margin:0 0 8px;color:#0d2c54;line-height:1.18}.flowRail p{font-size:14.5px;color:#5b6f84;line-height:1.62;margin:0 0 14px}.flowRail img{margin-top:auto;width:100%;aspect-ratio:4/3;object-fit:contain;background:#eef4fb;border-radius:18px;border:1px solid #e1ebf5}.playFocus{background:#fff}.playFocusBox{display:grid;grid-template-columns:1fr 1.1fr;gap:22px;align-items:stretch;background:linear-gradient(135deg,#fff,#f7fbff);border:1px solid #dce8f5;border-radius:34px;padding:28px;box-shadow:0 18px 46px rgba(14,32,56,.08)}.playFocus p{color:#5e7186}.playChips{display:grid;grid-template-columns:1fr 1fr;gap:12px}.playChips article{border-radius:22px;background:#fff;border:1px solid #dce8f5;padding:18px}.playChips b{display:block;color:#0f5fb9;font-size:24px;margin-bottom:6px}.playChips span{color:#5d7085;line-height:1.55}@media(max-width:980px){.gameEnergyBox,.playFocusBox{grid-template-columns:1fr}.flowRail{grid-template-columns:1fr 1fr}.playChips{grid-template-columns:1fr 1fr}}@media(max-width:620px){.flowRail{grid-template-columns:1fr}.flowRail article{border-radius:22px;padding:16px}.flowRail img{aspect-ratio:16/11}.playChips{grid-template-columns:1fr}.playFocusBox{padding:20px;border-radius:24px}.gameEnergy h2,.playFocus h2{font-size:28px}.scoreCards strong{font-size:22px}}

/* 2026-05-18 page differentiation: each page gets a distinct mission module. */
.pageMission{position:relative;overflow:hidden}.pageMission:before{content:"";position:absolute;inset:0;opacity:.06;pointer-events:none;background:radial-gradient(circle at 15% 20%,#1d6fff,transparent 25%),radial-gradient(circle at 85% 10%,#f0b84b,transparent 22%)}.missionGrid{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.missionGrid article{background:#fff;border:1px solid #dae7f5;border-radius:24px;overflow:hidden;box-shadow:0 14px 32px rgba(14,32,56,.07)}.missionGrid img{width:100%;aspect-ratio:4/3;object-fit:contain;background:#eef4fb;border-bottom:1px solid #e1ebf5}.missionGrid div{padding:16px}.missionGrid span{display:block;color:#0d2c54;font-size:20px;font-weight:1000;margin-bottom:6px}.missionGrid p{margin:0;color:#5f7185;font-size:14.5px;line-height:1.55}.mapMode{background:#f8fbff}.tutorialMode{background:#fff7e7}.liveMode{background:#eef8ff}.checkMode{background:#f7f8fb}.worldMode{background:#fff4f0}.eventMode{background:#f4f7ff}.checkMode .missionGrid article{border-color:#f0d6d6}.liveMode .missionGrid article{border-color:#cfe9ff}.worldMode .missionGrid article{border-color:#ffd8c9}@media(max-width:980px){.missionGrid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.missionGrid{grid-template-columns:1fr}.missionGrid article{border-radius:20px}.missionGrid img{aspect-ratio:16/10}}

/* 2026-05-18 page-specific depth: avoid thin differentiated pages. */
.pageScenes{background:#fff}.sceneGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.sceneGrid article{background:linear-gradient(180deg,#ffffff,#f7fbff);border:1px solid #dbe8f5;border-radius:26px;overflow:hidden;box-shadow:0 14px 32px rgba(14,32,56,.065)}.sceneGrid img{width:100%;aspect-ratio:16/10;object-fit:contain;background:#eef4fb;border-bottom:1px solid #e1ebf5}.sceneGrid div{padding:18px}.sceneGrid h3{margin:0 0 8px;color:#0d2c54;font-size:22px;line-height:1.18}.sceneGrid p{margin:0;color:#5d7085;line-height:1.62;font-size:15px}@media(max-width:900px){.sceneGrid{grid-template-columns:1fr}}@media(max-width:620px){.sceneGrid article{border-radius:20px}.sceneGrid div{padding:16px}.sceneGrid h3{font-size:20px}}

/* 2026-05-18 premium safe fixes: clearer CTAs, quick return, one-line玩法, responsibility. */
.quickReturn{background:#061f3d;color:#fff}.quickReturn .sectionHead h2,.quickReturn .sectionHead p{color:#fff}.quickGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.quickCard{display:flex;align-items:center;justify-content:center;min-height:86px;border-radius:24px;text-decoration:none;font-weight:1000;font-size:18px;color:#071b34;background:#ffe08a;box-shadow:0 14px 30px rgba(0,0,0,.14)}.quickCard.live{background:#91d7ff}.quickCard.cup{background:#ffb79d}.quickCard.check{background:#e6edf5}.playOneLine{background:#f8fbff}.oneLineGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.oneLineGrid article{background:#fff;border:1px solid #dae8f5;border-radius:24px;padding:18px;box-shadow:0 12px 28px rgba(14,32,56,.06)}.oneLineGrid b{display:block;color:#0d2c54;font-size:21px;margin-bottom:8px}.oneLineGrid span{display:block;color:#40586f;line-height:1.55}.oneLineGrid em{display:block;margin-top:10px;color:#8a5a00;font-style:normal;font-size:14px}.responsibleNotice{background:#fff}.responsibleBox{border:1px solid #efd8aa;background:#fff8e6;border-radius:24px;padding:20px;color:#5d4a25}.responsibleBox strong{display:block;color:#8a5a00;font-size:20px;margin-bottom:8px}.responsibleBox p{margin:0;line-height:1.7}@media(max-width:900px){.quickGrid,.oneLineGrid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.quickGrid,.oneLineGrid{grid-template-columns:1fr}.quickCard{min-height:68px;border-radius:18px}.responsibleBox{border-radius:18px;padding:16px}}

/* 2026-05-18 visual QA fix: mobile text must wrap, never clip on the right. */
@media(max-width:980px){
  html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
  .hero,.section,.top,.footer{overflow-x:hidden!important}
  .wrap,.topin,.heroGrid,.heroGrid>div,.showcase,.browserCard,.browserBody,.conversionBar,.conversionBar>div,.heroActions,.conversionActions,.trustStrip,.pullHead,.focusIntro,.sectionHead,.cta,.gallery,.gallery figure,.featurePanel,.quickGrid,.oneLineGrid,.sceneGrid{max-width:100%!important;width:100%!important;min-width:0!important;box-sizing:border-box!important}
  .hero .wrap,.section .wrap{padding-left:16px!important;padding-right:16px!important;overflow:visible!important}
  .hero h1,.heroTitle,.heroTitle span,.heroTitle strong,.heroTitle em,.lead,.conversionBar strong,.conversionBar span,.sectionHead h2,.sectionHead p,.pullHead h2,.pullHead p,.focusIntro h2,.focusIntro p,.cta h2,.cta p{max-width:100%!important;width:auto!important;white-space:normal!important;overflow:visible!important;overflow-wrap:anywhere!important;word-break:normal!important;text-wrap:balance}
  .hero h1{font-size:28px!important;line-height:1.22!important;letter-spacing:-.018em!important;margin:14px 0!important}
  .heroTitle{display:block!important;margin:12px 0 14px!important;line-height:1.18!important}
  .heroTitle span{display:block!important;font-size:18px!important;line-height:1.35!important;margin-bottom:4px!important}
  .heroTitle strong{display:block!important;font-size:29px!important;line-height:1.18!important;letter-spacing:-.015em!important}
  .heroTitle em{display:block!important;font-size:18px!important;line-height:1.35!important;margin-top:6px!important;text-align:left!important}
  .lead{font-size:15.5px!important;line-height:1.7!important;margin-top:8px!important}
  .hero{padding-top:34px!important;padding-bottom:36px!important}
  .heroActions,.conversionActions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin-top:18px!important}
  .btn{width:100%!important;min-height:46px!important;padding:11px 13px!important;border-radius:14px!important;text-align:center!important}
  .trustStrip{display:flex!important;flex-wrap:wrap!important;overflow:visible!important;gap:8px!important;margin-top:16px!important}
  .trustStrip span{max-width:100%!important;flex:0 1 auto!important;font-size:12.5px!important;white-space:normal!important}
  .conversionBar{grid-template-columns:1fr!important;gap:12px!important;padding:14px!important;overflow:visible!important;margin-top:18px!important}
  .showcase{min-height:auto!important;margin-top:20px!important}
  .browserCard{position:relative!important;inset:auto!important;height:auto!important;transform:none!important;padding:12px!important;border-radius:22px!important}
  .browserBody{display:block!important;height:auto!important}
  .largeShot{height:auto!important;min-height:0!important;padding:8px!important}
  .largeShot img,.gallery img,.smallShot img{width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;object-position:top center!important;transform:none!important}
  .dash,.phoneFloat{display:none!important}
  .goldBadge{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;max-width:100%!important;margin-top:12px!important}
  .section{padding:38px 0!important}
  .sectionHead{display:block!important;margin-bottom:18px!important}
  .sectionHead h2{font-size:27px!important;line-height:1.22!important;letter-spacing:-.018em!important}
  .sectionHead p{font-size:15px!important;line-height:1.68!important;margin-top:8px!important}
  .gallery{grid-template-columns:1fr!important;gap:14px!important}
  .gallery figure,.gallery figure.big{min-height:0!important;height:auto!important;padding:0!important}
  .gallery figcaption{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;border-radius:0 0 18px 18px!important;font-size:14px!important;line-height:1.55!important;background:#081a33!important}
  .quickGrid,.oneLineGrid,.sceneGrid{grid-template-columns:1fr!important;gap:12px!important}
}

/* 2026-05-18 final mobile viewport containment: force every visible card/text inside safe 390px width. */
@media(max-width:980px){
  body{position:relative!important;left:0!important;right:0!important}
  .wrap,.topin{
    width:calc(100vw - 28px)!important;
    max-width:calc(100vw - 28px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:0!important;
    padding-right:0!important;
    overflow:visible!important;
  }
  .heroGrid,.heroGrid>div,.sectionHead,.grid,.routeCard,.featurePanel,.processCard,.checkItem,.notice,.faq details,.responsibleBox,.quickCard,.oneLineGrid article,.sceneGrid article,.pageMissionBox,.browserCard,.goldBadge,.cta{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }
  .heroGrid{display:block!important;overflow:visible!important}
  .hero h1,.heroTitle span,.heroTitle strong,.heroTitle em,.lead,.kicker,.conversionBar,.conversionBar strong,.conversionBar span,.trustStrip span,.sectionHead h2,.sectionHead p,.routeCard h3,.routeCard p,.processCard h3,.processCard p,.checkItem strong,.checkItem span,.notice,.faq summary,.faq p,.responsibleBox p,.quickCard,.oneLineGrid b,.oneLineGrid span,.sceneGrid h3,.sceneGrid p{
    max-width:100%!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
    line-break:anywhere!important;
  }
  .lead,.sectionHead p,.routeCard p,.processCard p,.checkItem span,.responsibleBox p,.faq p{font-size:15px!important;line-height:1.62!important}
  .heroTitle strong{font-size:26px!important;line-height:1.22!important}
  .heroTitle span,.heroTitle em{font-size:17px!important;line-height:1.32!important}
  .heroActions,.conversionActions{width:100%!important;max-width:100%!important}
  .showcase{display:block!important;width:100%!important;max-width:100%!important;overflow:visible!important;min-height:0!important}
  .browserCard{box-shadow:0 18px 42px rgba(0,0,0,.24)!important;overflow:visible!important}
  .browserBar{display:none!important}
  .browserBody{width:100%!important;max-width:100%!important;overflow:visible!important}
  .largeShot,.smallShot{width:100%!important;max-width:100%!important;height:auto!important;overflow:visible!important;background:#0b1830!important}
  .largeShot img,.smallShot img,.gallery img{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;object-fit:contain!important;object-position:center top!important;border-radius:12px!important}
  .gallery figure{overflow:visible!important;background:#101f35!important}
  .gallery figcaption{box-sizing:border-box!important;width:100%!important;max-width:100%!important;margin:0!important;padding:12px!important}
  .cols2,.cols3,.cols4{grid-template-columns:1fr!important}
  .pageMissionBox,.missionGrid,.sceneGrid{grid-template-columns:1fr!important}
}

/* 2026-05-18 emergency mobile safe-column: prefer slightly narrower layout over any right-edge clipping. */
@media(max-width:620px){
  .wrap,.topin{
    width:320px!important;
    max-width:calc(100vw - 44px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:0!important;
    padding-right:0!important;
  }
  .heroGrid,.heroGrid>div,.showcase,.browserCard,.browserBody,.conversionBar,.trustStrip,.heroActions,.conversionActions,.grid,.routeCard,.featurePanel,.processCard,.checkItem,.sectionHead,.gallery,.gallery figure,.cta,.quickGrid,.quickCard,.oneLineGrid,.oneLineGrid article,.sceneGrid,.sceneGrid article,.responsibleBox,.faq details{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
  .hero,.section,.visualBand,.focusModule,.conversionPull,.quickReturn,.playOneLine,.responsibleNotice{overflow-x:hidden!important}
  .hero h1,.heroTitle,.lead,.kicker,.sectionHead h2,.sectionHead p,.routeCard h3,.routeCard p,.processCard h3,.processCard p,.checkItem strong,.checkItem span,.faq summary,.faq p,.responsibleBox strong,.responsibleBox p,.quickCard,.oneLineGrid b,.oneLineGrid span,.sceneGrid h3,.sceneGrid p{
    width:auto!important;
    max-width:100%!important;
    white-space:normal!important;
    overflow:visible!important;
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
  }
  .hero h1{font-size:25px!important;line-height:1.26!important}
  .lead{font-size:14.5px!important;line-height:1.72!important}
  .sectionHead h2{font-size:25px!important;line-height:1.25!important}
  .routeCard{padding:18px!important;border-radius:20px!important}
  .btn{max-width:100%!important}
  .largeShot img,.smallShot img,.gallery img{width:100%!important;max-width:100%!important;height:auto!important}
}

/* 2026-05-18 final mobile simplification: remove hero mockup from first screen; keep the guide images in content sections. */
@media(max-width:620px){
  .hero .showcase{display:none!important}
  .hero{padding-top:28px!important;padding-bottom:30px!important}
  .lead,.routeCard p,.sectionHead p,.processCard p,.checkItem span,.faq p,.responsibleBox p{
    max-width:260px!important;
    margin-left:0!important;
    margin-right:auto!important;
  }
  .routeCard,.processCard,.checkItem,.faq details,.responsibleBox{padding-right:16px!important}
}

/* 2026-05-18 final CTA containment */
@media(max-width:620px){
  .heroActions,.conversionActions,.pullActions{width:260px!important;max-width:260px!important;margin-left:0!important;margin-right:auto!important}
  .heroActions .btn,.conversionActions .btn,.pullActions .btn{width:260px!important;max-width:260px!important;box-sizing:border-box!important;display:flex!important}
}


/* 2026-05-18 richer content modules */
.decisionGuide{background:linear-gradient(180deg,#fff,#f5f9ff)}.decisionGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.decisionGrid article{background:#fff;border:1px solid #dae8f5;border-radius:24px;padding:21px;box-shadow:0 14px 32px rgba(14,32,56,.06)}.decisionGrid b{display:block;color:#0d2c54;font-size:20px;line-height:1.35;margin-bottom:8px}.decisionGrid p{margin:0;color:#40586f;line-height:1.7}@media(max-width:900px){.decisionGrid{grid-template-columns:1fr}}@media(max-width:620px){.decisionGrid{grid-template-columns:1fr!important;gap:12px!important}.decisionGrid article{padding:18px!important;border-radius:20px!important}.decisionGrid b{font-size:18px!important}.decisionGrid p{font-size:15px!important;line-height:1.65!important;max-width:260px!important}}


/* 2026-05-18 CEO promotional rewrite */
.promoPulse{background:#06172b;color:#fff}.promoPulseBox{display:grid;grid-template-columns:1.45fr .9fr;gap:20px;align-items:stretch}.promoPulse h2{color:#fff;margin:8px 0 12px;font-size:34px;line-height:1.18}.promoPulse p{color:#d9e8f8;font-size:18px;line-height:1.75;margin:0}.promoPulse aside{background:linear-gradient(135deg,#f7c948,#ffdf7f);color:#142033;border-radius:26px;padding:24px;font-weight:800;line-height:1.7;box-shadow:0 18px 42px rgba(0,0,0,.18)}.promoPulse .eyebrow{color:#ffd56a}@media(max-width:900px){.promoPulseBox{grid-template-columns:1fr}.promoPulse h2{font-size:28px}.promoPulse p{font-size:16px}.promoPulse aside{font-size:15px}}


/* 2026-05-18 practical player content */
.realGuide{background:linear-gradient(180deg,#f7fbff,#ffffff)}.realGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.realGrid article{background:#fff;border:1px solid #dbe8f4;border-radius:24px;padding:22px;box-shadow:0 16px 36px rgba(12,36,64,.07)}.realGrid b{display:block;color:#092b55;font-size:20px;line-height:1.35;margin-bottom:8px}.realGrid p{margin:0;color:#425b73;line-height:1.75}.worldInfo .sectionHead h2{max-width:900px}@media(max-width:900px){.realGrid{grid-template-columns:1fr}.realGrid article{padding:18px}.realGrid b{font-size:18px}.realGrid p{font-size:15px;line-height:1.65}}

/* 2026-05-18 mobile nav overflow polish */
@media(max-width:620px){
  .top{overflow:hidden!important}
  .topin{width:100%!important;max-width:100%!important;padding-left:14px!important;padding-right:14px!important;box-sizing:border-box!important}
  .nav{display:flex!important;gap:6px!important;overflow-x:auto!important;overflow-y:hidden!important;max-width:100%!important;padding-bottom:2px!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important}
  .nav::-webkit-scrollbar{display:none!important}
  .nav a{flex:0 0 auto!important;white-space:nowrap!important;font-size:13px!important;padding:8px 10px!important}
}


/* 2026-05-18 remove bank-like card mood: sport field style */
.realGuide{background:radial-gradient(circle at 20% 0%,rgba(47,201,107,.18),transparent 34%),linear-gradient(180deg,#071b34,#0b2748)!important;color:#fff!important}.realGuide .sectionHead h2{color:#fff!important}.realGuide .sectionHead p{color:#d7e9ff!important}.realGrid{gap:14px!important}.realGrid article{background:linear-gradient(145deg,rgba(15,61,104,.96),rgba(8,30,56,.96))!important;border:1px solid rgba(255,214,103,.34)!important;border-radius:22px!important;box-shadow:0 18px 40px rgba(0,0,0,.22)!important;position:relative;overflow:hidden}.realGrid article:before{content:"";position:absolute;inset:auto -26px -34px auto;width:92px;height:92px;border:2px solid rgba(255,255,255,.12);border-radius:999px}.realGrid b{color:#ffd45f!important}.realGrid p{color:#e6f2ff!important}.realGuide .eyebrow{color:#86f3b4!important}


/* 2026-05-18 introduction tone */
.introGuide .sectionHead{text-align:left!important}.introGuide .sectionHead h2{letter-spacing:-.02em}.introGuide .realGrid article{background:linear-gradient(145deg,rgba(12,45,82,.98),rgba(10,35,66,.98))!important}.introGuide .realGrid b{font-weight:900!important}.introGuide .realGrid p{font-size:16px!important}


/* 2026-05-18 mobile nav and hero containment */
@media(max-width:620px){
  .top{overflow:hidden!important}
  .topin{display:flex!important;gap:8px!important;align-items:center!important;width:100%!important;max-width:100%!important;padding-left:10px!important;padding-right:10px!important;box-sizing:border-box!important}
  .brand{flex:0 0 auto!important;max-width:42%!important;min-width:0!important;font-size:15px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .nav{flex:1 1 auto!important;min-width:0!important;display:flex!important;gap:5px!important;overflow-x:auto!important;overflow-y:hidden!important;padding-bottom:2px!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important}
  .nav::-webkit-scrollbar{display:none!important}
  .nav a{flex:0 0 auto!important;white-space:nowrap!important;font-size:12px!important;padding:7px 8px!important;max-width:none!important}
  .hero,.heroText,.hero h1,.sectionHead h2{max-width:100%!important;overflow-wrap:anywhere!important;word-break:normal!important}
}


/* 2026-05-18 homepage background + news page */
.homeHero{background-image:linear-gradient(90deg,rgba(5,18,38,.96) 0%,rgba(6,27,54,.86) 42%,rgba(5,18,38,.58) 100%),url('../screenshots/home-news-hero-bg.jpg'),radial-gradient(circle at 12% 18%,rgba(24,183,255,.26),transparent 30%),linear-gradient(135deg,#07182f 0%,#0d3567 52%,#0f6bca 100%)!important;background-size:cover,cover,auto,auto!important;background-position:center,center top,center,center!important}.homeHero:after{content:"";position:absolute;inset:auto 0 0 0;height:42%;background:linear-gradient(180deg,transparent,rgba(5,18,38,.82));pointer-events:none}.newsHub{background:#f6f9fd}.articleGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.articleGrid article{background:#fff;border:1px solid #dce7f2;border-radius:24px;padding:24px;box-shadow:0 16px 36px rgba(12,36,64,.08)}.articleGrid span{display:inline-flex;border-radius:999px;background:#e9f3ff;color:#135db7;font-weight:900;font-size:13px;padding:5px 10px;margin-bottom:12px}.articleGrid h3{font-size:22px;line-height:1.35;margin:0 0 8px;color:#092b55}.articleGrid p{margin:0;color:#50657a}.newsPreview{padding:26px}.newsPreview b{display:block;color:#092b55;font-size:24px;margin-bottom:8px}.newsPreview p{color:#50657a;margin:0}@media(max-width:900px){.articleGrid{grid-template-columns:1fr}.homeHero{background-position:center,center top!important}}

/* 2026-05-18 news/bg visual fixes */
.homeHero{background-image:linear-gradient(90deg,rgba(5,18,38,.97) 0%,rgba(6,27,54,.88) 46%,rgba(5,18,38,.64) 100%),url('../screenshots/home-news-hero-bg-crop.jpg'),radial-gradient(circle at 12% 18%,rgba(24,183,255,.26),transparent 30%),linear-gradient(135deg,#07182f 0%,#0d3567 52%,#0f6bca 100%)!important;background-position:center,center center,center,center!important}.homeHero .showcase{align-self:end}.homeHero{padding-bottom:86px!important}
@media(max-width:620px){
  .top{overflow:visible!important}
  .topin{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:8px!important;padding:10px 12px!important}
  .brand{max-width:100%!important;font-size:14px!important}
  .nav{width:100%!important;display:flex!important;flex-wrap:wrap!important;gap:6px!important;overflow:visible!important;padding-bottom:0!important;max-height:none!important}
  .nav a{font-size:12px!important;padding:7px 9px!important;border-radius:999px!important;line-height:1.1!important}
  .homeHero{padding-top:40px!important;padding-bottom:56px!important;background-position:center,center center!important}
}

/* 2026-05-18 mobile nav final fit: no horizontal crop */
@media(max-width:620px){
  .topin{width:100%!important;max-width:100%!important;box-sizing:border-box!important}
  .nav{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;width:100%!important;max-width:100%!important;gap:6px!important;overflow:visible!important}
  .nav a{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-width:0!important;box-sizing:border-box!important;text-align:center!important;white-space:nowrap!important;font-size:12px!important;padding:7px 4px!important;overflow:hidden!important;text-overflow:clip!important}
}
@media(max-width:360px){.nav{grid-template-columns:repeat(3,minmax(0,1fr))!important}.nav a{font-size:11px!important}}


/* 2026-05-18 intro/conversion + visible back layer */
.homePage{position:relative;background:#07182f!important}.pageBackdrop{position:fixed;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(5,18,38,.62),rgba(5,18,38,.92)),url('../screenshots/home-news-hero-bg-crop.jpg') center/cover no-repeat;opacity:.9}.homePage .section{position:relative}.homePage .section:nth-of-type(even){background:rgba(246,249,253,.94)}.homePage .section:nth-of-type(odd):not(.hero):not(.finalBackdropCta){background:rgba(255,255,255,.94)}.homePage .realGuide,.homePage .gameEnergy,.homePage .decisionGuide{backdrop-filter:blur(2px)}.finalBackdropCta{padding:92px 0!important;background:transparent!important;color:#fff}.finalBackdropBox{position:relative;overflow:hidden;border-radius:34px;padding:48px;box-shadow:0 28px 70px rgba(0,0,0,.28);background:linear-gradient(90deg,rgba(5,18,38,.94),rgba(8,35,70,.78)),url('../screenshots/home-news-hero-bg-crop.jpg') center/cover no-repeat;border:1px solid rgba(255,255,255,.18)}.finalBackdropBox h2{font-size:clamp(32px,4vw,56px);line-height:1.08;margin:10px 0 14px;color:#fff}.finalBackdropBox p{max-width:780px;color:#dcecff;font-size:18px}.playerStrategy .decisionGrid article{border-top:4px solid #1d6fff}.pathCard.primary h3,.pathCard.primary p{color:#fff}@media(max-width:620px){.pageBackdrop{background-position:center top}.finalBackdropCta{padding:56px 0!important}.finalBackdropBox{padding:28px;border-radius:24px}.finalBackdropBox p{font-size:16px}.homePage .section:nth-of-type(even),.homePage .section:nth-of-type(odd):not(.hero):not(.finalBackdropCta){background:rgba(255,255,255,.96)}}


/* 2026-05-18 make final background visibly stronger + news conversion */
.newsPage{position:relative;background:#07182f!important}.newsPage .section:nth-of-type(even){background:rgba(246,249,253,.94)}.newsPage .section:nth-of-type(odd):not(.hero):not(.finalBackdropCta){background:rgba(255,255,255,.94)}.finalBackdropBox{min-height:360px;display:flex;flex-direction:column;justify-content:center;background-image:linear-gradient(90deg,rgba(3,12,28,.78),rgba(8,35,70,.48)),url('../screenshots/home-news-hero-bg.jpg')!important;background-position:center center!important;background-size:cover!important}.finalBackdropBox:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 20%,rgba(24,183,255,.28),transparent 34%),linear-gradient(180deg,transparent,rgba(3,12,28,.28));pointer-events:none}.finalBackdropBox>*{position:relative;z-index:1}.newsPlayerGuide .decisionGrid article{border-top:4px solid #18b7ff}.newsFinalBg{margin-top:0}.homePage .finalBackdropCta{background:linear-gradient(180deg,rgba(7,24,47,.18),rgba(7,24,47,.78))!important}@media(max-width:620px){.finalBackdropBox{min-height:420px;background-position:center top!important}.finalBackdropBox h2{font-size:32px}.newsPlayerGuide .decisionGrid{gap:14px}}


/* 2026-05-18 QA fix: quickReturn readability + explicit deposit CTA */
.homePage .quickReturn{background:linear-gradient(135deg,#061f3d,#0b3568)!important;color:#fff!important}.homePage .quickReturn .sectionHead h2,.homePage .quickReturn .sectionHead p,.homePage .quickReturn .eyebrow{color:#fff!important}.quickCard.deposit{background:#b8ffdf;color:#07331f}.homePage .quickReturn .wrap{position:relative;z-index:1}.homePage .quickReturn:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 18%,rgba(24,183,255,.22),transparent 35%);pointer-events:none}.heroActions .btn.ghost{border-color:rgba(255,255,255,.38);background:rgba(255,255,255,.12);color:#fff}
@media(max-width:620px){.homePage .quickReturn{background:linear-gradient(135deg,#061f3d,#092b55)!important}.quickCard.deposit{min-height:68px}}


/* 2026-05-18 homepage final bottom image: obvious last-section backdrop */
.homePage .finalBackdropCta{position:relative!important;margin:0!important;padding:110px 0!important;background:linear-gradient(90deg,rgba(3,12,28,.52),rgba(8,35,70,.24)),url('../screenshots/home-news-hero-bg.jpg') center/cover no-repeat!important;color:#fff!important;overflow:hidden!important}.homePage .finalBackdropCta:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,12,28,.16),rgba(3,12,28,.62));pointer-events:none}.homePage .finalBackdropCta .wrap{position:relative;z-index:1}.homePage .finalBackdropBox{max-width:820px;margin-left:0;background:rgba(4,15,34,.76)!important;border:1px solid rgba(255,255,255,.28)!important;backdrop-filter:blur(4px);box-shadow:0 28px 80px rgba(0,0,0,.38)}.homePage .finalBackdropBox h2,.homePage .finalBackdropBox p{color:#fff!important}.homePage .responsibleNotice,.homePage .faq{background:#fff!important}@media(max-width:620px){.homePage .finalBackdropCta{padding:76px 0!important;background-position:center top!important}.homePage .finalBackdropBox{background:rgba(4,15,34,.82)!important}}


/* 2026-05-18 final QA readability: keep content readable, make bottom image obvious */
.homePage .gameEnergy{background:#ffffff!important;color:#102033!important}.homePage .gameEnergy .eyebrow{color:#135db7!important}.homePage .gameEnergy h2{color:#102033!important}.homePage .gameEnergy p{color:#4c6075!important}.homePage .gameEnergy .scoreCards div{background:#f1f7ff!important;color:#102033!important;border:1px solid #d5e7fb!important}.homePage .gameEnergy .scoreCards strong{color:#0b3f86!important}.homePage .gameEnergy .scoreCards span{color:#40586f!important}.homePage .finalBackdropCta{padding:0!important;background:#07182f!important}.homePage .finalBackdropCta .wrap{width:100%!important;max-width:100%!important;padding:0!important}.homePage .finalBackdropBox{width:100%!important;max-width:100%!important;min-height:620px!important;border-radius:0!important;margin:0!important;padding:70px max(24px,calc((100vw - 1220px)/2 + 24px))!important;background-image:linear-gradient(90deg,rgba(3,12,28,.72) 0%,rgba(3,12,28,.36) 48%,rgba(3,12,28,.12) 100%),url('../screenshots/home-news-hero-bg.jpg')!important;background-size:cover!important;background-position:center top!important}.homePage .finalBackdropBox h2,.homePage .finalBackdropBox p{max-width:720px}.homePage .finalBackdropBox p{font-size:19px;line-height:1.75}.newsPage .finalBackdropBox{overflow:hidden!important}.newsPage .finalBackdropBox p{max-width:100%;overflow-wrap:anywhere;word-break:break-word}.newsPage .finalBackdropCta .wrap{overflow:hidden}@media(max-width:620px){.homePage .finalBackdropBox{min-height:640px!important;padding:42px 16px!important;background-image:linear-gradient(180deg,rgba(3,12,28,.52) 0%,rgba(3,12,28,.34) 45%,rgba(3,12,28,.76) 100%),url('../screenshots/home-news-hero-bg.jpg')!important;background-position:center top!important}.homePage .finalBackdropBox h2{font-size:31px!important}.homePage .finalBackdropBox p{font-size:16px!important;line-height:1.72!important}.homePage .finalBackdropBox .heroActions{margin-top:22px}.newsPage .finalBackdropBox{padding-left:18px!important;padding-right:18px!important}}


/* 2026-05-18 final visible bottom image section */
.homePage .finalBackdropCta,.newsPage .finalBackdropCta{background:#061a34!important;padding:64px 0!important;color:#fff!important}.homePage .finalBackdropCta .wrap,.newsPage .finalBackdropCta .wrap{max-width:1220px!important;width:auto!important;padding:0 22px!important}.homePage .finalBackdropBox,.newsPage .finalBackdropBox{display:grid!important;grid-template-columns:.86fr 1.14fr!important;gap:28px!important;align-items:center!important;width:100%!important;max-width:100%!important;min-height:0!important;margin:0!important;padding:26px!important;border-radius:34px!important;background:linear-gradient(135deg,#07182f,#0a356b)!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:0 28px 70px rgba(0,0,0,.3)!important}.finalCopy{min-width:0}.finalVisibleImage{margin:0!important;border-radius:26px!important;overflow:hidden!important;box-shadow:0 22px 54px rgba(0,0,0,.34)!important;border:1px solid rgba(255,255,255,.22)!important;background:#09244a}.finalVisibleImage img{display:block!important;width:100%!important;height:auto!important;min-height:360px!important;object-fit:cover!important;object-position:center top!important}.homePage .finalBackdropBox:after,.newsPage .finalBackdropBox:after{display:none!important}.homePage .finalBackdropBox h2,.newsPage .finalBackdropBox h2{color:#fff!important}.homePage .finalBackdropBox p,.newsPage .finalBackdropBox p{color:#dcecff!important}.finalBackdropBox .btn.ghost{background:rgba(255,255,255,.12)!important;color:#fff!important;border-color:rgba(255,255,255,.34)!important}@media(max-width:760px){.homePage .finalBackdropCta,.newsPage .finalBackdropCta{padding:40px 0!important}.homePage .finalBackdropCta .wrap,.newsPage .finalBackdropCta .wrap{padding:0 14px!important}.homePage .finalBackdropBox,.newsPage .finalBackdropBox{display:flex!important;flex-direction:column!important;padding:18px!important;border-radius:24px!important;gap:18px!important}.finalVisibleImage{width:100%!important;border-radius:20px!important}.finalVisibleImage img{min-height:260px!important;max-height:360px!important}.finalCopy{width:100%!important}.finalCopy h2{font-size:30px!important;line-height:1.16!important}.finalCopy p{font-size:15.5px!important;line-height:1.7!important}}

/* 2026-05-18 final image mobile overflow fix */
.homePage .finalBackdropBox,.newsPage .finalBackdropBox,
.homePage .finalVisibleImage,.newsPage .finalVisibleImage{
  box-sizing:border-box!important;
  overflow:hidden!important;
}
.newsPage .finalBackdropBox{max-width:100%!important;width:100%!important}
.newsPage .finalVisibleImage{max-width:100%!important;width:100%!important;margin-left:0!important;margin-right:0!important}
.newsPage .finalVisibleImage img{max-width:100%!important;width:100%!important}
.newsPage .footer{margin-top:0!important;background:#061a34!important}
.newsPage{overflow-x:hidden!important}
@media(max-width:760px){
  .homePage .finalBackdropBox,.newsPage .finalBackdropBox{
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
  }
  .homePage .finalVisibleImage,.newsPage .finalVisibleImage{
    order:-1!important;
    width:100%!important;
    max-width:100%!important;
    flex:0 0 auto!important;
  }
  .homePage .finalVisibleImage img,.newsPage .finalVisibleImage img{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-height:300px!important;
    object-fit:cover!important;
    object-position:center top!important;
  }
  .newsPage .finalBackdropCta,.newsPage .finalBackdropCta .wrap{overflow:hidden!important}
}

/* 2026-05-18 news mobile cleanup: avoid bottom overflow from final image */
.newsPage{background:#fff!important;overflow-x:hidden!important}
.newsPage .pageBackdrop{display:none!important}
@media(max-width:760px){
  .newsPage .finalVisibleImage{display:none!important}
  .newsPage .finalBackdropCta{background:#061a34!important;padding:36px 0!important;min-height:0!important}
  .newsPage .finalBackdropBox{min-height:0!important;display:block!important;width:100%!important;max-width:100%!important;padding:22px 16px!important;overflow:hidden!important}
  .newsPage .footer{background:#061a34!important;color:#dcecff!important;min-height:0!important;padding-bottom:18px!important}
}


/* 2026-05-18 clean bottom poster: isolated from old finalBackdrop styles */
.bottomPoster{background:#061a34!important;color:#fff!important;padding:44px 0!important;overflow:hidden!important}.bottomPosterGrid{display:grid!important;grid-template-columns:.92fr 1.08fr!important;gap:28px!important;align-items:center!important;max-width:1220px!important;margin:0 auto!important;padding:0 22px!important;box-sizing:border-box!important}.bottomPosterText{min-width:0!important}.bottomPosterText h2{color:#fff!important;font-size:clamp(32px,4.5vw,58px)!important;line-height:1.08!important;margin:10px 0 14px!important}.bottomPosterText p{color:#dcecff!important;font-size:18px!important;line-height:1.75!important;max-width:720px!important}.bottomPosterImage{margin:0!important;border-radius:28px!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.24)!important;box-shadow:0 24px 58px rgba(0,0,0,.36)!important;background:#09244a!important}.bottomPosterImage img{display:block!important;width:100%!important;height:auto!important;object-fit:cover!important;object-position:center top!important}.bottomPoster .btn.ghost{background:rgba(255,255,255,.13)!important;color:#fff!important;border-color:rgba(255,255,255,.35)!important}.newsPoster .bottomPosterGrid{display:block!important;max-width:980px!important}.newsPoster{padding:46px 0!important}@media(max-width:760px){.bottomPoster{padding:28px 0!important}.bottomPosterGrid{display:flex!important;flex-direction:column!important;gap:18px!important;padding:0 14px!important}.bottomPosterImage{order:-1!important;width:100%!important;border-radius:20px!important}.bottomPosterImage img{width:100%!important;max-height:310px!important;min-height:240px!important;object-fit:cover!important}.bottomPosterText h2{font-size:29px!important;line-height:1.16!important}.bottomPosterText p{font-size:15.5px!important;line-height:1.7!important}.bottomPoster .heroActions{gap:10px!important}.bottomPoster .btn{width:100%!important}}

/* 2026-05-18 bottom poster image must show full supplied picture */
.bottomPosterImage img{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:#081a33!important;
}
.bottomPosterImage{background:#081a33!important}
@media(max-width:760px){
  .bottomPosterImage img{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    object-fit:contain!important;
  }
}

/* 2026-05-18 final stable bottom poster: image first, copy below */
#final-bottom-bg.bottomPoster{background:#061a34!important;padding:34px 0!important;overflow:visible!important}
#final-bottom-bg .bottomPosterGrid{
  display:flex!important;
  flex-direction:column!important;
  gap:22px!important;
  max-width:1120px!important;
  width:auto!important;
  margin:0 auto!important;
  padding:0 18px!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}
#final-bottom-bg .bottomPosterImage{
  order:0!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  border-radius:26px!important;
  overflow:hidden!important;
  background:#081a33!important;
  box-sizing:border-box!important;
}
#final-bottom-bg .bottomPosterImage img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center center!important;
}
#final-bottom-bg .bottomPosterText{
  order:1!important;
  width:100%!important;
  max-width:900px!important;
  margin:0 auto!important;
  padding:0 0 10px!important;
  text-align:left!important;
  overflow:visible!important;
}
#final-bottom-bg .bottomPosterText h2,
#final-bottom-bg .bottomPosterText p{
  max-width:100%!important;
  overflow:visible!important;
}
@media(max-width:760px){
  #final-bottom-bg.bottomPoster{padding:22px 0!important}
  #final-bottom-bg .bottomPosterGrid{padding:0 12px!important;gap:16px!important}
  #final-bottom-bg .bottomPosterImage{border-radius:18px!important}
  #final-bottom-bg .bottomPosterText h2{font-size:27px!important;line-height:1.18!important}
  #final-bottom-bg .bottomPosterText p{font-size:15px!important;line-height:1.68!important}
}


/* 2026-05-18 HOME premium final poster: clean isolated implementation */
.homeSssFinal{display:block!important;position:relative!important;clear:both!important;background:#061a34!important;color:#fff!important;padding:38px 0 44px!important;margin:0!important;overflow:visible!important}.homeSssFinal *{box-sizing:border-box!important}.homeSssFinalInner{width:min(1180px,calc(100% - 32px))!important;margin:0 auto!important;display:flex!important;flex-direction:column!important;gap:24px!important;align-items:stretch!important;overflow:visible!important}.homeSssPoster{display:block!important;width:100%!important;margin:0!important;padding:0!important;border-radius:30px!important;overflow:hidden!important;background:#081a33!important;border:1px solid rgba(255,255,255,.22)!important;box-shadow:0 24px 62px rgba(0,0,0,.36)!important}.homeSssPoster img{display:block!important;width:100%!important;height:auto!important;max-width:100%!important;min-height:0!important;max-height:none!important;object-fit:contain!important;object-position:center center!important}.homeSssCopy{width:100%!important;max-width:960px!important;margin:0 auto!important;padding:0!important;color:#fff!important;text-align:left!important;overflow:visible!important}.homeSssCopy span{display:inline-flex!important;margin-bottom:10px!important;border-radius:999px!important;padding:7px 12px!important;background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.24)!important;color:#dff0ff!important;font-weight:900!important;font-size:13px!important}.homeSssCopy h2{margin:0 0 12px!important;color:#fff!important;font-size:clamp(32px,4.2vw,56px)!important;line-height:1.08!important;letter-spacing:-.035em!important}.homeSssCopy p{margin:0!important;color:#dcecff!important;font-size:18px!important;line-height:1.75!important;max-width:900px!important}.homeSssActions{display:flex!important;flex-wrap:wrap!important;gap:12px!important;margin-top:22px!important}.homeSssActions a{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:48px!important;padding:12px 18px!important;border-radius:14px!important;text-decoration:none!important;font-weight:1000!important;border:1px solid rgba(255,255,255,.28)!important;color:#fff!important;background:rgba(255,255,255,.12)!important}.homeSssActions a:first-child{background:linear-gradient(135deg,#ffd45e,#ff9f1c)!important;color:#081a33!important;border-color:transparent!important}.homeSssActions a:nth-child(3){background:linear-gradient(135deg,#1d6fff,#18b7ff)!important;border-color:transparent!important}@media(max-width:760px){.homeSssFinal{padding:24px 0 30px!important}.homeSssFinalInner{width:calc(100% - 24px)!important;gap:18px!important}.homeSssPoster{border-radius:20px!important}.homeSssCopy h2{font-size:28px!important;line-height:1.16!important}.homeSssCopy p{font-size:15.5px!important;line-height:1.7!important}.homeSssActions{gap:10px!important}.homeSssActions a{width:100%!important;min-height:46px!important;padding:11px 14px!important}}

/* 2026-05-18 HOME premium QA fixes */
@media(max-width:420px){
  .homeHero .heroTitle em{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    font-size:21px!important;
    line-height:1.22!important;
    padding:8px 10px!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    word-break:keep-all!important;
  }
  .homeHero .heroActions{gap:9px!important;margin-top:18px!important}
  .homeHero .btn{min-height:44px!important;padding:10px 12px!important;font-size:14px!important}
}
@media(min-width:981px){
  .homeHero{padding-top:58px!important;padding-bottom:38px!important}
  .homeHero .showcase{min-height:470px!important;overflow:visible!important}
  .homeHero .browserCard{height:380px!important;inset:8px 0 auto 10px!important}
  .homeHero .browserBody{height:300px!important}
  .homeHero .phoneFloat{width:190px!important;right:8px!important;bottom:16px!important}
  .homeHero .phoneFloat img{height:330px!important}
  .homeHero .goldBadge{bottom:28px!important;max-width:260px!important;padding:13px 15px!important}
}


/* 2026-05-18 HOME premium fix2: no mobile title crop, compact desktop showcase */
.homeHero .heroTitle,.homeHero .heroTitle *{box-sizing:border-box!important}.homeHero .heroTitle{width:100%!important;max-width:100%!important;overflow:visible!important}.homeHero .heroTitle em{max-width:100%!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}@media(max-width:420px){.homeHero .heroTitle em{width:auto!important;max-width:calc(100vw - 48px)!important;display:inline-block!important;font-size:19px!important;line-height:1.22!important;padding:7px 10px!important;border-radius:14px!important;text-align:left!important;margin-right:auto!important}.homeHero .heroGrid,.homeHero .heroGrid>div{overflow:visible!important}}@media(min-width:981px){.homeHero{padding-top:46px!important;padding-bottom:28px!important}.homeHero .heroGrid{align-items:start!important}.homeHero .showcase{min-height:390px!important}.homeHero .browserCard{height:318px!important;inset:0 0 auto 0!important;padding:12px!important;border-radius:22px!important}.homeHero .browserBar{height:28px!important;margin-bottom:9px!important}.homeHero .browserBody{height:255px!important}.homeHero .phoneFloat{width:150px!important;right:4px!important;bottom:42px!important;border-radius:24px!important}.homeHero .phoneFloat img{height:250px!important;border-radius:17px!important}.homeHero .goldBadge{bottom:18px!important;max-width:230px!important;padding:10px 12px!important;border-radius:18px!important}.homeHero .goldBadge b{font-size:15px!important}.homeHero .goldBadge span{font-size:12px!important;line-height:1.35!important}.homeHero .lead{font-size:18px!important}.homeHero .heroTitle strong{font-size:62px!important}.homeHero .heroTitle em{font-size:34px!important}}

/* 2026-05-18 HOME premium final QA: remove crop-prone hero parts */
@media(max-width:520px){
  .homeHero .heroTitle em{
    display:inline-flex!important;
    width:auto!important;
    max-width:240px!important;
    min-width:0!important;
    font-size:16px!important;
    line-height:1.2!important;
    padding:7px 9px!important;
    border-radius:12px!important;
    margin:0!important;
    box-shadow:none!important;
    white-space:normal!important;
    overflow:visible!important;
    word-break:keep-all!important;
  }
}
@media(min-width:981px){
  .homeHero .showcase{
    min-height:0!important;
    height:auto!important;
    overflow:visible!important;
  }
  .homeHero .browserCard{
    position:relative!important;
    inset:auto!important;
    height:auto!important;
    width:100%!important;
    max-width:100%!important;
    transform:none!important;
    margin:0!important;
  }
  .homeHero .browserBody{
    height:250px!important;
    overflow:hidden!important;
  }
  .homeHero .phoneFloat,
  .homeHero .goldBadge{
    display:none!important;
  }
}

/* 2026-05-18 HOME premium final choice: clean hero, no crop-prone decoration */
.homeHero .showcase{display:none!important}
.homeHero .heroGrid{display:block!important;max-width:940px!important;margin:0 auto!important;text-align:left!important}
@media(max-width:520px){
  .homeHero .heroTitle em{display:none!important}
  .homeHero .trustStrip{gap:7px!important}
  .homeHero .trustStrip span{font-size:12px!important;padding:6px 8px!important}
  .homeHero .kicker{font-size:12px!important;padding:6px 9px!important;max-width:100%!important;white-space:normal!important}
}
@media(min-width:981px){
  .homeHero{padding:70px 0 62px!important}
  .homeHero .lead{max-width:880px!important}
}


/* 2026-05-18 HOME premium image enrichment */
.homeVisualStory{background:linear-gradient(180deg,#f7fbff,#ffffff)!important;overflow:hidden!important}.homeVisualStory .sectionHead{max-width:880px!important}.visualStoryGrid{display:grid!important;grid-template-columns:1.25fr .9fr .9fr!important;gap:18px!important;align-items:stretch!important}.visualStoryCard{display:flex!important;flex-direction:column!important;min-height:100%!important;border-radius:28px!important;overflow:hidden!important;background:#fff!important;border:1px solid #dbe8f6!important;box-shadow:0 18px 46px rgba(22,58,103,.12)!important;text-decoration:none!important;color:#102033!important}.visualStoryCard img{display:block!important;width:100%!important;aspect-ratio:16/10!important;object-fit:cover!important;object-position:top center!important;background:#081a33!important}.visualStoryCard.large img{aspect-ratio:16/9!important}.visualStoryCard div{padding:18px!important}.visualStoryCard b{display:block!important;font-size:20px!important;line-height:1.25!important;margin-bottom:7px!important;color:#0b376f!important}.visualStoryCard span{display:block!important;color:#4c6075!important;line-height:1.62!important;font-size:15px!important}.homeImageRoutes{background:#071a33!important;color:#fff!important;overflow:hidden!important}.imageRouteGrid{display:grid!important;grid-template-columns:.9fr 1.1fr!important;gap:28px!important;align-items:center!important}.imageRouteCopy h2{color:#fff!important;font-size:clamp(32px,4vw,54px)!important;line-height:1.08!important;margin:10px 0 14px!important}.imageRouteCopy p{color:#d7e8ff!important;font-size:18px!important;line-height:1.75!important;margin:0!important}.imageRouteTags{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin-top:20px!important}.imageRouteTags span{display:inline-flex!important;border-radius:999px!important;padding:8px 12px!important;background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.22)!important;color:#eef7ff!important;font-weight:900!important;font-size:13px!important}.imageRouteShots{display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px!important}.imageRouteShots figure{margin:0!important;border-radius:26px!important;overflow:hidden!important;background:#fff!important;border:1px solid rgba(255,255,255,.24)!important;box-shadow:0 24px 64px rgba(0,0,0,.34)!important}.imageRouteShots img{display:block!important;width:100%!important;aspect-ratio:4/5!important;object-fit:cover!important;object-position:top center!important}.imageRouteShots figcaption{padding:13px 14px!important;color:#102033!important;font-weight:900!important;line-height:1.4!important;background:#fff!important;font-size:14px!important}@media(max-width:860px){.visualStoryGrid,.imageRouteGrid,.imageRouteShots{grid-template-columns:1fr!important}.visualStoryCard img,.visualStoryCard.large img{aspect-ratio:16/10!important}.homeImageRoutes{padding-top:44px!important}.imageRouteCopy h2{font-size:30px!important}.imageRouteCopy p{font-size:15.5px!important}.imageRouteShots{gap:14px!important}.imageRouteShots img{aspect-ratio:16/10!important}}@media(max-width:520px){.visualStoryGrid{gap:14px!important}.visualStoryCard{border-radius:20px!important}.visualStoryCard div{padding:14px!important}.visualStoryCard b{font-size:18px!important}.visualStoryCard span{font-size:14px!important}.imageRouteShots figure{border-radius:20px!important}.imageRouteTags span{font-size:12px!important;padding:7px 10px!important}}


/* 2026-05-18 HOME REBUILD after critique: image-led conversion homepage */
.homeRebuild{background:#f6f9fd!important;color:#102033!important}.homeRebuild *{box-sizing:border-box!important}.homeHeroV2{position:relative!important;min-height:720px!important;padding:82px 0 56px!important;background:#06182f!important;color:#fff!important;overflow:hidden!important}.homeHeroV2Bg{position:absolute!important;inset:0!important;background:linear-gradient(90deg,rgba(3,12,28,.88) 0%,rgba(5,22,47,.66) 48%,rgba(5,22,47,.18) 100%),url('../screenshots/home-news-hero-bg.jpg') center top/cover no-repeat!important;transform:scale(1.02)!important}.homeHeroV2:after{content:""!important;position:absolute!important;inset:auto 0 0!important;height:180px!important;background:linear-gradient(180deg,transparent,#f6f9fd)!important}.homeHeroV2Grid{position:relative!important;z-index:1!important;display:grid!important;grid-template-columns:minmax(0,1fr) 460px!important;gap:34px!important;align-items:center!important}.homeHeroV2Copy{max-width:760px!important}.homeTag,.homeEyebrow{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:8px 13px!important;border-radius:999px!important;background:rgba(24,183,255,.14)!important;border:1px solid rgba(24,183,255,.34)!important;color:#bfeaff!important;font-weight:1000!important;font-size:13px!important}.homeHeroV2 h1{margin:18px 0 18px!important;color:#fff!important;font-size:clamp(42px,6vw,76px)!important;line-height:1.02!important;letter-spacing:-.055em!important;font-weight:1000!important}.homeHeroV2 p{margin:0!important;color:#dcecff!important;font-size:19px!important;line-height:1.78!important;max-width:720px!important}.homeHeroV2Actions{display:flex!important;flex-wrap:wrap!important;gap:12px!important;margin-top:26px!important}.homeHeroV2Actions a{display:inline-flex!important;justify-content:center!important;align-items:center!important;min-height:50px!important;padding:13px 18px!important;border-radius:15px!important;text-decoration:none!important;font-weight:1000!important}.homeHeroV2Actions .primary{background:linear-gradient(135deg,#ffd45e,#ff9f1c)!important;color:#081a33!important}.homeHeroV2Actions .secondary{background:linear-gradient(135deg,#1d6fff,#18b7ff)!important;color:#fff!important}.homeHeroV2Actions .plain{background:rgba(255,255,255,.12)!important;color:#fff!important;border:1px solid rgba(255,255,255,.28)!important}.homeHeroV2Notes{display:flex!important;flex-wrap:wrap!important;gap:9px!important;margin-top:22px!important}.homeHeroV2Notes span{padding:8px 10px!important;border-radius:999px!important;background:rgba(255,255,255,.1)!important;color:#eff8ff!important;border:1px solid rgba(255,255,255,.22)!important;font-weight:900!important;font-size:13px!important}.homeHeroV2Visual{margin:0!important;border-radius:32px!important;overflow:hidden!important;background:#071a33!important;border:1px solid rgba(255,255,255,.3)!important;box-shadow:0 34px 90px rgba(0,0,0,.42)!important}.homeHeroV2Visual img{display:block!important;width:100%!important;aspect-ratio:4/5!important;object-fit:cover!important;object-position:center top!important}.homeHeroV2Visual figcaption{padding:14px 16px!important;background:rgba(3,12,28,.86)!important;color:#dcecff!important;font-weight:900!important;line-height:1.45!important}.homeSection{padding:76px 0!important}.homeSectionHead{max-width:820px!important;margin-bottom:26px!important}.homeSectionHead.center{text-align:center!important;margin-left:auto!important;margin-right:auto!important}.homeSectionHead h2,.homeIntroLead h2,.homeArticleBridgeV2 h2,.homeBudgetV2 h2,.homeFinalPosterV2 h2{margin:12px 0!important;color:#102033!important;font-size:clamp(32px,4.4vw,58px)!important;line-height:1.08!important;letter-spacing:-.04em!important}.homeSectionHead p,.homeIntroLead p,.homeArticleBridgeV2 p,.homeBudgetV2 p,.homeFinalPosterV2 p{margin:0!important;color:#51677d!important;font-size:18px!important;line-height:1.78!important}.homeIntroGrid{display:grid!important;grid-template-columns:1.05fr .95fr!important;gap:28px!important;align-items:start!important}.homeIntroCards{display:grid!important;gap:14px!important}.homeIntroCards article{padding:22px!important;border-radius:24px!important;background:#fff!important;border:1px solid #dce8f5!important;box-shadow:0 16px 42px rgba(22,58,103,.1)!important}.homeIntroCards b{display:block!important;color:#0b376f!important;font-size:20px!important;margin-bottom:7px!important}.homeIntroCards span{color:#51677d!important;line-height:1.65!important}.homeVisualFlowV2{background:#fff!important}.homeShotGrid{display:grid!important;grid-template-columns:1.2fr .9fr .9fr!important;gap:18px!important}.homeShotCard{border-radius:30px!important;overflow:hidden!important;background:#fff!important;border:1px solid #dce8f5!important;box-shadow:0 20px 55px rgba(22,58,103,.13)!important}.homeShotCard img{display:block!important;width:100%!important;aspect-ratio:16/10!important;object-fit:cover!important;object-position:top center!important;background:#081a33!important}.homeShotCard.heroShot img{aspect-ratio:16/9!important}.homeShotCard div{padding:19px!important}.homeShotCard span{display:inline-flex!important;width:36px!important;height:36px!important;align-items:center!important;justify-content:center!important;border-radius:12px!important;background:#eaf4ff!important;color:#0b61c8!important;font-weight:1000!important;margin-bottom:10px!important}.homeShotCard b{display:block!important;font-size:21px!important;line-height:1.25!important;color:#102033!important;margin-bottom:7px!important}.homeShotCard p{margin:0!important;color:#52687f!important;line-height:1.65!important}.homePathV2{background:#071a33!important}.homePathGridV2{display:grid!important;grid-template-columns:1fr 1fr!important;gap:20px!important}.homePathPanel{min-height:360px!important;border-radius:32px!important;padding:34px!important;color:#fff!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;background-size:cover!important;background-position:center top!important;box-shadow:0 28px 76px rgba(0,0,0,.28)!important;overflow:hidden!important;position:relative!important}.homePathPanel:before{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(3,12,28,.18),rgba(3,12,28,.88))!important}.homePathPanel>*{position:relative!important;z-index:1!important}.homePathPanel.new{background-image:url('../screenshots/guide/clear_entry_board.jpg')!important}.homePathPanel.old{background-image:url('../screenshots/guide/clear_list_board.jpg')!important}.homePathPanel span{font-weight:1000!important;color:#ffe49a!important}.homePathPanel h2{margin:10px 0!important;color:#fff!important;font-size:34px!important;line-height:1.12!important;letter-spacing:-.03em!important}.homePathPanel p{margin:0!important;color:#e6f2ff!important;line-height:1.72!important}.homePathPanel a{margin-top:18px!important;align-self:flex-start!important;padding:12px 16px!important;border-radius:14px!important;background:#fff!important;color:#082041!important;text-decoration:none!important;font-weight:1000!important}.homeBridgeGrid{display:grid!important;grid-template-columns:.9fr 1.1fr!important;gap:30px!important;align-items:center!important}.homeTextLink{display:inline-flex!important;margin-top:20px!important;padding:12px 16px!important;border-radius:14px!important;background:#0b61c8!important;color:#fff!important;text-decoration:none!important;font-weight:1000!important}.homeBridgeShots{display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px!important}.homeBridgeShots figure{margin:0!important;border-radius:28px!important;overflow:hidden!important;background:#fff!important;border:1px solid #dce8f5!important;box-shadow:0 18px 50px rgba(22,58,103,.13)!important}.homeBridgeShots img{display:block!important;width:100%!important;aspect-ratio:4/5!important;object-fit:cover!important;object-position:top center!important}.homeBridgeShots figcaption{padding:13px 15px!important;font-weight:1000!important;color:#102033!important}.homeBudgetV2{background:#fff!important}.homeBudgetBox{display:grid!important;grid-template-columns:1fr .95fr!important;gap:26px!important;align-items:center!important;padding:34px!important;border-radius:34px!important;background:linear-gradient(135deg,#f0f7ff,#ffffff)!important;border:1px solid #dce8f5!important;box-shadow:0 22px 60px rgba(22,58,103,.12)!important}.homeBudgetBox ul{list-style:none!important;padding:0!important;margin:0!important;display:grid!important;gap:12px!important}.homeBudgetBox li{padding:18px!important;border-radius:20px!important;background:#fff!important;border:1px solid #dce8f5!important}.homeBudgetBox b{display:block!important;color:#0b376f!important;font-size:19px!important;margin-bottom:5px!important}.homeBudgetBox span{color:#52687f!important}.homeFinalPosterV2{background:#06182f!important;color:#fff!important}.homeFinalPosterGrid{display:grid!important;grid-template-columns:1.08fr .92fr!important;gap:30px!important;align-items:center!important}.homeFinalPosterV2 figure{margin:0!important;border-radius:32px!important;overflow:hidden!important;box-shadow:0 30px 82px rgba(0,0,0,.38)!important;border:1px solid rgba(255,255,255,.22)!important}.homeFinalPosterV2 img{display:block!important;width:100%!important;height:auto!important}.homeFinalPosterV2 h2{color:#fff!important}.homeFinalPosterV2 p{color:#dcecff!important}.homeHeroV2Actions.final .plain{border-color:rgba(255,255,255,.3)!important}.homeRiskV2{padding:32px 0!important;background:#fff!important}.homeRiskV2 .wrap{padding:20px 24px!important;border-radius:22px!important;background:#fff8e8!important;border:1px solid #f5d49a!important}.homeRiskV2 strong{display:block!important;color:#744c00!important;margin-bottom:6px!important}.homeRiskV2 p{margin:0!important;color:#6b5a35!important;line-height:1.7!important}@media(max-width:920px){.homeHeroV2{min-height:0!important;padding:58px 0 42px!important}.homeHeroV2Grid,.homeIntroGrid,.homeShotGrid,.homePathGridV2,.homeBridgeGrid,.homeBudgetBox,.homeFinalPosterGrid{grid-template-columns:1fr!important}.homeHeroV2Visual img{aspect-ratio:16/10!important}.homePathPanel{min-height:300px!important}.homeBridgeShots{grid-template-columns:1fr!important}.homeBridgeShots img{aspect-ratio:16/10!important}.homeSection{padding:54px 0!important}}@media(max-width:520px){.homeHeroV2{padding:42px 0 34px!important}.homeHeroV2 h1{font-size:36px!important;line-height:1.08!important}.homeHeroV2 p,.homeSectionHead p,.homeIntroLead p,.homeArticleBridgeV2 p,.homeBudgetV2 p,.homeFinalPosterV2 p{font-size:15.5px!important;line-height:1.72!important}.homeHeroV2Actions a{width:100%!important;min-height:46px!important}.homeHeroV2Notes span{font-size:12px!important;padding:7px 9px!important}.homeHeroV2Visual{border-radius:22px!important}.homeSectionHead h2,.homeIntroLead h2,.homeArticleBridgeV2 h2,.homeBudgetV2 h2,.homeFinalPosterV2 h2{font-size:29px!important;line-height:1.14!important}.homeShotCard,.homePathPanel,.homeBudgetBox,.homeFinalPosterV2 figure{border-radius:22px!important}.homeShotCard div{padding:15px!important}.homePathPanel{padding:24px!important}.homePathPanel h2{font-size:28px!important}.homeBudgetBox{padding:22px!important}.homeTag,.homeEyebrow{font-size:12px!important;padding:7px 10px!important}.homeFinalPosterV2{padding-top:42px!important}}


/* 2026-05-18 HOME REBUILD round2: reduce pressure, make bottom image real */
.homeHeroV2 h1{font-size:clamp(38px,5.1vw,64px)!important;letter-spacing:-.045em!important;max-width:820px!important}.homeHeroV2 p{font-size:18px!important;max-width:680px!important}.homeHeroV2Bg{background:linear-gradient(90deg,rgba(3,12,28,.92) 0%,rgba(5,22,47,.72) 52%,rgba(5,22,47,.28) 100%),url('../screenshots/home-news-hero-bg.jpg') center top/cover no-repeat!important;filter:saturate(.92)!important}.homeHeroV2Visual img{object-fit:contain!important;background:#071a33!important;aspect-ratio:4/5!important}.homeSection{padding:64px 0!important}.homeSectionHead{margin-bottom:22px!important}.homeShotCard img{object-fit:contain!important;background:#071a33!important;padding:6px!important}.homeShotCard.heroShot img{aspect-ratio:16/10!important}.homeShotCard div{padding:16px!important}.homePathPanel:before{background:linear-gradient(180deg,rgba(3,12,28,.08),rgba(3,12,28,.9))!important}.homeBridgeShots img{object-fit:contain!important;background:#071a33!important;padding:6px!important}.homeFinalPosterV2{background:#06182f!important;padding:64px 0!important}.homeFinalPosterGrid{grid-template-columns:1fr!important;max-width:1080px!important}.homeFinalPosterV2 figure{background:#06182f!important;border-radius:34px!important}.homeFinalPosterV2 img{object-fit:contain!important;background:#06182f!important}.homeFinalPosterV2 .homeEyebrow{background:rgba(255,255,255,.1)!important;border-color:rgba(255,255,255,.24)!important;color:#dff0ff!important}.homeFinalPosterV2 .homeFinalPosterGrid>div{max-width:860px!important;margin:0 auto!important;text-align:center!important}.homeFinalPosterV2 .homeHeroV2Actions{justify-content:center!important}@media(max-width:920px){.homeHeroV2Bg{background:linear-gradient(180deg,#06182f 0%,#082147 62%,#f6f9fd 100%)!important;filter:none!important}.homeHeroV2Grid{gap:24px!important}.homeHeroV2Visual{max-width:520px!important;margin:0 auto!important}.homeHeroV2Visual img{aspect-ratio:16/10!important}.homeSection{padding:46px 0!important}.homeShotGrid{gap:14px!important}.homePathPanel{min-height:260px!important}.homeFinalPosterV2{padding:46px 0!important}.homeFinalPosterV2 figure{border-radius:24px!important}.homeFinalPosterV2 .homeFinalPosterGrid>div{text-align:left!important}.homeFinalPosterV2 .homeHeroV2Actions{justify-content:flex-start!important}}@media(max-width:520px){.homeHeroV2{padding:34px 0 30px!important}.homeHeroV2 h1{font-size:31px!important;line-height:1.13!important;margin:14px 0 12px!important}.homeHeroV2 p{font-size:15px!important;line-height:1.68!important}.homeHeroV2Actions{gap:9px!important;margin-top:18px!important}.homeHeroV2Actions .plain{min-height:auto!important;background:transparent!important;border:0!important;padding:2px 0!important;color:#bfeaff!important;justify-content:flex-start!important}.homeHeroV2Notes{display:none!important}.homeHeroV2Visual figcaption{font-size:13px!important;padding:11px 12px!important}.homeSectionHead h2,.homeIntroLead h2,.homeArticleBridgeV2 h2,.homeBudgetV2 h2,.homeFinalPosterV2 h2{font-size:27px!important}.homeIntroCards article{padding:17px!important}.homeShotCard img,.homeShotCard.heroShot img,.homeBridgeShots img{aspect-ratio:16/10!important;padding:5px!important}.homeShotCard b{font-size:18px!important}.homeShotCard p{font-size:14px!important}.homePathPanel{min-height:238px!important}.homePathPanel h2{font-size:25px!important}.homeFinalPosterV2 p{font-size:15px!important}.homeFinalPosterV2 .homeHeroV2Actions .plain{color:#bfeaff!important}}

/* 2026-05-18 HOME REBUILD round3: mobile hard fixes */
html,body{max-width:100%!important;overflow-x:hidden!important}.homeRebuild,.homeRebuild section,.homeRebuild .wrap{max-width:100%!important;overflow-x:hidden!important}.homeHeroV2Grid,.homeHeroV2Copy,.homeHeroV2 h1,.homeHeroV2 p,.homeHeroV2Actions,.homeHeroV2Visual{min-width:0!important;max-width:100%!important}.homeHeroV2 h1{white-space:normal!important;overflow-wrap:anywhere!important;word-break:keep-all!important;overflow:visible!important}.homeHeroV2Actions a{max-width:100%!important;white-space:normal!important;text-align:center!important}.homeHeroV2Visual img,.homeFinalPosterV2 img{height:auto!important;max-height:none!important;object-fit:contain!important}.homePathPanel{overflow:hidden!important}
@media(max-width:620px){
  .top{position:relative!important;z-index:5!important}.topin{padding:10px 12px!important}.brand{font-size:14px!important}.nav{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;width:100%!important;overflow:visible!important}.nav a{font-size:12px!important;padding:7px 5px!important;text-align:center!important;min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .homeHeroV2{padding:28px 0 28px!important}.homeHeroV2 .wrap{width:calc(100% - 28px)!important;margin:0 auto!important;padding-left:0!important;padding-right:0!important}.homeHeroV2Grid{display:block!important;width:100%!important}.homeHeroV2 h1{font-size:27px!important;line-height:1.16!important;letter-spacing:-.025em!important;margin:12px 0 10px!important}.homeHeroV2 p{font-size:14.8px!important;line-height:1.68!important}.homeTag{font-size:11.5px!important;max-width:100%!important;white-space:normal!important}.homeHeroV2Actions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}.homeHeroV2Actions a{width:100%!important;min-width:0!important;padding:11px 12px!important;font-size:14px!important}.homeHeroV2Actions .plain{width:auto!important;text-align:left!important;justify-content:flex-start!important}.homeHeroV2Visual{margin-top:18px!important;border-radius:18px!important}.homeHeroV2Visual img{display:block!important;width:100%!important;aspect-ratio:auto!important;max-height:360px!important;object-fit:contain!important;object-position:center top!important}.homeHeroV2Visual figcaption{font-size:12.5px!important;line-height:1.45!important}
  .homeShotCard img,.homeBridgeShots img{height:auto!important;aspect-ratio:auto!important;max-height:330px!important;object-fit:contain!important;object-position:center top!important;background:#071a33!important}.homeShotCard.heroShot img{aspect-ratio:auto!important}.homePathPanel{min-height:0!important;padding:0!important;background-image:none!important;background:#fff!important;color:#102033!important;border:1px solid #dce8f5!important;box-shadow:0 14px 38px rgba(22,58,103,.12)!important}.homePathPanel:before{display:none!important}.homePathPanel span{color:#0b61c8!important;padding:18px 18px 0!important;display:block!important}.homePathPanel h2{color:#102033!important;padding:0 18px!important;margin:8px 0!important}.homePathPanel p{color:#52687f!important;padding:0 18px!important}.homePathPanel a{margin:16px 18px 18px!important;background:#0b61c8!important;color:#fff!important}.homeFinalPosterV2 .wrap{width:calc(100% - 24px)!important}.homeFinalPosterV2 figure{border-radius:18px!important}.homeFinalPosterV2 img{width:100%!important;height:auto!important;object-fit:contain!important;object-position:center top!important}.homeFinalPosterV2 .homeFinalPosterGrid>div{padding-top:4px!important}.homeFinalPosterV2 .homeHeroV2Actions{display:grid!important;grid-template-columns:1fr!important}.homeBudgetBox,.homeIntroCards article,.homeShotCard{max-width:100%!important;overflow:hidden!important}
}

/* 2026-05-18 HOME REBUILD round4: decisive mobile simplification */
@media(max-width:620px){
  .homeRebuild,.homeRebuild section,.homeRebuild .wrap{overflow:visible!important}.homeHeroV2{overflow:hidden!important}.homeHeroV2 h1,.homeHeroV2 p{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;white-space:normal!important;word-break:break-all!important;overflow-wrap:anywhere!important;overflow:visible!important;text-overflow:clip!important}.homeHeroV2 h1{font-size:25px!important;line-height:1.22!important;letter-spacing:-.01em!important}.homeHeroV2 p{font-size:14.5px!important;line-height:1.66!important}.homeHeroV2Actions{margin-top:16px!important}.homeHeroV2Actions .plain{display:none!important}.homeHeroV2Visual{display:none!important}.homeHeroV2Notes{display:none!important}.homeHeroV2Bg{background:linear-gradient(180deg,#06182f 0%,#082147 78%,#f6f9fd 100%)!important}.homeHeroV2Copy{width:100%!important;max-width:100%!important;overflow:visible!important}.homeIntroGrid{margin-top:0!important}.homePathPanel.new,.homePathPanel.old{background-image:none!important;background:#fff!important}.homePathPanel,.homePathPanel *{text-shadow:none!important}.homePathPanel:before{content:none!important;display:none!important}.homePathPanel h2,.homePathPanel p,.homePathPanel span{position:relative!important;color:inherit!important}.homePathPanel h2{color:#102033!important}.homePathPanel p{color:#52687f!important}.homePathPanel span{color:#0b61c8!important}.homePathPanel a{background:#0b61c8!important;color:#fff!important}.homeVisualFlowV2{padding-top:38px!important}.homeShotGrid{grid-template-columns:1fr!important}.homeShotCard img{max-height:300px!important}.homeFinalPosterV2 img{max-height:none!important}.homeFinalPosterV2 .homeHeroV2Actions .plain{display:inline-flex!important;background:transparent!important;color:#bfeaff!important;border:0!important}.homeFinalPosterV2 .homeHeroV2Actions{display:grid!important;grid-template-columns:1fr!important}.homeFinalPosterV2 .homeHeroV2Actions a{width:100%!important}}

/* 2026-05-18 HOME REBUILD round5: force safe mobile text column */
@media(max-width:620px){
  .homeRebuild .wrap,
  .homeHeroV2 .wrap,
  .homeIntroV2 .wrap,
  .homeVisualFlowV2 .wrap,
  .homePathV2 .wrap,
  .homeArticleBridgeV2 .wrap,
  .homeBudgetV2 .wrap,
  .homeFinalPosterV2 .wrap,
  .homeRiskV2 .wrap{
    width:calc(100vw - 56px)!important;
    max-width:calc(100vw - 56px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:0!important;
    padding-right:0!important;
  }
  .homeHeroV2Copy,
  .homeIntroLead,
  .homeSectionHead,
  .homeArticleBridgeV2 .homeBridgeGrid>div:first-child,
  .homeBudgetBox>div,
  .homeFinalPosterGrid>div{
    width:100%!important;
    max-width:100%!important;
    padding:0!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  .homeHeroV2 h1,
  .homeHeroV2 p,
  .homeSectionHead h2,
  .homeSectionHead p,
  .homeIntroLead h2,
  .homeIntroLead p,
  .homeArticleBridgeV2 h2,
  .homeArticleBridgeV2 p,
  .homeBudgetV2 h2,
  .homeBudgetV2 p,
  .homeFinalPosterV2 h2,
  .homeFinalPosterV2 p{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    white-space:normal!important;
    word-break:break-word!important;
    overflow-wrap:anywhere!important;
    overflow:visible!important;
  }
  .homeHeroV2 h1{font-size:24px!important;line-height:1.24!important;letter-spacing:0!important}.homeHeroV2 p{font-size:14px!important}.homeSectionHead h2,.homeIntroLead h2,.homeArticleBridgeV2 h2,.homeBudgetV2 h2,.homeFinalPosterV2 h2{font-size:25px!important;line-height:1.18!important;letter-spacing:-.01em!important}.homeShotCard,.homeIntroCards article,.homePathPanel,.homeBudgetBox,.homeBridgeShots figure,.homeFinalPosterV2 figure{width:100%!important;max-width:100%!important}.homeRiskV2 .wrap{padding:18px!important;width:calc(100vw - 56px)!important;max-width:calc(100vw - 56px)!important}
}

/* 2026-05-18 HOME REBUILD round6: ultra-safe mobile column */
@media(max-width:620px){
  .homeRebuild .wrap,
  .homeHeroV2 .wrap,
  .homeIntroV2 .wrap,
  .homeVisualFlowV2 .wrap,
  .homePathV2 .wrap,
  .homeArticleBridgeV2 .wrap,
  .homeBudgetV2 .wrap,
  .homeFinalPosterV2 .wrap,
  .homeRiskV2 .wrap{
    width:min(300px,calc(100vw - 64px))!important;
    max-width:min(300px,calc(100vw - 64px))!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .topin{width:min(300px,calc(100vw - 64px))!important;max-width:min(300px,calc(100vw - 64px))!important;margin:0 auto!important;padding-left:0!important;padding-right:0!important}
  .nav{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .nav a{white-space:normal!important;line-height:1.2!important}
  .homeHeroV2 h1{font-size:23px!important;line-height:1.25!important;word-break:keep-all!important;overflow-wrap:normal!important}
  .homeHeroV2 p{font-size:14px!important;line-height:1.65!important;word-break:normal!important;overflow-wrap:break-word!important}
  .homeHeroV2Actions a{font-size:13.5px!important}
  .homeTag,.homeEyebrow{max-width:100%!important;white-space:normal!important;line-height:1.35!important}
  .homeSectionHead h2,.homeIntroLead h2,.homeArticleBridgeV2 h2,.homeBudgetV2 h2,.homeFinalPosterV2 h2{font-size:24px!important;line-height:1.22!important;word-break:keep-all!important;overflow-wrap:normal!important}
  .homeSectionHead p,.homeIntroLead p,.homeArticleBridgeV2 p,.homeBudgetV2 p,.homeFinalPosterV2 p{font-size:14.5px!important;line-height:1.7!important}
  .homeShotCard div,.homeIntroCards article,.homeBudgetBox li{padding:14px!important}
  .homeShotCard b,.homeIntroCards b,.homeBudgetBox b{font-size:17px!important}
  .homePathPanel h2{font-size:23px!important;line-height:1.22!important}
  .homeFinalPosterV2 figure{background:#fff!important}
  .homeFinalPosterV2 img{background:#fff!important;border-radius:16px!important}
  .homeRiskV2 .wrap{padding:16px!important;width:min(300px,calc(100vw - 64px))!important;max-width:min(300px,calc(100vw - 64px))!important}
}

/* 2026-05-18 HOME REBUILD round7: CTA safe spacing, visible mobile visual, no section overlap */
@media(max-width:620px){
  .homeHeroV2 .wrap,
  .homeRebuild .wrap{width:min(286px,calc(100vw - 80px))!important;max-width:min(286px,calc(100vw - 80px))!important}.topin{width:min(286px,calc(100vw - 80px))!important;max-width:min(286px,calc(100vw - 80px))!important}.homeHeroV2Actions a{width:100%!important;box-sizing:border-box!important;padding-left:10px!important;padding-right:10px!important}.homeHeroV2Visual{display:block!important;margin-top:16px!important;border-radius:16px!important;background:#fff!important}.homeHeroV2Visual img{display:block!important;background:#fff!important;width:100%!important;max-height:230px!important;object-fit:contain!important;object-position:center top!important}.homeHeroV2Visual figcaption{background:#fff!important;color:#334b63!important}.homeBudgetV2{position:relative!important;z-index:3!important;background:#fff!important;padding-bottom:56px!important}.homeBudgetBox{position:relative!important;z-index:4!important;background:#fff!important;overflow:visible!important}.homeFinalPosterV2{position:relative!important;z-index:1!important;margin-top:0!important;clear:both!important}.homeArticleBridgeV2,.homePathV2,.homeVisualFlowV2{position:relative!important;z-index:2!important}}


/* 2026-05-18 HOME REBUILD round8: contrast and clearer hero visual */
.homeRebuild .homeEyebrow{background:#e7f2ff!important;border-color:#b9d8ff!important;color:#0b376f!important}.homeRebuild .homeHeroV2 .homeTag{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.28)!important;color:#dff0ff!important}.homeFinalPosterV2 .homeEyebrow{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.28)!important;color:#dff0ff!important}.homeHeroV2Visual img{object-fit:contain!important;background:#fff!important}@media(max-width:620px){.homeRebuild .homeEyebrow{font-weight:1000!important;color:#063a78!important;background:#e2f0ff!important}.homeHeroV2Visual img{max-height:none!important;aspect-ratio:auto!important;padding:0!important}.homeHeroV2Visual{box-shadow:0 16px 42px rgba(0,0,0,.28)!important}.homeShotCard img{max-height:none!important}.homeShotCard div{padding-top:13px!important}}

/* 2026-05-18 HOME COMPLETE FORENSIC FIX: hard mobile containment + final poster separation */
@media(max-width:620px){
  html,body{width:100%!important;min-width:0!important;max-width:100%!important;overflow-x:hidden!important}
  body.homePage{position:relative!important}
  .homeRebuild{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
  .homeRebuild *{max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
  .homeRebuild section{width:100%!important;max-width:100%!important;overflow:hidden!important;clear:both!important}
  .homeRebuild .wrap,.topin{
    width:280px!important;
    max-width:calc(100vw - 72px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:0!important;
    padding-right:0!important;
  }
  .homeHeroV2Grid,.homeIntroGrid,.homeShotGrid,.homePathGridV2,.homeBridgeGrid,.homeBudgetBox,.homeFinalPosterGrid{display:block!important;width:100%!important}
  .homeHeroV2Copy,.homeHeroV2Actions,.homeHeroV2Visual,.homeIntroLead,.homeIntroCards,.homeSectionHead,.homeShotCard,.homePathPanel,.homeBridgeShots,.homeBridgeShots figure,.homeBudgetBox,.homeBudgetBox ul,.homeBudgetBox li,.homeFinalPosterGrid,.homeFinalPosterGrid figure,.homeFinalPosterGrid>div{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}
  .homeHeroV2 h1,.homeHeroV2 p,.homeSectionHead h2,.homeSectionHead p,.homeIntroLead h2,.homeIntroLead p,.homeArticleBridgeV2 h2,.homeArticleBridgeV2 p,.homeBudgetV2 h2,.homeBudgetV2 p,.homeFinalPosterV2 h2,.homeFinalPosterV2 p,.homeShotCard b,.homeShotCard p,.homePathPanel h2,.homePathPanel p,.homeBudgetBox b,.homeBudgetBox span{
    width:100%!important;max-width:100%!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;word-break:normal!important;overflow-wrap:break-word!important;
  }
  .homeHeroV2 h1{font-size:22px!important;line-height:1.28!important;letter-spacing:0!important}
  .homeHeroV2Actions{gap:8px!important}
  .homeHeroV2Actions a{display:flex!important;width:100%!important;max-width:100%!important;margin:0!important;padding:10px 8px!important;font-size:13px!important;line-height:1.25!important;white-space:normal!important;overflow:hidden!important;text-align:center!important}
  .homeHeroV2Visual{overflow:hidden!important;background:#fff!important}.homeHeroV2Visual img{display:block!important;width:100%!important;height:auto!important;max-height:220px!important;object-fit:contain!important;background:#fff!important}
  .homeShotCard img,.homeBridgeShots img{display:block!important;width:100%!important;height:auto!important;max-height:260px!important;object-fit:contain!important;background:#071a33!important}
  .homeBudgetV2{display:block!important;position:relative!important;z-index:5!important;margin:0!important;padding:46px 0 46px!important;background:#fff!important;overflow:visible!important}.homeBudgetBox{display:block!important;position:relative!important;z-index:6!important;background:#fff!important;border-radius:20px!important;overflow:visible!important}.homeBudgetBox ul{margin-top:16px!important}
  .homeFinalPosterV2{display:block!important;position:relative!important;z-index:1!important;margin:0!important;padding:54px 0 50px!important;background:#06182f!important;overflow:visible!important;clear:both!important}.homeFinalPosterV2:before{display:none!important;content:none!important}.homeFinalPosterGrid{display:block!important}.homeFinalPosterV2 figure{display:block!important;margin:0 0 20px!important;background:#fff!important;border-radius:18px!important;overflow:hidden!important}.homeFinalPosterV2 img{display:block!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;background:#fff!important}.homeFinalPosterV2 .homeHeroV2Actions a{overflow:visible!important}.homeRiskV2{position:relative!important;z-index:2!important;background:#fff!important}
}

/* 2026-05-18 COMPLETE FIX2: remove final dark overlap risk + 360 safe */
.homeFinalPosterV2{background:#ffffff!important;color:#102033!important;position:relative!important;z-index:10!important;isolation:isolate!important;overflow:visible!important}.homeFinalPosterV2 h2{color:#102033!important}.homeFinalPosterV2 p{color:#52687f!important}.homeFinalPosterV2 .homeEyebrow{background:#e7f2ff!important;border-color:#b9d8ff!important;color:#0b376f!important}.homeFinalPosterV2 figure{background:#fff!important;border:1px solid #dce8f5!important;box-shadow:0 22px 60px rgba(22,58,103,.14)!important}.homeFinalPosterV2 .homeHeroV2Actions .plain{background:#eef6ff!important;color:#0b376f!important;border:1px solid #cde2fb!important}.homeFinalPosterV2:before,.homeFinalPosterV2:after{display:none!important;content:none!important}.homeBudgetV2{margin-bottom:0!important}.homeRiskV2{background:#fff!important}
@media(max-width:620px){
  .homeRebuild .wrap,.homeHeroV2 .wrap,.homeIntroV2 .wrap,.homeVisualFlowV2 .wrap,.homePathV2 .wrap,.homeArticleBridgeV2 .wrap,.homeBudgetV2 .wrap,.homeFinalPosterV2 .wrap,.homeRiskV2 .wrap,.topin{width:260px!important;max-width:calc(100vw - 92px)!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important}
  .homeHeroV2 h1{font-size:21px!important;line-height:1.3!important}.homeHeroV2 p{font-size:13.5px!important;line-height:1.68!important}.homeHeroV2Actions a{font-size:12.8px!important;padding:10px 6px!important}.homeHeroV2Visual img{max-height:200px!important}.homeFinalPosterV2{background:#fff!important;color:#102033!important;padding:48px 0!important;overflow:visible!important}.homeFinalPosterV2 h2{color:#102033!important}.homeFinalPosterV2 p{color:#52687f!important}.homeFinalPosterV2 figure{margin-bottom:18px!important}.homeFinalPosterV2 .homeHeroV2Actions .primary,.homeFinalPosterV2 .homeHeroV2Actions .secondary,.homeFinalPosterV2 .homeHeroV2Actions .plain{width:100%!important;color:#fff!important}.homeFinalPosterV2 .homeHeroV2Actions .plain{color:#0b376f!important;background:#eef6ff!important;border:1px solid #cde2fb!important}.homeBudgetV2{padding-bottom:42px!important;overflow:visible!important}.homeRiskV2{background:#fff!important;clear:both!important}}
@media(max-width:370px){.homeRebuild .wrap,.homeHeroV2 .wrap,.homeIntroV2 .wrap,.homeVisualFlowV2 .wrap,.homePathV2 .wrap,.homeArticleBridgeV2 .wrap,.homeBudgetV2 .wrap,.homeFinalPosterV2 .wrap,.homeRiskV2 .wrap,.topin{width:248px!important;max-width:calc(100vw - 104px)!important}.homeHeroV2 h1{font-size:20px!important}.homeHeroV2Actions a{font-size:12px!important}}

/* 2026-05-18 COMPLETE FIX3: 360 CTA containment */
@media(max-width:370px){
  .homeHeroV2Actions{width:100%!important;max-width:100%!important;overflow:visible!important;display:block!important}
  .homeHeroV2Actions a{display:flex!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0 0 8px 0!important;padding:10px 4px!important;border-radius:12px!important;font-size:11.5px!important;line-height:1.25!important;box-sizing:border-box!important;justify-content:center!important;align-items:center!important;white-space:normal!important;overflow:visible!important}
  .homeHeroV2Visual{width:100%!important;max-width:100%!important;overflow:hidden!important}
}


/* 2026-05-18 content/images correction: keep current layout, improve real screenshot fitting */
.homeHeroV2Visual img,.homeShotCard img,.homeBridgeShots img{object-fit:contain!important;background:#f7fbff!important}.homeShotCard img{padding:8px!important}.homeShotCard.heroShot img{background:#eef6ff!important}.homeFinalPosterV2 figure img{object-fit:cover!important;aspect-ratio:16/8!important}.homeBridgeShots figure img{background:#071a33!important}
@media(max-width:620px){.homeShotCard img{max-height:300px!important;padding:6px!important}.homeHeroV2Visual img{max-height:260px!important}.homeFinalPosterV2 figure img{aspect-ratio:16/8.8!important;object-fit:cover!important}}


/* 2026-05-18 content/images correction 2: remove duplicated screenshot text from hero background */
.homeHeroV2Bg{background:radial-gradient(circle at 78% 18%,rgba(24,183,255,.32),transparent 34%),radial-gradient(circle at 18% 0%,rgba(255,212,94,.18),transparent 28%),linear-gradient(120deg,#041225 0%,#071d3f 52%,#0a3b74 100%)!important;filter:none!important;transform:none!important}.homeHeroV2Visual img{padding:0!important}.homeShotCard img,.homeBridgeShots img{object-position:center top!important}.homeShotCard img{max-height:360px!important}.homeBridgeShots img{max-height:420px!important}.homeFinalPosterV2 figure img{object-position:center center!important}
@media(max-width:620px){.homeShotCard img{max-height:340px!important}.homeBridgeShots img{max-height:360px!important}.homeHeroV2Bg{background:linear-gradient(180deg,#06182f 0%,#082147 78%,#f6f9fd 100%)!important}}


/* 2026-05-18 CEO restart: homepage images must look like designed visual cards, not tiny raw screenshots. */
.homeHeroV2Visual{background:#071a33!important}.homeHeroV2Visual img{aspect-ratio:16/10!important;object-fit:cover!important;object-position:center center!important;padding:0!important;background:#071a33!important}.homeShotCard img,.homeBridgeShots img{aspect-ratio:16/9!important;object-fit:cover!important;object-position:center center!important;padding:0!important;background:#071a33!important;max-height:none!important}.homeShotCard.heroShot img{aspect-ratio:16/9!important}.homeShotCard{background:#fff!important}.homeBridgeShots figure{background:#071a33!important}.homePathPanel.new{background-image:url('../screenshots/home-polished/home2_entry.jpg')!important}.homePathPanel.old{background-image:url('../screenshots/home-polished/home2_live.jpg')!important}
@media(max-width:620px){.homeHeroV2Visual img,.homeShotCard img,.homeBridgeShots img{aspect-ratio:16/10!important;max-height:none!important;object-fit:cover!important;padding:0!important}.homeShotCard div{background:#fff!important}.homePathPanel{background-position:center center!important}}


/* 2026-05-18 CEO restart 2: remove image-over-text risk and tighten homepage rhythm. */
.homeHeroV2{min-height:620px!important;padding-bottom:34px!important}.homeHeroV2:after{height:70px!important}.homeHeroV2Grid{align-items:center!important}.homePathPanel:before{background:linear-gradient(180deg,rgba(3,12,28,.48),rgba(3,12,28,.92))!important}.homeFinalPosterV2 figure img{aspect-ratio:16/7!important;object-fit:cover!important;object-position:center center!important}.homeBridgeShots img{aspect-ratio:16/10!important}.homeBridgeShots figcaption{background:#fff!important;color:#102033!important}
@media(max-width:620px){.homeHeroV2{padding-bottom:24px!important}.homeHeroV2:after{height:36px!important}.homePathPanel.new,.homePathPanel.old{background-image:linear-gradient(135deg,#071a33,#0b376f)!important}.homePathPanel:before{display:none!important}.homePathPanel span,.homePathPanel h2,.homePathPanel p,.homePathPanel a{position:relative!important;z-index:1!important}.homePathPanel p{color:#e6f2ff!important}.homeFinalPosterV2 figure img{aspect-ratio:16/8.5!important}.homeBridgeShots img{aspect-ratio:16/10!important}}


/* 2026-05-18 CEO restart 3: final readability fixes. */
.homePathPanel span{color:#ffe49a!important}.homePathPanel h2{color:#ffffff!important;text-shadow:0 2px 16px rgba(0,0,0,.35)!important}.homePathPanel p{color:#eaf4ff!important}.homePathPanel a{background:#ffffff!important;color:#082041!important}.homeBridgeShots img{object-fit:cover!important;object-position:center center!important}.homeFinalPosterV2 figure img{aspect-ratio:16/8!important;object-fit:cover!important;object-position:center center!important}
@media(max-width:620px){.homePathPanel h2{color:#ffffff!important;font-size:27px!important}.homePathPanel p{color:#eaf4ff!important}.homeFinalPosterV2 figure img{aspect-ratio:16/10!important}}


/* 2026-05-18 CEO conversion restart: new/old user + register/deposit content blocks. */
.ceoConversion{background:linear-gradient(180deg,#f6f9fd,#ffffff)!important}.ceoConversionGrid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}.ceoConversionGrid article{background:#fff!important;border:1px solid #dce8f5!important;border-radius:24px!important;padding:22px!important;box-shadow:0 14px 34px rgba(22,58,103,.09)!important}.ceoConversionGrid b{display:block!important;color:#0b376f!important;font-size:20px!important;margin-bottom:8px!important}.ceoConversionGrid p{margin:0!important;color:#52687f!important;line-height:1.7!important}.ceoConversionGrid a{display:inline-flex!important;margin-top:16px!important;padding:11px 14px!important;border-radius:14px!important;background:#0b61c8!important;color:#fff!important;text-decoration:none!important;font-weight:1000!important}.ceoConversionGrid article:nth-child(3) a{background:#f0b84b!important;color:#142033!important}@media(max-width:900px){.ceoConversionGrid{grid-template-columns:1fr!important}.ceoConversionGrid article{padding:19px!important}}


/* 2026-05-18 CEO conversion copy/finish fixes. */
.newsPage .footer,.footer{background:#f6f9fd!important}.homePathV2{padding-top:64px!important;padding-bottom:64px!important}.homePathGridV2{align-items:stretch!important}

/* 2026-05-18 CEO redo v1: FB sports homepage rebuilt as formal conversion guide. */
.fbCeoPage{background:#f5f8fc;color:#102033;overflow-x:hidden}.fbCeoPage *{box-sizing:border-box}.fbCeoPage .wrap{width:min(1160px,calc(100% - 36px));margin:0 auto}.fbCeoTop{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(13,49,92,.08)}.fbHero{position:relative;overflow:hidden;background:#06152e;color:#fff}.fbHeroBg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,18,42,.92),rgba(5,18,42,.62)),url('../screenshots/home-news-hero-bg-crop.jpg') center/cover no-repeat;transform:scale(1.03)}.fbHero:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:90px;background:linear-gradient(180deg,rgba(245,248,252,0),#f5f8fc)}.fbHeroGrid{position:relative;z-index:1;display:grid;grid-template-columns:1.02fr .98fr;gap:44px;align-items:center;min-height:720px;padding:78px 0 112px}.fbKicker,.fbEyebrow{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border-radius:999px;background:rgba(255,214,106,.16);border:1px solid rgba(255,214,106,.38);color:#ffe29a;font-weight:900;letter-spacing:.03em}.fbEyebrow{background:#fff6dc;border-color:#f0d995;color:#8b5b00}.fbHero h1{margin:22px 0 16px;font-size:clamp(42px,5vw,72px);line-height:1.02;letter-spacing:-.04em;color:#fff}.fbHero p{font-size:19px;line-height:1.86;color:#e7f2ff;max-width:690px}.fbHeroActions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.fbBtn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 19px;border-radius:16px;font-weight:1000;text-decoration:none;border:1px solid transparent}.fbBtn.primary{background:#ffd666;color:#082044}.fbBtn.secondary{background:#1976e8;color:#fff}.fbBtn.ghost{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.28)}.fbTrust{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.fbTrust span{padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);color:#dcecff;font-size:14px;font-weight:800}.fbHeroArt{margin:0;background:#fff;border-radius:34px;padding:14px;box-shadow:0 28px 90px rgba(0,0,0,.32);border:1px solid rgba(255,255,255,.35)}.fbHeroArt img{display:block;width:100%;aspect-ratio:14/9;object-fit:cover;border-radius:24px}.fbHeroArt figcaption{padding:12px 6px 2px;color:#51677f;font-weight:800;text-align:center}.fbSection{padding:74px 0}.fbIntroGrid,.fbArticleGrid,.fbFinalGrid,.fbRegisterBox{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}.fbSection h2{margin:14px 0 13px;font-size:clamp(30px,3.6vw,48px);line-height:1.15;letter-spacing:-.03em;color:#0b254a}.fbSection p{font-size:17px;line-height:1.85;color:#52687f}.fbIntroCards,.fbRegisterList{display:grid;gap:14px}.fbIntroCards article,.fbRegisterList article{background:#fff;border:1px solid #dce8f5;border-radius:24px;padding:22px;box-shadow:0 15px 40px rgba(20,57,101,.08)}.fbIntroCards b,.fbRegisterList b{display:block;color:#0b376f;font-size:21px;margin-bottom:7px}.fbIntroCards span,.fbRegisterList span{color:#52687f;line-height:1.7}.fbHead{text-align:center;max-width:780px;margin:0 auto 34px}.fbStepGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.fbStepGrid article{background:#fff;border:1px solid #dce8f5;border-radius:30px;overflow:hidden;box-shadow:0 18px 45px rgba(20,57,101,.09)}.fbStepGrid img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}.fbStepGrid div{padding:22px}.fbStepGrid span{display:inline-flex;width:42px;height:42px;border-radius:14px;align-items:center;justify-content:center;background:#0b61c8;color:#fff;font-weight:1000}.fbStepGrid h3{font-size:25px;margin:14px 0 8px;color:#0b254a}.fbStepGrid p{font-size:16px;margin:0}.fbSplit{background:linear-gradient(180deg,#eef5ff,#f8fbff)}.fbSplitGrid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.fbSplitCard{border-radius:34px;padding:34px;border:1px solid rgba(255,255,255,.3);box-shadow:0 22px 60px rgba(7,29,62,.16);color:#fff}.fbSplitCard.beginner{background:linear-gradient(145deg,#0a3c78,#0b67cc)}.fbSplitCard.advanced{background:linear-gradient(145deg,#061a36,#113a71)}.fbSplitCard span{color:#ffe29a;font-weight:1000}.fbSplitCard h2{color:#fff}.fbSplitCard p,.fbSplitCard li{color:#e9f3ff}.fbSplitCard ul{padding-left:20px;line-height:1.9}.fbSplitCard a{display:inline-flex;margin-top:10px;padding:13px 17px;border-radius:15px;background:#ffd666;color:#082044;text-decoration:none;font-weight:1000}.fbRegister{background:#fff}.fbRegisterBox{background:linear-gradient(135deg,#071a33,#0b376f);border-radius:38px;padding:40px;color:#fff;box-shadow:0 24px 70px rgba(7,29,62,.18)}.fbRegisterBox h2{color:#fff}.fbRegisterBox p{color:#e5f2ff}.fbRegisterList article{box-shadow:none}.fbArticle figure,.fbFinal figure{margin:0}.fbArticle img,.fbFinal img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:30px;box-shadow:0 20px 55px rgba(20,57,101,.14);border:1px solid #dce8f5}.fbMiniLinks{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.fbMiniLinks a{padding:12px 15px;border-radius:14px;background:#0b61c8;color:#fff;text-decoration:none;font-weight:900}.fbRisk{background:#071a33;color:#fff}.fbRisk h2{color:#fff}.fbRisk p{max-width:920px;color:#e8f3ff}.fbFinal{background:#fff}.fbHeroActions.final .fbBtn.ghost{background:#eef5ff;color:#0b376f;border-color:#cfe0f4}.footer{background:#f5f8fc;color:#60758d;border-top:1px solid #dce8f5;padding:26px 0;text-align:center}
@media(max-width:960px){.fbHeroGrid,.fbIntroGrid,.fbArticleGrid,.fbFinalGrid,.fbRegisterBox,.fbSplitGrid{grid-template-columns:1fr}.fbHeroGrid{min-height:auto;padding:54px 0 86px}.fbStepGrid{grid-template-columns:1fr}.fbHeroArt{max-width:680px}.fbRegisterBox{padding:28px}.fbSection{padding:56px 0}}
@media(max-width:620px){.fbCeoPage .wrap{width:min(100% - 24px,1160px)}.fbHeroGrid{padding:38px 0 64px;gap:28px}.fbHero h1{font-size:39px}.fbHero p{font-size:16.5px;line-height:1.75}.fbHeroActions{display:grid;grid-template-columns:1fr}.fbBtn{width:100%;text-align:center}.fbTrust{display:grid;grid-template-columns:1fr 1fr}.fbHeroArt{border-radius:24px;padding:10px}.fbHeroArt img{border-radius:17px;aspect-ratio:4/3}.fbHeroArt figcaption{font-size:13px}.fbSection{padding:46px 0}.fbSection h2{font-size:30px}.fbSection p{font-size:16px}.fbStepGrid article,.fbIntroCards article,.fbRegisterList article{border-radius:22px}.fbStepGrid img,.fbArticle img,.fbFinal img{aspect-ratio:4/3;border-radius:22px}.fbSplitCard{padding:25px;border-radius:26px}.fbRegisterBox{border-radius:28px;padding:24px}.fbMiniLinks{display:grid}.fbKicker,.fbEyebrow{font-size:13px;line-height:1.4}.fbCeoTop .nav{overflow-x:auto;white-space:nowrap}}

/* 2026-05-18 CEO redo v2: mobile containment and reduce fake-image repetition. */
.fbCeoPage,.fbCeoPage body{max-width:100%;overflow-x:hidden}.fbCeoPage img{max-width:100%;height:auto}.fbCeoPage .wrap,.fbHeroGrid,.fbIntroGrid,.fbArticleGrid,.fbFinalGrid,.fbRegisterBox,.fbSplitGrid,.fbStepGrid{min-width:0}.fbHeroCopy,.fbHeroArt,.fbSection div,.fbStepGrid article,.fbSplitCard,.fbRegisterBox{min-width:0;max-width:100%}.fbCeoTop .topin{display:flex;align-items:center;gap:14px;min-width:0}.fbCeoTop .brand{flex:0 0 auto}.fbCeoTop .nav{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;gap:8px;min-width:0;max-width:100%;padding-bottom:4px}.fbCeoTop .nav a{flex:0 0 auto}.fbHeroActions{min-width:0}.fbBtn{white-space:normal;max-width:100%}.fbStepGrid article img{display:none}.fbStepGrid article{position:relative;padding-top:10px}.fbStepGrid article:before{content:"";display:block;margin:18px 22px 0;width:58px;height:58px;border-radius:20px;background:linear-gradient(135deg,#0b61c8,#35b1ff);box-shadow:0 14px 28px rgba(11,97,200,.18)}.fbStepGrid article:nth-child(2):before{background:linear-gradient(135deg,#071a33,#1877e8)}.fbStepGrid article:nth-child(3):before{background:linear-gradient(135deg,#147d56,#2bca87)}.fbStepGrid div{padding-top:14px}.fbArticle figure{display:none}.fbArticleGrid{grid-template-columns:1fr!important;max-width:900px;margin:0 auto}.fbHeroArt img{content:url('../screenshots/home-news-hero-bg-crop.jpg')}.fbFinal img{content:url('../screenshots/home-ceo/final-route.jpg')}
@media(max-width:620px){.fbCeoTop .topin{display:block}.fbCeoTop .brand{display:flex;margin-bottom:8px}.fbCeoTop .nav{display:flex!important;flex-wrap:nowrap!important;white-space:nowrap!important;margin:0 -12px;padding:0 12px 8px}.fbCeoTop .nav a{font-size:14px;padding:9px 11px}.fbHeroGrid,.fbIntroGrid,.fbSplitGrid,.fbRegisterBox,.fbFinalGrid{width:100%;max-width:100%;overflow:hidden}.fbHeroActions,.fbHeroActions.final{grid-template-columns:1fr!important;width:100%;max-width:100%}.fbBtn{width:100%;max-width:100%;padding-left:12px;padding-right:12px}.fbHeroArt,.fbSplitCard,.fbRegisterBox,.fbStepGrid article{overflow:hidden}.fbStepGrid article:before{margin-left:18px}.fbStepGrid div{padding:18px!important}.fbHero h1{word-break:keep-all;overflow-wrap:anywhere}.fbHero p,.fbSection p,.fbSplitCard li{overflow-wrap:anywhere}.fbTrust{grid-template-columns:1fr 1fr!important}.fbFinal figure{display:none}.fbFinalGrid{grid-template-columns:1fr!important}.fbArticle{padding-top:34px}}

/* 2026-05-18 CEO redo v3: hard mobile text containment. */
@media(max-width:620px){
  html,body,.fbCeoPage{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
  .fbCeoPage *{max-width:100%!important}
  .fbCeoPage .wrap{width:calc(100vw - 28px)!important;max-width:calc(100vw - 28px)!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important;overflow:hidden!important}
  .fbHeroGrid,.fbIntroGrid,.fbArticleGrid,.fbFinalGrid,.fbRegisterBox,.fbSplitGrid,.fbStepGrid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important;max-width:100%!important;gap:22px!important;overflow:hidden!important}
  .fbHeroCopy,.fbHeroCopy *,.fbIntroGrid *,.fbHead *,.fbStepGrid *,.fbSplitCard *,.fbRegisterBox *,.fbArticleGrid *,.fbFinalGrid *{min-width:0!important;white-space:normal!important;word-break:normal!important;overflow-wrap:anywhere!important;line-break:anywhere!important;text-wrap:wrap!important}
  .fbHero h1{font-size:36px!important;line-height:1.12!important;letter-spacing:-.025em!important}
  .fbHero p,.fbSection p{font-size:16px!important;line-height:1.72!important;width:100%!important;max-width:100%!important;margin-right:0!important}
  .fbSection h2{font-size:28px!important;line-height:1.22!important;width:100%!important;max-width:100%!important}
  .fbHeroArt,.fbStepGrid article,.fbIntroCards article,.fbRegisterList article,.fbSplitCard{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}
  .fbTrust{width:100%!important;grid-template-columns:1fr 1fr!important;gap:8px!important}.fbTrust span{min-width:0!important;text-align:center!important}
  .fbCeoTop .topin{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;overflow:hidden!important}.fbCeoTop .nav{max-width:100%!important;overflow-x:auto!important}
}

/* 2026-05-19 inner768fix1: tablet hero guide images must not be cropped or covered. */
@media (max-width:980px){
  .heroGrid{grid-template-columns:1fr!important;gap:28px!important;align-items:start!important}.showcase{position:relative!important;min-height:auto!important;height:auto!important;width:100%!important;max-width:720px!important;margin:10px auto 0!important;display:block!important;overflow:visible!important}.browserCard{position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:100%!important;height:auto!important;min-height:0!important;transform:none!important;margin:0!important;padding:14px!important;border-radius:24px!important}.browserBody{display:block!important;height:auto!important}.largeShot{height:auto!important;min-height:0!important;padding:8px!important;border-radius:18px!important}.largeShot img{width:100%!important;height:auto!important;max-height:460px!important;object-fit:contain!important;object-position:center top!important;border-radius:12px!important}.dash{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;margin-top:12px!important;gap:10px!important}.dashPanel{padding:12px!important}.dashPanel p{font-size:13px!important}.phoneFloat{display:none!important}.goldBadge{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;max-width:none!important;width:100%!important;margin:12px 0 0!important;transform:none!important;box-shadow:0 12px 28px rgba(0,0,0,.12)!important}.goldBadge b{font-size:17px!important}.goldBadge span{font-size:13.5px!important}
}
@media (max-width:620px){
  .dash{grid-template-columns:1fr!important}.largeShot img{max-height:none!important}.goldBadge{display:none!important}.showcase{margin-top:18px!important}.browserCard{padding:10px!important;border-radius:20px!important}
}


/* 2026-05-19 inner768fix2: remove tablet overlay/phone crop risk entirely. */
@media (min-width:621px) and (max-width:980px){
  .showcase{width:100%!important;max-width:680px!important;margin:18px auto 0!important;overflow:visible!important;display:block!important;contain:layout paint!important}
  .browserCard{width:100%!important;max-width:100%!important;min-height:0!important;height:auto!important;overflow:visible!important;position:relative!important;transform:none!important;box-sizing:border-box!important}
  .browserBody,.largeShot{width:100%!important;height:auto!important;min-height:0!important;overflow:visible!important;display:block!important;box-sizing:border-box!important}
  .largeShot img{display:block!important;width:100%!important;height:auto!important;max-height:420px!important;object-fit:contain!important;object-position:center top!important}
  .phoneFloat,.goldBadge{display:none!important}
  .dash{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;position:relative!important;margin-top:12px!important}
  .dashPanel{min-width:0!important;padding:12px!important;border-radius:16px!important}
  .dashPanel b{font-size:15px!important}.dashPanel p{font-size:13px!important;line-height:1.55!important}
}

/* 2026-05-19 mobile CEO polish: compact nav + safer narrow cards */
@media(max-width:620px){
  .top{position:static!important;background:#fff!important;overflow:hidden!important}
  .topin{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:8px!important;padding:10px 14px!important}
  .brand{margin:0!important;font-size:15px!important;line-height:1!important}
  .brandMark{width:32px!important;height:32px!important;border-radius:11px!important;font-size:13px!important}
  .nav{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;width:100%!important;max-width:100%!important;overflow:visible!important;padding:0!important}
  .nav a{display:flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;width:100%!important;min-height:32px!important;padding:6px 3px!important;border-radius:999px!important;font-size:11.5px!important;line-height:1.05!important;text-align:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:clip!important;background:#f2f6fb;color:#40566c!important}
  .nav a.active{background:#e5f0ff!important;color:#105ccf!important}
  .hero{padding-top:30px!important;padding-bottom:32px!important}
  .hero .wrap,.section .wrap{padding-left:18px!important;padding-right:18px!important;overflow:hidden!important}
  .heroTitle strong{font-size:30px!important;line-height:1.18!important;letter-spacing:-.01em!important}
  .heroTitle span{font-size:18px!important;line-height:1.28!important}
  .heroTitle em{font-size:18px!important;line-height:1.28!important;max-width:100%!important}
  .lead{font-size:15.5px!important;line-height:1.65!important}
  .quickGrid,.oneLineGrid,.decisionGrid,.realGrid,.pathGrid,.sceneGrid,.missionGrid,.flowRail,.playCards,.depthGrid,.articleGrid{grid-template-columns:1fr!important;gap:12px!important}
  .quickCard,.oneLineGrid article,.decisionGrid article,.realGrid article,.pathCard,.sceneGrid article,.missionGrid article,.flowRail article,.playCards article,.depthGrid article,.articleGrid article{width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important;border-radius:20px!important}
  .quickReturn,.playOneLine,.gameEnergy,.playGuide,.playDepth,.bottomPoster,.finalBackdropCta{overflow:hidden!important}
  .sectionHead h2{font-size:27px!important;line-height:1.2!important;letter-spacing:-.02em!important}
  .sectionHead p,.realGrid p,.decisionGrid p,.oneLineGrid span,.oneLineGrid em{font-size:15px!important;line-height:1.65!important;max-width:100%!important}
  .heroActions,.conversionActions,.pullActions{width:100%!important;max-width:100%!important;grid-template-columns:1fr!important}
  .heroActions .btn,.conversionActions .btn,.pullActions .btn{width:100%!important;max-width:100%!important}
}
@media(max-width:360px){
  .nav{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important}
  .nav a{font-size:10.5px!important;padding-left:2px!important;padding-right:2px!important}
  .hero .wrap,.section .wrap{padding-left:14px!important;padding-right:14px!important}
  .heroTitle strong{font-size:28px!important}
}

/* 2026-05-19 mobile-final1: 360/390 first-screen polish after full matrix WARN */
@media(max-width:620px){
  .topin{gap:7px!important;padding-top:9px!important;padding-bottom:9px!important}
  .brand{font-size:14px!important;max-width:100%!important}
  .brandMark{width:30px!important;height:30px!important}
  .nav{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important}
  .nav a{min-height:30px!important;font-size:10.8px!important;line-height:1.05!important;padding:5px 2px!important;letter-spacing:-.02em!important}
  .nav a:nth-child(n+5){display:none!important}
  .hero{padding-top:24px!important;padding-bottom:28px!important}
  .kicker{font-size:12px!important;line-height:1.25!important;padding:6px 9px!important;max-width:100%!important}
  .heroTitle{margin:10px 0 10px!important;gap:4px!important;display:block!important;max-width:100%!important;overflow:visible!important}
  .heroTitle span{font-size:16px!important;line-height:1.28!important;margin-bottom:3px!important;letter-spacing:0!important}
  .heroTitle strong{font-size:24px!important;line-height:1.24!important;letter-spacing:0!important;max-width:100%!important;white-space:normal!important;overflow:visible!important;overflow-wrap:break-word!important;word-break:keep-all!important;text-wrap:auto!important}
  .heroTitle em{font-size:16px!important;line-height:1.28!important;margin-top:5px!important;padding:6px 9px!important;border-radius:12px!important;max-width:100%!important;white-space:normal!important;overflow:visible!important;word-break:keep-all!important}
  .lead{font-size:14.5px!important;line-height:1.58!important;margin-top:8px!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
  .heroActions{gap:8px!important;margin-top:15px!important}
  .heroActions .btn{min-height:42px!important;font-size:14px!important;padding:9px 12px!important;border-radius:13px!important}
  .heroActions .btn:nth-child(n+3){display:none!important}
  .trustStrip{display:none!important}
  .conversionBar{display:none!important}
  .section{padding-top:34px!important;padding-bottom:34px!important}
  .sectionHead{margin-bottom:18px!important}
  .sectionHead h2{font-size:24px!important;line-height:1.22!important;letter-spacing:0!important}
  .sectionHead p{font-size:14.5px!important;line-height:1.62!important}
}
@media(max-width:370px){
  .heroTitle strong{font-size:23px!important;line-height:1.25!important}
  .heroTitle span,.heroTitle em{font-size:15.5px!important}
  .nav a{font-size:10.2px!important}
}

/* 2026-05-19 mobile-final2: premium-level CTA hierarchy + premium mobile header */
@media(max-width:620px){
  .top{box-shadow:0 8px 24px rgba(10,32,58,.06)!important}
  .topin{padding:8px 14px!important;gap:6px!important}
  .brand{font-size:13.5px!important;font-weight:1000!important;letter-spacing:.01em!important}
  .brandMark{width:28px!important;height:28px!important;border-radius:10px!important}
  .nav{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important;background:#f6f9fd!important;border:1px solid #e3ebf5!important;border-radius:16px!important;padding:4px!important}
  .nav a{background:transparent!important;color:#52677f!important;min-height:29px!important;font-size:10.6px!important;padding:5px 2px!important;border-radius:12px!important;box-shadow:none!important}
  .nav a.active{background:#0b63ce!important;color:#fff!important;box-shadow:0 8px 18px rgba(11,99,206,.18)!important}
  .nav a:nth-child(n+5){display:none!important}

  .hero{padding-top:22px!important;padding-bottom:26px!important}
  .hero .wrap{padding-left:18px!important;padding-right:18px!important}
  .kicker{font-size:11.5px!important;padding:5px 8px!important;border-radius:999px!important;max-width:100%!important}
  .heroTitle{margin:9px 0 9px!important}
  .heroTitle span{font-size:15.5px!important;line-height:1.28!important;color:#d9ecff!important}
  .heroTitle strong{font-size:23px!important;line-height:1.25!important;letter-spacing:0!important;text-wrap:balance!important;word-break:keep-all!important;overflow-wrap:break-word!important}
  .heroTitle em{display:block!important;width:fit-content!important;max-width:100%!important;font-size:15.5px!important;line-height:1.25!important;padding:6px 9px!important;border-radius:12px!important;margin-top:6px!important}
  .lead{font-size:14px!important;line-height:1.55!important;-webkit-line-clamp:2!important;margin:7px 0 0!important;color:#e4f1ff!important}

  .heroActions{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;margin-top:13px!important;width:100%!important}
  .heroActions .btn{width:100%!important;min-height:42px!important;border-radius:14px!important;font-size:14px!important;padding:9px 12px!important;box-shadow:none!important}
  .heroActions .btn.join,.heroActions .btn.primary{background:linear-gradient(135deg,#f0b84b,#ffe49a)!important;color:#172033!important;box-shadow:0 12px 26px rgba(240,184,75,.22)!important}
  .heroActions .btn.watch,.heroActions .btn.blue{background:rgba(255,255,255,.12)!important;color:#fff!important;border:1px solid rgba(255,255,255,.30)!important}
  .heroActions .btn.ghost,.heroActions .btn:nth-child(n+3){display:none!important}

  .quickCard .btn,.routeCard .btn,.pathCard .btn,.sceneGrid .btn,.decisionGrid .btn,.articleGrid .btn,
  .quickCard a.btn,.routeCard a.btn,.pathCard a.btn,.sceneGrid a.btn,.decisionGrid a.btn,.articleGrid a.btn{display:none!important}
  .routeCard,.quickCard,.pathCard,.decisionGrid article,.articleGrid article{box-shadow:0 10px 24px rgba(14,32,56,.055)!important}
  .routeCard:active,.quickCard:active,.pathCard:active{transform:translateY(1px)!important}

  .section{padding-top:32px!important;padding-bottom:32px!important}
  .sectionHead h2{font-size:23px!important;line-height:1.25!important;text-wrap:balance!important}
  .sectionHead p{font-size:14px!important;line-height:1.6!important}
  .floatingCta{display:none!important}
}
@media(max-width:370px){
  .nav a{font-size:10px!important}
  .heroTitle strong{font-size:22px!important}
  .heroTitle span,.heroTitle em{font-size:15px!important}
  .lead{font-size:13.8px!important}
}

/* 2026-05-19 mobile-final3: remove 360 right-edge cut, calm homepage-like hero surfaces */
@media(max-width:620px){
  html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
  body{position:relative!important}
  .wrap,.topin,.hero .wrap,.section .wrap,.footer .wrap{
    width:calc(100vw - 32px)!important;
    max-width:calc(100vw - 32px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:0!important;
    padding-right:0!important;
    overflow:visible!important;
  }
  .heroGrid,.grid,.cols2,.cols3,.cols4,.gallery,.featurePanel,.cta,.quickGrid,.oneLineGrid,.decisionGrid,.realGrid,.pathGrid,.sceneGrid,.missionGrid,.flowRail,.playCards,.depthGrid,.articleGrid,.ceoConversionGrid{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:visible!important;
  }
  .routeCard,.quickCard,.pathCard,.processCard,.checkItem,.faq details,.decisionGrid article,.realGrid article,.sceneGrid article,.missionGrid article,.flowRail article,.playCards article,.depthGrid article,.articleGrid article,.ceoConversionGrid article,.tableBox,.notice,.bottomPosterGrid,.bottomPosterText,.finalBackdropBox{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    transform:none!important;
  }
  .routeCard:after{display:none!important}
  .hero:before{opacity:.55!important}
  .showcase,.browserCard,.phoneFloat,.goldBadge{max-width:100%!important;overflow:hidden!important;transform:none!important}
  .bottomPosterGrid{padding-left:0!important;padding-right:0!important}
  .bottomPoster{overflow:hidden!important}

  .heroActions .btn.watch,.heroActions .btn.blue{font-size:13.5px!important;min-height:40px!important;background:rgba(255,255,255,.08)!important}
  .section .btn:not(.join):not(.primary),.bottomPoster .btn:not(.join):not(.primary){display:none!important}
}
@media(max-width:370px){
  .wrap,.topin,.hero .wrap,.section .wrap,.footer .wrap{width:calc(100vw - 28px)!important;max-width:calc(100vw - 28px)!important}
}

/* 2026-05-19 mobile-final4: final 360 safe-area lock */
@media(max-width:620px){
  .topin{width:calc(100vw - 36px)!important;max-width:calc(100vw - 36px)!important;padding:0!important}
  .nav{width:calc(100% - 8px)!important;max-width:calc(100% - 8px)!important;margin-left:auto!important;margin-right:auto!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important;padding:5px!important;border-radius:17px!important}
  .nav a{font-size:11.2px!important;min-height:30px!important;padding:5px 3px!important;max-width:100%!important}
  .heroActions,.conversionActions,.pullActions{width:calc(100% - 10px)!important;margin-left:auto!important;margin-right:auto!important}
  .heroActions .btn,.conversionActions .btn,.pullActions .btn{width:100%!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important}
  .routeCard,.quickCard,.pathCard,.processCard,.checkItem,.faq details,.decisionGrid article,.realGrid article,.sceneGrid article,.missionGrid article,.flowRail article,.playCards article,.depthGrid article,.articleGrid article,.ceoConversionGrid article,.notice,.tableBox{
    width:calc(100% - 10px)!important;
    max-width:calc(100% - 10px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .sectionHead,.heroTitle,.lead,.kicker{max-width:calc(100% - 6px)!important;margin-left:auto!important;margin-right:auto!important}
}
@media(max-width:370px){
  .topin{width:calc(100vw - 32px)!important;max-width:calc(100vw - 32px)!important}
  .nav a{font-size:10.8px!important}
}

/* 2026-05-19 mobile-final5: conservative inset layout for true no-cut mobile signoff */
@media(max-width:620px){
  .wrap,.topin,.hero .wrap,.section .wrap,.footer .wrap{
    width:calc(100vw - 48px)!important;
    max-width:calc(100vw - 48px)!important;
    padding-left:0!important;padding-right:0!important;
  }
  .nav,.heroActions,.conversionActions,.pullActions{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}
  .nav{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:5px!important;overflow:hidden!important}
  .heroActions .btn,.conversionActions .btn,.pullActions .btn{width:100%!important;max-width:100%!important;box-sizing:border-box!important}
  .routeCard,.quickCard,.pathCard,.processCard,.checkItem,.faq details,.decisionGrid article,.realGrid article,.sceneGrid article,.missionGrid article,.flowRail article,.playCards article,.depthGrid article,.articleGrid article,.ceoConversionGrid article,.notice,.tableBox,.featurePanel,.cta,.bottomPosterGrid,.finalBackdropBox{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }
  .gallery figure,.gallery figure.big{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}
  .sectionHead,.heroTitle,.lead,.kicker{max-width:100%!important;margin-left:0!important;margin-right:0!important}
  .heroTitle strong{font-size:22px!important}
  .heroTitle span,.heroTitle em{font-size:15px!important}
}
@media(max-width:370px){
  .wrap,.topin,.hero .wrap,.section .wrap,.footer .wrap{width:calc(100vw - 44px)!important;max-width:calc(100vw - 44px)!important}
}

/* 2026-05-19 mobile-final6: no clipped labels, readable two-line pills */
@media(max-width:620px){
  .nav{overflow:visible!important}
  .nav a{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;word-break:keep-all!important;line-height:1.18!important;min-height:34px!important;font-size:11px!important;padding:6px 4px!important}
  .btn,.heroActions .btn,.conversionActions .btn,.pullActions .btn{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.25!important}
  .routeCard,.quickCard,.pathCard,.decisionGrid article,.realGrid article,.sceneGrid article,.missionGrid article,.articleGrid article{overflow:visible!important}
  .routeCard h3,.routeCard p,.quickCard,.pathCard h3,.pathCard p,.decisionGrid article,.realGrid article,.sceneGrid article,.articleGrid article{overflow-wrap:break-word!important;word-break:normal!important}
}

/* 2026-05-19 mobile-final7: sealed compact nav safe zone */
@media(max-width:620px){
  .topin{width:260px!important;max-width:260px!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important;overflow:visible!important}
  .nav{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;width:244px!important;max-width:244px!important;margin-left:auto!important;margin-right:auto!important;gap:4px!important;padding:4px!important;border-radius:16px!important;box-sizing:border-box!important;overflow:visible!important}
  .nav a{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-width:0!important;max-width:100%!important;min-height:29px!important;padding:4px 0!important;font-size:10.2px!important;line-height:1.05!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;letter-spacing:-.03em!important;border-radius:12px!important;box-sizing:border-box!important}
  .nav a:nth-child(n+5){display:none!important}
}
@media(max-width:370px){
  .topin{width:252px!important;max-width:252px!important}
  .nav{width:238px!important;max-width:238px!important;gap:3px!important;padding:4px!important}
  .nav a{font-size:9.8px!important;letter-spacing:-.04em!important}
}

/* 2026-05-19 mobile-final8: conservative centered content islands for visual signoff */
@media(max-width:620px){
  .wrap,.hero .wrap,.section .wrap,.footer .wrap{width:260px!important;max-width:260px!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important;overflow:visible!important}
  .heroActions,.conversionActions,.pullActions{width:236px!important;max-width:236px!important;margin-left:auto!important;margin-right:auto!important}
  .heroActions .btn,.conversionActions .btn,.pullActions .btn{width:236px!important;max-width:236px!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important}
  .routeCard,.quickCard,.pathCard,.processCard,.checkItem,.faq details,.decisionGrid article,.realGrid article,.sceneGrid article,.missionGrid article,.flowRail article,.playCards article,.depthGrid article,.articleGrid article,.ceoConversionGrid article,.notice,.tableBox,.featurePanel,.cta,.bottomPosterGrid,.finalBackdropBox,.gallery figure,.gallery figure.big{
    width:236px!important;max-width:236px!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important;overflow:hidden!important;
  }
  .sectionHead,.heroTitle,.lead,.kicker{width:236px!important;max-width:236px!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important}
}
@media(max-width:370px){
  .wrap,.hero .wrap,.section .wrap,.footer .wrap{width:252px!important;max-width:252px!important}
  .heroActions,.conversionActions,.pullActions,.heroActions .btn,.conversionActions .btn,.pullActions .btn,.routeCard,.quickCard,.pathCard,.processCard,.checkItem,.faq details,.decisionGrid article,.realGrid article,.sceneGrid article,.missionGrid article,.flowRail article,.playCards article,.depthGrid article,.articleGrid article,.ceoConversionGrid article,.notice,.tableBox,.featurePanel,.cta,.bottomPosterGrid,.finalBackdropBox,.gallery figure,.gallery figure.big,.sectionHead,.heroTitle,.lead,.kicker{width:228px!important;max-width:228px!important}
}

/* 2026-05-19 mobile-final9: hero CTA hard safe inset */
@media(max-width:620px){
  .heroActions{display:grid!important;grid-template-columns:1fr!important;justify-items:center!important;width:208px!important;max-width:208px!important;margin-left:auto!important;margin-right:auto!important;gap:9px!important;overflow:visible!important}
  .heroActions .btn,.hero .btn{display:flex!important;width:208px!important;max-width:208px!important;min-width:0!important;margin-left:auto!important;margin-right:auto!important;padding-left:10px!important;padding-right:10px!important;box-sizing:border-box!important;overflow:visible!important;border-radius:14px!important;white-space:normal!important;line-height:1.25!important;text-align:center!important}
}
@media(max-width:370px){
  .heroActions,.heroActions .btn,.hero .btn{width:198px!important;max-width:198px!important}
}

/* 2026-05-19 desktop-hero-safe1: pull content-page hero device art inward on desktop */
@media (min-width: 981px){
  .heroGrid{grid-template-columns:minmax(0,1fr) minmax(0,.96fr)!important;gap:38px!important}
  .showcase{min-height:540px!important;max-width:610px!important;margin-left:auto!important;margin-right:18px!important;overflow:visible!important}
  .browserCard{inset:18px 22px auto 0!important;width:calc(100% - 22px)!important;transform:rotate(-.7deg)!important}
  .phoneFloat{right:36px!important;width:214px!important;transform:rotate(2.4deg)!important}
  .goldBadge{left:8px!important;max-width:272px!important}
}
@media (min-width: 1280px){
  .showcase{margin-right:34px!important;max-width:590px!important}
  .browserCard{right:34px!important;width:calc(100% - 34px)!important}
  .phoneFloat{right:56px!important;width:206px!important}
}

/* 2026-05-19 layout-reality1: strict full-page visual polish beyond no-overflow checks */
.hero{padding:68px 0 62px!important;background:radial-gradient(circle at 18% 14%,rgba(24,183,255,.22),transparent 28%),radial-gradient(circle at 82% 8%,rgba(240,184,75,.14),transparent 24%),linear-gradient(135deg,#06172d 0%,#0a2b56 54%,#0d5aa8 100%)!important}
.heroGrid{grid-template-columns:minmax(0,.94fr) minmax(430px,1.06fr)!important;gap:52px!important;align-items:center!important}.heroGrid>div:first-child{max-width:650px!important}
.kicker{background:rgba(255,255,255,.09)!important;border-color:rgba(255,255,255,.18)!important;color:#eef7ff!important}.heroTitle strong{letter-spacing:-.03em!important}.lead{max-width:610px!important;color:#dcecff!important}.heroActions{gap:12px!important}.heroActions .btn{min-width:188px!important}.trustStrip{gap:8px!important;margin-top:18px!important}.trustStrip span{background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.14)!important;color:#d4e6fb!important}.hero .conversionBar{display:none!important}
.showcase{max-width:650px!important;min-height:500px!important;margin-left:auto!important;margin-right:8px!important}.browserCard{height:390px!important;inset:20px 16px auto 0!important;width:calc(100% - 16px)!important;border-radius:24px!important;transform:rotate(-.35deg)!important}.browserBody{height:310px!important}.phoneFloat{right:34px!important;bottom:18px!important;width:190px!important;transform:rotate(1.6deg)!important}.phoneFloat img{height:335px!important}.goldBadge{display:none!important}.dashPanel{padding:13px!important}.dashPanel p{font-size:13px!important}
@media(min-width:1280px){.showcase{max-width:620px!important;margin-right:28px!important}.phoneFloat{right:54px!important}.browserCard{right:30px!important;width:calc(100% - 30px)!important}}
@media(max-width:980px){
  .hero{padding:44px 0 42px!important}.heroGrid{grid-template-columns:1fr!important;gap:24px!important}.heroGrid>div:first-child{max-width:720px!important}.showcase{max-width:680px!important;min-height:360px!important;margin:18px auto 0!important}.browserCard{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;transform:none!important;overflow:hidden!important}.browserBody{height:auto!important;display:block!important}.largeShot img{max-height:300px!important;object-fit:contain!important}.dash,.phoneFloat,.goldBadge{display:none!important}.trustStrip{display:none!important}
}
@media(max-width:620px){
  .hero{padding:32px 0 30px!important}.wrap{padding-left:18px!important;padding-right:18px!important}.heroGrid{display:block!important}.kicker{font-size:12px!important;padding:6px 10px!important}.heroTitle span{font-size:13px!important}.heroTitle strong{font-size:27px!important;line-height:1.22!important;letter-spacing:-.01em!important}.heroTitle em{font-size:14px!important}.lead{font-size:15px!important;line-height:1.66!important;margin-top:10px!important}.heroActions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin-top:18px!important}.heroActions .btn,.btn{width:100%!important;min-width:0!important;min-height:44px!important;border-radius:14px!important}.showcase{display:none!important}.section{padding:34px 0!important}.sectionHead h2{font-size:25px!important;line-height:1.24!important}.sectionHead p{font-size:15px!important;line-height:1.68!important}
}

/* 2026-05-19 layout-reality2: tablet density reduction + mobile safe rhythm */
@media(min-width:621px) and (max-width:980px){
  .hero{padding:36px 0 34px!important}
  .heroGrid{gap:18px!important}
  .kicker{font-size:12px!important;padding:6px 10px!important}
  .heroTitle strong{font-size:34px!important;line-height:1.18!important;letter-spacing:-.018em!important}
  .heroTitle em{font-size:15px!important}.lead{font-size:16px!important;line-height:1.62!important;max-width:640px!important}
  .heroActions{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin-top:18px!important}.heroActions .btn{min-width:0!important;flex:1 1 220px!important;min-height:42px!important;padding:10px 14px!important}
  .showcase{max-width:560px!important;min-height:0!important;margin-top:18px!important}.browserCard{padding:10px!important;border-radius:20px!important}.browserBar{height:26px!important;margin-bottom:8px!important}.largeShot img{max-height:230px!important}.largeShot{padding:6px!important}.dash,.phoneFloat,.goldBadge,.trustStrip,.hero .conversionBar{display:none!important}
}
@media(max-width:620px){
  html,body{overflow-x:clip!important}.hero,.hero *{box-sizing:border-box!important;min-width:0!important}.hero{width:100%!important;max-width:100vw!important;overflow:hidden!important;padding:34px 0 34px!important}.wrap,.topin{width:100%!important;max-width:100%!important;padding-left:18px!important;padding-right:18px!important}.heroTitle strong{font-size:25.5px!important;line-height:1.25!important;word-break:keep-all!important;overflow-wrap:break-word!important}.lead{font-size:14.8px!important;line-height:1.7!important}.heroActions .btn{white-space:normal!important;overflow-wrap:break-word!important;padding-left:12px!important;padding-right:12px!important}.sectionHead,.sectionHead h2,.sectionHead p{max-width:100%!important}
}

/* 2026-05-19 layout-reality3: tablet-specific hero, stop desktop-compressed look */
@media(min-width:621px) and (max-width:980px){
  .hero{padding:34px 0 32px!important}.heroGrid{display:block!important;max-width:720px!important;margin:0 auto!important}.heroGrid>div:first-child{max-width:700px!important}.heroTitle strong{font-size:32px!important;line-height:1.18!important;max-width:660px!important}.lead{max-width:660px!important;margin-bottom:0!important}.heroActions{max-width:560px!important}.trustStrip,.conversionBar,.showcase,.browserCard,.phoneFloat,.goldBadge{display:none!important}.section{padding:38px 0!important}.sectionHead{margin-bottom:18px!important}.pathGrid,.realGrid,.decisionGrid,.ceoConversionGrid,.quickGrid,.oneLineGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}.pathCard,.realGrid article,.decisionGrid article,.ceoConversionGrid article,.quickCard,.oneLineGrid article{padding:18px!important;border-radius:20px!important}.sectionHead h2{font-size:30px!important;line-height:1.2!important}.sectionHead p{font-size:16px!important;line-height:1.66!important}
}
@media(min-width:621px) and (max-width:800px){
  .pathGrid,.realGrid,.decisionGrid,.ceoConversionGrid,.quickGrid,.oneLineGrid{grid-template-columns:1fr 1fr!important}.nav{gap:5px!important}.nav a{font-size:12px!important;padding:7px 8px!important}
}

/* 2026-05-19 deep-fix1: fix issues found by tall-page visual QA, not just no-overflow */
@media(min-width:981px){
  .hero{padding-top:44px!important;padding-bottom:42px!important}
  .heroGrid{grid-template-columns:minmax(0,1.05fr) minmax(320px,.78fr)!important;gap:34px!important;align-items:center!important}
  .heroGrid>div:first-child{max-width:680px!important}
  .heroTitle strong{font-size:clamp(38px,4.1vw,58px)!important;line-height:1.05!important;letter-spacing:-.035em!important}
  .heroTitle em{font-size:clamp(22px,2.5vw,34px)!important}
  .lead{font-size:18px!important;line-height:1.76!important;max-width:650px!important}
  .trustStrip{margin-top:16px!important}.trustStrip span{font-size:12px!important;padding:6px 9px!important}
  .showcase{min-height:340px!important;max-width:520px!important;margin-left:auto!important;overflow:visible!important}
  .browserCard{height:292px!important;inset:0 0 auto 0!important;padding:12px!important;border-radius:22px!important;transform:rotate(-.3deg)!important}
  .browserBar{height:26px!important;margin-bottom:9px!important}.browserBody{height:232px!important}
  .phoneFloat{width:136px!important;right:8px!important;bottom:10px!important;border-radius:22px!important}.phoneFloat img{height:238px!important;border-radius:16px!important}
  .goldBadge{display:none!important}
  .newsPage .showcase,.newsPage .newsShowcase{display:none!important}
  .newsPage .heroGrid{display:block!important;max-width:820px!important;margin:0 auto!important;text-align:left!important}
}
.heroActions .join,.conversionActions .join,.cta .join{background:linear-gradient(135deg,#ffd45e,#ffad26)!important;color:#102033!important;box-shadow:0 12px 28px rgba(255,173,38,.18)!important}
.heroActions .watch,.conversionActions .watch{background:rgba(255,255,255,.10)!important;color:#fff!important;border-color:rgba(255,255,255,.34)!important;box-shadow:none!important}
.heroActions .btn:not(.join):not(.watch){background:rgba(255,255,255,.08)!important;color:#fff!important;border-color:rgba(255,255,255,.24)!important}
.pageFinalSeal{background:linear-gradient(135deg,#061a34,#0b376f)!important;color:#fff!important;padding:46px 0!important;margin:18px 0 0!important}
.pageFinalSeal .sealBox{display:grid!important;grid-template-columns:1fr auto!important;gap:22px!important;align-items:center!important;background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:28px!important;padding:26px!important;box-shadow:0 22px 60px rgba(7,29,62,.20)!important}
.pageFinalSeal h2{margin:0 0 8px!important;font-size:clamp(28px,3vw,42px)!important;line-height:1.15!important;color:#fff!important}.pageFinalSeal p{margin:0!important;color:#dcecff!important;max-width:760px!important}.pageFinalSeal .sealActions{display:flex!important;gap:10px!important;flex-wrap:wrap!important}.pageFinalSeal a{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:46px!important;padding:12px 16px!important;border-radius:14px!important;text-decoration:none!important;font-weight:1000!important}.pageFinalSeal .primary{background:#ffd45e!important;color:#102033!important}.pageFinalSeal .secondary{background:rgba(255,255,255,.12)!important;color:#fff!important;border:1px solid rgba(255,255,255,.30)!important}
@media(max-width:980px){
  .hero{padding-top:30px!important;padding-bottom:30px!important}.trustStrip{display:none!important}.heroActions{margin-top:18px!important}.section{padding-top:34px!important;padding-bottom:34px!important}.sectionHead{margin-bottom:16px!important}.pageFinalSeal{padding:34px 0!important}.pageFinalSeal .sealBox{display:block!important;padding:22px!important;border-radius:22px!important}.pageFinalSeal .sealActions{display:grid!important;grid-template-columns:1fr!important;margin-top:18px!important}
}
@media(max-width:620px){
  .hero{padding-top:28px!important;padding-bottom:28px!important}.heroTitle strong{font-size:25px!important;line-height:1.24!important}.heroTitle em{font-size:15px!important}.lead{font-size:14.8px!important;line-height:1.68!important}.kicker{font-size:12px!important}.section{padding-top:30px!important;padding-bottom:30px!important}.routeCard,.pathCard,.quickCard,.decisionGrid article,.realGrid article,.articleGrid article,.processCard,.checkItem{padding:18px!important;border-radius:20px!important}.sectionHead h2{font-size:25px!important;line-height:1.22!important}.pageFinalSeal h2{font-size:26px!important}.footer{margin-top:0!important;background:#f5f8fc!important}
}

/* 2026-05-19 deep-fix2: page-type differentiation so inner pages stop looking copy-pasted */
.page-fb-worldcup .hero,.page-worldcup .hero{background:radial-gradient(circle at 82% 10%,rgba(255,214,102,.26),transparent 28%),linear-gradient(135deg,#06142b 0%,#14335f 48%,#6b1628 100%)!important}
.page-live .hero{background:radial-gradient(circle at 80% 14%,rgba(24,183,255,.34),transparent 28%),linear-gradient(135deg,#04182f 0%,#073d5d 52%,#056a7d 100%)!important}
.page-howto .hero{background:radial-gradient(circle at 80% 12%,rgba(255,214,102,.24),transparent 28%),linear-gradient(135deg,#07182f 0%,#103a6f 52%,#145cc5 100%)!important}
.page-betslip .hero{background:radial-gradient(circle at 80% 10%,rgba(255,111,97,.22),transparent 28%),linear-gradient(135deg,#07182f 0%,#243358 52%,#5a3b12 100%)!important}
.page-fb-sports .hero{background:radial-gradient(circle at 80% 12%,rgba(24,166,106,.24),transparent 28%),linear-gradient(135deg,#06182f 0%,#0b376f 52%,#115f49 100%)!important}
.page-news .hero{background:linear-gradient(135deg,#07182f 0%,#17355d 58%,#26344d 100%)!important}
.page-fb-worldcup .section:nth-of-type(2),.page-worldcup .section:nth-of-type(2){background:#fff8ef!important}.page-live .section:nth-of-type(2){background:#eefbff!important}.page-howto .section:nth-of-type(2){background:#f2f7ff!important}.page-betslip .section:nth-of-type(2){background:#fff8ea!important}.page-fb-sports .section:nth-of-type(2){background:#effaf5!important}
@media(max-width:620px){
  .page-fb-worldcup .section:nth-of-type(2) .sectionHead:before,.page-worldcup .section:nth-of-type(2) .sectionHead:before{content:"世界盃重點";display:inline-flex;margin-bottom:8px;padding:6px 10px;border-radius:999px;background:#7d1730;color:#fff;font-weight:1000;font-size:12px}
  .page-live .section:nth-of-type(2) .sectionHead:before{content:"直播節奏";display:inline-flex;margin-bottom:8px;padding:6px 10px;border-radius:999px;background:#05728a;color:#fff;font-weight:1000;font-size:12px}
  .page-howto .section:nth-of-type(2) .sectionHead:before{content:"新手路線";display:inline-flex;margin-bottom:8px;padding:6px 10px;border-radius:999px;background:#145cc5;color:#fff;font-weight:1000;font-size:12px}
  .page-betslip .section:nth-of-type(2) .sectionHead:before{content:"投注前確認";display:inline-flex;margin-bottom:8px;padding:6px 10px;border-radius:999px;background:#8a5a00;color:#fff;font-weight:1000;font-size:12px}
  .page-fb-sports .section:nth-of-type(2) .sectionHead:before{content:"賽事入口";display:inline-flex;margin-bottom:8px;padding:6px 10px;border-radius:999px;background:#147d56;color:#fff;font-weight:1000;font-size:12px}
  .pageFinalSeal{padding:40px 0!important;background:linear-gradient(180deg,#061a34,#081f3f)!important}.pageFinalSeal .sealBox{border-radius:24px!important;padding:24px 18px!important;border-color:rgba(255,214,102,.32)!important}.pageFinalSeal h2:before{content:"最後一步";display:block;color:#ffd45e;font-size:13px;letter-spacing:.08em;margin-bottom:8px}
}

/* 2026-05-19 delivery-hardening1: final usability/readability hardening before same-day handoff */
@media(max-width:620px){
  .nav{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;width:100%!important}
  .nav a{min-height:38px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:12px!important;line-height:1.2!important;padding:8px 6px!important;border-radius:14px!important}
  .lead,.sectionHead p,.routeCard p,.pathCard p,.quickCard p,.decisionGrid article p,.realGrid article p,.articleGrid article p,.processCard p,.checkItem span,.notice,.faq p{font-size:14.5px!important;line-height:1.68!important;color:#52677d!important}
  .hero .lead,.heroTitle em,.trustStrip span,.kicker{color:#eef6ff!important;text-shadow:0 1px 12px rgba(0,0,0,.18)!important}
  .heroActions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;max-width:330px!important;margin-left:0!important;margin-right:auto!important}
  .heroActions .btn{min-height:46px!important;font-size:14px!important;border-radius:14px!important}.heroActions .watch{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.26)!important;color:#eef6ff!important}
  .pageFinalSeal .sealActions a{min-height:46px!important;font-size:14px!important}
}
@media(min-width:621px) and (max-width:980px){
  .heroActions{max-width:560px!important}.heroActions .btn{flex:0 1 auto!important;min-width:210px!important}.nav a{min-height:36px!important;display:flex!important;align-items:center!important}
}
@media(min-width:981px){
  .heroActions{max-width:520px!important}.heroActions .btn{min-width:180px!important}.nav a{min-height:36px!important;display:flex!important;align-items:center!important}.sectionHead p,.routeCard p,.processCard p,.checkItem span{font-size:15.5px!important;line-height:1.7!important}
}

/* 2026-05-19 portal-ui1: page-type modules for premium visual restructure */
.portalStepFlow{background:linear-gradient(180deg,#f2f7ff,#fff)!important}.portalSteps{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;counter-reset:step!important}.portalSteps article{position:relative!important;background:#fff!important;border:1px solid #dbe8f6!important;border-radius:26px!important;padding:24px!important;box-shadow:0 18px 45px rgba(14,50,96,.08)!important}.portalSteps article span{display:grid!important;place-items:center!important;width:44px!important;height:44px!important;border-radius:16px!important;background:#0e62c7!important;color:#fff!important;font-weight:1000!important;margin-bottom:14px!important}.portalSteps h3{margin:0 0 8px!important;font-size:22px!important}.portalSteps p{margin:0!important;color:#52677d!important}.portalChecklistBoard{background:#fff8ea!important}.portalCheckPanel{display:grid!important;grid-template-columns:minmax(0,.9fr) minmax(320px,.75fr)!important;gap:24px!important;align-items:center!important;background:linear-gradient(135deg,#07182f,#3b2a11)!important;color:#fff!important;border-radius:32px!important;padding:30px!important;box-shadow:0 24px 70px rgba(54,38,14,.18)!important}.portalCheckPanel h2{font-size:clamp(30px,3.5vw,46px)!important;line-height:1.12!important;margin:8px 0!important}.portalCheckPanel p{color:#f4e6c8!important}.portalCheckList{display:grid!important;gap:10px!important}.portalCheckList b{position:relative!important;background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:16px!important;padding:14px 14px 14px 42px!important}.portalCheckList b:before{content:"✓";position:absolute;left:14px;top:13px;color:#ffd45e}.portalArticleHubTop{background:#f5f8fc!important}.portalArticleHeroGrid{display:grid!important;grid-template-columns:1.05fr .8fr!important;gap:18px!important}.mainArticle{background:linear-gradient(135deg,#07182f,#173b67)!important;color:#fff!important;border-radius:30px!important;padding:28px!important;box-shadow:0 22px 55px rgba(15,43,84,.14)!important}.mainArticle span{color:#ffd45e!important;font-weight:1000!important}.mainArticle h2{font-size:clamp(28px,3.2vw,42px)!important;line-height:1.15!important;margin:10px 0!important}.mainArticle p{color:#dcecff!important}.articlePills{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important}.articlePills a{display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;min-height:92px!important;border-radius:22px!important;background:#fff!important;border:1px solid #dbe8f6!important;text-decoration:none!important;font-weight:1000!important;color:#123456!important;box-shadow:0 12px 28px rgba(14,32,56,.06)!important}@media(max-width:980px){.portalSteps,.portalCheckPanel,.portalArticleHeroGrid{grid-template-columns:1fr!important}.articlePills{grid-template-columns:1fr 1fr!important}}@media(max-width:620px){.portalSteps{grid-template-columns:1fr!important}.portalSteps article,.portalCheckPanel,.mainArticle{border-radius:22px!important;padding:20px!important}.articlePills{grid-template-columns:1fr!important}.articlePills a{min-height:58px!important}.portalCheckList b{font-size:14px!important}}

/* 2026-05-19 portal-ui2: P0 visual upgrade for desktop hero, mobile compactness, flow/news identity */
@media(min-width:981px){
  .hero{padding-top:66px!important;padding-bottom:62px!important}.heroGrid{grid-template-columns:minmax(0,.9fr) minmax(480px,1fr)!important;gap:56px!important;max-width:1260px!important}.heroTitle strong{font-size:clamp(54px,5.4vw,78px)!important;line-height:.99!important;letter-spacing:-.05em!important}.heroTitle em{font-size:clamp(26px,2.8vw,40px)!important}.lead{font-size:19px!important;max-width:680px!important}.showcase{max-width:610px!important;min-height:430px!important}.browserCard{height:360px!important}.browserBody{height:292px!important}.phoneFloat{width:164px!important}.phoneFloat img{height:286px!important}
  .page-news .heroGrid{max-width:980px!important}.page-news .heroTitle strong{font-size:clamp(52px,5vw,72px)!important}
}
@media(max-width:620px){
  .hero{padding-top:24px!important;padding-bottom:24px!important}.heroTitle strong{font-size:23.5px!important;line-height:1.23!important}.heroTitle em{display:none!important}.lead{font-size:14px!important;line-height:1.58!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.heroActions{margin-top:14px!important}.kicker{font-size:11.5px!important;padding:5px 9px!important}.section{padding-top:26px!important;padding-bottom:28px!important}
}
/* how-to-use: make the flow the visual hero of the page */
.page-howto .portalSteps{position:relative!important;gap:0!important;background:#fff!important;border:1px solid #dbe8f6!important;border-radius:30px!important;padding:22px!important;box-shadow:0 22px 55px rgba(14,50,96,.08)!important}.page-howto .portalSteps:before{content:"";position:absolute;left:9%;right:9%;top:54px;height:3px;background:linear-gradient(90deg,#0e62c7,#18b7ff,#ffd45e);border-radius:999px}.page-howto .portalSteps article{box-shadow:none!important;border:0!important;background:transparent!important;text-align:center!important}.page-howto .portalSteps article span{margin-left:auto!important;margin-right:auto!important;width:54px!important;height:54px!important;border-radius:20px!important;position:relative!important;z-index:1!important}.page-howto .portalSteps h3{font-size:24px!important}
/* news: editorial feed, not landing-card pile */
.portalNewsFeed{background:#fff!important}.portalFeedList{display:grid!important;gap:14px!important}.portalFeedList article{display:grid!important;grid-template-columns:180px 1fr!important;gap:18px!important;align-items:center!important;background:#fff!important;border:1px solid #dbe8f6!important;border-radius:24px!important;padding:18px!important;box-shadow:0 12px 30px rgba(14,32,56,.055)!important}.portalFeedList article:before{content:"文章";display:grid;place-items:center;height:96px;border-radius:18px;background:linear-gradient(135deg,#eef5ff,#dcecff);color:#145cc5;font-weight:1000}.portalFeedList span{color:#1666d5!important;font-weight:1000!important;font-size:13px!important}.portalFeedList h3{margin:3px 0!important;font-size:22px!important;line-height:1.25!important}.portalFeedList p{margin:0!important;color:#52677d!important}
@media(max-width:980px){.page-howto .portalSteps:before{display:none!important}.portalFeedList article{grid-template-columns:1fr!important}.portalFeedList article:before{height:58px!important}}
@media(max-width:620px){.page-howto .portalSteps{padding:10px!important}.page-howto .portalSteps article{text-align:left!important;display:grid!important;grid-template-columns:auto 1fr!important;gap:12px!important;align-items:start!important}.page-howto .portalSteps article span{margin:0!important;width:44px!important;height:44px!important}.page-howto .portalSteps h3{font-size:20px!important}.portalFeedList article{border-radius:20px!important;padding:16px!important}.portalFeedList h3{font-size:19px!important}}

/* 2026-05-19 portal-ui3: solve mobile hero crowding + make news a real content hub */
@media(max-width:620px){
  .topin{padding-top:8px!important;padding-bottom:8px!important}.brand{margin-bottom:8px!important}.nav{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important}.nav a{min-height:34px!important;font-size:11.5px!important;padding:7px 4px!important}.hero{padding-top:22px!important;padding-bottom:22px!important}.kicker{display:none!important}.heroTitle span{font-size:12px!important}.heroTitle strong{font-size:22px!important;line-height:1.22!important;margin-top:4px!important}.lead{display:none!important}.heroActions{margin-top:12px!important;gap:8px!important}.heroActions .btn.watch{display:none!important}.heroActions .btn{min-height:44px!important}.page-howto .portalSteps{display:grid!important;gap:12px!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}.page-howto .portalSteps article{background:#fff!important;border:1px solid #dbe8f6!important;border-radius:20px!important;padding:16px!important;box-shadow:0 10px 24px rgba(14,32,56,.055)!important}.page-howto .portalSteps article span{width:38px!important;height:38px!important;border-radius:14px!important}.page-howto .portalSteps p{font-size:14px!important;line-height:1.55!important}
}
.portalNewsBoard{background:linear-gradient(180deg,#f3f7fc,#fff)!important}.portalNewsBoardGrid{display:grid!important;grid-template-columns:1.15fr .75fr!important;gap:18px!important}.featureStory{background:linear-gradient(135deg,#07182f,#12529b)!important;color:#fff!important;border-radius:32px!important;padding:32px!important;box-shadow:0 24px 60px rgba(12,45,90,.18)!important}.featureStory span{color:#ffd45e!important;font-weight:1000!important;text-transform:uppercase!important}.featureStory h2{font-size:clamp(32px,3.7vw,52px)!important;line-height:1.08!important;margin:12px 0!important}.featureStory p{color:#dcecff!important;max-width:720px!important}.featureStory a{display:inline-flex!important;margin-top:12px!important;background:#ffd45e!important;color:#102033!important;text-decoration:none!important;font-weight:1000!important;border-radius:14px!important;padding:12px 16px!important}.hotTopics{background:#fff!important;border:1px solid #dbe8f6!important;border-radius:28px!important;padding:22px!important;display:grid!important;gap:10px!important;box-shadow:0 18px 45px rgba(14,32,56,.08)!important}.hotTopics b{font-size:20px!important}.hotTopics a{display:flex!important;align-items:center!important;min-height:48px!important;border-radius:16px!important;padding:0 14px!important;background:#f1f6fd!important;text-decoration:none!important;font-weight:1000!important;color:#123456!important}.page-news .portalArticleHubTop{padding-top:26px!important}.page-news .portalArticleHeroGrid{display:none!important}
@media(max-width:980px){.portalNewsBoardGrid{grid-template-columns:1fr!important}.featureStory{border-radius:26px!important;padding:24px!important}}
@media(max-width:620px){.featureStory{border-radius:22px!important;padding:20px!important}.featureStory h2{font-size:24px!important}.featureStory p{font-size:14px!important;line-height:1.6!important}.hotTopics{border-radius:22px!important;padding:16px!important}.portalFeedList article:before{display:none!important}}

/* 2026-05-19 portal-ui4: fix how-to-use mobile step cards readability */
@media(max-width:620px){
  .page-howto .portalSteps article{display:block!important;text-align:left!important;padding:18px!important}.page-howto .portalSteps article span{display:grid!important;margin:0 0 12px 0!important;width:42px!important;height:42px!important}.page-howto .portalSteps h3{display:block!important;width:100%!important;font-size:20px!important;line-height:1.25!important;margin:0 0 7px!important;word-break:keep-all!important;white-space:normal!important}.page-howto .portalSteps p{display:block!important;width:100%!important;font-size:14px!important;line-height:1.6!important;word-break:normal!important;white-space:normal!important}
}

/* 2026-05-19 image-ui2: restore compact real-product preview on mobile/tablet inner pages */
@media(max-width:980px){
  .hero .showcase{display:block!important;max-width:680px!important;width:100%!important;min-height:0!important;margin:18px auto 0!important;overflow:visible!important}.hero .browserCard{display:block!important;position:relative!important;inset:auto!important;width:100%!important;height:auto!important;min-height:0!important;transform:none!important;padding:10px!important;border-radius:20px!important;box-shadow:0 16px 42px rgba(0,0,0,.24)!important;overflow:hidden!important}.hero .browserBody{display:block!important;height:auto!important}.hero .largeShot{height:auto!important;min-height:0!important;padding:6px!important}.hero .largeShot img{display:block!important;width:100%!important;height:auto!important;max-height:255px!important;object-fit:cover!important;object-position:center top!important;border-radius:12px!important}.hero .dash,.hero .phoneFloat,.hero .goldBadge{display:none!important}
}
@media(max-width:620px){
  .hero .showcase{display:block!important;margin-top:14px!important}.hero .browserCard{padding:7px!important;border-radius:17px!important}.hero .browserBar{display:none!important}.hero .largeShot{padding:0!important}.hero .largeShot img{max-height:138px!important;border-radius:13px!important;object-fit:cover!important}.hero{padding-bottom:24px!important}
}

/* 2026-05-19 image-ui3: mobile product preview no-right-cut */
@media(max-width:620px){
  .hero .showcase{overflow:hidden!important;border-radius:18px!important;margin-top:12px!important}.hero .browserCard{overflow:hidden!important;background:rgba(255,255,255,.95)!important}.hero .largeShot img{max-height:126px!important;object-fit:contain!important;object-position:center top!important;background:#07182f!important}.hero .largeShot{background:#07182f!important}.heroTitle strong{font-size:21.5px!important;line-height:1.22!important}.heroActions{margin-top:10px!important}.section{padding-top:30px!important;padding-bottom:30px!important}
}

/* 2026-05-19 player-copy1: more visual-rich guide rhythm */
.guideShotGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.guideShot{background:#081a33;border-radius:22px;padding:8px;box-shadow:0 14px 34px rgba(14,32,56,.10);overflow:hidden}.guideShot img{width:100%;height:190px;object-fit:cover;object-position:center top;border-radius:16px;display:block}.guideShot span{display:block;color:#dcecff;font-weight:900;font-size:13px;padding:9px 6px 3px}.visualBridge{margin-top:20px;background:linear-gradient(135deg,#07182f,#103e75);border-radius:28px;padding:18px;color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:center}.visualBridge img{width:100%;max-height:260px;object-fit:cover;object-position:center top;border-radius:20px}.visualBridge b{font-size:24px;line-height:1.18}.visualBridge p{color:#dcecff;margin:8px 0 0}@media(max-width:900px){.guideShotGrid{grid-template-columns:1fr 1fr}.visualBridge{grid-template-columns:1fr}.visualBridge img{max-height:220px}}@media(max-width:620px){.guideShotGrid{grid-template-columns:1fr}.guideShot img{height:150px;object-fit:contain;background:#07182f}.visualBridge{border-radius:22px;padding:14px}.visualBridge img{max-height:150px;object-fit:contain;background:#07182f}.visualBridge b{font-size:20px}}

/* 2026-05-19 impact-copy2: make guide pages feel image-rich and player-facing */
.guideGallerySection{background:linear-gradient(180deg,#eef5ff,#fff)!important}.guideGallerySection .sectionHead h2{max-width:760px}.guideShotGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}.guideShot{margin:0;background:#07182f;border-radius:26px;padding:9px;box-shadow:0 20px 52px rgba(14,32,56,.13);overflow:hidden;border:1px solid rgba(255,255,255,.12)}.guideShot img{width:100%;height:210px;object-fit:cover;object-position:center top;border-radius:18px;display:block;background:#07182f}.guideShot span{display:block;color:#edf6ff;font-weight:950;font-size:14px;padding:11px 7px 4px;line-height:1.45}.visualBridge{margin-top:22px!important;box-shadow:0 24px 65px rgba(8,26,51,.18)!important}.visualBridge b{display:block!important}.sectionHead p{font-size:16px!important}.routeCard h3,.processCard h3{letter-spacing:-.015em}@media(max-width:900px){.guideShotGrid{grid-template-columns:1fr 1fr}.guideShot img{height:190px}}@media(max-width:620px){.guideShotGrid{grid-template-columns:1fr}.guideShot{border-radius:22px}.guideShot img{height:145px;object-fit:contain}.guideShot span{font-size:13.5px}.guideGallerySection{padding-top:30px!important;padding-bottom:30px!important}}

/* 2026-05-19 siteui1: full-site UI language for headings, copy and inner-page spine */
:root{--guide-navy:#06172f;--guide-blue:#1264d6;--guide-cyan:#18b7ff;--guide-gold:#ffd45e;--guide-soft:#eef5ff}.heroTitle strong,.sectionHead h2,.siteUiSpine h2{letter-spacing:-.045em}.sectionHead h2,.siteUiSpine h2{font-size:clamp(28px,3vw,46px);line-height:1.08}.sectionHead p,.lead,.siteUiSpine p{color:#4d6079;line-height:1.75}.kicker,.eyebrow{font-weight:1000;letter-spacing:.06em;text-transform:none}.sectionHead h2:after,.siteUiSpine h2:after{content:"";display:block;width:64px;height:5px;border-radius:999px;background:linear-gradient(90deg,var(--guide-gold),var(--guide-cyan));margin-top:14px}.siteUiSpine{position:relative;overflow:hidden;background:radial-gradient(circle at 10% 0%,rgba(24,183,255,.18),transparent 32%),linear-gradient(135deg,#06172f,#0c335f);padding:34px 0;color:#fff}.siteUiSpineGrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.72fr);gap:28px;align-items:center}.siteUiSpine .eyebrow{color:#ffe39a;background:rgba(255,212,94,.11);border:1px solid rgba(255,212,94,.28);border-radius:999px;padding:8px 12px;display:inline-flex}.siteUiSpine h2{color:#fff;margin:14px 0 10px;max-width:720px}.siteUiSpine h2:after{background:linear-gradient(90deg,#ffd45e,#18b7ff)}.siteUiSpine p{color:#dbeaff;max-width:760px}.siteUiSteps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.siteUiSteps b{display:flex;flex-direction:column;gap:7px;min-height:112px;border-radius:22px;padding:16px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.14);box-shadow:0 18px 48px rgba(0,0,0,.14);font-size:18px}.siteUiSteps small{font-size:13px;line-height:1.45;color:#cfe0f7;font-weight:800}.siteUiSpineVisual{margin:0;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16);border-radius:28px;padding:9px;box-shadow:0 24px 68px rgba(0,0,0,.24)}.siteUiSpineVisual img{display:block;width:100%;height:250px;object-fit:cover;object-position:center top;border-radius:20px;background:#07182f}.siteUiSpineVisual figcaption{padding:10px 8px 4px;color:#e8f2ff;font-weight:900;font-size:13px;line-height:1.45}.decisionGrid article,.routeCard,.processCard,.articleCard,.checkCard{position:relative;overflow:hidden}.decisionGrid article:before,.routeCard:before,.processCard:before,.articleCard:before,.checkCard:before{content:"";position:absolute;left:0;top:0;width:5px;height:100%;background:linear-gradient(180deg,var(--guide-gold),var(--guide-cyan));opacity:.9}.decisionGrid article b,.routeCard h3,.processCard h3,.articleCard h3,.checkCard h3{letter-spacing:-.02em}.faq details{border-left:5px solid rgba(18,100,214,.28)!important}.faq summary{font-weight:950!important;color:#08244a!important}@media(max-width:900px){.siteUiSpineGrid{grid-template-columns:1fr}.siteUiSteps{grid-template-columns:1fr 1fr}.siteUiSpineVisual img{height:210px}}@media(max-width:620px){.siteUiSpine{padding:26px 0}.siteUiSpineGrid{gap:18px}.siteUiSpine h2{font-size:25px}.siteUiSpine p{font-size:14.5px}.siteUiSteps{grid-template-columns:1fr}.siteUiSteps b{min-height:auto;border-radius:18px;padding:14px}.siteUiSpineVisual{border-radius:20px}.siteUiSpineVisual img{height:142px;object-fit:contain}.sectionHead h2{font-size:24px!important}.sectionHead h2:after,.siteUiSpine h2:after{height:4px;width:52px}}

/* 2026-05-19 siteui2: mobile image safety */
@media(max-width:620px){
  html,body{overflow-x:hidden!important}.hero,.section,.siteUiSpine,.visualBridge,.guideGallerySection{overflow-x:hidden!important}.heroGrid,.wrap,.siteUiSpineGrid{max-width:100%!important}.hero .showcase{display:block!important;width:100%!important;max-width:100%!important;margin:12px auto 0!important;overflow:hidden!important;border-radius:18px!important}.hero .browserCard,.hero .browserBody,.hero .largeShot{width:100%!important;max-width:100%!important;overflow:hidden!important;transform:none!important;left:auto!important;right:auto!important}.hero .largeShot img,.hero .browserCard img,.showcase img{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;max-height:128px!important;object-fit:contain!important;object-position:center top!important;background:#07182f!important}.hero .phoneFloat,.hero .goldBadge{display:none!important}.siteUiSpineVisual img,.guideShot img,.visualBridge img{width:100%!important;max-width:100%!important;object-fit:contain!important;object-position:center top!important;background:#07182f!important}.siteUiSpine{padding:22px 0!important}.siteUiSteps b{font-size:16px!important}.siteUiSteps small{font-size:12.8px!important}.heroTitle strong{font-size:23px!important;line-height:1.18!important}.lead{font-size:14.5px!important;line-height:1.62!important}.heroActions{gap:8px!important}.heroActions .btn{min-height:42px!important;font-size:13.2px!important}.trustStrip{gap:6px!important}.trustStrip span{font-size:11.5px!important;padding:6px 8px!important}.sectionHead p,.siteUiSpine p{font-size:14.2px!important;line-height:1.62!important}
}
@media(min-width:621px) and (max-width:900px){
  .hero .largeShot img,.siteUiSpineVisual img,.guideShot img,.visualBridge img{object-fit:contain!important;background:#07182f!important}.siteUiSpineGrid{grid-template-columns:1fr!important}.siteUiSteps{grid-template-columns:repeat(3,minmax(0,1fr))!important}.hero .phoneFloat{display:none!important}
}

/* 2026-05-19 siteui3: mobile-first de-crop and page-type differentiation */
@media(max-width:620px){
  .hero .showcase{display:none!important}.conversionBar{display:none!important}.hero{padding-top:18px!important;padding-bottom:22px!important}.heroGrid{display:block!important}.heroTitle span{font-size:13px!important}.heroTitle strong{font-size:24px!important;line-height:1.16!important}.heroTitle em{font-size:13px!important}.lead{margin-top:10px!important}.trustStrip{display:flex!important;overflow-x:auto!important;white-space:nowrap!important;padding-bottom:3px!important}.siteUiSpineVisual{display:none!important}.siteUiSpine{margin-top:0!important}.siteUiSpine h2{font-size:23px!important}.siteUiSteps{gap:8px!important}.section{padding-top:26px!important;padding-bottom:26px!important}.guideShotGrid,.decisionGrid,.routeGrid,.processGrid{gap:12px!important}.guideShot img{height:128px!important}.visualBridge img{display:none!important}
}
/* page type visual grammar */
.page-howto .siteUiSpine{background:linear-gradient(135deg,#062b4f,#0b6db4)!important}.page-howto .siteUiSteps{grid-template-columns:1fr!important;counter-reset:step}.page-howto .siteUiSteps b{min-height:0;padding-left:58px;position:relative}.page-howto .siteUiSteps b:before{counter-increment:step;content:counter(step);position:absolute;left:16px;top:16px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#ffd45e;color:#07182f;font-weight:1000}.page-betslip .siteUiSpine{background:linear-gradient(135deg,#281207,#8a5b0f)!important}.page-betslip .siteUiSteps b:after{content:"✓";position:absolute;right:14px;top:12px;color:#ffd45e;font-size:22px}.page-live .siteUiSpine{background:linear-gradient(135deg,#042c3e,#057e92)!important}.page-live .siteUiSteps b{border-radius:999px;min-height:82px}.page-worldcup .siteUiSpine,.page-fb-worldcup .siteUiSpine{background:linear-gradient(135deg,#300b19,#8d1538)!important}.page-news .hero .showcase{display:none!important}.page-news .siteUiSpine{background:linear-gradient(135deg,#07182f,#263f77)!important}.page-news .siteUiSteps{grid-template-columns:repeat(3,minmax(0,1fr))}.page-fb-sports .siteUiSpine{background:linear-gradient(135deg,#06172f,#1453a2)!important}.page-fb-sports .siteUiSteps b{background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.06))}
@media(min-width:901px){.page-live .siteUiSpineGrid{grid-template-columns:.92fr 1.08fr}.page-betslip .siteUiSpineGrid{grid-template-columns:1.08fr .92fr}.page-news main>.hero{min-height:auto!important}.page-news .siteUiSpine{padding:44px 0}.page-howto .siteUiSpineGrid{grid-template-columns:.85fr 1.15fr}}
@media(max-width:620px){.page-news .siteUiSteps,.page-live .siteUiSteps{grid-template-columns:1fr!important}.page-live .siteUiSteps b{border-radius:18px}.page-betslip .siteUiSteps b:after{top:10px}.page-fb-sports .siteUiSteps b,.page-worldcup .siteUiSteps b,.page-fb-worldcup .siteUiSteps b{min-height:auto!important}}

/* 2026-05-19 siteui4: mobile-safe visual impact without cropped hero images */
@media(max-width:620px){
  .hero{position:relative!important;isolation:isolate!important;background-image:radial-gradient(circle at 82% 16%,rgba(255,212,94,.24),transparent 30%),radial-gradient(circle at 8% 58%,rgba(24,183,255,.20),transparent 34%)!important}.hero:before{content:"";position:absolute;right:18px;top:78px;width:82px;height:82px;border-radius:24px;background:linear-gradient(135deg,rgba(255,212,94,.95),rgba(24,183,255,.88));box-shadow:0 18px 48px rgba(0,0,0,.24);opacity:.92;z-index:-1;transform:rotate(8deg)}.hero:after{content:"LIVE";position:absolute;right:32px;top:104px;color:#07182f;font-weight:1000;font-size:15px;letter-spacing:.08em;z-index:-1}.page-howto .hero:after{content:"STEP"}.page-betslip .hero:after{content:"CHECK";font-size:13px}.page-worldcup .hero:after,.page-fb-worldcup .hero:after{content:"CUP"}.page-news .hero:after{content:"READ"}.page-fb-sports .hero:after{content:"SPORT";font-size:13px}.siteUiSpine:before{content:"";position:absolute;right:-26px;top:20px;width:112px;height:112px;border-radius:36px;background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,212,94,.20));transform:rotate(12deg)}.siteUiSpine .eyebrow{font-size:11.5px!important}.siteUiSteps b{box-shadow:0 12px 30px rgba(0,0,0,.14)!important}.sectionHead h2,.siteUiSpine h2{letter-spacing:-.035em!important}
}

/* 2026-05-19 playertech1: move away from PPT cards into tech casino guide feel */
body{background:linear-gradient(180deg,#06111f 0%,#0a1728 18%,#eef3f8 42%)!important}.top{background:rgba(5,14,28,.86)!important;border-bottom:1px solid rgba(24,183,255,.20)!important}.brand,.nav a{color:#e8f4ff!important}.nav a:hover,.nav a.active{background:rgba(24,183,255,.16)!important;color:#ffe49a!important}.hero{background:radial-gradient(circle at 78% 10%,rgba(255,212,94,.20),transparent 30%),radial-gradient(circle at 8% 30%,rgba(24,183,255,.24),transparent 33%),linear-gradient(135deg,#04101f 0%,#082a50 48%,#0c64bd 100%)!important}.hero:before{background-image:linear-gradient(90deg,rgba(24,183,255,.10) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.06) 1px,transparent 1px)!important;background-size:34px 34px!important}.kicker,.trustStrip span,.siteUiSpine .eyebrow{border-color:rgba(24,183,255,.30)!important;background:rgba(3,14,30,.42)!important;color:#dff5ff!important}.heroTitle em{background:linear-gradient(135deg,#18b7ff,#ffe49a)!important}.btn.join,.btn.primary{background:linear-gradient(135deg,#ffe49a,#f0b84b)!important;color:#101724!important}.btn.watch,.btn.blue{background:linear-gradient(135deg,#0f74ff,#18d5ff)!important;color:#fff!important}.siteUiSpine{background:linear-gradient(135deg,#06111f,#0a2d54 52%,#092240)!important;border-top:1px solid rgba(24,183,255,.18);border-bottom:1px solid rgba(24,183,255,.18)}.siteUiSteps b{background:rgba(4,18,40,.70)!important;border:1px solid rgba(24,183,255,.22)!important}.siteUiSteps small{color:#d8ebff!important}.routeCard,.processCard,.articleCard,.checkCard,.missionGrid article,.sceneGrid article,.guideShot,.visualBridge,.featurePanel,.tableBox,.faq details{border-color:rgba(24,183,255,.18)!important;box-shadow:0 18px 44px rgba(6,17,31,.12)!important}.routeCard:before,.processCard:before,.articleCard:before,.checkCard:before{background:linear-gradient(180deg,#18d5ff,#ffe49a)!important}.guideShot img,.missionGrid img,.sceneGrid img,.visualBridge img{background:#06111f!important;object-fit:cover!important}.sectionHead h2:after,.siteUiSpine h2:after{background:linear-gradient(90deg,#18d5ff,#ffe49a)!important}.goldBadge{display:none!important}

/* 2026-05-25 final visual repair: trust/conversion pages must stay readable after legacy dark layers. */
body.page-register,
body.page-deposit,
body.page-contact,
body.page-about,
body.page-disclaimer,
body.page-privacy,
body.page-terms,
body.page-responsible{
  background:#f4f7fb!important;
  color:#102033!important;
}
body.page-register .section,
body.page-deposit .section,
body.page-contact .section,
body.page-about .section,
body.page-disclaimer .section,
body.page-privacy .section,
body.page-terms .section,
body.page-responsible .section{
  background:#f4f7fb!important;
  color:#102033!important;
}
body.page-register .section:nth-of-type(even),
body.page-deposit .section:nth-of-type(even),
body.page-contact .section:nth-of-type(even),
body.page-about .section:nth-of-type(even),
body.page-disclaimer .section:nth-of-type(even),
body.page-privacy .section:nth-of-type(even),
body.page-terms .section:nth-of-type(even),
body.page-responsible .section:nth-of-type(even){
  background:#fff!important;
}
body.page-register .sectionHead h2,
body.page-deposit .sectionHead h2,
body.page-contact .sectionHead h2,
body.page-about .sectionHead h2,
body.page-disclaimer .sectionHead h2,
body.page-privacy .sectionHead h2,
body.page-terms .sectionHead h2,
body.page-responsible .sectionHead h2,
body.page-register .featurePanel h2,
body.page-deposit .featurePanel h2,
body.page-contact .featurePanel h2{
  color:#102033!important;
  opacity:1!important;
  font-size:clamp(30px,3.2vw,46px)!important;
  line-height:1.14!important;
  letter-spacing:-.02em!important;
}
body.page-register .sectionHead p,
body.page-deposit .sectionHead p,
body.page-contact .sectionHead p,
body.page-about .sectionHead p,
body.page-disclaimer .sectionHead p,
body.page-privacy .sectionHead p,
body.page-terms .sectionHead p,
body.page-responsible .sectionHead p,
body.page-register .featurePanel p,
body.page-deposit .featurePanel p,
body.page-contact .featurePanel p{
  color:#52677d!important;
  opacity:1!important;
}
body.page-register .processCard,
body.page-deposit .processCard,
body.page-contact .processCard,
body.page-register .featurePanel,
body.page-deposit .featurePanel,
body.page-contact .featurePanel,
body.page-register .checkItem,
body.page-deposit .checkItem,
body.page-contact .checkItem,
body.page-register .faq details,
body.page-deposit .faq details,
body.page-contact .faq details{
  background:#fff!important;
  color:#102033!important;
  border:1px solid #dce6f1!important;
  box-shadow:0 14px 34px rgba(12,31,56,.07)!important;
}
body.page-register .processCard h3,
body.page-deposit .processCard h3,
body.page-contact .processCard h3,
body.page-register .checkItem strong,
body.page-deposit .checkItem strong,
body.page-contact .checkItem strong,
body.page-register .faq summary,
body.page-deposit .faq summary,
body.page-contact .faq summary{
  color:#102033!important;
}
body.page-register .processCard p,
body.page-deposit .processCard p,
body.page-contact .processCard p,
body.page-register .checkItem span,
body.page-deposit .checkItem span,
body.page-contact .checkItem span,
body.page-register .faq p,
body.page-deposit .faq p,
body.page-contact .faq p{
  color:#52677d!important;
}

.mediaCard{position:relative;display:flex;flex-direction:column;min-height:100%;overflow:hidden;text-decoration:none;background:#fff;border:1px solid rgba(24,183,255,.18);border-radius:24px;box-shadow:0 18px 44px rgba(6,17,31,.12);transition:transform .18s ease,box-shadow .18s ease}.mediaCard:hover{transform:translateY(-3px);box-shadow:0 24px 58px rgba(6,17,31,.18)}.mediaCard:before{content:"";position:absolute;left:0;top:0;width:5px;height:100%;background:linear-gradient(180deg,#18d5ff,#ffe49a);z-index:2}.mediaCard>img{display:block;width:100%;aspect-ratio:16/9;height:auto;object-fit:cover;object-position:center;background:#06111f}.mediaCardBody{position:relative;z-index:1;padding:18px 20px 20px;display:flex;flex-direction:column;gap:8px;flex:1}.mediaCardBody .icon{margin:0 0 4px}.mediaCard h3{margin:0;color:#102033;font-size:21px;line-height:1.28;letter-spacing:-.02em;overflow-wrap:break-word}.mediaCard p{margin:0;color:#52677d;font-size:15.5px;line-height:1.68}.visualBand .mediaCard{background:#f8fbff;border-color:rgba(24,213,255,.30);box-shadow:0 20px 52px rgba(0,0,0,.24)}.visualBand .mediaCard h3{color:#0f2138}.visualBand .mediaCard p{color:#52677d}.page-news .mediaCard,.page-premier-hub .mediaCard{min-height:0}.page-news .cols4 .mediaCard>img{aspect-ratio:4/3}.page-news .cols4 .mediaCard h3{font-size:20px}.page-premier-hub #epl-list .mediaCard>img,.page-news #worldcup-news .mediaCard>img,.page-news #epl-news .mediaCard>img{aspect-ratio:16/10}@media(max-width:980px){.mediaCard h3{font-size:20px}.mediaCardBody{padding:16px}.page-news .cols4 .mediaCard>img{aspect-ratio:16/9}}@media(max-width:620px){.mediaCard{border-radius:20px!important;width:100%!important;max-width:100%!important}.mediaCard>img{aspect-ratio:16/9!important;max-height:190px}.mediaCard h3{font-size:19px!important;line-height:1.32!important}.mediaCard p{font-size:14.5px!important;line-height:1.62!important}.mediaCardBody{padding:15px!important}}
@media(max-width:620px){.hero:before{opacity:.65}.hero:after{content:""!important}.hero:before{mask-image:linear-gradient(180deg,rgba(0,0,0,.9),transparent 86%)!important}.hero .showcase{display:none!important}.siteUiSpine:before{opacity:.65}.guideShot img,.missionGrid img,.sceneGrid img{object-fit:contain!important}.heroTitle strong{font-size:25px!important}.heroTitle em{font-size:18px!important}.trustStrip span{font-size:11.5px!important}.siteUiSteps b{border-radius:16px!important}}

/* 2026-05-19 navmobilefix1: fix real-phone inner-page header/nav + remove white pseudo placeholder */
@media(max-width:620px){
  .top{position:relative!important;background:#06111f!important;border-bottom:1px solid rgba(24,183,255,.22)!important;overflow:visible!important}
  .topin{display:block!important;width:100%!important;max-width:100%!important;margin:0!important;padding:8px 10px 10px!important;overflow:visible!important}
  .brand{display:flex!important;align-items:center!important;justify-content:flex-start!important;margin:0 0 8px!important;color:#e8f4ff!important;font-size:13px!important;line-height:1.2!important;gap:8px!important;white-space:nowrap!important;text-decoration:none!important}
  .brandMark{width:24px!important;height:24px!important;border-radius:8px!important;font-size:11px!important;box-shadow:none!important}
  .nav{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;overflow:visible!important;white-space:normal!important;justify-content:stretch!important;align-items:stretch!important}
  .nav a{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-width:0!important;max-width:100%!important;min-height:30px!important;padding:6px 3px!important;border-radius:999px!important;text-align:center!important;font-size:11.5px!important;line-height:1.1!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;color:#e8f4ff!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.08)!important}
  .nav a.active,.nav a:hover{background:rgba(24,183,255,.18)!important;color:#ffe49a!important;border-color:rgba(24,183,255,.25)!important}
  .hero{padding-top:28px!important;overflow:hidden!important}
  .hero:before,.hero:after{content:none!important;display:none!important;background:none!important;box-shadow:none!important;width:0!important;height:0!important;opacity:0!important}
  .hero .showcase,.showcase,.browserCard,.phoneFloat,.goldBadge{display:none!important}
  .heroGrid{display:block!important;width:100%!important;max-width:100%!important;margin:0!important;padding-left:0!important;padding-right:0!important;overflow:visible!important}
  .wrap{width:100%!important;max-width:100%!important;padding-left:12px!important;padding-right:12px!important;overflow:visible!important}
  .heroTitle,.heroTitle span,.heroTitle strong,.heroTitle em,.lead,.heroActions,.trustStrip{width:100%!important;max-width:100%!important;overflow:visible!important}
  .heroTitle strong{font-size:26px!important;line-height:1.18!important;letter-spacing:0!important;word-break:keep-all!important;overflow-wrap:break-word!important}
  .heroTitle em{font-size:14px!important;line-height:1.25!important;padding:6px 9px!important;display:inline-block!important;max-width:100%!important;white-space:normal!important}
  .lead{font-size:15px!important;line-height:1.65!important;margin-top:10px!important}
  .heroActions{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;margin-top:15px!important}
  .heroActions .btn,.btn{width:100%!important;max-width:100%!important;min-width:0!important;min-height:42px!important;font-size:13.5px!important;padding:10px 12px!important}
  .trustStrip{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;margin-top:14px!important;overflow:visible!important;white-space:normal!important}
  .trustStrip span{display:flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;text-align:center!important;font-size:11px!important;padding:6px 4px!important;white-space:normal!important}
}
@media(max-width:370px){
  .nav{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important}
  .nav a{font-size:10.8px!important;padding-left:2px!important;padding-right:2px!important}
  .heroTitle strong{font-size:24px!important}
}

/* 2026-05-19 navmobilefix2: override older nth-child mobile rules with higher specificity */
@media(max-width:620px){
  body .top .topin .nav,
  body.page-fb-sports .top .topin .nav,
  body.page-live .top .topin .nav,
  body.page-betslip .top .topin .nav,
  body.page-howto .top .topin .nav,
  body.page-worldcup .top .topin .nav,
  body.page-fb-worldcup .top .topin .nav,
  body.page-news .top .topin .nav{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:6px!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    white-space:normal!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  body .top .topin .nav a,
  body .top .topin .nav a:nth-child(n),
  body .top .topin .nav a:nth-child(n+4),
  body .top .topin .nav a:nth-child(n+5){
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:30px!important;
    padding:6px 2px!important;
    border-radius:10px!important;
    font-size:11px!important;
    line-height:1.08!important;
    font-weight:850!important;
    text-align:center!important;
    white-space:normal!important;
    overflow:visible!important;
    color:#dff1ff!important;
    background:rgba(10,32,60,.78)!important;
    border:1px solid rgba(24,183,255,.18)!important;
  }
  body .top .topin .nav a.active,
  body .top .topin .nav a:hover{
    background:linear-gradient(135deg,rgba(24,183,255,.28),rgba(255,212,94,.18))!important;
    color:#ffe49a!important;
    border-color:rgba(255,212,94,.28)!important;
  }
  body .top .topin{background:#06111f!important;border:0!important}
  body .hero{padding-top:24px!important}
  body .hero:before,body .hero:after{content:none!important;display:none!important}
  body .hero .showcase{display:none!important}
  body .trustStrip{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;width:100%!important;max-width:100%!important;overflow:visible!important}
  body .trustStrip span{min-width:0!important;width:100%!important;max-width:100%!important;white-space:normal!important;overflow:visible!important;text-align:center!important;font-size:10.8px!important;line-height:1.15!important;padding:6px 2px!important}
}
@media(max-width:370px){body .top .topin .nav{gap:5px!important}body .top .topin .nav a,body .top .topin .nav a:nth-child(n+5){font-size:10.3px!important;padding-left:1px!important;padding-right:1px!important}}

/* 2026-05-19 navmobilefix3: 3-column mobile nav to eliminate right-edge clipped pills */
@media(max-width:620px){
  body .top .topin{padding-left:8px!important;padding-right:8px!important;overflow:hidden!important}
  body .top .topin .nav,
  body.page-fb-sports .top .topin .nav,
  body.page-live .top .topin .nav,
  body.page-betslip .top .topin .nav,
  body.page-howto .top .topin .nav,
  body.page-worldcup .top .topin .nav,
  body.page-fb-worldcup .top .topin .nav,
  body.page-news .top .topin .nav{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
    padding:0!important;
    margin:0!important;
    box-sizing:border-box!important;
  }
  body .top .topin .nav a,
  body .top .topin .nav a:nth-child(n),
  body .top .topin .nav a:nth-child(n+4),
  body .top .topin .nav a:nth-child(n+5){
    display:flex!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    text-overflow:clip!important;
    white-space:normal!important;
    word-break:keep-all!important;
    overflow-wrap:normal!important;
    font-size:11.5px!important;
    line-height:1.08!important;
    min-height:29px!important;
    padding:6px 3px!important;
    border-radius:9px!important;
  }
}
@media(max-width:370px){body .top .topin .nav a,body .top .topin .nav a:nth-child(n+5){font-size:10.8px!important;min-height:28px!important}}

/* 2026-05-19 navmobilefix4: conservative phone layout, no edge-hugging elements */
@media(max-width:620px){
  html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
  body .top{overflow:hidden!important;background:#06111f!important}
  body .top .topin{width:100%!important;max-width:100%!important;padding:9px 14px 12px!important;margin:0!important;box-sizing:border-box!important;overflow:hidden!important}
  body .top .topin .nav,
  body.page-fb-sports .top .topin .nav,
  body.page-live .top .topin .nav,
  body.page-betslip .top .topin .nav,
  body.page-howto .top .topin .nav,
  body.page-worldcup .top .topin .nav,
  body.page-fb-worldcup .top .topin .nav,
  body.page-news .top .topin .nav{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
  }
  body .top .topin .nav a,
  body .top .topin .nav a:nth-child(n),
  body .top .topin .nav a:nth-child(n+4),
  body .top .topin .nav a:nth-child(n+5){
    display:flex!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
    align-items:center!important;
    justify-content:center!important;
    box-sizing:border-box!important;
    padding:7px 6px!important;
    min-height:31px!important;
    border-radius:10px!important;
    font-size:12px!important;
    line-height:1.12!important;
    white-space:nowrap!important;
    text-align:center!important;
  }
  body .wrap,body .heroGrid,body .heroGrid>div,body .sectionHead,body .heroActions,body .trustStrip,body .siteUiSpineGrid,body .pathGrid,body .realGrid,body .decisionGrid,body .ceoConversionGrid{
    width:100%!important;max-width:100%!important;min-width:0!important;padding-left:14px!important;padding-right:14px!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box!important;overflow:hidden!important;
  }
  body .hero{padding-top:24px!important;padding-bottom:26px!important;overflow:hidden!important}
  body .heroTitle,body .heroTitle strong,body .heroTitle em,body .lead{max-width:100%!important;min-width:0!important;overflow:visible!important;box-sizing:border-box!important}
  body .heroTitle strong{font-size:24px!important;line-height:1.2!important;word-break:keep-all!important;overflow-wrap:break-word!important}
  body .heroTitle em{font-size:13.5px!important;white-space:normal!important;display:inline-block!important;padding:6px 8px!important}
  body .lead{font-size:14.5px!important;line-height:1.62!important}
  body .heroActions{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;padding-left:0!important;padding-right:0!important}
  body .heroActions .btn,body .btn{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;overflow:hidden!important;font-size:13.2px!important}
  body .trustStrip{display:grid!important;grid-template-columns:1fr!important;gap:6px!important;padding-left:0!important;padding-right:0!important;margin-top:12px!important}
  body .trustStrip span{width:100%!important;max-width:100%!important;box-sizing:border-box!important;font-size:11.5px!important;line-height:1.2!important;white-space:normal!important;padding:7px 8px!important}
  body .section,body .siteUiSpine{overflow:hidden!important}
}
@media(max-width:370px){body .top .topin{padding-left:12px!important;padding-right:12px!important}body .top .topin .nav a,body .top .topin .nav a:nth-child(n+5){font-size:11.5px!important}.heroTitle strong{font-size:22.5px!important}}


/* 2026-05-19 opscreens1: real operation screenshots with annotated callouts */
.operationGuide{background:linear-gradient(180deg,#f7fbff,#eef5fb)!important}.operationGuide .sectionHead{align-items:flex-start!important}.operationGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.operationGrid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.operationShot{margin:0;background:#07182f;border:1px solid rgba(24,183,255,.18);border-radius:28px;padding:12px;box-shadow:0 18px 44px rgba(6,17,31,.14);overflow:hidden}.operationShot.wide{grid-column:span 1}.operationShot img{display:block;width:100%;height:auto;border-radius:20px;background:#06111f}.operationShot figcaption{color:#dcecff;font-size:14px;line-height:1.55;padding:11px 4px 2px;font-weight:800}.operationGuideMain .operationShot.wide{grid-column:span 1}@media(min-width:980px){.operationGuideMain .operationShot.wide{grid-column:span 1}.operationGrid .operationShot.wide:first-child{grid-column:span 1}}@media(max-width:980px){.operationGrid,.operationGrid.three{grid-template-columns:1fr!important}.operationShot.wide{grid-column:auto!important}}@media(max-width:620px){.operationGuide{padding-top:38px!important;padding-bottom:38px!important}.operationGuide .sectionHead{display:block!important;margin-bottom:16px!important}.operationGuide .sectionHead h2{font-size:23px!important;line-height:1.32!important}.operationGuide .sectionHead p{font-size:14.5px!important;line-height:1.62!important}.operationGrid{gap:14px!important}.operationShot{border-radius:20px!important;padding:8px!important}.operationShot img{border-radius:15px!important}.operationShot figcaption{font-size:13px!important;line-height:1.5!important;padding:9px 3px 1px!important}}


/* 2026-05-19 opscreens2: mobile-specific annotated screenshots for readability */
.operationShot picture{display:block;width:100%}.operationShot picture img{display:block;width:100%;height:auto}@media(max-width:620px){.operationShot{padding:7px!important}.operationShot picture img{width:100%!important;max-width:100%!important}.operationShot figcaption{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:12px;margin-top:8px;padding:9px 10px!important;color:#eef7ff!important}}


/* 2026-05-19 opscreens3: mobile long heading containment after operation screenshot insert */
@media(max-width:620px){body .siteUiSpine,body .siteUiSpineGrid,body .siteUiSpineCopy{width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important;box-sizing:border-box!important}body .siteUiSpine h2,body .siteUiSpineCopy h2,body .sectionHead h2{width:100%!important;max-width:100%!important;min-width:0!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;word-break:keep-all!important;overflow-wrap:anywhere!important;line-height:1.32!important}body .siteUiSpine p,body .siteUiSteps,body .siteUiSteps b,body .siteUiSteps small{max-width:100%!important;min-width:0!important;white-space:normal!important;overflow-wrap:anywhere!important}}

/* 2026-05-19 autopsy1: remove redundant feature-card noise and tighten page rhythm */
@media(max-width:620px){
  body .hero{padding-bottom:22px!important}
  body .operationGuide{padding-top:34px!important;padding-bottom:34px!important}
  body .siteUiSpine{padding-top:38px!important;padding-bottom:38px!important}
  body .pathCards,body .quickGrid,body .realGrid{gap:12px!important}
}


/* 2026-05-19 autopsy2: reduce clutter after forensic content review */
@media(max-width:620px){body .conversionBar{display:none!important}body .heroActions{margin-top:14px!important}body .trustStrip{margin-top:10px!important}.operationGuide + .section{padding-top:34px!important}}


/* 2026-05-19 autopsy3: remove cluttered mobile hero showcase reported by Yumi */
@media(max-width:620px){
  body .hero .showcase,
  body .hero .phoneFloat,
  body .hero .goldBadge,
  body .hero .browserCard,
  body .hero .dash,
  body .hero .conversionBar{display:none!important;visibility:hidden!important;pointer-events:none!important}
  body .hero .heroGrid{display:block!important;grid-template-columns:1fr!important;gap:0!important;overflow:hidden!important}
  body .hero{overflow:hidden!important;padding-top:22px!important;padding-bottom:24px!important}
  body .hero .wrap{overflow:hidden!important}
  body .hero .lead{margin-bottom:14px!important}
  body .heroActions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;max-width:100%!important}
  body .heroActions .btn{width:100%!important;min-height:46px!important;padding:12px 14px!important;box-sizing:border-box!important}
  body .trustStrip{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;max-width:100%!important;overflow:hidden!important}
  body .trustStrip span{min-width:0!important;text-align:center!important;font-size:11px!important;padding:7px 5px!important;white-space:normal!important;line-height:1.25!important}
}


/* 2026-05-19 flowfix1: mobile reading-flow cleanup after forensic autopsy */
@media(max-width:620px){
  body .hero{padding-top:18px!important;padding-bottom:18px!important;min-height:0!important}
  body .heroTitle span{font-size:13px!important;letter-spacing:.08em!important}
  body .heroTitle strong{font-size:clamp(28px,8.6vw,38px)!important;line-height:1.08!important}
  body .heroTitle em{font-size:13px!important;margin-top:6px!important}
  body .lead{font-size:15px!important;line-height:1.62!important;margin-top:12px!important}
  body .heroActions{margin-top:12px!important;display:block!important}
  body .heroActions .btn{width:100%!important;min-height:44px!important;margin:0!important}
  body .heroActions .btn:nth-child(n+2){display:none!important}
  body .trustStrip{display:none!important}
  body .siteUiSpine{padding-top:26px!important;padding-bottom:26px!important;background:#f5f8fb!important;color:#102033!important}
  body .siteUiSpine .eyebrow,body .siteUiSpine h2,body .siteUiSpine p{color:#102033!important}
  body .siteUiSteps{display:grid!important;gap:10px!important}
  body .siteUiSteps b{background:#fff!important;color:#102033!important;border-color:rgba(20,40,60,.12)!important}
  body .operationGuide{padding-top:28px!important;padding-bottom:30px!important}
  body .operationGrid{gap:12px!important}
  body .section{padding-top:38px!important;padding-bottom:38px!important}
}


/* 2026-05-19 flowui2: text + UI + reading-flow combined polish */
@media(max-width:620px){
  body .hero{padding-top:16px!important;padding-bottom:18px!important}
  body .heroTitle strong{max-width:10.5em!important}
  body .siteUiSpine{margin-top:0!important;border-top:1px solid rgba(15,35,55,.08)!important;border-bottom:1px solid rgba(15,35,55,.08)!important}
  body .siteUiSpineGrid{gap:14px!important}
  body .siteUiSpine h2{font-size:clamp(24px,7vw,32px)!important;line-height:1.18!important}
  body .siteUiSpine p{font-size:15px!important;line-height:1.65!important}
  body .siteUiSteps b{padding:12px 13px!important;border-radius:16px!important}
  body .operationGuide .sectionHead{margin-bottom:14px!important}
  body .operationGuide .sectionHead h2{font-size:clamp(24px,7vw,31px)!important;line-height:1.18!important}
  body .operationShot{border-radius:18px!important;box-shadow:none!important}
  body .userPath,body .playOneLine,body .decisionGuide{background:#fff!important}
  body .pathCards,body .termGrid,body .decisionGrid{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  body .pathCard,body .termGrid article,body .decisionGrid article{border-radius:18px!important;box-shadow:none!important}
  body .responsibleNotice{padding-top:26px!important;padding-bottom:26px!important}
  body .faq{padding-top:34px!important}
  body .pageFinalSeal{padding:30px 0!important}
}
@media(min-width:900px){
  body .siteUiSpine{background:linear-gradient(135deg,#f6f9fc,#eef5fb)!important;color:#102033!important}
  body .siteUiSpine .eyebrow,body .siteUiSpine h2,body .siteUiSpine p{color:#102033!important}
  body .siteUiSteps b{background:#fff!important;color:#102033!important;border-color:rgba(20,40,60,.12)!important}
  body .operationGuide{padding-top:58px!important;padding-bottom:58px!important}
  body .section{scroll-margin-top:90px}
}


/* 2026-05-19 flowui3: CTA and title cleanup */
.flowui3NextStep{background:linear-gradient(135deg,#f6f9fc,#fff)!important}.nextStepBox{border:1px solid rgba(20,40,60,.12);border-radius:26px;background:#fff;padding:28px;box-shadow:0 18px 42px rgba(10,25,45,.08)}.nextStepBox h2{margin:6px 0 10px}.nextStepBox p{max-width:720px}@media(max-width:620px){body .heroTitle strong{max-width:100%!important;width:100%!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;word-break:keep-all!important;overflow-wrap:anywhere!important}body .top .nav,body .nav{overflow-x:auto!important;scrollbar-width:none!important;display:flex!important;flex-wrap:nowrap!important;gap:6px!important}body .top .nav a,body .nav a{flex:0 0 auto!important;white-space:nowrap!important;font-size:12px!important;padding:7px 9px!important}.nextStepBox{padding:20px;border-radius:20px}.flowui3NextStep{padding-top:32px!important;padding-bottom:32px!important}}


/* 2026-05-19 portalfinal1: page-specific UI personalities */
:root{--fb-ink:#102033;--fb-muted:#526475;--fb-soft:#f5f8fb;--fb-line:rgba(20,40,60,.12);--fb-gold:#f4c95d;--fb-blue:#58b7ff;--fb-deep:#071427;}
body.page-live .siteUiSpine{background:linear-gradient(135deg,#071427,#0c2748)!important;color:#eaf6ff!important}body.page-live .siteUiSpine h2,body.page-live .siteUiSpine p,body.page-live .siteUiSpine .eyebrow{color:#eaf6ff!important}body.page-live .operationGuide{background:linear-gradient(180deg,#f4f9ff,#fff)!important}body.page-live .userPath,body.page-live .playOneLine,body.page-live .decisionGuide{background:#fff!important}
body.page-betslip .siteUiSpine{background:linear-gradient(135deg,#fff8e5,#fff)!important;color:#1e2732!important}body.page-betslip .siteUiSpine h2,body.page-betslip .siteUiSpine p,body.page-betslip .siteUiSpine .eyebrow{color:#1e2732!important}body.page-betslip .portalChecklistBoard{background:#fff!important}body.page-betslip .operationGuide{background:#fffaf0!important}body.page-betslip .decisionGuide{background:linear-gradient(180deg,#fff,#f7f3ea)!important}
body.page-worldcup .siteUiSpine{background:linear-gradient(135deg,#f7fbff,#eef5ff)!important;color:#102033!important}body.page-worldcup .siteUiSpine h2,body.page-worldcup .siteUiSpine p,body.page-worldcup .siteUiSpine .eyebrow{color:#102033!important}body.page-worldcup .operationGuide{background:#fff!important}body.page-worldcup .userPath,body.page-worldcup .realGuide,body.page-worldcup .decisionGuide{background:#f6f9fc!important}
body.page-fb-worldcup .siteUiSpine{background:linear-gradient(135deg,#140b2a,#33135a 55%,#0b1f3b)!important;color:#fff!important}body.page-fb-worldcup .siteUiSpine h2,body.page-fb-worldcup .siteUiSpine p,body.page-fb-worldcup .siteUiSpine .eyebrow{color:#fff!important}body.page-fb-worldcup .operationGuide{background:linear-gradient(180deg,#0a1630,#101f42)!important;color:#fff!important}body.page-fb-worldcup .operationGuide h2,body.page-fb-worldcup .operationGuide p,body.page-fb-worldcup .operationGuide .eyebrow{color:#fff!important}body.page-fb-worldcup .userPath,body.page-fb-worldcup .decisionGuide{background:#fff!important}
body.page-news{background:#f7fafc!important;color:#132333!important}body.page-news .hero{background:linear-gradient(135deg,#ffffff,#f1f7fd)!important;color:#132333!important}body.page-news .hero h1,body.page-news .hero p,body.page-news .hero .eyebrow,body.page-news .heroTitle span,body.page-news .heroTitle strong,body.page-news .heroTitle em{color:#132333!important}body.page-news .siteUiSpine{background:#fff!important;color:#132333!important}body.page-news .siteUiSpine h2,body.page-news .siteUiSpine p,body.page-news .siteUiSpine .eyebrow{color:#132333!important}body.page-news .newsHub,body.page-news .portalNewsFeed{background:#fff!important}body.page-news .heroActions .btn:nth-child(n+2){display:none!important}
@media(max-width:620px){
 body .hero{padding-top:16px!important;padding-bottom:18px!important}body .section{padding-top:34px!important;padding-bottom:34px!important}body .operationGuide{padding-top:30px!important;padding-bottom:30px!important}body .siteUiSpine{padding-top:28px!important;padding-bottom:28px!important}body .heroActions{gap:8px!important}body .heroActions .btn:nth-child(n+2){display:none!important}body .operationGrid{gap:12px!important}body .operationShot{box-shadow:none!important;border-radius:18px!important}body .quickReturn,body .ceoConversion{display:none!important}
 body.page-news .hero{padding-bottom:22px!important}body.page-news .newsHub article,body.page-news .portalNewsFeed article{box-shadow:none!important;border:1px solid var(--fb-line)!important;background:#fff!important}body.page-betslip .portalChecklistBoard{padding-top:28px!important;padding-bottom:28px!important}body.page-worldcup .realGuide{padding-top:30px!important;padding-bottom:30px!important}
}
@media(min-width:900px){body.page-news .newsHub,body.page-news .portalNewsFeed{padding-top:58px!important;padding-bottom:58px!important}body.page-live .operationGuide,body.page-betslip .operationGuide,body.page-worldcup .operationGuide,body.page-fb-worldcup .operationGuide{padding-top:56px!important;padding-bottom:56px!important}}


/* 2026-05-19 portalfinal2: mobile-first premium hardening */
@media(max-width:820px){
 body{overflow-x:hidden!important} .wrap{width:100%!important;max-width:none!important;padding-left:18px!important;padding-right:18px!important;box-sizing:border-box!important}
 .top{position:sticky!important;top:0!important;z-index:50!important;background:rgba(6,15,30,.92)!important;backdrop-filter:blur(16px)!important}.topin{min-height:56px!important;padding:8px 16px!important}.brand{font-size:15px!important}.brandMark{width:34px!important;height:34px!important}.nav{display:none!important}
 .hero{padding:20px 0 24px!important;min-height:auto!important}.heroGrid{display:block!important}.hero .showcase,.hero .browserCard,.hero .phoneFloat,.hero .goldBadge,.hero .dash,.hero .conversionBar,.hero .trustStrip{display:none!important}.kicker{font-size:12px!important;margin-bottom:8px!important}.heroTitle strong{font-size:clamp(31px,9.2vw,44px)!important;line-height:1.08!important;letter-spacing:-.035em!important;max-width:100%!important}.heroTitle span{font-size:13px!important}.heroTitle em{font-size:13px!important}.lead{font-size:16px!important;line-height:1.72!important;margin-top:12px!important;max-width:100%!important}.heroActions{display:block!important;margin-top:16px!important}.heroActions .btn{width:100%!important;min-height:48px!important;padding:13px 16px!important;font-size:15px!important;border-radius:16px!important}.heroActions .btn:nth-child(n+2){display:none!important}
 .siteUiSpine{padding:30px 0!important;margin:0!important}.siteUiSpineGrid{display:block!important}.siteUiSpine h2{font-size:clamp(25px,7.2vw,34px)!important;line-height:1.16!important}.siteUiSpine p{font-size:15.5px!important;line-height:1.72!important}.siteUiSteps{grid-template-columns:1fr!important;gap:10px!important}.siteUiSteps b{font-size:15px!important;padding:14px!important;border-radius:18px!important}.siteUiSpineVisual{display:none!important}
 .section,.operationGuide,.portalChecklistBoard,.newsHub,.portalNewsFeed{padding-top:36px!important;padding-bottom:36px!important}.sectionHead{display:block!important;margin-bottom:16px!important}.sectionHead h2,.section h2{font-size:clamp(25px,7.2vw,34px)!important;line-height:1.17!important}.section p{font-size:15.5px!important;line-height:1.72!important}.pathCards,.termGrid,.decisionGrid,.operationGrid,.newsGrid,.articleGrid{grid-template-columns:1fr!important;gap:12px!important}.pathCard,.termGrid article,.decisionGrid article,.newsHub article,.portalNewsFeed article,.responsibleBox{width:100%!important;box-sizing:border-box!important;border-radius:20px!important;padding:18px!important;box-shadow:none!important}.operationShot{width:100%!important;margin:0!important;border-radius:20px!important;overflow:hidden!important}.operationShot img{width:100%!important;height:auto!important;display:block!important}.operationGrid .operationShot:nth-child(n+2){display:none!important}.operationShot figcaption{font-size:14px!important;line-height:1.55!important;padding:12px 14px!important}.pageFinalSeal{padding:34px 0!important}.pageFinalSeal h2{font-size:clamp(25px,7.2vw,34px)!important}.faq details{border-radius:18px!important;padding:14px 16px!important}.faq summary{font-size:15px!important}
 body.page-live .hero{background:linear-gradient(135deg,#061426,#0d2d4e)!important}body.page-live .kicker:after{content:' LIVE';color:#7ee3ff;font-weight:900;margin-left:4px}body.page-live .siteUiSpine{background:#ecf8ff!important;color:#102033!important}body.page-live .siteUiSpine *{color:#102033!important}
 body.page-betslip .hero{background:linear-gradient(135deg,#16110a,#3a2710)!important}body.page-betslip .operationGuide,body.page-betslip .portalChecklistBoard{background:#fff8e8!important}
 body.page-worldcup .hero{background:linear-gradient(135deg,#08213a,#0f4d72)!important}body.page-worldcup .siteUiSpine{background:#f2f7ff!important}
 body.page-fb-worldcup .hero{background:linear-gradient(135deg,#160a32,#431365 55%,#08213b)!important}body.page-fb-worldcup .siteUiSpine{background:#170d32!important;color:#fff!important}body.page-fb-worldcup .siteUiSpine *{color:#fff!important}
 body.page-news .hero{background:linear-gradient(135deg,#ffffff,#edf6ff)!important}body.page-news .heroTitle strong{color:#102033!important}.newsFeatureGrid{display:block!important}.newsFeatureMain,.newsFeatureSide{padding:20px!important;border-radius:22px!important}.newsTags{display:flex!important;flex-wrap:wrap!important;gap:8px!important}.newsTags span{padding:8px 10px!important;border-radius:999px!important;background:#eef5fb!important;color:#18314a!important;font-weight:800!important;font-size:12px!important}
}
@media(min-width:821px) and (max-width:1024px){.wrap{max-width:720px!important}.heroGrid,.siteUiSpineGrid{grid-template-columns:1fr!important}.hero .showcase{display:none!important}.nav{overflow-x:auto!important;white-space:nowrap!important}.section,.operationGuide{padding-top:54px!important;padding-bottom:54px!important}.pathCards,.termGrid,.decisionGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.operationGrid{grid-template-columns:1fr!important}.siteUiSpineVisual{max-width:620px!important;margin:18px auto 0!important}}
.newsFeatureLead{background:#f7fafc!important}.newsFeatureGrid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr);gap:18px;align-items:stretch}.newsFeatureMain,.newsFeatureSide{background:#fff;border:1px solid rgba(20,40,60,.12);border-radius:28px;padding:28px;box-shadow:0 18px 44px rgba(10,25,45,.08)}.newsFeatureSide ol{margin:12px 0 0;padding-left:22px;line-height:1.8}.newsTags{display:flex;gap:10px;flex-wrap:wrap}.newsTags span{padding:9px 12px;border-radius:999px;background:#eef5fb;color:#18314a;font-weight:800;font-size:13px}

/* GamePlus FB Sports guide page */
.page-gameplus-guide .keywordArticle{background:linear-gradient(180deg,#fff,#f4f9ff)!important}.longArticle{background:#fff;border:1px solid rgba(20,40,60,.12);border-radius:30px;padding:30px;box-shadow:0 18px 48px rgba(10,25,45,.08);margin-bottom:22px}.longArticle h3{margin:0 0 14px;font-size:clamp(25px,3vw,36px);line-height:1.18;color:#102033}.longArticle p{color:#405367;font-size:17px;line-height:1.85}.keywordCloud{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.keywordCloud span{display:inline-flex;padding:9px 13px;border-radius:999px;background:#eef7ff;border:1px solid rgba(88,183,255,.28);color:#143d64;font-weight:900;font-size:13px}.guideSplit{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.guideSplit article{background:#fff;border:1px solid rgba(20,40,60,.12);border-radius:28px;padding:28px;box-shadow:0 18px 44px rgba(10,25,45,.08)}.guideSplit article:nth-child(2){background:linear-gradient(135deg,#071427,#0d315a);color:#fff}.guideSplit span{display:inline-flex;margin-bottom:12px;padding:7px 11px;border-radius:999px;background:#e8f5ff;color:#0c4f82;font-weight:900}.guideSplit article:nth-child(2) span{background:rgba(88,183,255,.16);color:#d8f2ff}.guideSplit h3{margin:0 0 12px;font-size:28px;line-height:1.22;color:#102033}.guideSplit article:nth-child(2) h3{color:#fff}.guideSplit ol{margin:0 0 18px;padding-left:22px;line-height:1.78;color:#405367}.guideSplit article:nth-child(2) ol{color:#e7f4ff}.guideSplit .btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 16px;border-radius:16px;text-decoration:none;font-weight:900}.guideSplit .btn.join{background:#ffd666;color:#102033}.guideSplit .btn.watch{background:#19a9f5;color:#fff}
@media(max-width:820px){.guideSplit{grid-template-columns:1fr}.longArticle{padding:22px;border-radius:24px}.keywordCloud span{font-size:12.5px}.guideSplit article{padding:22px;border-radius:24px}.guideSplit h3{font-size:23px}}

@media(max-width:620px){
  body.page-gameplus-guide .heroActions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  body.page-gameplus-guide .heroActions .btn:nth-child(n+2){display:inline-flex!important;visibility:visible!important}
}


/* 2026-05-19 portalfinal3: true mobile composition, not desktop-shrink */
@media(max-width:620px){
 html,body{max-width:100%!important;overflow-x:hidden!important}.top,.top *{box-sizing:border-box!important}.top{height:52px!important;min-height:52px!important}.topin{height:52px!important;min-height:52px!important;padding:7px 16px!important;display:flex!important;align-items:center!important;justify-content:space-between!important}.top .brand{max-width:100%!important}.top .nav,header.top nav.nav,body .nav{display:none!important;visibility:hidden!important;width:0!important;height:0!important;overflow:hidden!important;padding:0!important;margin:0!important}
 body .hero{padding:18px 0 22px!important}.hero .wrap,.wrap{padding-left:20px!important;padding-right:20px!important}.kicker,.heroTitle span,.heroTitle em{display:none!important}.heroTitle strong{display:block!important;font-size:clamp(32px,10vw,42px)!important;line-height:1.06!important;letter-spacing:-.045em!important;margin:0!important}.lead{display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important;font-size:16px!important;line-height:1.58!important;margin-top:12px!important;color:rgba(255,255,255,.88)!important}.heroActions{margin-top:16px!important}.heroActions .btn{min-height:50px!important;border-radius:18px!important;font-size:15px!important;font-weight:900!important;justify-content:center!important}
 body:not(.page-news) .siteUiSpine{display:none!important}.section:first-of-type,.operationGuide:first-of-type{padding-top:32px!important}.sectionHead .eyebrow{font-size:12px!important}.sectionHead h2,.section h2{font-size:clamp(26px,8vw,34px)!important;line-height:1.12!important;letter-spacing:-.025em!important}.sectionHead p,.section p{font-size:15.5px!important;line-height:1.68!important}.operationGuide .sectionHead p{display:none!important}.operationGrid{display:block!important}.operationShot{background:#fff!important}.operationShot picture,.operationShot img{max-height:none!important}.pathCard,.termGrid article,.decisionGrid article,.responsibleBox,.newsHub article,.portalNewsFeed article{padding:20px!important;border-radius:22px!important}.pathCard h3,.termGrid h3,.decisionGrid h3{font-size:18px!important;line-height:1.22!important}.pathCard p,.termGrid p,.decisionGrid p{font-size:15px!important}.responsibleNotice{background:#f7fafc!important}.responsibleBox strong{font-size:18px!important}.pageFinalSeal .heroActions .btn:nth-child(n+2){display:none!important}
 body.page-live .hero::after{content:'即時比分・直播節奏';display:block;margin:14px 20px 0;padding:10px 12px;border:1px solid rgba(126,227,255,.35);border-radius:16px;color:#bff3ff;background:rgba(126,227,255,.08);font-weight:900;text-align:center}body.page-betslip .hero::after{content:'核對場次・玩法・金額';display:block;margin:14px 20px 0;padding:10px 12px;border:1px solid rgba(244,201,93,.38);border-radius:16px;color:#ffe5a3;background:rgba(244,201,93,.1);font-weight:900;text-align:center}body.page-worldcup .hero::after{content:'賽程焦點・直播時間';display:block;margin:14px 20px 0;padding:10px 12px;border:1px solid rgba(88,183,255,.35);border-radius:16px;color:#d8f2ff;background:rgba(88,183,255,.09);font-weight:900;text-align:center}body.page-fb-worldcup .hero::after{content:'FB 世界盃快線';display:block;margin:14px 20px 0;padding:10px 12px;border:1px solid rgba(200,143,255,.42);border-radius:16px;color:#f1dcff;background:rgba(200,143,255,.12);font-weight:900;text-align:center}body.page-howto .hero::after,body.page-how-to-use .hero::after{content:'三步驟新手路線';display:block;margin:14px 20px 0;padding:10px 12px;border:1px solid rgba(88,183,255,.35);border-radius:16px;color:#d8f2ff;background:rgba(88,183,255,.09);font-weight:900;text-align:center}
 body.page-news .siteUiSpine{display:block!important;padding:24px 0!important}body.page-news .hero .lead{color:#405367!important}body.page-news .newsFeatureLead{padding-top:28px!important;padding-bottom:28px!important}body.page-news .newsHub,body.page-news .portalNewsFeed{padding-top:30px!important;padding-bottom:30px!important}body.page-news .newsFeatureMain{background:linear-gradient(135deg,#fff,#eef7ff)!important;border:1px solid rgba(30,80,130,.14)!important}body.page-news .newsFeatureSide{background:#102033!important;color:#fff!important}body.page-news .newsFeatureSide *{color:#fff!important}
}


/* 2026-05-19 portalfinal4: last-mile mobile polish */
@media(max-width:620px){
 body .hero{padding-top:20px!important;padding-bottom:28px!important}.lead{-webkit-line-clamp:2!important;max-width:96%!important}.heroActions .btn{width:100%!important;max-width:100%!important;min-height:52px!important;border-radius:18px!important;letter-spacing:.01em!important}.hero::after{max-width:calc(100% - 40px)!important;box-sizing:border-box!important}.section:first-of-type,.operationGuide:first-of-type{padding-top:34px!important}.pathCard,.termGrid article,.decisionGrid article,.newsHub article,.portalNewsFeed article{min-height:auto!important}.newsFeatureMain:before{content:'EDITORIAL';display:inline-flex;margin-bottom:10px;padding:6px 9px;border-radius:999px;background:#18314a;color:#fff;font-size:11px;font-weight:900;letter-spacing:.08em}body.page-news .hero::after{content:'精選文章・熱門分類・最新導讀';display:block;margin:14px 20px 0;padding:10px 12px;border:1px solid rgba(24,49,74,.16);border-radius:16px;color:#18314a;background:rgba(24,49,74,.06);font-weight:900;text-align:center}body.page-news .newsHub article:first-child,body.page-news .portalNewsFeed article:first-child{border-color:rgba(24,49,74,.22)!important;background:linear-gradient(135deg,#fff,#eef7ff)!important}
 body.page-betslip .lead,body.page-how-to-use .lead,body.page-howto .lead{-webkit-line-clamp:2!important}.operationGuide .sectionHead h2{max-width:12em!important}.responsibleNotice{padding-top:28px!important;padding-bottom:28px!important}.pageFinalSeal{padding-top:32px!important;padding-bottom:36px!important}
}

/* 2026-05-19 portalfinal5: premium visual QA fixes */
@media(min-width:1025px){
  .hero{min-height:560px!important;padding:58px 0 66px!important}
  .heroGrid{grid-template-columns:minmax(0,.9fr) minmax(420px,1fr)!important;gap:42px!important;align-items:center!important}
  .hero .showcase{align-self:center!important;transform:translateY(0)!important}
  .siteUiSpineGrid{grid-template-columns:minmax(0,.92fr) minmax(420px,1fr)!important;align-items:center!important}
}

@media(min-width:1025px){
  .hero{position:relative!important;min-height:630px!important;overflow:hidden!important}
  .hero .wrap.heroGrid{position:relative!important;z-index:2!important;min-height:500px!important}
  .hero > .showcase{
    position:absolute!important;
    z-index:1!important;
    right:4.5vw!important;
    top:118px!important;
    width:min(48vw,620px)!important;
    height:430px!important;
    min-height:430px!important;
    margin:0!important;
  }
  .hero > .showcase .browserCard{top:0!important;left:0!important}
  .hero > .showcase .phoneFloat{right:-14px!important;bottom:-18px!important}
  .hero > .showcase .goldBadge{left:24px!important;bottom:6px!important}
}

body.page-news .hero{
  background:radial-gradient(circle at 82% 14%,rgba(88,183,255,.28),transparent 34%),linear-gradient(135deg,#071427 0%,#0b2a4d 58%,#103c68 100%)!important;
  color:#fff!important;
}
body.page-news .hero h1,
body.page-news .hero p,
body.page-news .hero .eyebrow,
body.page-news .heroTitle span,
body.page-news .heroTitle strong,
body.page-news .heroTitle em{color:#fff!important}
body.page-news .kicker{background:rgba(88,183,255,.14)!important;border-color:rgba(88,183,255,.34)!important;color:#d8f2ff!important}
body.page-news .siteUiSpine{background:linear-gradient(180deg,#f4f9ff,#fff)!important}

.operationShot figcaption,
.siteUiSpineVisual figcaption,
figure figcaption{color:#23364b!important;opacity:1!important}
body.page-fb-worldcup .operationShot figcaption{color:#fff!important}

@media(max-width:620px){
  body .hero{padding-top:30px!important;padding-bottom:34px!important;min-height:auto!important;overflow:visible!important}
  .hero .wrap,.wrap{padding-left:18px!important;padding-right:18px!important}
  .heroTitle strong{font-size:clamp(30px,9.2vw,38px)!important;line-height:1.14!important;letter-spacing:0!important;word-break:keep-all!important;overflow-wrap:break-word!important}
  .lead,
  body.page-betslip .lead,
  body.page-how-to-use .lead,
  body.page-howto .lead,
  body.page-news .hero .lead{
    display:block!important;
    -webkit-line-clamp:unset!important;
    -webkit-box-orient:initial!important;
    max-width:100%!important;
    overflow:visible!important;
    color:rgba(255,255,255,.9)!important;
    margin-bottom:0!important;
  }
  body.page-news .hero .lead{color:rgba(255,255,255,.9)!important}
  .heroActions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin-top:20px!important}
  .heroActions .btn,
  .heroActions .btn:nth-child(n+2),
  body.page-news .heroActions .btn:nth-child(n+2){
    display:inline-flex!important;
    visibility:visible!important;
    width:100%!important;
  }
  .hero::after{margin-top:16px!important}
  .operationShot{background:#fff!important;border:1px solid rgba(20,40,60,.12)!important}
  .operationShot figcaption,
  .siteUiSpineVisual figcaption,
  figure figcaption{
    color:#24384f!important;
    opacity:1!important;
    background:#fff!important;
  }
  body.page-fb-worldcup .operationShot figcaption{color:#24384f!important}
  body.page-news .hero{background:linear-gradient(135deg,#071427,#0d315a)!important}
  body.page-news .hero::after{color:#d8f2ff!important;background:rgba(88,183,255,.1)!important;border-color:rgba(88,183,255,.28)!important}
}

/* 2026-05-19 portalfinal6: keep guide-page CTA full width on mobile */
@media(max-width:620px){
  body.page-gameplus-guide .heroActions{width:calc(100% + 28px)!important;max-width:calc(100% + 28px)!important;margin-left:-14px!important;display:grid!important;grid-template-columns:1fr!important}
  body.page-gameplus-guide .heroActions .btn{width:100%!important;max-width:100%!important}
}

/* 2026-05-19 portalfinal7: richer editorial guide page */
.page-gameplus-guide .guideHero .heroTitle strong{max-width:9.8em}.guideOverview{background:linear-gradient(180deg,#f3fbf7,#fff)}.guideMediaGrid{display:grid;grid-template-columns:1.2fr .9fr .9fr;gap:16px}.guideMediaGrid figure,.storyVisuals figure,.guideImageWall figure,.richArticles a{margin:0;background:#fff;border:1px solid rgba(20,40,60,.12);border-radius:26px;overflow:hidden;box-shadow:0 16px 42px rgba(10,25,45,.08)}.guideMediaGrid img,.storyVisuals img,.guideImageWall img,.richArticles img{display:block;width:100%;height:260px;object-fit:cover;object-position:top}.guideMediaGrid figure:first-child img{height:360px}.guideMediaGrid figcaption,.storyVisuals figcaption,.guideImageWall figcaption{padding:13px 15px;color:#25384e;font-weight:850;background:#fff}.worldCupStory{background:linear-gradient(135deg,#071427,#0d315a);color:#fff}.storyGrid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:26px;align-items:center}.storyCopy h2{font-size:clamp(32px,3.8vw,52px);line-height:1.08;margin:10px 0 16px}.storyCopy p{color:#d9eaff;font-size:17px;line-height:1.86}.storyCopy .eyebrow{color:#8fe4ff}.topicPills{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.topicPills span{display:inline-flex;padding:9px 13px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);color:#eaf6ff;font-weight:900;font-size:13px}.storyVisuals{display:grid;grid-template-columns:1fr 1fr;gap:14px}.storyVisuals .wide{grid-column:1/-1}.storyVisuals .wide img{height:290px}.storyVisuals img{height:220px}.guideSplit.enriched article figure{margin:-28px -28px 20px;border-radius:28px 28px 0 0;overflow:hidden;background:#06172d}.guideSplit.enriched article figure img{display:block;width:100%;height:230px;object-fit:cover;object-position:top}.guideGalleryBand{background:#f5f8fb}.guideImageWall{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:16px}.guideImageWall .large{grid-row:span 2}.guideImageWall .large img{height:560px}.guideImageWall img{height:260px}.articleCards{background:#fff}.richArticles{grid-template-columns:repeat(3,minmax(0,1fr))}.richArticles a{display:block;text-decoration:none;color:#102033}.richArticles img{height:210px}.richArticles span{display:inline-flex;margin:18px 18px 8px;padding:6px 10px;border-radius:999px;background:#e8f5ff;color:#0c4f82;font-weight:900;font-size:12px}.richArticles h3{margin:0 18px 8px;font-size:22px;line-height:1.25}.richArticles p{margin:0 18px 20px;color:#526475;line-height:1.65}.page-gameplus-guide .sectionHead h2{letter-spacing:-.02em}.page-gameplus-guide .eyebrow{color:#0d7f6c}
@media(max-width:980px){.guideMediaGrid,.storyGrid,.guideImageWall,.richArticles{grid-template-columns:1fr}.guideImageWall .large{grid-row:auto}.guideMediaGrid figure:first-child img,.guideImageWall .large img{height:320px}.storyVisuals{grid-template-columns:1fr}.storyVisuals .wide{grid-column:auto}}
@media(max-width:620px){.page-gameplus-guide .guideHero .heroTitle strong{max-width:100%}.guideMediaGrid img,.guideMediaGrid figure:first-child img,.storyVisuals img,.storyVisuals .wide img,.guideImageWall img,.guideImageWall .large img,.richArticles img{height:auto;aspect-ratio:16/10;object-fit:cover}.storyCopy h2{font-size:28px}.storyCopy p{font-size:15.5px}.guideSplit.enriched article figure{margin:-22px -22px 18px}.guideSplit.enriched article figure img{height:auto;aspect-ratio:16/10}.guideImageWall{gap:12px}.richArticles h3{font-size:20px}}
@media(max-width:620px){body.page-gameplus-guide .guideHero .showcase{display:block!important;position:relative!important;width:calc(100% - 30px)!important;max-width:360px!important;min-height:0!important;margin:22px auto 0!important;overflow:hidden!important}body.page-gameplus-guide .guideHero .browserCard{display:block!important;position:relative!important;inset:auto!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:9px!important;border-radius:20px!important;transform:none!important;box-shadow:0 18px 45px rgba(0,0,0,.28)!important}body.page-gameplus-guide .guideHero .browserBar{height:25px!important;margin-bottom:8px!important;border-radius:11px!important}body.page-gameplus-guide .guideHero .browserBody{display:block!important;height:auto!important;min-height:0!important}body.page-gameplus-guide .guideHero .largeShot{height:auto!important;min-height:0!important;padding:6px!important;border-radius:15px!important}body.page-gameplus-guide .guideHero .largeShot img{height:auto!important;max-height:220px!important;aspect-ratio:16/10!important;object-fit:cover!important;object-position:top!important;border-radius:11px!important}body.page-gameplus-guide .guideHero .dash,body.page-gameplus-guide .guideHero .phoneFloat,body.page-gameplus-guide .guideHero .goldBadge{display:none!important}}
@media(max-width:620px){body.page-gameplus-guide .guideHero .showcase,body.page-gameplus-guide .guideHero .showcase *{visibility:visible!important}}

/* 2026-05-19 portalfinal9: conversion-first World Cup guide */
.conversionHero .heroTitle strong{max-width:11.8em!important;font-size:clamp(42px,4.7vw,64px)!important}.conversionHero .btn.ghost{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.28);color:#fff}.worldCupMain{background:radial-gradient(circle at 90% 8%,rgba(255,212,94,.18),transparent 30%),linear-gradient(135deg,#061427,#0d315a 58%,#0b654e)!important}.worldCupPlan{background:linear-gradient(180deg,#f7fbff,#fff)}.cupCards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.cupCards article{position:relative;overflow:hidden;background:#fff;border:1px solid rgba(20,40,60,.12);border-radius:26px;padding:22px;box-shadow:0 16px 38px rgba(10,25,45,.075);min-height:230px}.cupCards article:before{content:"";position:absolute;right:-42px;top:-42px;width:128px;height:128px;border-radius:50%;background:rgba(24,183,255,.1)}.cupCards span{position:relative;display:inline-grid;place-items:center;width:44px;height:44px;border-radius:15px;background:linear-gradient(135deg,#ffd45e,#18b7ff);font-weight:1000;color:#102033;margin-bottom:15px}.cupCards h3{position:relative;margin:0 0 9px;font-size:23px;line-height:1.2;color:#102033}.cupCards p{position:relative;margin:0;color:#52677d;line-height:1.65}.conversionPrep{background:linear-gradient(135deg,#07182f,#123c68);color:#fff}.conversionPrepBox{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:24px;align-items:center}.conversionPrep h2{font-size:clamp(30px,3.4vw,48px);line-height:1.1;margin:10px 0 12px}.conversionPrep p{color:#dcecff;font-size:16.5px;line-height:1.78}.conversionPrep .eyebrow{color:#ffd45e}.prepGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.prepGrid article{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:24px;padding:20px;box-shadow:0 18px 44px rgba(0,0,0,.16)}.prepGrid b{display:block;font-size:24px;color:#ffd45e;margin-bottom:6px}.prepGrid span{display:block;color:#e2efff;line-height:1.6}.flowCards{margin-top:18px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.flowCards span{display:flex;align-items:center;min-height:56px;border-radius:18px;background:#fff;border:1px solid rgba(20,40,60,.12);padding:12px 14px;font-weight:950;color:#123456;box-shadow:0 10px 26px rgba(10,25,45,.055)}.page-gameplus-guide .btn.join{background:linear-gradient(135deg,#ffd45e,#ffeaa2)!important;color:#172033!important}.page-gameplus-guide .btn.watch{background:linear-gradient(135deg,#1d6fff,#18b7ff)!important;color:#fff!important}.conversionPrep .conversionActions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.conversionPrep .conversionActions .btn{min-width:180px}.page-gameplus-guide .responsibleBox p+p{margin-top:10px}
@media(max-width:980px){.cupCards,.conversionPrepBox,.flowCards{grid-template-columns:1fr 1fr}.conversionPrepBox{align-items:start}.prepGrid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.conversionHero .heroTitle strong{max-width:100%!important}.conversionHero .heroActions{width:100%!important;max-width:100%!important;margin-left:0!important}.cupCards,.conversionPrepBox,.prepGrid,.flowCards{grid-template-columns:1fr}.cupCards article,.prepGrid article{border-radius:22px;padding:18px;min-height:auto}.conversionPrep h2{font-size:28px}.conversionPrep p{font-size:15.5px}.conversionPrep .conversionActions{display:grid;grid-template-columns:1fr}.conversionPrep .conversionActions .btn{min-width:0;width:100%}.flowCards span{min-height:48px;border-radius:15px}.cupCards h3{font-size:21px}}
body.page-gameplus-guide main .worldCupMain{background:radial-gradient(circle at 90% 8%,rgba(255,212,94,.18),transparent 30%),linear-gradient(135deg,#061427,#0d315a 58%,#0b654e)!important;color:#fff!important}
body.page-gameplus-guide.page-fb-sports main .section.worldCupMain:nth-of-type(2){background:radial-gradient(circle at 90% 8%,rgba(255,212,94,.18),transparent 30%),linear-gradient(135deg,#061427,#0d315a 58%,#0b654e)!important;color:#fff!important}
body.page-gameplus-guide main .worldCupMain .storyCopy h2{color:#fff!important}
body.page-gameplus-guide main .worldCupMain .storyCopy p{color:#d9eaff!important}
@media(max-width:620px){body.page-gameplus-guide .conversionHero .heroActions .join{order:1!important}body.page-gameplus-guide .conversionHero .heroActions .watch{order:2!important}body.page-gameplus-guide .conversionHero .heroActions .ghost{order:3!important}}

/* 2026-05-19 portalfinal10: lighter FB Sports player-facing guide */
.fbLiteHero .heroTitle strong{max-width:10.6em!important;font-size:clamp(42px,4.9vw,66px)!important}.fbLiteHero .heroTitle em{font-size:clamp(22px,2.4vw,34px)!important}.fbConvenience{background:linear-gradient(180deg,#f5fbff,#fff)}.convenienceGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.convenienceGrid article{overflow:hidden;background:#fff;border:1px solid rgba(20,40,60,.12);border-radius:24px;box-shadow:0 14px 34px rgba(10,25,45,.07)}.convenienceGrid img{display:block;width:100%;height:190px;object-fit:cover;object-position:top;background:#07182f}.convenienceGrid b{display:block;padding:16px 16px 5px;font-size:22px;color:#102033}.convenienceGrid span{display:block;padding:0 16px 18px;color:#52677d;line-height:1.58}.fbWorldCupLite{background:linear-gradient(135deg,#071427,#0d315a 60%,#0b654e)!important;color:#fff!important}.fbWorldCupLite .storyCopy h2{color:#fff!important}.fbWorldCupLite .storyCopy p{color:#dcecff!important}.quickRoute{background:#fff}.routeSteps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.routeSteps article{background:linear-gradient(180deg,#fff,#f7fbff);border:1px solid rgba(20,40,60,.12);border-radius:24px;padding:22px;box-shadow:0 14px 34px rgba(10,25,45,.065)}.routeSteps span{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#ffd45e,#18b7ff);font-weight:1000;color:#102033;margin-bottom:14px}.routeSteps h3{margin:0 0 7px;font-size:23px;line-height:1.2;color:#102033}.routeSteps p{margin:0;color:#52677d;line-height:1.6}.centerCta{display:flex;justify-content:center;margin-top:22px}.centerCta .btn{min-width:230px}.fbRoutesLite .guideSplit article{min-height:auto}.page-gameplus-guide .heroActions .btn{min-width:180px}
@media(max-width:980px){.convenienceGrid,.routeSteps{grid-template-columns:1fr 1fr}.fbLiteHero .heroTitle strong{max-width:100%!important}}
@media(max-width:620px){.fbLiteHero .heroTitle strong{font-size:34px!important;line-height:1.13!important}.fbLiteHero .heroActions{width:100%!important;max-width:100%!important;margin-left:0!important}.fbLiteHero .heroActions .join{order:1!important}.fbLiteHero .heroActions .watch{order:2!important}.convenienceGrid,.routeSteps{grid-template-columns:1fr}.convenienceGrid article,.routeSteps article{border-radius:20px}.convenienceGrid img{height:auto;aspect-ratio:16/10}.routeSteps article{padding:18px}.centerCta .btn{width:100%;min-width:0}.page-gameplus-guide .heroActions .btn{min-width:0}}

/* 2026-05-19 portalfinal11: whole-site FB Sports polish */
.top{backdrop-filter:saturate(1.2) blur(16px)}
.topin{max-width:1290px}
.nav a{white-space:nowrap}
.hero{overflow:hidden}
.heroGrid{gap:34px;align-items:center}
.heroTitle strong{max-width:11em!important;text-wrap:balance}
.lead{max-width:660px}
.heroActions{gap:12px}
.heroActions .btn{border-radius:18px!important;min-height:54px;box-shadow:0 14px 30px rgba(8,25,48,.14)}
.heroActions .btn.join{background:linear-gradient(135deg,#ffd45e,#ffe9a5)!important;color:#172033!important}
.heroActions .btn.watch{background:linear-gradient(135deg,#1664e8,#18b7ff)!important;color:#fff!important}
.trustStrip{gap:9px;flex-wrap:wrap}
.trustStrip span{white-space:nowrap}
.showcase .browserCard,.phoneFloat,.goldBadge{box-shadow:0 22px 58px rgba(3,20,41,.24)}
.largeShot img,.operationShot img,.siteUiSpineVisual img{object-position:top}
.siteUiSpine{background:linear-gradient(180deg,#f5fbff,#fff)}
.siteUiSpineGrid{gap:28px}
.siteUiSpineCopy h2,.sectionHead h2,.pageFinalSeal h2{text-wrap:balance}
.siteUiSteps b,.decisionGrid article,.pathCard,.portalCheckPanel,.responsibleBox,.faqList details{border-radius:22px}
.operationGuide{background:#fff}
.operationGrid{gap:18px}
.operationShot{transition:transform .2s ease,box-shadow .2s ease}
.operationShot:hover{transform:translateY(-3px);box-shadow:0 20px 50px rgba(10,25,45,.12)}
.pathCard{min-height:220px}
.pageFinalSeal{background:linear-gradient(135deg,#061427,#0d315a 62%,#0b654e);color:#fff}
.pageFinalSeal p{color:#dcecff}
.sealBox{align-items:center}
.sealActions a{min-height:52px;border-radius:18px}
.sealActions .primary{background:linear-gradient(135deg,#ffd45e,#ffe9a5);color:#172033}
.sealActions .secondary{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);color:#fff}
.page-news .heroActions .btn.watch,.page-fbsports .heroActions .btn.watch,.page-worldcup .heroActions .btn.watch,.page-fb-worldcup .heroActions .btn.watch,.page-howto .heroActions .btn.watch,.page-live .heroActions .btn.watch,.page-betslip .heroActions .btn.watch{background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.26)!important;color:#fff!important}
@media(max-width:980px){
  .heroGrid,.siteUiSpineGrid{grid-template-columns:1fr!important}
  .showcase{max-width:720px;margin-inline:auto}
  .pathGrid,.decisionGrid,.articleGrid,.portalFeedList{grid-template-columns:1fr 1fr!important}
}
@media(max-width:620px){
  .top{position:sticky}
  .nav{gap:6px;overflow-x:auto;padding-bottom:4px}
  .nav a{font-size:13px;padding:8px 10px}
  .hero{padding-top:42px!important}
  .heroTitle strong{font-size:34px!important;line-height:1.14!important;max-width:100%!important}
  .heroTitle em{font-size:22px!important}
  .lead{font-size:16px!important;line-height:1.68!important}
  .heroActions{display:grid!important;grid-template-columns:1fr!important;width:100%!important;max-width:100%!important;margin-left:0!important}
  .heroActions .btn{width:100%!important;min-width:0!important}
  .trustStrip span{font-size:12px}
  .pathGrid,.decisionGrid,.articleGrid,.portalFeedList{grid-template-columns:1fr!important}
  .pathCard{min-height:auto}
  .sealBox{gap:20px}
  .sealActions{display:grid;grid-template-columns:1fr;width:100%}
}

/* 2026-05-19 portalfinal12: real screenshot image system */
.browserBody .largeShot{background:#071427}
.largeShot img{background:#fff}
.visual.newsPreview{padding:0;overflow:hidden}
.visual.newsPreview img{display:block;width:100%;height:260px;object-fit:cover;object-position:top;background:#fff}
.visual.newsPreview b,.visual.newsPreview p{display:block;padding-left:24px;padding-right:24px}
.visual.newsPreview b{padding-top:20px}
.visual.newsPreview p{padding-bottom:22px;color:#52677d!important}
.visualArticles article,.visualFeed article{overflow:hidden;padding:0!important}
.visualArticles img,.visualFeed img{display:block;width:100%;height:210px;object-fit:cover;object-position:top;background:#071427;border-bottom:1px solid rgba(20,40,60,.1)}
.visualArticles article>span,.visualArticles article>h3,.visualArticles article>p,.visualFeed article>span,.visualFeed article>h3,.visualFeed article>p{margin-left:20px!important;margin-right:20px!important}
.visualArticles article>span,.visualFeed article>span{margin-top:18px!important}
.visualArticles article>p,.visualFeed article>p{margin-bottom:22px!important}
.page-news .siteUiSpineVisual img{object-fit:cover}
.page-news .newsShowcase .browserCard{overflow:hidden}
.page-news .heroGrid{max-width:1220px!important;grid-template-columns:minmax(0,.9fr) minmax(430px,.85fr)!important}
.page-news .hero .showcase{display:block!important;min-height:390px!important}
.page-news .hero .newsShowcase .browserCard{position:relative!important;inset:auto!important;height:auto!important;transform:none!important}
.page-news .hero .newsShowcase .browserBar{display:flex!important}
@media(min-width:981px){
  .page-news .hero{padding-top:58px!important;padding-bottom:58px!important}
  .page-news .heroGrid{display:grid!important;align-items:center!important}
  .page-news .hero .showcase{margin:0!important}
}
@media(max-width:620px){
  .page-news .hero .showcase{display:none!important}
  .visual.newsPreview img,.visualArticles img,.visualFeed img{height:auto;aspect-ratio:16/10}
  .visual.newsPreview b,.visual.newsPreview p{padding-left:18px;padding-right:18px}
  .visualArticles article>span,.visualArticles article>h3,.visualArticles article>p,.visualFeed article>span,.visualFeed article>h3,.visualFeed article>p{margin-left:18px!important;margin-right:18px!important}
}

/* 2026-05-19 portalfinal14: player-facing copy and image contrast */
.page-news .newsPreview.visual p{color:#52677d!important;opacity:1!important}
.page-news .newsPreview.visual b{color:#123456!important}
.page-news .siteUiSteps small{color:#546a82!important;opacity:1!important}
.page-news .siteUiSteps b{background:#fff!important;color:#102033!important;border-color:#dce8f4!important}

/* 2026-05-19 portalfinal15: remove editorial labels and restore image intent */
body.page-news .newsFeatureMain:before,
body.page-news .hero:after,
body.page-news .portalFeedList article:before{
  content:none!important;
  display:none!important;
}
body.page-news .portalNewsFeed{background:linear-gradient(180deg,#fff,#f6f9fd)!important}
body.page-news .portalFeedList.visualFeed{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
}
body.page-news .portalFeedList.visualFeed article{
  display:block!important;
  padding:0!important;
  min-height:0!important;
  overflow:hidden!important;
  border-radius:24px!important;
  background:#fff!important;
  border:1px solid #dbe8f6!important;
  box-shadow:0 18px 44px rgba(14,32,56,.08)!important;
}
body.page-news .portalFeedList.visualFeed img{
  display:block!important;
  width:100%!important;
  height:238px!important;
  object-fit:contain!important;
  object-position:center top!important;
  background:#07182f!important;
  border-bottom:1px solid rgba(20,40,60,.1)!important;
}
body.page-news .portalFeedList.visualFeed span,
body.page-news .portalFeedList.visualFeed h3,
body.page-news .portalFeedList.visualFeed p{
  margin-left:22px!important;
  margin-right:22px!important;
}
body.page-news .portalFeedList.visualFeed span{
  display:inline-flex!important;
  margin-top:18px!important;
  padding:6px 10px!important;
  border-radius:999px!important;
  background:#eaf3ff!important;
  color:#155db9!important;
}
body.page-news .portalFeedList.visualFeed h3{
  margin-top:12px!important;
  margin-bottom:8px!important;
  font-size:22px!important;
  line-height:1.28!important;
  color:#102033!important;
}
body.page-news .portalFeedList.visualFeed p{
  margin-bottom:24px!important;
  color:#52677d!important;
}
@media(max-width:980px){
  body.page-news .portalFeedList.visualFeed{grid-template-columns:1fr!important}
  body.page-news .portalFeedList.visualFeed img{height:auto!important;aspect-ratio:16/10!important}
}

/* 2026-05-19 portalfinal15: overview page contrast and image alignment */
body.page-fb-sports .siteUiSpine{
  background:linear-gradient(135deg,#06172f,#0b3d73 58%,#0b6b66)!important;
  color:#fff!important;
  padding:52px 0!important;
}
body.page-fb-sports .siteUiSpineGrid{
  grid-template-columns:minmax(0,.88fr) minmax(480px,1.12fr)!important;
  gap:38px!important;
  align-items:center!important;
}
body.page-fb-sports .siteUiSpine .eyebrow{
  color:#ffe39a!important;
  background:rgba(255,212,94,.13)!important;
  border-color:rgba(255,212,94,.34)!important;
}
body.page-fb-sports .siteUiSpine h2,
body.page-fb-sports .siteUiSpine p,
body.page-fb-sports .siteUiSpine figcaption{
  color:#fff!important;
  opacity:1!important;
}
body.page-fb-sports .siteUiSpine p{color:#dcecff!important}
body.page-fb-sports .siteUiSteps{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
body.page-fb-sports .siteUiSteps b{
  background:rgba(255,255,255,.12)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  color:#fff!important;
  min-height:118px!important;
}
body.page-fb-sports .siteUiSteps small{
  color:#dcecff!important;
  opacity:1!important;
}
body.page-fb-sports .siteUiSpineVisual{
  background:rgba(255,255,255,.12)!important;
  border-color:rgba(255,255,255,.2)!important;
  padding:10px!important;
}
body.page-fb-sports .siteUiSpineVisual img{
  height:330px!important;
  object-fit:contain!important;
  object-position:center top!important;
  background:#07182f!important;
}
@media(max-width:980px){
  body.page-fb-sports .siteUiSpineGrid{grid-template-columns:1fr!important}
  body.page-fb-sports .siteUiSteps{grid-template-columns:1fr!important}
  body.page-fb-sports .siteUiSpineVisual img{height:auto!important;aspect-ratio:16/10!important}
}

/* 2026-05-19 portalfinal15: stop hero screenshots from floating in white space */
@media(min-width:981px){
  body.page-worldcup .hero .browserBody .largeShot img,
  body.page-fb-worldcup .hero .browserBody .largeShot img,
  body.page-live .hero .browserBody .largeShot img,
  body.page-betslip .hero .browserBody .largeShot img{
    height:100%!important;
    object-fit:cover!important;
    object-position:center top!important;
    background:#07182f!important;
  }
  body.page-worldcup .hero .largeShot,
  body.page-fb-worldcup .hero .largeShot,
  body.page-live .hero .largeShot,
  body.page-betslip .hero .largeShot{
    background:#07182f!important;
  }
}
body.page-live .siteUiSteps b,
body.page-betslip .siteUiSteps b,
body.page-worldcup .siteUiSteps b,
body.page-fb-worldcup .siteUiSteps b{
  background:#fff!important;
  color:#102033!important;
  border-color:#dce8f4!important;
}
body.page-live .siteUiSteps small,
body.page-betslip .siteUiSteps small,
body.page-worldcup .siteUiSteps small,
body.page-fb-worldcup .siteUiSteps small{
  color:#52677d!important;
  opacity:1!important;
}

/* 2026-05-20 portal-forensic-fix: contrast, CTA clarity, and stable page hierarchy. */
:root{
  --portal-ink:#102033;
  --portal-muted:#52677d;
  --portal-line:#dbe8f4;
  --portal-paper:#ffffff;
  --portal-blue:#155fd0;
  --portal-blue-2:#18a9f2;
  --portal-navy:#071a33;
  --portal-gold:#ffd45e;
  --portal-green:#16875f;
}

body{
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}

.sectionHead{
  align-items:flex-start!important;
}

.sectionHead > .eyebrow,
.sectionHead .eyebrow,
.eyebrow{
  display:inline-flex!important;
  width:auto!important;
  max-width:100%!important;
  white-space:normal!important;
  padding:7px 11px!important;
  border-radius:999px!important;
  background:#eaf3ff!important;
  color:#155db9!important;
  border:1px solid #cfe0f4!important;
  line-height:1.25!important;
  letter-spacing:0!important;
}

.sectionHead h2{
  color:var(--portal-ink)!important;
  letter-spacing:-.018em!important;
}

.sectionHead p{
  color:var(--portal-muted)!important;
  opacity:1!important;
}

.pathCard b{
  width:100%!important;
  text-align:center!important;
  min-height:46px!important;
}

.pathCard[href*="live-stream"] b::before{content:"查看即時比分與直播狀態";font-size:0}
.pathCard[href*="bet-slip"] b::before{content:"閱讀投注前確認";font-size:0}
.pathCard[href*="how-to-use"] b::before{content:"查看新手使用教學";font-size:0}
.pathCard[href*="gameplus-fb-sports-guide"] b::before{content:"進入 FB 體育入口導覽";font-size:0}
.pathCard[href*="fb-sports"] b::before{content:"查看賽事總覽";font-size:0}
.pathCard b::before{
  font-size:15px!important;
  line-height:1.25!important;
}
.pathCard b{
  font-size:0!important;
}
.pathCard[href$="live-stream.html"] b::before{content:"查看即時比分與直播狀態"!important}
.pathCard[href$="bet-slip.html"] b::before{content:"閱讀投注前確認"!important}
.pathCard[href$="how-to-use.html"] b::before{content:"查看新手使用教學"!important}
.pathCard[href$="gameplus-fb-sports-guide.html"] b::before{content:"進入 FB 體育入口導覽"!important}
.pathCard[href$="fb-sports.html"] b::before{content:"查看賽事總覽"!important}
.pathCard[href="#"] b::before{content:"暫不開放，請先返回導覽"!important}
body.page-worldcup .realGuide{
  background:linear-gradient(180deg,#f7fbff,#ffffff)!important;
  color:var(--portal-ink)!important;
  padding-top:58px!important;
  padding-bottom:58px!important;
}

body.page-worldcup .realGuide .wrap{
  display:block!important;
}

body.page-worldcup .realGuide .sectionHead{
  display:grid!important;
  grid-template-columns:minmax(180px,.26fr) minmax(0,.74fr)!important;
  column-gap:36px!important;
  row-gap:14px!important;
  margin-bottom:24px!important;
}

body.page-worldcup .realGuide .sectionHead .eyebrow{
  align-self:start!important;
  justify-self:start!important;
  background:#eaf7ee!important;
  border-color:#cfead8!important;
  color:#16875f!important;
}

body.page-worldcup .realGuide .sectionHead h2{
  grid-column:2!important;
  margin:0!important;
  color:#102033!important;
  max-width:820px!important;
  font-size:clamp(34px,4vw,54px)!important;
  line-height:1.08!important;
}

body.page-worldcup .realGuide .sectionHead h2::after{
  content:"";
  display:block;
  width:64px;
  height:4px;
  border-radius:999px;
  margin-top:16px;
  background:linear-gradient(90deg,#18b7ff,#ffd45e);
}

body.page-worldcup .realGuide .sectionHead p{
  grid-column:2!important;
  margin:0!important;
  max-width:760px!important;
  color:#52677d!important;
  font-size:17px!important;
  line-height:1.85!important;
}

body.page-worldcup .realGrid article{
  background:#ffffff!important;
  border:1px solid var(--portal-line)!important;
  box-shadow:0 18px 42px rgba(10,31,56,.08)!important;
}

body.page-worldcup .realGrid b{
  color:#0d5fbd!important;
}

body.page-worldcup .realGrid p{
  color:#40586f!important;
}

body.page-worldcup .userPath{
  background:#ffffff!important;
}

body.page-worldcup .pathCard.primary{
  background:linear-gradient(135deg,#08244b,#0d5fbd)!important;
}

body.page-worldcup .pathCard span{
  max-width:100%!important;
  white-space:normal!important;
}

body.page-worldcup .pathCard h3{
  color:inherit!important;
}

body.page-worldcup .pathCard:not(.primary) h3{
  color:#102033!important;
}

body.page-worldcup .pathCard:not(.primary) p{
  color:#52677d!important;
}

.siteUiSpine:not(.fbWorldCupLite){
  border-top:1px solid rgba(219,232,244,.8)!important;
  border-bottom:1px solid rgba(219,232,244,.8)!important;
}

body.page-live .siteUiSpine *,
body.page-betslip .siteUiSpine *,
body.page-worldcup .siteUiSpine *{
  opacity:1!important;
}

.operationShot source{
  display:none!important;
}

/* 2026-05-20 premier-news: image-backed PL news, EEAT, AIO and FAQ. */
body.page-premier-news .premierNewsHero{
  background:radial-gradient(circle at 88% 10%,rgba(210,31,60,.26),transparent 30%),linear-gradient(135deg,#07182f,#102f55 58%,#0d5fbd)!important;
}

body.page-premier-news .plAio{
  background:#ffffff;
  border-bottom:1px solid rgba(219,232,244,.86);
}

body.page-premier-news .plAioGrid,
body.page-premier-news .plEeatGrid{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);
  gap:22px;
  align-items:stretch;
}

body.page-premier-news .plAio article,
body.page-premier-news .plAio aside,
body.page-premier-news .plEeat article,
body.page-premier-news .plEeatChecklist{
  border:1px solid rgba(20,40,60,.12);
  border-radius:26px;
  background:#fff;
  padding:26px;
  box-shadow:0 18px 44px rgba(10,31,56,.075);
}

body.page-premier-news .plAio article{
  background:linear-gradient(135deg,#07182f,#10385f);
  color:#fff;
}

body.page-premier-news .plAio h2,
body.page-premier-news .plEeat h2{
  margin:10px 0 12px;
  font-size:clamp(30px,3.4vw,46px);
  line-height:1.12;
}

body.page-premier-news .plAio article h2,
body.page-premier-news .plAio article p{
  color:#fff!important;
}

body.page-premier-news .plAio article p,
body.page-premier-news .plEeat article p{
  margin:0;
  color:#52677d;
  line-height:1.78;
  font-size:16.5px;
}

body.page-premier-news .plAio aside,
body.page-premier-news .plEeatChecklist{
  display:grid;
  gap:12px;
  align-content:start;
}

body.page-premier-news .plAio aside b,
body.page-premier-news .plEeatChecklist b{
  color:#102033;
  font-size:24px;
}

body.page-premier-news .plAio aside span,
body.page-premier-news .plEeatChecklist span{
  display:block;
  padding:12px 14px;
  border-radius:16px;
  background:#f3f8fd;
  color:#40586f;
  font-weight:800;
  line-height:1.55;
}

body.page-premier-news .plNewsSection{
  background:linear-gradient(180deg,#f7fbff,#ffffff);
}

body.page-premier-news .plArticleGrid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}

body.page-premier-news .plArticleCard{
  overflow:hidden;
  border:1px solid rgba(20,40,60,.12);
  border-radius:26px;
  background:#fff;
  box-shadow:0 18px 44px rgba(10,31,56,.08);
}

body.page-premier-news .plArticleCard.feature{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:minmax(360px,.95fr) minmax(0,1.05fr);
  align-items:stretch;
}

body.page-premier-news .plArticleCard img{
  display:block;
  width:100%;
  height:250px;
  object-fit:cover;
  background:#07182f;
  border-bottom:1px solid rgba(20,40,60,.1);
}

body.page-premier-news .plArticleCard.feature img{
  height:100%;
  min-height:430px;
  border-bottom:0;
  border-right:1px solid rgba(20,40,60,.1);
}

body.page-premier-news .plArticleCard div{
  padding:24px;
}

body.page-premier-news .plArticleCard span{
  display:inline-flex;
  padding:6px 10px;
  border-radius:999px;
  background:#eaf3ff;
  color:#0d5fbd;
  font-size:12px;
  font-weight:950;
}

body.page-premier-news .plArticleCard h3{
  margin:12px 0 10px;
  color:#102033;
  font-size:clamp(23px,2.2vw,32px);
  line-height:1.24;
}

body.page-premier-news .plArticleCard p{
  margin:0 0 12px;
  color:#52677d;
  line-height:1.75;
}

body.page-premier-news .plArticleCard a{
  display:inline-flex;
  margin-top:4px;
  color:#0d5fbd;
  font-weight:950;
  text-decoration-thickness:2px;
  text-underline-offset:3px;
}

body.page-premier-news .plEeat{
  background:#fff;
}

body.page-premier-news .plFaq{
  background:#f6f9fd;
}

@media(max-width:980px){
  body.page-premier-news .plAioGrid,
  body.page-premier-news .plEeatGrid,
  body.page-premier-news .plArticleGrid,
  body.page-premier-news .plArticleCard.feature{
    grid-template-columns:1fr;
  }
  body.page-premier-news .plArticleCard.feature img{
    height:auto;
    min-height:0;
    aspect-ratio:16/10;
    border-right:0;
    border-bottom:1px solid rgba(20,40,60,.1);
  }
}

/* 2026-05-20 official-news-positioning: make news read like an editorial desk inside a product site. */
body.page-premier-news{
  background:#06111f!important;
}

body.page-premier-news .top{
  background:rgba(0,0,0,.76)!important;
  border-bottom:1px solid rgba(255,255,255,.12)!important;
}

body.page-premier-news .brand,
body.page-premier-news .nav a{
  color:#dce7f3!important;
}

body.page-premier-news .brandMark{
  border-radius:8px!important;
  background:linear-gradient(135deg,#ffe12d 0%,#ffe12d 44%,#6257ff 45%,#6257ff 100%)!important;
  color:#06111f!important;
}

body.page-premier-news .nav a.active,
body.page-premier-news .nav a:hover{
  background:rgba(255,255,255,.12)!important;
  color:#fff!important;
}

body.page-premier-news .premierNewsHero{
  background:radial-gradient(circle at 82% 14%,rgba(24,183,255,.22),transparent 30%),radial-gradient(circle at 14% 18%,rgba(255,225,45,.16),transparent 28%),linear-gradient(135deg,#02060c,#07182f 56%,#0b2e55)!important;
}

body.page-premier-news .plAio,
body.page-premier-news .plNewsSection,
body.page-premier-news .plEeat,
body.page-premier-news .plFaq{
  background:#07111f!important;
  border-top:1px solid rgba(255,255,255,.08);
}

body.page-premier-news .sectionHead h2,
body.page-premier-news .plAio h2,
body.page-premier-news .plEeat h2{
  color:#fff!important;
}

body.page-premier-news .sectionHead p,
body.page-premier-news .plAio article p,
body.page-premier-news .plEeat article p{
  color:#aebed2!important;
}

body.page-premier-news .plAio article,
body.page-premier-news .plAio aside,
body.page-premier-news .plEeat article,
body.page-premier-news .plEeatChecklist,
body.page-premier-news .plArticleCard,
body.page-premier-news .faqList details{
  border-radius:8px!important;
  background:#0b1829!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:none!important;
}

body.page-premier-news .plArticleCard.feature{
  border-radius:8px!important;
}

body.page-premier-news .plArticleCard h3,
body.page-premier-news .plAio aside b,
body.page-premier-news .plEeatChecklist b,
body.page-premier-news .faqList summary{
  color:#fff!important;
}

body.page-premier-news .plArticleCard p,
body.page-premier-news .plAio aside span,
body.page-premier-news .plEeatChecklist span,
body.page-premier-news .faqList p{
  color:#aebed2!important;
}

body.page-premier-news .plAio aside span,
body.page-premier-news .plEeatChecklist span{
  background:#101f34!important;
  border-radius:6px!important;
}

body.page-premier-news .plArticleCard span,
body.page-premier-news .eyebrow,
body.page-premier-news .kicker{
  border-radius:6px!important;
  background:rgba(24,183,255,.1)!important;
  border:1px solid rgba(24,183,255,.26)!important;
  color:#9ee8ff!important;
}

body.page-premier-news .plArticleCard a{
  color:#ffe12d!important;
}

body.page-premier-news .footer{
  background:#02060c!important;
  color:#8fa2b7!important;
  border-top:1px solid rgba(255,255,255,.1)!important;
}

/* 2026-05-20 premium industrial summit layer: unify all inner pages as a formal product portal. */
body.page-fb-sports,
body.page-fb-worldcup,
body.page-worldcup,
body.page-howto,
body.page-live,
body.page-betslip,
body.page-news{
  background:#06111f!important;
  color:#dce7f3!important;
}

body.page-fb-sports main,
body.page-fb-worldcup main,
body.page-worldcup main,
body.page-howto main,
body.page-live main,
body.page-betslip main,
body.page-news main{
  background:#06111f!important;
}

body.page-fb-sports .top,
body.page-fb-worldcup .top,
body.page-worldcup .top,
body.page-howto .top,
body.page-live .top,
body.page-betslip .top,
body.page-news .top{
  background:rgba(0,0,0,.78)!important;
  border-bottom:1px solid rgba(255,255,255,.12)!important;
  box-shadow:none!important;
}

body.page-fb-sports .brand,
body.page-fb-worldcup .brand,
body.page-worldcup .brand,
body.page-howto .brand,
body.page-live .brand,
body.page-betslip .brand,
body.page-news .brand,
body.page-fb-sports .nav a,
body.page-fb-worldcup .nav a,
body.page-worldcup .nav a,
body.page-howto .nav a,
body.page-live .nav a,
body.page-betslip .nav a,
body.page-news .nav a{
  color:#dce7f3!important;
}

body.page-fb-sports .brandMark,
body.page-fb-worldcup .brandMark,
body.page-worldcup .brandMark,
body.page-howto .brandMark,
body.page-live .brandMark,
body.page-betslip .brandMark,
body.page-news .brandMark{
  border-radius:8px!important;
  background:linear-gradient(135deg,#ffe12d 0%,#ffe12d 44%,#6257ff 45%,#6257ff 100%)!important;
  color:#06111f!important;
  box-shadow:none!important;
}

body.page-fb-sports .nav a,
body.page-fb-worldcup .nav a,
body.page-worldcup .nav a,
body.page-howto .nav a,
body.page-live .nav a,
body.page-betslip .nav a,
body.page-news .nav a{
  border-radius:8px!important;
  font-weight:850!important;
}

body.page-fb-sports .nav a.active,
body.page-fb-worldcup .nav a.active,
body.page-worldcup .nav a.active,
body.page-howto .nav a.active,
body.page-live .nav a.active,
body.page-betslip .nav a.active,
body.page-news .nav a.active,
body.page-fb-sports .nav a:hover,
body.page-fb-worldcup .nav a:hover,
body.page-worldcup .nav a:hover,
body.page-howto .nav a:hover,
body.page-live .nav a:hover,
body.page-betslip .nav a:hover,
body.page-news .nav a:hover{
  background:rgba(255,255,255,.12)!important;
  color:#fff!important;
}

body.page-fb-sports .hero,
body.page-fb-worldcup .hero,
body.page-worldcup .hero,
body.page-howto .hero,
body.page-live .hero,
body.page-betslip .hero,
body.page-news .hero{
  background:radial-gradient(circle at 82% 12%,rgba(24,183,255,.2),transparent 30%),radial-gradient(circle at 14% 18%,rgba(255,225,45,.16),transparent 28%),linear-gradient(135deg,#02060c,#07182f 58%,#0b2e55)!important;
  border-bottom:1px solid rgba(255,255,255,.1)!important;
  color:#fff!important;
}

body.page-fb-sports .heroTitle strong,
body.page-fb-worldcup .heroTitle strong,
body.page-worldcup .heroTitle strong,
body.page-howto .heroTitle strong,
body.page-live .heroTitle strong,
body.page-betslip .heroTitle strong,
body.page-news .heroTitle strong{
  color:#fff!important;
  max-width:12em!important;
  font-size:clamp(42px,4.7vw,66px)!important;
  letter-spacing:-.035em!important;
}

body.page-fb-sports .heroTitle span,
body.page-fb-worldcup .heroTitle span,
body.page-worldcup .heroTitle span,
body.page-howto .heroTitle span,
body.page-live .heroTitle span,
body.page-betslip .heroTitle span,
body.page-news .heroTitle span,
body.page-fb-sports .heroTitle em,
body.page-fb-worldcup .heroTitle em,
body.page-worldcup .heroTitle em,
body.page-howto .heroTitle em,
body.page-live .heroTitle em,
body.page-betslip .heroTitle em,
body.page-news .heroTitle em,
body.page-fb-sports .lead,
body.page-fb-worldcup .lead,
body.page-worldcup .lead,
body.page-howto .lead,
body.page-live .lead,
body.page-betslip .lead,
body.page-news .lead{
  color:#d7e5f5!important;
  opacity:1!important;
}

body.page-fb-sports .kicker,
body.page-fb-worldcup .kicker,
body.page-worldcup .kicker,
body.page-howto .kicker,
body.page-live .kicker,
body.page-betslip .kicker,
body.page-news .kicker,
body.page-fb-sports .eyebrow,
body.page-fb-worldcup .eyebrow,
body.page-worldcup .eyebrow,
body.page-howto .eyebrow,
body.page-live .eyebrow,
body.page-betslip .eyebrow,
body.page-news .eyebrow{
  border-radius:6px!important;
  background:rgba(24,183,255,.1)!important;
  border:1px solid rgba(24,183,255,.28)!important;
  color:#9ee8ff!important;
  letter-spacing:.06em!important;
}

body.page-fb-sports .section,
body.page-fb-worldcup .section,
body.page-worldcup .section,
body.page-howto .section,
body.page-live .section,
body.page-betslip .section,
body.page-news .section,
body.page-fb-sports .siteUiSpine,
body.page-fb-worldcup .siteUiSpine,
body.page-worldcup .siteUiSpine,
body.page-howto .siteUiSpine,
body.page-live .siteUiSpine,
body.page-betslip .siteUiSpine,
body.page-news .siteUiSpine{
  background:#07111f!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
  border-bottom:0!important;
  color:#dce7f3!important;
  padding-top:66px!important;
  padding-bottom:66px!important;
}

body.page-fb-sports .section:nth-of-type(even),
body.page-fb-worldcup .section:nth-of-type(even),
body.page-worldcup .section:nth-of-type(even),
body.page-howto .section:nth-of-type(even),
body.page-live .section:nth-of-type(even),
body.page-betslip .section:nth-of-type(even),
body.page-news .section:nth-of-type(even){
  background:#0a1422!important;
}

body.page-fb-sports .sectionHead h2,
body.page-fb-worldcup .sectionHead h2,
body.page-worldcup .sectionHead h2,
body.page-howto .sectionHead h2,
body.page-live .sectionHead h2,
body.page-betslip .sectionHead h2,
body.page-news .sectionHead h2,
body.page-fb-sports .siteUiSpine h2,
body.page-fb-worldcup .siteUiSpine h2,
body.page-worldcup .siteUiSpine h2,
body.page-howto .siteUiSpine h2,
body.page-live .siteUiSpine h2,
body.page-betslip .siteUiSpine h2,
body.page-news .siteUiSpine h2{
  color:#fff!important;
  letter-spacing:-.025em!important;
}

body.page-fb-sports .sectionHead p,
body.page-fb-worldcup .sectionHead p,
body.page-worldcup .sectionHead p,
body.page-howto .sectionHead p,
body.page-live .sectionHead p,
body.page-betslip .sectionHead p,
body.page-news .sectionHead p,
body.page-fb-sports .siteUiSpine p,
body.page-fb-worldcup .siteUiSpine p,
body.page-worldcup .siteUiSpine p,
body.page-howto .siteUiSpine p,
body.page-live .siteUiSpine p,
body.page-betslip .siteUiSpine p,
body.page-news .siteUiSpine p{
  color:#aebed2!important;
  opacity:1!important;
}

body.page-fb-sports article,
body.page-fb-worldcup article,
body.page-worldcup article,
body.page-howto article,
body.page-live article,
body.page-betslip article,
body.page-news article,
body.page-fb-sports .pathCard,
body.page-fb-worldcup .pathCard,
body.page-worldcup .pathCard,
body.page-howto .pathCard,
body.page-live .pathCard,
body.page-betslip .pathCard,
body.page-news .pathCard,
body.page-fb-sports .operationShot,
body.page-fb-worldcup .operationShot,
body.page-worldcup .operationShot,
body.page-howto .operationShot,
body.page-live .operationShot,
body.page-betslip .operationShot,
body.page-news .operationShot,
body.page-fb-sports .siteUiSteps b,
body.page-fb-worldcup .siteUiSteps b,
body.page-worldcup .siteUiSteps b,
body.page-howto .siteUiSteps b,
body.page-live .siteUiSteps b,
body.page-betslip .siteUiSteps b,
body.page-news .siteUiSteps b,
body.page-fb-sports .browserCard,
body.page-fb-worldcup .browserCard,
body.page-worldcup .browserCard,
body.page-howto .browserCard,
body.page-live .browserCard,
body.page-betslip .browserCard,
body.page-news .browserCard,
body.page-fb-sports .responsibleBox,
body.page-fb-worldcup .responsibleBox,
body.page-worldcup .responsibleBox,
body.page-howto .responsibleBox,
body.page-live .responsibleBox,
body.page-betslip .responsibleBox,
body.page-news .responsibleBox,
body.page-fb-sports .faqList details,
body.page-fb-worldcup .faqList details,
body.page-worldcup .faqList details,
body.page-howto .faqList details,
body.page-live .faqList details,
body.page-betslip .faqList details,
body.page-news .faqList details{
  background:#0b1829!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:8px!important;
  box-shadow:none!important;
  color:#dce7f3!important;
}

body.page-fb-sports article:before,
body.page-fb-worldcup article:before,
body.page-worldcup article:before,
body.page-howto article:before,
body.page-live article:before,
body.page-betslip article:before,
body.page-news article:before{
  border-radius:0!important;
}

body.page-fb-sports h3,
body.page-fb-worldcup h3,
body.page-worldcup h3,
body.page-howto h3,
body.page-live h3,
body.page-betslip h3,
body.page-news h3,
body.page-fb-sports b,
body.page-fb-worldcup b,
body.page-worldcup b,
body.page-howto b,
body.page-live b,
body.page-betslip b,
body.page-news b,
body.page-fb-sports summary,
body.page-fb-worldcup summary,
body.page-worldcup summary,
body.page-howto summary,
body.page-live summary,
body.page-betslip summary,
body.page-news summary{
  color:#fff!important;
}

body.page-fb-sports article p,
body.page-fb-worldcup article p,
body.page-worldcup article p,
body.page-howto article p,
body.page-live article p,
body.page-betslip article p,
body.page-news article p,
body.page-fb-sports .pathCard p,
body.page-fb-worldcup .pathCard p,
body.page-worldcup .pathCard p,
body.page-howto .pathCard p,
body.page-live .pathCard p,
body.page-betslip .pathCard p,
body.page-news .pathCard p,
body.page-fb-sports .faqList p,
body.page-fb-worldcup .faqList p,
body.page-worldcup .faqList p,
body.page-howto .faqList p,
body.page-live .faqList p,
body.page-betslip .faqList p,
body.page-news .faqList p,
body.page-fb-sports small,
body.page-fb-worldcup small,
body.page-worldcup small,
body.page-howto small,
body.page-live small,
body.page-betslip small,
body.page-news small{
  color:#aebed2!important;
  opacity:1!important;
}

body.page-fb-sports img,
body.page-fb-worldcup img,
body.page-worldcup img,
body.page-howto img,
body.page-live img,
body.page-betslip img,
body.page-news img{
  border-radius:6px!important;
}

body.page-fb-sports .btn.join,
body.page-fb-worldcup .btn.join,
body.page-worldcup .btn.join,
body.page-howto .btn.join,
body.page-live .btn.join,
body.page-betslip .btn.join,
body.page-news .btn.join,
body.page-fb-sports .primary,
body.page-fb-worldcup .primary,
body.page-worldcup .primary,
body.page-howto .primary,
body.page-live .primary,
body.page-betslip .primary,
body.page-news .primary{
  background:#ffe12d!important;
  color:#07111f!important;
  border-color:#ffe12d!important;
  border-radius:8px!important;
}

body.page-fb-sports .btn.watch,
body.page-fb-worldcup .btn.watch,
body.page-worldcup .btn.watch,
body.page-howto .btn.watch,
body.page-live .btn.watch,
body.page-betslip .btn.watch,
body.page-news .btn.watch,
body.page-fb-sports .secondary,
body.page-fb-worldcup .secondary,
body.page-worldcup .secondary,
body.page-howto .secondary,
body.page-live .secondary,
body.page-betslip .secondary,
body.page-news .secondary{
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.22)!important;
  border-radius:8px!important;
}

body.page-fb-sports .pageFinalSeal,
body.page-fb-worldcup .pageFinalSeal,
body.page-worldcup .pageFinalSeal,
body.page-howto .pageFinalSeal,
body.page-live .pageFinalSeal,
body.page-betslip .pageFinalSeal,
body.page-news .pageFinalSeal{
  background:linear-gradient(135deg,#02060c,#07182f 62%,#092b49)!important;
  color:#fff!important;
  border-top:1px solid rgba(255,255,255,.1)!important;
}

body.page-fb-sports .sealBox,
body.page-fb-worldcup .sealBox,
body.page-worldcup .sealBox,
body.page-howto .sealBox,
body.page-live .sealBox,
body.page-betslip .sealBox,
body.page-news .sealBox{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

body.page-fb-sports .footer,
body.page-fb-worldcup .footer,
body.page-worldcup .footer,
body.page-howto .footer,
body.page-live .footer,
body.page-betslip .footer,
body.page-news .footer{
  background:#02060c!important;
  color:#8fa2b7!important;
  border-top:1px solid rgba(255,255,255,.1)!important;
}

@media(max-width:980px){
  body.page-fb-sports .pathGrid,
  body.page-fb-worldcup .pathGrid,
  body.page-worldcup .pathGrid,
  body.page-howto .pathGrid,
  body.page-live .pathGrid,
  body.page-betslip .pathGrid,
  body.page-news .pathGrid,
  body.page-fb-sports .decisionGrid,
  body.page-fb-worldcup .decisionGrid,
  body.page-worldcup .decisionGrid,
  body.page-howto .decisionGrid,
  body.page-live .decisionGrid,
  body.page-betslip .decisionGrid,
  body.page-news .decisionGrid,
  body.page-fb-sports .realGrid,
  body.page-fb-worldcup .realGrid,
  body.page-worldcup .realGrid,
  body.page-howto .realGrid,
  body.page-live .realGrid,
  body.page-betslip .realGrid,
  body.page-news .realGrid{
    grid-template-columns:1fr!important;
  }
}

/* 2026-05-20 wc30: Hong Kong research article hub and long-form article layout. */
.wcResearchHub,
body.page-worldcup .wcResearchHub,
body.page-fb-worldcup .wcResearchHub{
  background:#07111f!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
}

.wcResearchStats{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1px;
  margin:22px 0 20px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.12);
}

.wcResearchStats b{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:72px;
  padding:14px;
  background:#0b1829;
  color:#ffe12d!important;
  font-size:16px;
  text-align:center;
}

.wcResearchGrid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}

.wcResearchCard{
  display:block;
  overflow:hidden;
  text-decoration:none;
  background:#0b1829;
  border:1px solid rgba(255,255,255,.12);
  border-radius:8px;
  color:#dce7f3;
}

.wcResearchCard img{
  display:block;
  width:100%;
  height:170px;
  object-fit:cover;
  background:#06111f;
  border-radius:0!important;
  border-bottom:1px solid rgba(255,255,255,.1);
}

.wcResearchCard span{
  display:inline-flex;
  margin:16px 16px 8px;
  padding:5px 9px;
  border-radius:6px;
  background:rgba(24,183,255,.1);
  border:1px solid rgba(24,183,255,.24);
  color:#9ee8ff;
  font-size:12px;
  font-weight:950;
}

.wcResearchCard h3{
  margin:0 16px 8px;
  color:#fff!important;
  font-size:20px;
  line-height:1.32;
}

.wcResearchCard p{
  margin:0 16px 18px;
  color:#aebed2!important;
  line-height:1.64;
  font-size:14.5px;
}

body.wcArticlePage .wcArticleHero h1{
  margin:14px 0 14px;
  color:#fff;
  font-size:clamp(34px,4.4vw,62px);
  line-height:1.08;
  letter-spacing:-.035em;
}

.wcArticleHeroImage{
  margin:0;
  background:#0b1829;
  border:1px solid rgba(255,255,255,.12);
  border-radius:8px;
  padding:8px;
}

.wcArticleHeroImage img{
  display:block;
  width:100%;
  aspect-ratio:16/10;
  object-fit:cover;
}

.wcArticleLayout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 310px;
  gap:24px;
  align-items:start;
}

.wcArticleLayout article,
.wcArticleAside{
  background:#0b1829;
  border:1px solid rgba(255,255,255,.12);
  border-radius:8px;
  box-shadow:none;
}

.wcArticleLayout article{
  padding:34px;
}

.wcArticleLayout article p{
  margin:0 0 18px;
  color:#d7e5f5!important;
  font-size:18px;
  line-height:1.95;
}

.wcArticleLayout article h2{
  margin:34px 0 14px;
  color:#fff!important;
  font-size:30px;
  line-height:1.22;
}

.wcMeta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:24px;
}

.wcMeta span{
  display:inline-flex;
  padding:7px 10px;
  border-radius:6px;
  background:rgba(255,255,255,.08);
  color:#aebed2;
  font-size:13px;
  font-weight:850;
}

.wcSourceNote{
  margin-top:24px;
  padding:18px;
  border-radius:8px;
  background:#101f34;
  border:1px solid rgba(255,255,255,.1);
}

.wcSourceNote strong{
  display:block;
  color:#ffe12d!important;
  margin-bottom:8px;
}

.wcSourceNote p{
  margin:0!important;
  color:#aebed2!important;
  font-size:15px!important;
  line-height:1.72!important;
}

.wcArticleAside{
  position:sticky;
  top:92px;
  padding:22px;
}

.wcArticleAside b{
  display:block;
  color:#ffe12d!important;
  margin:0 0 8px;
}

.wcArticleAside p{
  margin:0 0 18px;
  color:#aebed2!important;
  line-height:1.72;
}

.wcArticleAside a{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  border-radius:8px;
  background:#ffe12d;
  color:#07111f!important;
  text-decoration:none;
  font-weight:1000;
}

@media(max-width:980px){
  .wcResearchGrid{grid-template-columns:1fr 1fr}
  .wcArticleLayout{grid-template-columns:1fr}
  .wcArticleAside{position:static}
}

@media(max-width:620px){
  .wcResearchStats{grid-template-columns:1fr 1fr}
  .wcResearchGrid{grid-template-columns:1fr}
  .wcResearchCard img{height:auto;aspect-ratio:16/10}
  body.wcArticlePage .wcArticleHero h1{font-size:30px}
  .wcArticleLayout article{padding:22px}
  .wcArticleLayout article p{font-size:16px;line-height:1.82}
  .wcArticleLayout article h2{font-size:24px}
}

/* 2026-05-20 wc-single-focus: keep World Cup pages as one article hub, no visual noise. */
body.page-fb-worldcup > main > .siteUiSpine,
body.page-fb-worldcup > main > .operationGuide,
body.page-fb-worldcup > main > .userPath,
body.page-fb-worldcup > main > .decisionGuide,
body.page-fb-worldcup > main > .responsibleNotice,
body.page-fb-worldcup > main > .faq,
body.page-worldcup > main > .siteUiSpine,
body.page-worldcup > main > .operationGuide,
body.page-worldcup > main > .userPath,
body.page-worldcup > main > .realGuide,
body.page-worldcup > main > .worldCupHotNews,
body.page-worldcup > main > .decisionGuide,
body.page-worldcup > main > .responsibleNotice,
body.page-worldcup > main > .faq{
  display:none!important;
}

body.page-fb-worldcup .hero,
body.page-worldcup .hero{
  min-height:0!important;
  padding-top:64px!important;
  padding-bottom:56px!important;
}

body.page-fb-worldcup .hero .showcase,
body.page-worldcup .hero .showcase{
  display:none!important;
}

body.page-fb-worldcup .heroGrid,
body.page-worldcup .heroGrid{
  grid-template-columns:1fr!important;
  max-width:980px!important;
  min-height:0!important;
  text-align:left!important;
}

body.page-fb-worldcup .heroTitle strong,
body.page-worldcup .heroTitle strong{
  max-width:11em!important;
}

body.page-fb-worldcup .trustStrip,
body.page-worldcup .trustStrip,
body.page-fb-worldcup .conversionBar,
body.page-worldcup .conversionBar{
  display:none!important;
}

body.page-fb-worldcup .wcResearchHub,
body.page-worldcup .wcResearchHub{
  padding-top:58px!important;
}

@media(max-width:620px){
  body.page-fb-sports .section,
  body.page-fb-worldcup .section,
  body.page-worldcup .section,
  body.page-howto .section,
  body.page-live .section,
  body.page-betslip .section,
  body.page-news .section,
  body.page-fb-sports .siteUiSpine,
  body.page-fb-worldcup .siteUiSpine,
  body.page-worldcup .siteUiSpine,
  body.page-howto .siteUiSpine,
  body.page-live .siteUiSpine,
  body.page-betslip .siteUiSpine,
  body.page-news .siteUiSpine{
    padding-top:42px!important;
    padding-bottom:42px!important;
  }
  body.page-fb-sports .heroTitle strong,
  body.page-fb-worldcup .heroTitle strong,
  body.page-worldcup .heroTitle strong,
  body.page-howto .heroTitle strong,
  body.page-live .heroTitle strong,
  body.page-betslip .heroTitle strong,
  body.page-news .heroTitle strong{
    font-size:31px!important;
    line-height:1.16!important;
  }
  body.page-fb-sports .heroActions,
  body.page-fb-worldcup .heroActions,
  body.page-worldcup .heroActions,
  body.page-howto .heroActions,
  body.page-live .heroActions,
  body.page-betslip .heroActions,
  body.page-news .heroActions{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
  }
}

@media(max-width:620px){
  body.page-premier-news .plAio article,
  body.page-premier-news .plAio aside,
  body.page-premier-news .plEeat article,
  body.page-premier-news .plEeatChecklist,
  body.page-premier-news .plArticleCard{
    border-radius:22px;
  }
  body.page-premier-news .plArticleCard img{
    height:auto;
    aspect-ratio:16/10;
  }
  body.page-premier-news .plArticleCard div,
  body.page-premier-news .plAio article,
  body.page-premier-news .plAio aside,
  body.page-premier-news .plEeat article,
  body.page-premier-news .plEeatChecklist{
    padding:20px;
  }
}

@media(max-width:980px){
  body.page-worldcup .realGuide .sectionHead{
    grid-template-columns:1fr!important;
  }
  body.page-worldcup .realGuide .sectionHead h2,
  body.page-worldcup .realGuide .sectionHead p{
    grid-column:1!important;
  }
}

@media(max-width:620px){
  .sectionHead > .eyebrow,
  .sectionHead .eyebrow,
  .eyebrow{
    font-size:12px!important;
    padding:6px 9px!important;
  }
  body.page-worldcup .realGuide{
    padding-top:40px!important;
    padding-bottom:40px!important;
  }
  body.page-worldcup .realGuide .sectionHead{
    gap:12px!important;
  }
  body.page-worldcup .realGuide .sectionHead h2{
    font-size:clamp(26px,8vw,34px)!important;
    line-height:1.15!important;
  }
  body.page-worldcup .realGuide .sectionHead p{
    font-size:15.5px!important;
    line-height:1.72!important;
  }
  .pathCard b::before{
    font-size:14px!important;
  }
}

/* 2026-05-20 world-cup-hot-news: recent keyword reports and image-rich trust section. */
body.page-worldcup .worldCupHotNews{
  background:linear-gradient(180deg,#ffffff,#f4f8fc)!important;
  border-top:1px solid rgba(219,232,244,.9);
  border-bottom:1px solid rgba(219,232,244,.9);
}

body.page-worldcup .worldCupHotNews .sectionHead{
  display:grid;
  grid-template-columns:minmax(0,.78fr) minmax(260px,.22fr);
  align-items:end;
  gap:24px;
}

body.page-worldcup .sourceStamp{
  justify-self:end;
  display:grid;
  gap:7px;
  min-width:240px;
  padding:16px 18px;
  border-radius:22px;
  background:#07182f;
  color:#fff;
  box-shadow:0 16px 36px rgba(10,31,56,.13);
}

body.page-worldcup .sourceStamp b{
  color:#ffd45e;
  font-size:15px;
}

body.page-worldcup .sourceStamp span{
  color:#dcecff;
  font-size:13px;
  line-height:1.55;
}

body.page-worldcup .hotNewsLead{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);
  gap:18px;
  margin-top:26px;
}

body.page-worldcup .hotNewsHero,
body.page-worldcup .hotNewsPanel,
body.page-worldcup .hotNewsCard,
body.page-worldcup .sourceList{
  border:1px solid rgba(20,40,60,.12);
  border-radius:26px;
  background:#fff;
  box-shadow:0 18px 44px rgba(10,31,56,.08);
  overflow:hidden;
}

body.page-worldcup .hotNewsHero img{
  display:block;
  width:100%;
  height:360px;
  object-fit:cover;
  background:#07182f;
}

body.page-worldcup .hotNewsHero div{
  padding:24px 26px 28px;
}

body.page-worldcup .hotNewsHero span,
body.page-worldcup .hotNewsCard span{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:5px 10px;
  border-radius:999px;
  background:#eaf7ee;
  color:#16875f;
  font-size:12px;
  font-weight:950;
}

body.page-worldcup .hotNewsHero h3,
body.page-worldcup .hotNewsCard h3{
  margin:12px 0 9px;
  color:#102033;
  line-height:1.22;
}

body.page-worldcup .hotNewsHero h3{
  font-size:clamp(28px,3vw,40px);
}

body.page-worldcup .hotNewsHero p,
body.page-worldcup .hotNewsCard p,
body.page-worldcup .hotNewsPanel p,
body.page-worldcup .sourceList p{
  margin:0;
  color:#52677d;
  line-height:1.72;
}

body.page-worldcup .hotNewsPanel{
  padding:24px;
  background:linear-gradient(135deg,#07182f,#0d3d67);
  color:#fff;
}

body.page-worldcup .hotNewsPanel h3{
  margin:0 0 14px;
  color:#fff;
  font-size:28px;
  line-height:1.25;
}

body.page-worldcup .keywordGrid{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}

body.page-worldcup .keywordGrid span{
  display:inline-flex;
  padding:8px 11px;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.18);
  color:#eaf6ff;
  font-size:13px;
  font-weight:900;
}

body.page-worldcup .hotNewsGrid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  margin-top:18px;
}

body.page-worldcup .hotNewsCard img{
  display:block;
  width:100%;
  height:190px;
  object-fit:cover;
  background:#07182f;
  border-bottom:1px solid rgba(20,40,60,.1);
}

body.page-worldcup .hotNewsCard div{
  padding:18px 18px 22px;
}

body.page-worldcup .hotNewsCard h3{
  font-size:21px;
}

body.page-worldcup .sourceList{
  margin-top:18px;
  padding:22px 24px;
  display:grid;
  gap:12px;
}

body.page-worldcup .sourceList a{
  color:#0d5fbd;
  font-weight:900;
  text-decoration-thickness:2px;
  text-underline-offset:3px;
}

@media(max-width:980px){
  body.page-worldcup .worldCupHotNews .sectionHead,
  body.page-worldcup .hotNewsLead{
    grid-template-columns:1fr;
  }
  body.page-worldcup .sourceStamp{
    justify-self:start;
  }
  body.page-worldcup .hotNewsGrid{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:620px){
  body.page-worldcup .sourceStamp{
    width:100%;
  }
  body.page-worldcup .hotNewsHero img,
  body.page-worldcup .hotNewsCard img{
    height:auto;
    aspect-ratio:16/10;
  }
  body.page-worldcup .hotNewsGrid{
    grid-template-columns:1fr;
  }
  body.page-worldcup .hotNewsHero div,
  body.page-worldcup .hotNewsPanel,
  body.page-worldcup .sourceList{
    padding:20px;
    border-radius:22px;
  }
}

/* 2026-05-20 latest-info-merge: one news hub, article visuals, and merged EPL section. */
.latestIntelHub{
  background:#f7fbff!important;
  border-top:1px solid rgba(219,232,244,.92);
  border-bottom:1px solid rgba(219,232,244,.92);
}
.latestTabs{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:20px;
}
.latestTabs a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:10px 16px;
  border-radius:12px;
  background:#07182f;
  color:#fff!important;
  text-decoration:none;
  font-weight:950;
  border:1px solid rgba(20,40,60,.14);
}
.latestEplResearch{
  background:#ffffff!important;
}
.latestEplCard span{
  background:#eaf3ff!important;
  color:#0d5fbd!important;
}

/* 2026-05-20 EPL merge cleanup: one editorial lead, quiet list after it. */
body.page-worldcup .latestEplResearch{
  background:#07111f!important;
}

body.page-worldcup .latestEplResearch .sectionHead{
  align-items:flex-start;
  margin-bottom:22px;
}

body.page-worldcup .latestEplResearch .sectionHead h2{
  max-width:620px;
}

body.page-worldcup .latestEplResearch .sectionHead p{
  max-width:520px;
}

body.page-worldcup .eplMergedGrid{
  display:grid;
  grid-template-columns:minmax(360px,.98fr) minmax(0,1.02fr);
  gap:14px 18px;
  align-items:start;
}

body.page-worldcup .eplMergedGrid .latestEplCard{
  position:relative;
  display:grid;
  grid-template-columns:86px minmax(0,1fr);
  gap:16px;
  align-items:start;
  min-height:118px;
  padding:18px 18px 18px 0;
  background:#0a1626!important;
  border-color:rgba(255,255,255,.10)!important;
}

body.page-worldcup .eplMergedGrid .latestEplCard:hover{
  border-color:rgba(158,232,255,.42)!important;
  background:#0d1d31!important;
}

body.page-worldcup .eplMergedGrid .latestEplCard img{
  display:none!important;
}

body.page-worldcup .eplMergedGrid .latestEplCard span{
  grid-column:1;
  grid-row:1 / span 3;
  display:grid;
  place-items:center;
  width:54px;
  height:54px;
  margin:0 0 0 18px!important;
  padding:0!important;
  border-radius:10px!important;
  background:#dff3ff!important;
  border:0!important;
  color:#07578f!important;
  font-size:13px!important;
}

body.page-worldcup .eplMergedGrid .latestEplCard h3{
  grid-column:2;
  margin:0!important;
  font-size:18px!important;
  line-height:1.38!important;
}

body.page-worldcup .eplMergedGrid .latestEplCard p{
  grid-column:2;
  margin:6px 0 0!important;
  color:#9fb0c3!important;
  font-size:14px!important;
  line-height:1.62!important;
}

body.page-worldcup .eplMergedGrid .latestEplCard:first-child{
  grid-row:span 6;
  display:block;
  min-height:0;
  padding:0!important;
  background:#0b1829!important;
  border-color:rgba(158,232,255,.22)!important;
}

body.page-worldcup .eplMergedGrid .latestEplCard:first-child img{
  display:block!important;
  height:310px!important;
  object-fit:cover!important;
  object-position:center!important;
  opacity:.88;
}

body.page-worldcup .eplMergedGrid .latestEplCard:first-child span{
  display:inline-flex;
  width:auto;
  height:auto;
  margin:22px 22px 10px!important;
  padding:7px 10px!important;
  background:rgba(24,183,255,.12)!important;
  border:1px solid rgba(24,183,255,.28)!important;
  color:#9ee8ff!important;
}

body.page-worldcup .eplMergedGrid .latestEplCard:first-child h3{
  margin:0 22px 10px!important;
  font-size:26px!important;
  line-height:1.24!important;
}

body.page-worldcup .eplMergedGrid .latestEplCard:first-child p{
  margin:0 22px 24px!important;
  font-size:15px!important;
  line-height:1.72!important;
}
.articleInlineVisual{
  margin:24px 0 28px;
  border-radius:22px;
  overflow:hidden;
  background:#07182f;
  border:1px solid rgba(20,40,60,.14);
  box-shadow:0 18px 46px rgba(10,31,56,.1);
}
.articleInlineVisual img{
  display:block;
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
}
.articleInlineVisual figcaption{
  margin:0;
  padding:12px 16px;
  color:#dce7f3;
  font-size:14px;
  line-height:1.6;
}
body.page-worldcup .wcResearchCard img,
body.page-news .plArticleCard img{
  background:#07182f;
}
@media(max-width:620px){
  .latestTabs{
    display:grid;
    grid-template-columns:1fr;
  }
  .articleInlineVisual{
    border-radius:16px;
    margin:18px 0 22px;
  }
  .articleInlineVisual figcaption{
    font-size:12.5px;
    padding:10px 12px;
  }
}

body.page-worldcup .officialNewsCenter,
body.page-worldcup .officialArticleIndex{
  background:#081525;
  color:#f5f8ff;
}

body.page-premier-hub .officialNewsCenter,
body.page-premier-hub .officialArticleIndex{
  background:#081525;
  color:#f5f8ff;
}

body.page-worldcup .officialNewsCenter{
  padding-top:72px;
  border-top:1px solid rgba(255,255,255,.08);
}

body.page-premier-hub .officialNewsCenter{
  padding-top:72px;
  border-top:1px solid rgba(255,255,255,.08);
}

body.page-worldcup .officialNewsHeader{
  display:grid;
  grid-template-columns:minmax(0,1fr) 320px;
  gap:34px;
  align-items:end;
  margin-bottom:26px;
}

body.page-premier-hub .officialNewsHeader{
  display:grid;
  grid-template-columns:minmax(0,1fr) 320px;
  gap:34px;
  align-items:end;
  margin-bottom:26px;
}

body.page-worldcup .officialNewsHeader h2,
body.page-worldcup .officialArticleIndex .sectionHead h2{
  color:#fff;
  font-size:clamp(34px,4vw,58px);
  line-height:1.02;
  letter-spacing:0;
  margin:12px 0 14px;
}

body.page-premier-hub .officialNewsHeader h2,
body.page-premier-hub .officialArticleIndex .sectionHead h2{
  color:#fff;
  font-size:clamp(34px,4vw,58px);
  line-height:1.02;
  letter-spacing:0;
  margin:12px 0 14px;
}

body.page-worldcup .officialNewsHeader p,
body.page-worldcup .officialArticleIndex .sectionHead p{
  color:#b8c7d8;
  line-height:1.85;
  max-width:760px;
}

body.page-premier-hub .officialNewsHeader p,
body.page-premier-hub .officialArticleIndex .sectionHead p{
  color:#b8c7d8;
  line-height:1.85;
  max-width:760px;
}

body.page-worldcup .officialNewsHeader aside{
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.045);
  padding:18px;
  display:grid;
  gap:7px;
}

body.page-premier-hub .officialNewsHeader aside{
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.045);
  padding:18px;
  display:grid;
  gap:7px;
}

body.page-worldcup .officialNewsHeader aside b,
body.page-worldcup .officialNewsHeader aside span{
  color:#9fb1c4;
  font-size:13px;
  font-weight:850;
}

body.page-premier-hub .officialNewsHeader aside b,
body.page-premier-hub .officialNewsHeader aside span{
  color:#9fb1c4;
  font-size:13px;
  font-weight:850;
}

body.page-worldcup .officialNewsHeader aside strong{
  color:#fff;
  font-size:28px;
  letter-spacing:.02em;
}

body.page-premier-hub .officialNewsHeader aside strong{
  color:#fff;
  font-size:28px;
  letter-spacing:.02em;
}

body.page-worldcup .officialLeadGrid{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);
  gap:18px;
  align-items:stretch;
}

body.page-premier-hub .officialLeadGrid{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);
  gap:18px;
  align-items:stretch;
}

body.page-worldcup .officialLeadCard{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);
  min-height:420px;
  text-decoration:none;
  color:#fff;
  border:1px solid rgba(255,255,255,.15);
  background:#0c1d31;
  overflow:hidden;
}

body.page-premier-hub .officialLeadCard{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);
  min-height:420px;
  text-decoration:none;
  color:#fff;
  border:1px solid rgba(255,255,255,.15);
  background:#0c1d31;
  overflow:hidden;
}

body.page-worldcup .officialLeadCard img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
  background:#07111f;
}

body.page-premier-hub .officialLeadCard img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
  background:#07111f;
}

body.page-worldcup .officialLeadCard div{
  padding:36px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  background:linear-gradient(180deg,rgba(12,29,49,.62),#0c1d31);
}

body.page-premier-hub .officialLeadCard div{
  padding:36px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  background:linear-gradient(180deg,rgba(12,29,49,.62),#0c1d31);
}

body.page-worldcup .officialLeadCard span,
body.page-worldcup .officialArticleIndex .eyebrow{
  width:max-content;
  border:1px solid rgba(41,198,255,.32);
  background:rgba(41,198,255,.10);
  color:#9ee8ff;
  padding:7px 11px;
  border-radius:4px;
  font-weight:950;
  font-size:13px;
}

body.page-premier-hub .officialLeadCard span,
body.page-premier-hub .officialArticleIndex .eyebrow{
  width:max-content;
  border:1px solid rgba(41,198,255,.32);
  background:rgba(41,198,255,.10);
  color:#9ee8ff;
  padding:7px 11px;
  border-radius:4px;
  font-weight:950;
  font-size:13px;
}

body.page-worldcup .officialLeadCard h3{
  margin:18px 0 12px;
  font-size:clamp(30px,3.1vw,48px);
  line-height:1.06;
  letter-spacing:0;
}

body.page-premier-hub .officialLeadCard h3{
  margin:18px 0 12px;
  font-size:clamp(30px,3.1vw,48px);
  line-height:1.06;
  letter-spacing:0;
}

body.page-worldcup .officialLeadCard p{
  color:#c8d6e5;
  font-size:16px;
  line-height:1.78;
  margin:0;
}

body.page-premier-hub .officialLeadCard p{
  color:#c8d6e5;
  font-size:16px;
  line-height:1.78;
  margin:0;
}

body.page-worldcup .officialTopicPanel{
  border:1px solid rgba(255,255,255,.15);
  background:rgba(255,255,255,.045);
  padding:24px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:12px;
}

body.page-premier-hub .officialTopicPanel{
  border:1px solid rgba(255,255,255,.15);
  background:rgba(255,255,255,.045);
  padding:24px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:12px;
}

body.page-worldcup .officialTopicPanel h3{
  color:#fff;
  font-size:24px;
  margin:0 0 10px;
}

body.page-premier-hub .officialTopicPanel h3{
  color:#fff;
  font-size:24px;
  margin:0 0 10px;
}

body.page-worldcup .officialTopicPanel a{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  color:#e9f4ff;
  text-decoration:none;
  border-top:1px solid rgba(255,255,255,.10);
  padding:14px 0;
  font-weight:950;
}

body.page-premier-hub .officialTopicPanel a{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  color:#e9f4ff;
  text-decoration:none;
  border-top:1px solid rgba(255,255,255,.10);
  padding:14px 0;
  font-weight:950;
}

body.page-worldcup .officialTopicPanel b{
  color:#ffe28a;
}

body.page-premier-hub .officialTopicPanel b{
  color:#ffe28a;
}

body.page-worldcup .officialArticleIndex{
  padding-top:34px;
}

body.page-premier-hub .officialArticleIndex{
  padding-top:34px;
}

body.page-worldcup .officialNewsList{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  border:0;
}

body.page-premier-hub .officialNewsList{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  border:0;
  border-top:0;
  border-left:0;
}

body.page-worldcup .officialNewsList.compact{
  grid-template-columns:repeat(3,minmax(0,1fr));
}

body.page-worldcup .officialNewsList{
  border-top:0;
  border-left:0;
}

body.page-worldcup .officialNewsRow{
  min-height:0;
  aspect-ratio:16/9;
  padding:0;
  display:block;
  position:relative;
  color:#fff;
  text-decoration:none;
  border:1px solid rgba(255,255,255,.13);
  background:rgba(255,255,255,.025);
  transition:background .18s ease, transform .18s ease;
  overflow:hidden;
  isolation:isolate;
}

body.page-premier-hub .officialNewsRow{
  min-height:0;
  aspect-ratio:16/9;
  padding:0;
  display:block;
  position:relative;
  color:#fff;
  text-decoration:none;
  border:1px solid rgba(255,255,255,.13);
  background:rgba(255,255,255,.025);
  transition:background .18s ease, transform .18s ease;
  overflow:hidden;
  isolation:isolate;
}

body.page-worldcup .officialNewsRow:hover{
  transform:translateY(-2px);
}

body.page-premier-hub .officialNewsRow:hover{
  transform:translateY(-2px);
}

body.page-worldcup .officialNewsRow figure{
  position:absolute;
  inset:0;
  margin:0;
  background:#07111f;
  border:0;
  overflow:hidden;
  aspect-ratio:16/9;
}

body.page-premier-hub .officialNewsRow figure{
  position:absolute;
  inset:0;
  margin:0;
  background:#07111f;
  border:0;
  overflow:hidden;
  aspect-ratio:16/9;
}

body.page-worldcup .officialNewsRow img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  filter:none;
  transform:none;
  transition:transform .22s ease, filter .22s ease;
}

body.page-premier-hub .officialNewsRow img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  filter:none;
  transform:none;
  transition:transform .22s ease, filter .22s ease;
}

body.page-worldcup .officialNewsRow:hover img{
  transform:scale(1.018);
  filter:saturate(1.04) contrast(1.03);
}

body.page-premier-hub .officialNewsRow:hover img{
  transform:scale(1.018);
  filter:saturate(1.04) contrast(1.03);
}

body.page-worldcup .officialNewsRow:before{
  display:none;
}

body.page-worldcup .officialNewsRow:after{
  display:none;
 }

body.page-premier-hub .officialNewsRow:before,
body.page-premier-hub .officialNewsRow:after{
  display:none;
}

body.page-worldcup .officialNewsRowBody{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  clip-path:inset(50%)!important;
  white-space:nowrap!important;
}

body.page-premier-hub .officialNewsRowBody{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  clip-path:inset(50%)!important;
  white-space:nowrap!important;
}

body.page-worldcup .officialNewsRow span{
  display:inline-flex;
  color:#ffe28a;
  font-weight:1000;
  font-size:12px;
  margin-bottom:18px;
  letter-spacing:.08em;
}

body.page-worldcup .officialNewsRow strong{
  display:block;
  font-size:21px;
  line-height:1.26;
  letter-spacing:0;
  text-shadow:0 2px 18px rgba(0,0,0,.45);
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

body.page-worldcup .officialNewsRow em{
  display:none;
  color:#79dfff;
  font-style:normal;
  font-weight:900;
  font-size:13px;
  margin-top:10px;
}

body.page-worldcup .officialNewsRow p{
  display:none;
}

body.page-worldcup .officialNewsList.compact .officialNewsRow{
  min-height:0;
}

body.page-worldcup .officialArticleIndex .sectionHead{
  display:grid!important;
  grid-template-columns:minmax(190px,.28fr) minmax(0,1fr);
  gap:24px;
  align-items:end;
  margin-bottom:18px!important;
  padding-bottom:16px;
  border-bottom:1px solid rgba(255,255,255,.12);
}

body.page-premier-hub .officialArticleIndex .sectionHead{
  display:grid!important;
  grid-template-columns:minmax(190px,.28fr) minmax(0,1fr);
  gap:24px;
  align-items:end;
  margin-bottom:18px!important;
  padding-bottom:16px;
  border-bottom:1px solid rgba(255,255,255,.12);
}

body.page-worldcup .officialArticleIndex .sectionHead h2{
  font-size:clamp(24px,2.2vw,34px)!important;
  line-height:1.14!important;
  margin:10px 0 0!important;
}

body.page-premier-hub .officialArticleIndex .sectionHead h2{
  font-size:clamp(24px,2.2vw,34px)!important;
  line-height:1.14!important;
  margin:10px 0 0!important;
}

body.page-worldcup .officialArticleIndex .sectionHead h2:after{
  width:42px!important;
  height:3px!important;
  margin-top:10px!important;
}

body.page-premier-hub .officialArticleIndex .sectionHead h2:after{
  width:42px!important;
  height:3px!important;
  margin-top:10px!important;
}

body.page-worldcup .officialArticleIndex .sectionHead p{
  margin:0!important;
  font-size:15px!important;
  line-height:1.75!important;
}

body.page-premier-hub .officialArticleIndex .sectionHead p{
  margin:0!important;
  font-size:15px!important;
  line-height:1.75!important;
}

@media(max-width:980px){
  body.page-worldcup .officialNewsHeader,
  body.page-worldcup .officialLeadGrid,
  body.page-worldcup .officialLeadCard,
  body.page-premier-hub .officialNewsHeader,
  body.page-premier-hub .officialLeadGrid,
  body.page-premier-hub .officialLeadCard{
    grid-template-columns:1fr;
  }

  body.page-worldcup .officialLeadCard,
  body.page-premier-hub .officialLeadCard{
    min-height:auto;
  }

  body.page-worldcup .officialLeadCard img,
  body.page-premier-hub .officialLeadCard img{
    height:auto;
    aspect-ratio:16/9;
  }

  body.page-worldcup .officialNewsList,
  body.page-premier-hub .officialNewsList{
    grid-template-columns:1fr 1fr;
  }

  body.page-worldcup .officialNewsList.compact{
    grid-template-columns:1fr 1fr;
  }

  body.page-worldcup .officialArticleIndex .sectionHead,
  body.page-premier-hub .officialArticleIndex .sectionHead{
    grid-template-columns:1fr;
    gap:10px;
  }
}

@media(max-width:620px){
  body.page-worldcup .officialNewsCenter,
  body.page-premier-hub .officialNewsCenter{
    padding-top:42px;
  }

  body.page-worldcup .officialLeadCard div,
  body.page-worldcup .officialTopicPanel,
  body.page-worldcup .officialNewsRowBody,
  body.page-premier-hub .officialLeadCard div,
  body.page-premier-hub .officialTopicPanel,
  body.page-premier-hub .officialNewsRowBody{
    padding:18px;
  }

  body.page-worldcup .officialNewsRow,
  body.page-premier-hub .officialNewsRow{
    min-height:0;
  }

  body.page-worldcup .officialNewsRowBody,
  body.page-premier-hub .officialNewsRowBody{
    min-height:0;
  }

  body.page-worldcup .officialNewsHeader h2,
  body.page-worldcup .officialArticleIndex .sectionHead h2,
  body.page-premier-hub .officialNewsHeader h2,
  body.page-premier-hub .officialArticleIndex .sectionHead h2{
    font-size:25px!important;
  }

  body.page-worldcup .officialNewsRow strong{
    font-size:20px;
  }

  body.page-worldcup .officialNewsList,
  body.page-worldcup .officialNewsList.compact,
  body.page-premier-hub .officialNewsList{
    grid-template-columns:1fr;
  }
}

/* 2026-05-26 register SSS pass: official account page with real mobile visuals. */
body.page-register .registerHero .heroGrid{
  grid-template-columns:minmax(0,.92fr) minmax(430px,1fr)!important;
  gap:44px!important;
  align-items:center!important;
}
body.page-register .registerHero h1{
  max-width:760px!important;
  font-size:clamp(46px,5vw,76px)!important;
  line-height:1.04!important;
  letter-spacing:0!important;
}
body.page-register .registerHero .lead{
  max-width:700px!important;
  color:#dcecff!important;
}
body.page-register .registerShowcase{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(150px,.42fr)!important;
  gap:16px!important;
  min-height:520px!important;
  align-items:center!important;
  overflow:visible!important;
}
body.page-register .registerDevice,
body.page-register .registerMini img,
body.page-register .registerVisualGrid figure{
  background:#07182f!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 28px 78px rgba(0,0,0,.34)!important;
}
body.page-register .registerDevice{
  position:relative!important;
  overflow:hidden!important;
  border-radius:34px!important;
  padding:12px!important;
  transform:rotate(-1.2deg)!important;
}
body.page-register .registerDevice img{
  display:block!important;
  width:100%!important;
  height:420px!important;
  object-fit:cover!important;
  object-position:top!important;
  border-radius:24px!important;
}
body.page-register .registerDevice div{
  position:absolute!important;
  left:22px!important;
  right:22px!important;
  bottom:22px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:18px!important;
  padding:14px 16px!important;
  background:rgba(5,17,35,.82)!important;
  backdrop-filter:blur(10px)!important;
  color:#fff!important;
}
body.page-register .registerDevice b{
  display:block!important;
  font-size:20px!important;
  line-height:1.2!important;
}
body.page-register .registerDevice span{
  display:block!important;
  margin-top:4px!important;
  color:#d8eaff!important;
  font-size:13px!important;
  line-height:1.5!important;
}
body.page-register .registerMini{
  display:grid!important;
  gap:16px!important;
}
body.page-register .registerMini img{
  display:block!important;
  width:100%!important;
  height:205px!important;
  object-fit:cover!important;
  object-position:top!important;
  border-radius:24px!important;
  padding:8px!important;
}
body.page-register .registerVisuals{
  background:#fff!important;
}
body.page-register .registerVisualGrid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
}
body.page-register .registerVisualGrid figure{
  margin:0!important;
  overflow:hidden!important;
  border-radius:28px!important;
  padding:10px!important;
}
body.page-register .registerVisualGrid img{
  display:block!important;
  width:100%!important;
  height:320px!important;
  object-fit:cover!important;
  object-position:top!important;
  border-radius:20px!important;
}
body.page-register .registerVisualGrid .focusShot img{
  object-fit:contain!important;
  object-position:center!important;
  background:#fff!important;
}
body.page-register .registerVisualGrid figcaption{
  padding:13px 8px 4px!important;
  color:#eaf4ff!important;
  font-weight:950!important;
}
body.page-register .registerInlineMobile{
  display:none;
}
@media(max-width:980px){
  body.page-register .registerHero .heroGrid{
    grid-template-columns:1fr!important;
  }
  body.page-register .registerShowcase{
    min-height:0!important;
    grid-template-columns:1fr 1fr!important;
  }
  body.page-register .registerDevice img{
    height:360px!important;
  }
  body.page-register .registerVisualGrid{
    grid-template-columns:1fr 1fr!important;
  }
}
@media(max-width:620px){
  body.page-register .registerHero{
    padding-top:30px!important;
    padding-bottom:34px!important;
  }
  body.page-register .registerHero .wrap,
  body.page-register .registerHero .heroGrid{
    width:100%!important;
    max-width:100%!important;
    padding-left:12px!important;
    padding-right:12px!important;
    margin:0!important;
  }
  body.page-register .registerHero h1{
    font-size:31px!important;
    line-height:1.18!important;
    max-width:340px!important;
    width:100%!important;
  }
  body.page-register .registerHero .lead{
    max-width:340px!important;
    width:100%!important;
    color:#dcecff!important;
  }
  body.page-register .registerHero .showcase,
  body.page-register .registerShowcase{
    display:block!important;
    width:100%!important;
    max-width:340px!important;
    margin:18px 0 0!important;
    overflow:visible!important;
  }
  body.page-register .registerDevice{
    display:block!important;
    border-radius:24px!important;
    padding:8px!important;
    transform:none!important;
  }
  body.page-register .registerDevice img{
    height:auto!important;
    aspect-ratio:16/11!important;
    object-fit:cover!important;
    object-position:top!important;
    border-radius:17px!important;
  }
  body.page-register .registerDevice div{
    position:static!important;
    margin-top:8px!important;
    border-radius:16px!important;
    padding:11px 12px!important;
  }
  body.page-register .registerMini{
    display:none!important;
  }
  body.page-register .registerVisualGrid{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  body.page-register .registerVisualGrid figure{
    border-radius:22px!important;
  }
  body.page-register .registerVisualGrid img{
    height:auto!important;
    aspect-ratio:16/10!important;
    object-fit:cover!important;
  }
}

/* 2026-05-26 deposit SSS pass: mobile-first wallet, recharge and account-state page. */
body.page-deposit .depositHero .depositHeroGrid{
  grid-template-columns:minmax(0,.9fr) minmax(430px,.82fr)!important;
  gap:38px!important;
  align-items:center!important;
}
body.page-deposit .depositHero h1{
  max-width:680px!important;
  font-size:clamp(42px,4.1vw,62px)!important;
  line-height:1.08!important;
  letter-spacing:0!important;
}
body.page-deposit .depositHero .lead{
  max-width:710px!important;
  color:#dcecff!important;
}
body.page-deposit .depositPhoneStage{
  position:relative!important;
  display:block!important;
  width:100%!important;
  max-width:590px!important;
  min-height:500px!important;
  margin-left:auto!important;
  overflow:visible!important;
}
body.page-deposit .depositMobileHeroVisual{
  display:none!important;
}
body.page-deposit .depositPhoneMain,
body.page-deposit .depositWalletStrip,
body.page-deposit .depositAccountCard{
  position:absolute!important;
  margin:0!important;
  background:#07182f!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 28px 82px rgba(0,0,0,.32)!important;
  overflow:hidden!important;
}
body.page-deposit .depositPhoneMain{
  position:relative!important;
  right:auto!important;
  top:26px!important;
  width:100%!important;
  max-width:560px!important;
  margin-left:auto!important;
  border-radius:30px!important;
  padding:10px!important;
}
body.page-deposit .depositPhoneMain img{
  display:block!important;
  width:100%!important;
  height:376px!important;
  object-fit:cover!important;
  object-position:left top!important;
  border-radius:22px!important;
  background:#06111f!important;
}
body.page-deposit .depositPhoneMain figcaption{
  padding:11px 8px 3px!important;
  color:#eaf4ff!important;
  font-weight:950!important;
  font-size:14px!important;
  line-height:1.45!important;
}
body.page-deposit .depositWalletStrip{
  left:-18px!important;
  top:0!important;
  width:min(390px,72%)!important;
  border-radius:22px!important;
  padding:8px!important;
  transform:rotate(-1.4deg)!important;
  z-index:2!important;
}
body.page-deposit .depositWalletStrip img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  border-radius:16px!important;
  background:#2d2d2d!important;
}
body.page-deposit .depositAccountCard{
  left:-4px!important;
  bottom:0!important;
  width:236px!important;
  border-radius:24px!important;
  padding:8px!important;
  transform:rotate(1.2deg)!important;
  z-index:2!important;
}
body.page-deposit .depositAccountCard img{
  display:block!important;
  width:100%!important;
  height:300px!important;
  object-fit:cover!important;
  object-position:left top!important;
  border-radius:18px!important;
}
body.page-deposit .depositSource{
  background:#fff!important;
}
body.page-deposit .depositSourceGrid{
  display:grid!important;
  grid-template-columns:minmax(280px,.48fr) minmax(0,1fr)!important;
  gap:34px!important;
  align-items:center!important;
}
body.page-deposit .depositSourceGrid figure{
  margin:0!important;
  background:#07182f!important;
  border:1px solid rgba(24,183,255,.18)!important;
  border-radius:30px!important;
  padding:10px!important;
  box-shadow:0 22px 58px rgba(6,17,31,.16)!important;
  overflow:hidden!important;
}
body.page-deposit .depositSourceGrid img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:16/7.4!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:22px!important;
}
body.page-deposit .depositSourceGrid figcaption{
  color:#eaf4ff!important;
  font-weight:950!important;
  padding:11px 8px 3px!important;
  background:#07182f!important;
  border-radius:0 0 16px 16px!important;
  margin-top:0!important;
  position:static!important;
}
body.page-deposit .depositSourceGrid h2{
  font-size:clamp(32px,3.5vw,52px)!important;
  line-height:1.12!important;
  margin:12px 0!important;
}
body.page-deposit .depositSourceGrid p{
  color:#52677d!important;
  font-size:18px!important;
  line-height:1.75!important;
  max-width:820px!important;
}
body.page-deposit .sourceFacts{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  margin-top:18px!important;
}
body.page-deposit .sourceFacts b{
  display:inline-flex!important;
  border-radius:999px!important;
  padding:10px 13px!important;
  background:#eef5ff!important;
  color:#1264d6!important;
  border:1px solid #dce6f1!important;
}
body.page-deposit .depositVisuals{
  background:linear-gradient(180deg,#f7fbff,#eef5fb)!important;
}
body.page-deposit .depositVisualGrid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
}
body.page-deposit .depositVisualGrid figure{
  margin:0!important;
  overflow:hidden!important;
  border-radius:28px!important;
  padding:10px!important;
  background:#07182f!important;
  border:1px solid rgba(24,183,255,.20)!important;
  box-shadow:0 20px 54px rgba(6,17,31,.14)!important;
}
body.page-deposit .depositVisualGrid img{
  display:block!important;
  width:100%!important;
  height:250px!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:20px!important;
  background:#06111f!important;
}
body.page-deposit .depositVisualGrid figure:nth-child(1) img{
  object-fit:contain!important;
  background:#2d2d2d!important;
}
body.page-deposit .depositVisualGrid figure:nth-child(2) img,
body.page-deposit .depositVisualGrid figure:nth-child(3) img{
  object-position:left center!important;
}
body.page-deposit .depositVisualGrid figcaption{
  padding:13px 8px 4px!important;
  color:#eaf4ff!important;
  font-weight:950!important;
}
body.page-deposit .routeCard h3{
  color:#102033!important;
}
body.page-deposit .routeCard p{
  color:#52677d!important;
}
body.page-deposit .siteMobileCta{
  z-index:80!important;
}
@media(max-width:980px){
  body.page-deposit .depositHero .depositHeroGrid,
  body.page-deposit .depositSourceGrid{
    grid-template-columns:1fr!important;
  }
  body.page-deposit .depositPhoneStage{
    max-width:650px!important;
    margin-inline:auto!important;
  }
  body.page-deposit .depositVisualGrid{
    grid-template-columns:1fr 1fr!important;
  }
}
@media(max-width:620px){
  body.page-deposit{
    padding-bottom:86px!important;
  }
  body.page-deposit .depositHero{
    padding-top:30px!important;
    padding-bottom:34px!important;
  }
  body.page-deposit .depositHero .wrap,
  body.page-deposit .depositHero .heroGrid{
    width:100%!important;
    max-width:100%!important;
    padding-left:12px!important;
    padding-right:12px!important;
    margin:0!important;
  }
  body.page-deposit .depositHero h1{
    font-size:32px!important;
    line-height:1.16!important;
    max-width:350px!important;
  }
  body.page-deposit .depositHero .lead{
    max-width:350px!important;
    color:#dcecff!important;
  }
  body.page-deposit .depositMobileHeroVisual{
    display:block!important;
    margin:18px 0 0!important;
    width:100%!important;
    max-width:350px!important;
    padding:7px!important;
    border-radius:22px!important;
    background:#07182f!important;
    border:1px solid rgba(255,255,255,.18)!important;
    box-shadow:0 18px 44px rgba(0,0,0,.28)!important;
    overflow:hidden!important;
  }
  body.page-deposit .depositMobileHeroVisual img{
    display:block!important;
    width:100%!important;
    height:auto!important;
    border-radius:15px!important;
    background:#2d2d2d!important;
  }
  body.page-deposit .depositMobileHeroVisual figcaption{
    display:block!important;
    position:static!important;
    background:#07182f!important;
    color:#eaf4ff!important;
    font-size:13px!important;
    line-height:1.45!important;
    font-weight:950!important;
    padding:9px 10px!important;
    margin-top:6px!important;
    border-radius:12px!important;
  }
  body.page-deposit .depositHero .showcase,
  body.page-deposit .depositPhoneStage{
    display:none!important;
  }
  body.page-deposit .depositPhoneMain{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    border-radius:24px!important;
    padding:8px!important;
  }
  body.page-deposit .depositPhoneMain img{
    height:auto!important;
    aspect-ratio:4/3!important;
    object-position:left top!important;
    border-radius:17px!important;
  }
  body.page-deposit .depositPhoneMain figcaption{
    font-size:13px!important;
    padding:9px 6px 2px!important;
  }
  body.page-deposit .depositWalletStrip{
    left:12px!important;
    top:auto!important;
    bottom:48px!important;
    width:86%!important;
    border-radius:18px!important;
    padding:6px!important;
    transform:none!important;
  }
  body.page-deposit .depositAccountCard{
    display:none!important;
  }
  body.page-deposit .depositSourceGrid{
    gap:18px!important;
  }
  body.page-deposit .depositSourceGrid figure{
    border-radius:22px!important;
    padding:7px!important;
  }
  body.page-deposit .depositSourceGrid img{
    aspect-ratio:16/8!important;
    border-radius:16px!important;
  }
  body.page-deposit .depositSourceGrid h2{
    font-size:27px!important;
    line-height:1.22!important;
  }
  body.page-deposit .depositSourceGrid p{
    font-size:15px!important;
    line-height:1.7!important;
  }
  body.page-deposit .sourceFacts{
    gap:7px!important;
  }
  body.page-deposit .sourceFacts b{
    font-size:12.5px!important;
    padding:8px 10px!important;
  }
  body.page-deposit .depositVisualGrid{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  body.page-deposit .depositVisualGrid figure{
    border-radius:22px!important;
  }
  body.page-deposit .depositVisualGrid img{
    height:auto!important;
    aspect-ratio:16/10!important;
  }
  body.page-deposit .depositVisualGrid figure:nth-child(2) img,
  body.page-deposit .depositVisualGrid figure:nth-child(3) img{
    object-fit:cover!important;
    object-position:left center!important;
  }
  body.page-deposit .depositSupportPanel{
    padding:20px!important;
    border-radius:24px!important;
  }
}

/* 2026-05-26 entry guide SSS pass: mobile-first official entry flow. */
body.page-entry-guide{
  background:#f4f7fb!important;
  color:#102033!important;
}
body.page-entry-guide .entryHero .entryHeroGrid{
  display:grid!important;
  grid-template-columns:minmax(0,.86fr) minmax(430px,1fr)!important;
  gap:46px!important;
  align-items:center!important;
}
body.page-entry-guide .entryHero h1{
  max-width:760px!important;
  margin:16px 0 18px!important;
  color:#fff!important;
  font-size:clamp(42px,4.4vw,68px)!important;
  line-height:1.08!important;
  letter-spacing:0!important;
}
body.page-entry-guide .entryHero .lead{
  max-width:720px!important;
  color:#dcecff!important;
}
body.page-entry-guide .entryMobileHeroVisual{
  display:none!important;
}
body.page-entry-guide .entryHeroVisual{
  position:relative!important;
  min-height:560px!important;
  overflow:visible!important;
}
body.page-entry-guide .entryPhoneCard,
body.page-entry-guide .entryWalletMini{
  position:absolute!important;
  margin:0!important;
  background:#07182f!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 28px 82px rgba(0,0,0,.34)!important;
  overflow:hidden!important;
}
body.page-entry-guide .entryPhoneCard.primary{
  left:0!important;
  top:28px!important;
  width:360px!important;
  border-radius:34px!important;
  padding:10px!important;
}
body.page-entry-guide .entryPhoneCard.primary img{
  display:block!important;
  width:100%!important;
  height:430px!important;
  object-fit:cover!important;
  object-position:top center!important;
  border-radius:24px!important;
}
body.page-entry-guide .entryPhoneCard.floating{
  right:0!important;
  bottom:18px!important;
  width:430px!important;
  border-radius:30px!important;
  padding:10px!important;
}
body.page-entry-guide .entryPhoneCard.floating img{
  display:block!important;
  width:100%!important;
  height:285px!important;
  object-fit:cover!important;
  object-position:left top!important;
  border-radius:20px!important;
}
body.page-entry-guide .entryWalletMini{
  right:64px!important;
  top:0!important;
  width:330px!important;
  border-radius:22px!important;
  padding:7px!important;
  transform:rotate(-1deg)!important;
  z-index:3!important;
}
body.page-entry-guide .entryWalletMini img{
  display:block!important;
  width:100%!important;
  border-radius:15px!important;
}
body.page-entry-guide .entryPhoneCard figcaption{
  display:block!important;
  margin-top:7px!important;
  padding:9px 10px!important;
  border-radius:14px!important;
  color:#eaf4ff!important;
  background:#07182f!important;
  font-size:13px!important;
  line-height:1.45!important;
  font-weight:950!important;
}
body.page-entry-guide .entrySource,
body.page-entry-guide .entryVisuals,
body.page-entry-guide .entryCrossLinks,
body.page-entry-guide .faq{
  background:#fff!important;
}
body.page-entry-guide .entryRoute,
body.page-entry-guide .entryAfterLogin{
  background:#f4f7fb!important;
}
body.page-entry-guide .entrySourceGrid,
body.page-entry-guide .entryAfterGrid{
  display:grid!important;
  grid-template-columns:minmax(300px,.5fr) minmax(0,1fr)!important;
  gap:34px!important;
  align-items:center!important;
}
body.page-entry-guide .entrySourceGrid figure,
body.page-entry-guide .entryAfterGrid figure,
body.page-entry-guide .entryVisualGrid figure{
  margin:0!important;
  overflow:hidden!important;
  background:#07182f!important;
  border:1px solid rgba(24,183,255,.20)!important;
  border-radius:28px!important;
  padding:10px!important;
  box-shadow:0 20px 54px rgba(6,17,31,.14)!important;
}
body.page-entry-guide .entrySourceGrid img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:16/7.4!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:20px!important;
}
body.page-entry-guide .entryAfterGrid img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:16/9!important;
  object-fit:cover!important;
  object-position:left top!important;
  border-radius:20px!important;
}
body.page-entry-guide .entrySourceGrid figcaption,
body.page-entry-guide .entryAfterGrid figcaption,
body.page-entry-guide .entryVisualGrid figcaption{
  display:block!important;
  position:static!important;
  margin-top:0!important;
  padding:11px 8px 4px!important;
  color:#eaf4ff!important;
  background:#07182f!important;
  border-radius:0 0 16px 16px!important;
  font-weight:950!important;
  line-height:1.45!important;
}
body.page-entry-guide .entrySourceGrid h2,
body.page-entry-guide .entryAfterGrid h2{
  font-size:clamp(32px,3.5vw,52px)!important;
  line-height:1.12!important;
  margin:12px 0!important;
}
body.page-entry-guide .entrySourceGrid p,
body.page-entry-guide .entryAfterGrid p{
  color:#52677d!important;
  font-size:18px!important;
  line-height:1.75!important;
}
body.page-entry-guide .sourceFacts,
body.page-entry-guide .entryInfoList{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  margin-top:18px!important;
}
body.page-entry-guide .sourceFacts b,
body.page-entry-guide .entryInfoList b{
  display:inline-flex!important;
  border-radius:999px!important;
  padding:10px 13px!important;
  background:#eef5ff!important;
  color:#1264d6!important;
  border:1px solid #dce6f1!important;
}
body.page-entry-guide .entryRouteGrid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;
}
body.page-entry-guide .entryRouteGrid article{
  position:relative!important;
  overflow:hidden!important;
  min-height:230px!important;
  padding:22px!important;
  border-radius:26px!important;
  background:#fff!important;
  border:1px solid rgba(24,183,255,.20)!important;
  box-shadow:0 18px 44px rgba(6,17,31,.10)!important;
}
body.page-entry-guide .entryRouteGrid article:before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:0!important;
  width:5px!important;
  height:100%!important;
  background:linear-gradient(180deg,#18d5ff,#ffe49a)!important;
}
body.page-entry-guide .entryRouteGrid span{
  display:grid!important;
  place-items:center!important;
  width:46px!important;
  height:46px!important;
  border-radius:16px!important;
  background:#eef5ff!important;
  color:#1264d6!important;
  font-weight:1000!important;
}
body.page-entry-guide .entryRouteGrid h3{
  margin:22px 0 10px!important;
  color:#102033!important;
  font-size:22px!important;
  line-height:1.25!important;
}
body.page-entry-guide .entryRouteGrid p{
  margin:0!important;
  color:#52677d!important;
  line-height:1.68!important;
  font-size:15.5px!important;
}
body.page-entry-guide .entryVisualGrid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;
}
body.page-entry-guide .entryVisualGrid img{
  display:block!important;
  width:100%!important;
  height:210px!important;
  object-fit:cover!important;
  object-position:center top!important;
  border-radius:20px!important;
}
body.page-entry-guide .entryVisualGrid figure:nth-child(3) img{
  object-position:left top!important;
}
body.page-entry-guide .entryVisualGrid figure:nth-child(4) img{
  object-fit:cover!important;
  object-position:left top!important;
}
body.page-entry-guide .entryLinkGrid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;
}
body.page-entry-guide .entryLinkGrid a{
  display:block!important;
  min-height:150px!important;
  padding:22px!important;
  border-radius:24px!important;
  text-decoration:none!important;
  background:linear-gradient(135deg,#07182f,#103e75)!important;
  border:1px solid rgba(24,183,255,.22)!important;
  box-shadow:0 18px 44px rgba(6,17,31,.16)!important;
}
body.page-entry-guide .entryLinkGrid b{
  display:block!important;
  color:#fff!important;
  font-size:23px!important;
  line-height:1.2!important;
}
body.page-entry-guide .entryLinkGrid span{
  display:block!important;
  margin-top:12px!important;
  color:#dcecff!important;
  line-height:1.55!important;
  font-weight:850!important;
}
body.page-entry-guide .siteMobileCta{
  z-index:80!important;
}
@media(max-width:980px){
  body.page-entry-guide .entryHero .entryHeroGrid,
  body.page-entry-guide .entrySourceGrid,
  body.page-entry-guide .entryAfterGrid{
    grid-template-columns:1fr!important;
  }
  body.page-entry-guide .entryHeroVisual{
    max-width:650px!important;
    margin-inline:auto!important;
  }
  body.page-entry-guide .entryRouteGrid,
  body.page-entry-guide .entryVisualGrid,
  body.page-entry-guide .entryLinkGrid{
    grid-template-columns:1fr 1fr!important;
  }
}
@media(max-width:620px){
  body.page-entry-guide{
    padding-bottom:86px!important;
  }
  body.page-entry-guide .entryHero{
    padding-top:30px!important;
    padding-bottom:34px!important;
  }
  body.page-entry-guide .entryHero .wrap,
  body.page-entry-guide .entryHeroGrid{
    width:100%!important;
    max-width:100%!important;
    padding-left:12px!important;
    padding-right:12px!important;
    margin:0!important;
  }
  body.page-entry-guide .entryHero h1{
    font-size:31px!important;
    line-height:1.18!important;
    max-width:350px!important;
  }
  body.page-entry-guide .entryHero .lead{
    max-width:350px!important;
    font-size:15.5px!important;
    line-height:1.68!important;
    color:#dcecff!important;
  }
  body.page-entry-guide .entryMobileHeroVisual{
    display:block!important;
    margin:18px 0 0!important;
    width:100%!important;
    max-width:350px!important;
    padding:7px!important;
    border-radius:22px!important;
    background:#07182f!important;
    border:1px solid rgba(255,255,255,.18)!important;
    box-shadow:0 18px 44px rgba(0,0,0,.28)!important;
    overflow:hidden!important;
  }
  body.page-entry-guide .entryMobileHeroVisual img{
    display:block!important;
    width:100%!important;
    height:auto!important;
    border-radius:15px!important;
  }
  body.page-entry-guide .entryMobileHeroVisual figcaption{
    display:block!important;
    padding:9px 10px!important;
    margin-top:6px!important;
    border-radius:12px!important;
    background:#07182f!important;
    color:#eaf4ff!important;
    font-size:13px!important;
    line-height:1.45!important;
    font-weight:950!important;
  }
  body.page-entry-guide .entryHeroVisual{
    display:none!important;
  }
  body.page-entry-guide .entrySourceGrid,
  body.page-entry-guide .entryAfterGrid{
    gap:18px!important;
  }
  body.page-entry-guide .entrySourceGrid figure,
  body.page-entry-guide .entryAfterGrid figure,
  body.page-entry-guide .entryVisualGrid figure{
    border-radius:22px!important;
    padding:7px!important;
  }
  body.page-entry-guide .entrySourceGrid img{
    aspect-ratio:16/8!important;
    border-radius:16px!important;
  }
  body.page-entry-guide .entryAfterGrid img{
    aspect-ratio:16/10!important;
    border-radius:16px!important;
  }
  body.page-entry-guide .entrySourceGrid h2,
  body.page-entry-guide .entryAfterGrid h2,
  body.page-entry-guide .sectionHead h2{
    font-size:27px!important;
    line-height:1.22!important;
  }
  body.page-entry-guide .entrySourceGrid p,
  body.page-entry-guide .entryAfterGrid p{
    font-size:15px!important;
    line-height:1.7!important;
  }
  body.page-entry-guide .sourceFacts b,
  body.page-entry-guide .entryInfoList b{
    font-size:12.5px!important;
    padding:8px 10px!important;
  }
  body.page-entry-guide .entryRouteGrid,
  body.page-entry-guide .entryVisualGrid,
  body.page-entry-guide .entryLinkGrid{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  body.page-entry-guide .entryRouteGrid article{
    min-height:0!important;
    border-radius:22px!important;
    padding:18px!important;
  }
  body.page-entry-guide .entryRouteGrid h3{
    font-size:21px!important;
    margin-top:16px!important;
  }
  body.page-entry-guide .entryVisualGrid img{
    height:auto!important;
    aspect-ratio:16/10!important;
  }
  body.page-entry-guide .entryLinkGrid a{
    min-height:0!important;
    padding:18px!important;
    border-radius:20px!important;
  }
}

/* 2026-05-26 news center SSS pass: editorial hierarchy without changing image assets. */
body.page-news{
  padding-bottom:0;
}
body.page-news .newsHero h1{
  max-width:820px!important;
  font-size:clamp(44px,4.7vw,72px)!important;
  line-height:1.08!important;
  letter-spacing:0!important;
}
body.page-news .newsHero .lead{
  max-width:760px!important;
  color:#dcecff!important;
}
body.page-news .newsHero .dashPanel{
  background:rgba(255,255,255,.96)!important;
}
body.page-news .newsHero .dashPanel b{
  color:#102033!important;
}
body.page-news .newsHero .dashPanel p{
  color:#52677d!important;
}
body.page-news .newsFeatured{
  background:#fff!important;
}
body.page-news .newsFeatureGrid{
  display:grid!important;
  grid-template-columns:minmax(0,1.05fr) minmax(340px,.72fr)!important;
  gap:20px!important;
  align-items:stretch!important;
}
body.page-news .newsLeadCard{
  min-height:100%!important;
}
body.page-news .newsLeadCard>img{
  aspect-ratio:16/8.8!important;
}
body.page-news .newsLeadCard .mediaCardBody{
  padding:22px!important;
}
body.page-news .newsLeadCard h3{
  font-size:clamp(28px,3vw,42px)!important;
  line-height:1.12!important;
}
body.page-news .newsLeadCard b{
  display:inline-flex!important;
  width:max-content!important;
  max-width:100%!important;
  margin-top:8px!important;
  padding:10px 13px!important;
  border-radius:999px!important;
  background:#eef5ff!important;
  color:#1264d6!important;
  font-weight:1000!important;
}
body.page-news .newsSideList{
  display:grid!important;
  gap:12px!important;
}
body.page-news .newsSideList a{
  display:block!important;
  min-height:0!important;
  padding:20px!important;
  border-radius:22px!important;
  text-decoration:none!important;
  background:linear-gradient(135deg,#07182f,#103e75)!important;
  border:1px solid rgba(24,183,255,.22)!important;
  box-shadow:0 18px 44px rgba(6,17,31,.14)!important;
}
body.page-news .newsSideList span,
body.page-news .newsMeta{
  display:block!important;
  margin:0 0 8px!important;
  color:#1264d6!important;
  font-size:12.5px!important;
  line-height:1.35!important;
  font-weight:1000!important;
}
body.page-news .newsSideList span{
  color:#ffe49a!important;
}
body.page-news .newsSideList b{
  display:block!important;
  color:#fff!important;
  font-size:21px!important;
  line-height:1.28!important;
}
body.page-news .newsSideList em{
  display:block!important;
  margin-top:9px!important;
  color:#dcecff!important;
  font-style:normal!important;
  line-height:1.55!important;
  font-weight:850!important;
}
body.page-news .mediaCardBody{
  min-height:0!important;
}
body.page-news .mediaCard h3{
  margin-top:2px!important;
}
body.page-news .mediaCard p{
  margin-top:4px!important;
}
body.page-news .mediaCardBody .icon{
  margin-top:2px!important;
  margin-bottom:8px!important;
}
@media(max-width:980px){
  body.page-news .newsFeatureGrid{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:620px){
  body.page-news{
    padding-bottom:86px!important;
  }
  body.page-news .newsHero{
    padding-top:30px!important;
    padding-bottom:34px!important;
  }
  body.page-news .newsHero h1{
    font-size:31px!important;
    line-height:1.18!important;
    max-width:350px!important;
  }
  body.page-news .newsHero .lead{
    max-width:350px!important;
    font-size:15.5px!important;
    line-height:1.68!important;
  }
  body.page-news .newsHero .heroActions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
  }
  body.page-news .newsHero .heroActions .btn{
    display:flex!important;
    width:100%!important;
  }
  body.page-news .newsFeatured,
  body.page-news #worldcup-news,
  body.page-news #epl-news{
    padding-top:38px!important;
    padding-bottom:38px!important;
  }
  body.page-news .newsLeadCard .mediaCardBody,
  body.page-news .mediaCardBody{
    padding:15px!important;
  }
  body.page-news .newsLeadCard h3{
    font-size:23px!important;
    line-height:1.25!important;
  }
  body.page-news .newsSideList a{
    border-radius:20px!important;
    padding:17px!important;
  }
  body.page-news .newsSideList b{
    font-size:19px!important;
  }
  body.page-news .mediaCard>img{
    aspect-ratio:16/9!important;
    max-height:190px!important;
  }
  body.page-news .mediaCardBody .icon{
    width:42px!important;
    height:42px!important;
    border-radius:15px!important;
    margin:0 0 8px!important;
  }
  body.page-news .newsMeta{
    font-size:12px!important;
  }
}

/* 2026-05-27 EPL hub isolation: prevent legacy showcase and mobile width rules from squeezing this page. */
body.page-premier-hub .hero .showcase{
  width:100%!important;
  max-width:610px!important;
  min-height:430px!important;
  margin:0!important;
  justify-self:end!important;
  overflow:visible!important;
}
body.page-premier-hub .hero .browserCard{
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  min-height:360px!important;
  margin:0!important;
  transform:none!important;
}
body.page-premier-hub .hero .browserBody{
  width:100%!important;
  height:292px!important;
  grid-template-columns:minmax(0,.9fr) minmax(220px,.7fr)!important;
}
body.page-premier-hub .hero .largeShot{
  min-height:0!important;
  height:292px!important;
}
body.page-premier-hub .hero .largeShot img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}
body.page-premier-hub .hero .dash{
  width:100%!important;
  height:auto!important;
}
body.page-premier-hub .officialNewsCenter .wrap,
body.page-premier-hub .officialArticleIndex .wrap,
body.page-premier-hub .relatedTopicBand .wrap,
body.page-premier-hub .responsibleNotice .wrap{
  overflow:visible!important;
}
body.page-premier-hub .officialArticleIndex .sectionHead h2{
  color:#fff!important;
}
body.page-premier-hub .officialArticleIndex .sectionHead p{
  color:#b8c7d8!important;
}
@media(max-width:620px){
  body.page-premier-hub{
    padding-bottom:86px!important;
  }
  body.page-premier-hub .wrap,
  body.page-premier-hub .topin,
  body.page-premier-hub .heroGrid,
  body.page-premier-hub .heroGrid>div,
  body.page-premier-hub .officialNewsCenter .wrap,
  body.page-premier-hub .officialArticleIndex .wrap,
  body.page-premier-hub .relatedTopicBand .wrap,
  body.page-premier-hub .responsibleNotice .wrap{
    width:100%!important;
    max-width:100%!important;
    padding-left:16px!important;
    padding-right:16px!important;
    margin-left:0!important;
    margin-right:0!important;
    overflow:visible!important;
  }
  body.page-premier-hub .hero h1{
    width:100%!important;
    max-width:358px!important;
    font-size:30px!important;
    line-height:1.18!important;
    letter-spacing:0!important;
    word-break:keep-all!important;
    overflow-wrap:break-word!important;
  }
  body.page-premier-hub .lead,
  body.page-premier-hub .officialNewsHeader p,
  body.page-premier-hub .officialArticleIndex .sectionHead p{
    max-width:358px!important;
    font-size:15px!important;
    line-height:1.72!important;
  }
  body.page-premier-hub .heroActions .btn{
    width:100%!important;
    max-width:358px!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  body.page-premier-hub .officialLeadCard,
  body.page-premier-hub .officialTopicPanel,
  body.page-premier-hub .officialNewsRow,
  body.page-premier-hub .responsibleBox{
    width:100%!important;
    max-width:100%!important;
  }
  body.page-premier-hub .officialNewsList{
    width:100%!important;
    max-width:100%!important;
    gap:13px!important;
  }
body.page-premier-hub .officialNewsRow{
    aspect-ratio:16/9!important;
  }
}

/* 2026-05-27 news image completion: keep latest-news hero visual visible on mobile. */
body.page-news .newsHero .showcase{
  width:100%!important;
  max-width:610px!important;
  margin:0!important;
  overflow:visible!important;
}
body.page-news .newsHero .browserCard{
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  transform:none!important;
}
body.page-news .newsHero .browserBody{
  width:100%!important;
  display:block!important;
  height:auto!important;
}
body.page-news .newsHero .largeShot{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  padding:7px!important;
  border-radius:18px!important;
}
body.page-news .newsHero .largeShot img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:16/9!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#07182f!important;
}
body.page-news .newsHero .dash{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  margin-top:10px!important;
}
body.page-news .newsHero .dashPanel{
  min-height:112px!important;
  padding:15px!important;
}
@media(max-width:620px){
  body.page-news .newsHero .wrap,
  body.page-news .newsHero .heroGrid{
    width:100%!important;
    max-width:100%!important;
    padding-left:16px!important;
    padding-right:16px!important;
    margin-left:0!important;
    margin-right:0!important;
    overflow:visible!important;
  }
  body.page-news .newsHero .heroGrid>div{
    width:100%!important;
    max-width:100%!important;
    padding-left:0!important;
    padding-right:0!important;
    overflow:visible!important;
  }
  body.page-news .newsHero h1,
  body.page-news .newsHero .lead,
  body.page-news .newsHero .heroActions{
    width:100%!important;
    max-width:358px!important;
  }
  body.page-news .newsHero .showcase{
    display:block!important;
    width:100%!important;
    max-width:358px!important;
    min-height:0!important;
    margin:18px 0 0!important;
    padding:0!important;
    visibility:visible!important;
  }
  body.page-news .newsHero .browserCard{
    display:block!important;
    padding:7px!important;
    border-radius:20px!important;
    background:#07182f!important;
    box-shadow:0 18px 44px rgba(0,0,0,.28)!important;
    visibility:visible!important;
  }
  body.page-news .newsHero .browserBar,
  body.page-news .newsHero .dash{
    display:none!important;
  }
  body.page-news .newsHero .browserBody{
    display:block!important;
    height:auto!important;
    visibility:visible!important;
  }
  body.page-news .newsHero .largeShot{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding:0!important;
    border-radius:15px!important;
    background:#07182f!important;
    visibility:visible!important;
  }
  body.page-news .newsHero .largeShot img{
    display:block!important;
    width:100%!important;
    height:auto!important;
    aspect-ratio:16/9!important;
    border-radius:15px!important;
    object-fit:contain!important;
    object-position:center!important;
    visibility:visible!important;
  }
}

/* 2026-05-27 live page SSS pass: keep key live-guide visuals visible on mobile. */
body.page-live .hero .showcase{
  width:100%!important;
  max-width:610px!important;
  min-height:430px!important;
  margin:0!important;
  justify-self:end!important;
  overflow:visible!important;
}
body.page-live .hero .browserCard{
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  height:auto!important;
  min-height:360px!important;
  margin:0!important;
  transform:none!important;
}
body.page-live .hero .browserBody{
  width:100%!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(220px,.72fr)!important;
  min-height:292px!important;
}
body.page-live .hero .largeShot{
  min-height:292px!important;
}
body.page-live .hero .dashPanel{
  background:rgba(247,250,255,.96)!important;
  border-color:#dce6f1!important;
  color:#102033!important;
}
body.page-live .hero .dashPanel b{
  color:#102033!important;
}
body.page-live .hero .dashPanel p{
  color:#52657c!important;
}
body.page-live .hero .largeShot img,
body.page-live .siteUiSpineVisual img,
body.page-live .operationShot img{
  object-position:center!important;
}
body.page-live .hero .largeShot img{
  object-fit:contain!important;
  background:#07182f!important;
}
body.page-live .siteUiSpine{
  display:block!important;
}
body.page-live .phoneFloat{
  display:none!important;
}
body.page-live .operationGrid .operationShot:nth-child(n+2){
  display:block!important;
}
@media(min-width:981px){
  body.page-live .hero{
    padding-top:76px!important;
    padding-bottom:76px!important;
  }
  body.page-live .heroGrid{
    max-width:1480px!important;
    grid-template-columns:minmax(520px,.9fr) minmax(660px,1.1fr)!important;
    gap:72px!important;
    align-items:center!important;
  }
  body.page-live .heroGrid>div:first-child{
    max-width:720px!important;
  }
  body.page-live .heroTitle{
    max-width:720px!important;
  }
  body.page-live .heroTitle span{
    display:block!important;
    justify-self:start!important;
    font-size:38px!important;
    line-height:1.05!important;
    margin-bottom:10px!important;
    letter-spacing:-.01em!important;
  }
  body.page-live .heroTitle strong{
    display:block!important;
    justify-self:start!important;
    max-width:720px!important;
    font-size:clamp(48px,3.55vw,64px)!important;
    line-height:1.06!important;
    letter-spacing:-.024em!important;
  }
  body.page-live .heroTitle em{
    display:inline-flex!important;
    align-items:center!important;
    justify-self:start!important;
    width:auto!important;
    max-width:100%!important;
    margin-top:14px!important;
    padding:8px 18px 9px!important;
    border-radius:18px!important;
    font-size:clamp(22px,1.9vw,31px)!important;
    line-height:1.12!important;
    letter-spacing:0!important;
  }
  body.page-live .lead{
    max-width:690px!important;
    margin-top:22px!important;
    font-size:20px!important;
    line-height:1.72!important;
  }
  body.page-live .heroActions{
    margin-top:30px!important;
    gap:14px!important;
  }
  body.page-live .heroActions .btn{
    min-width:182px!important;
    min-height:54px!important;
    border-radius:14px!important;
  }
  body.page-live .trustStrip{
    margin-top:18px!important;
  }
  body.page-live .hero .showcase{
    max-width:760px!important;
    min-height:410px!important;
    justify-self:stretch!important;
  }
  body.page-live .hero .browserCard{
    min-height:360px!important;
    padding:16px!important;
    border-radius:18px!important;
  }
  body.page-live .hero .browserBar{
    height:32px!important;
    margin-bottom:14px!important;
  }
  body.page-live .hero .browserBody{
    grid-template-columns:minmax(0,1.18fr) minmax(258px,.82fr)!important;
    gap:18px!important;
    min-height:310px!important;
    height:auto!important;
  }
  body.page-live .hero .largeShot{
    min-height:310px!important;
    border-radius:16px!important;
  }
  body.page-live .hero .dash{
    display:grid!important;
    gap:14px!important;
  }
  body.page-live .hero .dashPanel{
    min-height:0!important;
    padding:18px!important;
    border-radius:18px!important;
  }
  body.page-live .hero .dashPanel b{
    font-size:19px!important;
    line-height:1.25!important;
  }
  body.page-live .hero .dashPanel p{
    margin-top:6px!important;
    font-size:15px!important;
    line-height:1.62!important;
  }
}
@media(max-width:620px){
  body.page-live{
    padding-bottom:86px!important;
  }
  body.page-live .hero{
    padding-bottom:228px!important;
  }
  body.page-live .wrap,
  body.page-live .heroGrid,
  body.page-live .heroGrid>div,
  body.page-live .sectionHead,
  body.page-live .pathGrid,
  body.page-live .decisionGrid,
  body.page-live .oneLineGrid,
  body.page-live .operationGrid,
  body.page-live .siteUiSpineGrid{
    width:100%!important;
    max-width:100%!important;
    padding-left:16px!important;
    padding-right:16px!important;
    margin-left:0!important;
    margin-right:0!important;
    overflow:visible!important;
  }
  body.page-live .heroGrid>div,
  body.page-live .siteUiSpineGrid>*,
  body.page-live .operationGrid>*{
    padding-left:0!important;
    padding-right:0!important;
  }
  body.page-live .hero .showcase{
    display:block!important;
    visibility:visible!important;
    width:100%!important;
    max-width:358px!important;
    min-height:0!important;
    margin:18px 0 0!important;
    padding:0!important;
    overflow:visible!important;
  }
  body.page-live .hero .browserCard{
    display:block!important;
    visibility:visible!important;
    min-height:0!important;
    padding:7px!important;
    border-radius:20px!important;
    background:#07182f!important;
    box-shadow:0 18px 44px rgba(0,0,0,.28)!important;
  }
  body.page-live .hero .browserBar,
  body.page-live .hero .dash,
  body.page-live .phoneFloat,
  body.page-live .goldBadge{
    display:none!important;
  }
  body.page-live .hero .browserBody{
    display:block!important;
    height:auto!important;
    min-height:0!important;
    visibility:visible!important;
  }
  body.page-live .hero .largeShot{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding:0!important;
    border-radius:15px!important;
    background:#07182f!important;
    visibility:visible!important;
  }
  body.page-live .hero .largeShot img{
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    aspect-ratio:16/9!important;
    border-radius:15px!important;
    object-fit:contain!important;
    object-position:center!important;
    visibility:visible!important;
  }
  body.page-live .heroActions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
    width:100%!important;
    max-width:358px!important;
  }
  body.page-live .heroActions .btn,
  body.page-live .heroActions .btn:nth-child(n+2){
    display:flex!important;
    width:100%!important;
    max-width:358px!important;
  }
  body.page-live .heroTitle strong{
    font-size:30px!important;
    line-height:1.16!important;
  }
  body.page-live .lead{
    max-width:358px!important;
    -webkit-line-clamp:unset!important;
  }
  body.page-live .siteUiSpine{
    display:block!important;
    background:linear-gradient(135deg,#061426,#0d2d4e)!important;
    color:#eaf6ff!important;
  }
  body.page-live .siteUiSpine *{
    color:inherit!important;
  }
  body.page-live .siteUiSteps{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  body.page-live .siteUiSpineVisual{
    display:block!important;
    margin-top:14px!important;
  }
  body.page-live .siteUiSpineVisual img{
    display:block!important;
    width:100%!important;
    height:auto!important;
    aspect-ratio:16/9!important;
    object-fit:contain!important;
  }
  body.page-live .operationGrid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  body.page-live .operationGrid .operationShot:nth-child(n+2){
    display:block!important;
  }
  body.page-live .operationShot{
    width:100%!important;
    margin:0!important;
  }
  body.page-live .operationShot img{
    width:100%!important;
    height:auto!important;
    aspect-ratio:16/9!important;
    object-fit:contain!important;
  }
  body.page-live .pathCard,
  body.page-live .oneLineGrid article,
  body.page-live .decisionGrid article,
  body.page-live .responsibleBox,
  body.page-live .faq details{
    width:100%!important;
    max-width:100%!important;
  }
  body.page-live .siteMobileCta{
    z-index:120!important;
  }
  body.page-live main{
    padding-bottom:24px!important;
  }
}

/* 2026-05-27 live hero alignment: use one complete cover visual like the other main pages. */
@media(min-width:981px){
  body.page-live .hero{
    padding-top:72px!important;
    padding-bottom:72px!important;
  }
  body.page-live .heroGrid{
    max-width:1440px!important;
    grid-template-columns:minmax(500px,.92fr) minmax(620px,1.08fr)!important;
    gap:70px!important;
  }
  body.page-live .hero .showcase{
    max-width:760px!important;
    min-height:0!important;
    align-self:center!important;
  }
  body.page-live .hero .browserCard{
    display:block!important;
    min-height:0!important;
    padding:14px!important;
    border-radius:22px!important;
    background:rgba(8,18,34,.92)!important;
    border:1px solid rgba(255,255,255,.14)!important;
    box-shadow:0 24px 70px rgba(0,0,0,.32)!important;
  }
  body.page-live .hero .browserBar{
    display:flex!important;
    height:30px!important;
    margin-bottom:12px!important;
    border-radius:999px!important;
  }
  body.page-live .hero .browserBody{
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
  }
  body.page-live .hero .dash,
  body.page-live .hero .goldBadge,
  body.page-live .hero .phoneFloat{
    display:none!important;
  }
  body.page-live .hero .largeShot{
    display:block!important;
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    padding:0!important;
    aspect-ratio:16/9!important;
    border-radius:16px!important;
    background:#07182f!important;
    overflow:hidden!important;
  }
  body.page-live .hero .largeShot img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    aspect-ratio:16/9!important;
    object-fit:contain!important;
    object-position:center!important;
    transform:none!important;
    border-radius:16px!important;
  }
}

/* 2026-05-29 SSS mobile polish: remove fixed CTA occlusion and settle live hero sizing. */
@media(max-width:620px){
  body{
    padding-bottom:0!important;
  }

  .siteMobileCta{
    position:static!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    z-index:auto!important;
    width:calc(100% - 28px)!important;
    max-width:420px!important;
    margin:18px auto 0!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
    padding:8px!important;
    border-radius:16px!important;
    background:#07111f!important;
    border:1px solid rgba(255,255,255,.14)!important;
    box-shadow:0 14px 30px rgba(7,17,31,.18)!important;
  }

  .footer{
    padding-bottom:28px!important;
  }

  body.page-live{
    padding-bottom:0!important;
  }

  body.page-live .hero{
    padding-top:40px!important;
    padding-bottom:42px!important;
  }

  body.page-live .hero .showcase{
    width:320px!important;
    max-width:calc(100vw - 48px)!important;
    margin:22px auto 0!important;
    overflow:hidden!important;
  }

  body.page-live .hero .browserCard{
    width:100%!important;
    max-width:100%!important;
    margin:0 auto!important;
    overflow:hidden!important;
  }

  body.page-live .hero .largeShot,
  body.page-live .hero .largeShot img,
  body.page-live .siteUiSpineVisual img,
  body.page-live .operationShot img{
    width:100%!important;
    max-width:100%!important;
    aspect-ratio:16/9!important;
    object-fit:contain!important;
    object-position:center!important;
    transform:none!important;
  }

  body.page-live .operationShot{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:calc(100vw - 32px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    overflow:hidden!important;
  }

  body.page-live main{
    padding-bottom:0!important;
  }

  body.page-live .siteUiSpine{
    padding-top:38px!important;
  }

  body.page-live .heroTitle strong{
    font-size:28px!important;
    line-height:1.25!important;
    letter-spacing:0!important;
  }

  body.page-live .section,
  body.page-live .siteUiSpine,
  body.page-live .pageFinalSeal{
    overflow:hidden!important;
  }

  body.page-live .wrap,
  body.page-live .heroGrid,
  body.page-live .heroGrid>div,
  body.page-live .sectionHead,
  body.page-live .pathGrid,
  body.page-live .decisionGrid,
  body.page-live .oneLineGrid,
  body.page-live .operationGrid,
  body.page-live .siteUiSpineGrid{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:16px!important;
    padding-right:16px!important;
  }

  body.page-live .heroGrid>div,
  body.page-live .siteUiSpineGrid>*,
  body.page-live .operationGrid>*{
    padding-left:0!important;
    padding-right:0!important;
  }
}

/* 2026-05-29 live contrast repair: prevent captions and helper text from being eaten by dark/light panels. */
body.page-live .operationShot figcaption{
  background:#07182f!important;
  color:#eaf4ff!important;
  border:1px solid rgba(158,232,255,.18)!important;
  border-radius:12px!important;
  margin-top:10px!important;
  padding:10px 12px!important;
  font-weight:850!important;
  opacity:1!important;
}

body.page-live .siteUiSpineVisual figcaption,
body.page-live figure figcaption{
  background:#07182f!important;
  color:#eaf4ff!important;
  border:1px solid rgba(158,232,255,.18)!important;
  border-radius:12px!important;
  margin-top:10px!important;
  padding:10px 12px!important;
  font-weight:850!important;
  opacity:1!important;
}

body.page-live .siteUiSteps small,
body.page-live .pathCard p,
body.page-live .oneLineGrid article span,
body.page-live .oneLineGrid article em,
body.page-live .decisionGrid article p,
body.page-live .responsibleBox p,
body.page-live .faqList p,
body.page-live .sectionHead p,
body.page-live .lead{
  color:#dcecff!important;
  opacity:1!important;
}

body.page-live .pathCard,
body.page-live .oneLineGrid article,
body.page-live .decisionGrid article,
body.page-live .responsibleBox,
body.page-live .faqList details{
  background:#07182f!important;
  border-color:rgba(158,232,255,.18)!important;
}

body.page-live .pathCard span,
body.page-live .eyebrow{
  color:#8ee9ff!important;
}

body.page-live .pathCard b,
body.page-live .oneLineGrid article b,
body.page-live .decisionGrid article b,
body.page-live .responsibleBox strong,
body.page-live .faqList summary{
  color:#fff!important;
}

body.page-live .oneLineGrid article em{
  display:block!important;
  margin-top:10px!important;
  background:rgba(142,233,255,.10)!important;
  border:1px solid rgba(142,233,255,.18)!important;
  border-radius:10px!important;
  padding:8px 10px!important;
  font-style:normal!important;
}