/* GFSX V3 — independent original adaptation in GFSX blue; no competitor branding. */
:root { --bg:#070a12;--bg2:#0b101c;--surface:#111722;--surface2:#141e30;--line:rgba(132,170,217,.16);--blue:#1565ed;--blue2:#3ca4ff;--muted:#a1afc5; }
body { background:#080c15; }
.site-header-v3 {height:77px;background:rgba(4,8,15,.96);border-bottom:1px solid rgba(91,132,202,.16);box-shadow:0 4px 27px rgba(0,0,0,.23);}
.site-header-v3 .container {width:min(1480px,calc(100% - 52px));}
.header-inner-v3 {display:flex;align-items:center;height:100%;gap:16px;}
.brand-v3 {min-width:0;gap:7px;flex:0 0 auto;}
.brand-v3 img {width:102px;height:55px;object-fit:contain;}
.brand-v3 .brand-label {font-size:13px;letter-spacing:.06em;}
.brand-v3 .brand-label strong {font-size:10px;}
.header-dropdown {position:relative;flex:0 0 auto;}
.header-dropdown summary {list-style:none;display:flex;align-items:center;justify-content:center;gap:9px;white-space:nowrap;cursor:pointer;border:1px solid #263246;border-radius:999px;color:#e7f1ff;font-size:12px;font-weight:800;min-height:40px;padding:0 17px;background:#111722;user-select:none;}
.header-dropdown summary::-webkit-details-marker{display:none;}
.browse-popover summary {background:#155be0;border-color:#2c78ee;color:white;}
.header-dropdown summary:hover,.header-dropdown[open] summary {border-color:#4388ec;background:#1c2b43;}
.browse-popover[open] summary,.browse-popover summary:hover{background:#237cf4;}
.drop-chevron{font-size:16px;opacity:.8;}
.dropdown-panel {position:absolute;left:0;top:calc(100% + 12px);z-index:200;width:250px;border:1px solid #2b3f5d;border-radius:15px;background:#101827;box-shadow:0 26px 70px #000a;padding:9px;}
.dropdown-panel a {display:flex;justify-content:space-between;gap:15px;padding:13px 12px;border-radius:8px;color:#d5e5f8;text-decoration:none;font-size:12px;font-weight:700;}
.dropdown-panel a:hover,.currency-option:hover {background:#1b355b;color:white;}
.dropdown-panel a span {color:#70b9ff;}
.dropdown-right{left:auto;right:0;}
.dropdown-heading{color:#79bfff;letter-spacing:.14em;font-weight:800;font-size:10px;padding:9px 10px;}
.currency-popover summary{min-width:99px;}
.currency-panel{width:292px;left:auto;right:0;padding:11px;}
.currency-explain,.currency-mini-note{font-size:11px;line-height:1.55;color:#abbad0;margin:4px 10px 12px;}
.currency-mini-note{border-top:1px solid #2b3a4f;padding-top:12px;margin-top:13px;}
.currency-list{display:grid;grid-template-columns:1fr 1fr;gap:3px;max-height:245px;overflow:auto;}
.currency-option{border:0;border-radius:7px;color:#d5e5f8;padding:11px 8px;background:transparent;font-size:10px;cursor:pointer;text-align:left;}
.currency-option.selected{background:#174f96;color:#fff;font-weight:800;}
.header-search{display:flex;align-items:center;min-width:125px;max-width:650px;flex:1 1 430px;height:42px;padding:0 11px;border:1px solid #293140;border-radius:999px;background:#0d111a;}
.header-search:focus-within{border-color:#428cea;box-shadow:0 0 0 3px #2572e51f;}
.header-search svg,.search-field svg{width:18px;height:18px;fill:none;stroke:#8495aa;stroke-width:2;flex:0 0 auto;}
.header-search input{color:#f4f9ff;border:0;outline:0;min-width:0;flex:1;padding:10px 13px;background:transparent;font:500 12px var(--body);}
.header-search input::placeholder{color:#748197;}
.header-search button{border:0;background:transparent;color:#8cbef4;cursor:pointer;font-size:17px;}
.header-actions{display:flex;align-items:center;gap:10px;margin-left:auto;}
.mobile-menu-toggle{display:none;}
.mobile-nav[hidden]{display:none;}
.hero-v3{padding:0;min-height:610px;background:radial-gradient(circle at center,rgba(19,58,115,.15),transparent 45%),#080c15;overflow:hidden;}
.hero-v3::before{opacity:.35;mask-image:none;background-size:34px 34px;}
.hero-v3::after{display:none;}
.hero-v3-grid{width:min(1800px,100%);margin:0 auto;min-height:607px;display:grid;grid-template-columns:minmax(180px,27%) minmax(390px,46%) minmax(180px,27%);position:relative;}
.hero-v3-center{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;position:relative;z-index:3;padding:60px 18px;background:linear-gradient(90deg,rgba(7,11,19,.45),#080d19 20%,#080d19 80%,rgba(7,11,19,.45));}
.hero-v3-center::before {content:'';position:absolute;inset:0;z-index:-1;background-image:radial-gradient(#3b577a55 1px,transparent 1px);background-size:23px 23px;mask-image:linear-gradient(90deg,transparent,black 20%,black 80%,transparent);opacity:.28;}
.hero-label{font-size:10px;letter-spacing:.19em;color:#91b4db;font-weight:800;margin-bottom:28px;display:flex;align-items:center;gap:10px;}
.hero-v3-center h1{font-family:var(--heading);font-size:clamp(67px,6vw,116px);line-height:.88;letter-spacing:-.017em;margin:0 0 22px;font-weight:900;}
.hero-v3-center h1>span {color:#fff;}
.hero-v3-center h1 em {font-style:normal;color:#378eff;background:linear-gradient(120deg,#75c6ff,#0865e7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.hero-v3-lead{font-size:15px;font-weight:800;color:white;max-width:440px;line-height:1.6;margin:0 0 8px;}
.hero-v3-desc{font-size:12px;line-height:1.85;color:#adbbd1;max-width:465px;margin:0 0 26px;}
.hero-v3-buttons{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;}
.hero-v3-buttons .btn{border-radius:999px;min-height:46px;}
.hero-v3-points{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;margin-top:28px;font-size:10px;font-weight:700;color:#90acd0;}
.mosaic-wall{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:155px;gap:9px;padding:9px;position:relative;opacity:.9;}
.mosaic-wall::after{content:'';pointer-events:none;position:absolute;inset:0;background:linear-gradient(90deg,transparent 62%,#080d19dd 100%);}
.mosaic-right::after{background:linear-gradient(90deg,#080d19dd 0,transparent 38%);}
.mosaic-tile{border:1px solid #202b3f;background:linear-gradient(140deg,#102e51,#0b111c);display:block;min-width:0;min-height:0;overflow:hidden;border-radius:16px;box-shadow:inset 0 0 0 3px rgba(6,13,23,.4);}
.mosaic-tile img{height:100%;width:100%;object-fit:cover;display:block;opacity:.86;filter:saturate(.75);transition:transform .25s,opacity .25s;}
.mosaic-tile:hover img{opacity:1;transform:scale(1.07);}
.mosaic-wall .mosaic-tile:nth-child(even){transform:translateY(9px)}
.hero-edge{height:3px;background:linear-gradient(90deg,#0c2f68,#1768f4,#3cadff,#0b3175);}
.services-section{background:#080c15;}
.service-grid {grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;}
.service-card{border-radius:15px;background:#101825;border-color:#263347;box-shadow:0 8px 24px #0003;}
.service-card:hover{border-color:#357bd3;box-shadow:0 18px 45px #0007;}
.game-cover-art{height:208px!important;display:grid;place-items:center;background:linear-gradient(145deg,#112c4c,#090f1e)!important;}
.game-cover-art .game-cover{position:relative;display:block;width:auto;height:90%;max-width:83%;max-height:190px;border-radius:14px;object-fit:cover;box-shadow:0 8px 28px #000a;transition:transform .25s;}
.game-cover-art .game-art-mark{opacity:.14;font-size:100px;}
.game-cover-art .game-art-corners{z-index:4;}
.service-card-body{padding:18px 18px 16px;}
.service-card h3{font-family:var(--body);font-size:20px;line-height:1.17;min-height:47px;letter-spacing:-.025em;margin:11px 0;}
.service-card p{font-size:11px;}
.service-card .card-meta{color:#8abaed;}
.service-card .card-action{color:#d9edff;}
.show-more-btn,.filter-pill{border-radius:999px;}
.process-v3 {background:radial-gradient(circle at 75% 44%,rgba(24,70,151,.1),transparent 40%),#090e17;}
.process-split {display:grid;grid-template-columns: 1fr .95fr;align-items:center;gap:8%;}
.process-copy h2{font:900 clamp(54px,6vw,92px)/.92 var(--heading);margin:0 0 20px;}
.process-copy h2 span{color:#3299ff;}
.process-summary{font-size:13px;line-height:1.85;color:#aabed7;max-width:530px;}
.journey-list{display:grid;gap:13px;margin:30px 0;}
.journey-step{display:flex;gap:18px;padding:19px 17px;border:1px solid #27334a;border-radius:13px;background:#101724;}
.journey-step>span{width:33px;height:33px;flex:0 0 33px;display:grid;place-items:center;border-radius:50%;background:#1f70df;color:white;font-weight:900;font-size:12px;}
.journey-step h3{font:800 14px var(--body);margin:0 0 7px;color:#fff;}
.journey-step p{margin:0;font-size:11px;color:#adc0d7;line-height:1.65;}
.process-visual{position:relative;padding:45px 0;}
.process-glow{position:absolute;inset:30px;background:#1b71f4;filter:blur(100px);opacity:.14;pointer-events:none;}
.ticket-window{position:relative;border:1px solid #354c6e;border-radius:17px;overflow:hidden;box-shadow:0 25px 65px #0009;background:#0c111d;transform:rotate(1.3deg);}
.ticket-window-bar{display:flex;justify-content:space-between;align-items:center;background:#111b2c;border-bottom:1px solid #263d5d;padding:16px 19px;font-size:9px;letter-spacing:.1em;color:#b9d2ee;}
.ticket-dots{color:#5e87bd;letter-spacing:4px;font-size:13px;}
.ticket-window-body{padding:27px;}
.ticket-top{display:flex;justify-content:space-between;gap:15px;padding-bottom:21px;border-bottom:1px solid #2d405d;}
.ticket-channel{color:#f4faff;font-size:19px;font-weight:800;}
.ticket-verified{font-size:9px;font-weight:900;color:#6fc6ff;align-self:center;}
.ticket-alert{background:#102844;border-left:3px solid #359eff;margin:23px 0;padding:20px;color:#98caff;font-size:12px;}
.ticket-alert strong{color:white;letter-spacing:.07em;}
.ticket-alert p{color:#adc4e3;line-height:1.8;margin:10px 0 0;}
.ticket-msg{display:flex;gap:12px;margin:28px 0;}
.ticket-avatar{flex:0 0 37px;width:37px;height:37px;display:grid;place-items:center;background:#1367ec;border-radius:12px;color:#fff;font:900 20px var(--heading);}
.ticket-msg strong{font-size:12px;color:#fff;}
.ticket-msg strong small{font-size:9px;color:#80c4ff;margin-left:8px;}
.ticket-msg p{color:#bbcae0;line-height:1.7;font-size:12px;margin-top:9px;}
.ticket-action{border:1px solid #32649b;border-radius:9px;padding:17px;text-align:center;color:#9dd0ff;font-size:10px;font-weight:900;letter-spacing:.07em;}
.ticket-undertext{text-align:center;margin-top:24px;color:#8bb5e5;font-size:11px;}
.confidence-section{padding:82px 0;background:#0d1421;border-block:1px solid #253a59;}
.confidence-inner{display:grid;grid-template-columns:1fr 1.3fr;gap:65px;align-items:center;}
.confidence-copy h2{font:900 clamp(52px,5vw,79px)/.95 var(--heading);margin:0 0 19px;}
.confidence-copy h2 span{color:#60b8ff;}
.confidence-copy p{color:#acbed5;line-height:1.8;font-size:12px;max-width:455px;margin:0 0 23px;}
.confidence-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.confidence-cards>div{background:#131e2f;border:1px solid #2b4668;border-radius:14px;padding:26px 19px 30px;min-height:193px;}
.confidence-icon{color:#77c5ff;font:900 29px var(--heading);}
.confidence-cards h3{font-weight:800;font-size:14px;line-height:1.4;color:#fff;margin:21px 0 10px;}
.confidence-cards p{font-size:11px;color:#a5b6cd;line-height:1.75;}
.detail-main,.order-main{background:#090e17;}
.detail-intro,.detail-panel,.spec-card,.warning-card,.order-hero,.order-steps,.security-advice,.compact-spec{border-radius:16px;}
.detail-cover-frame{border-radius:20px;transform:rotate(2deg);box-shadow:0 20px 75px #0009;}
.detail-gallery figure{border-radius:12px;overflow:hidden;}
.detail-panel,.spec-card{background:#101827;}
.order-hero{background:radial-gradient(circle at 85% 50%,#133e77,transparent 47%),linear-gradient(120deg,#10223d,#070f1b);}
.footer-bottom {gap:10px;}
.btn-primary{background:#156aee;}
.btn-primary:hover{background:#348aff;}
@media(max-width:1260px){.brand-v3 .brand-label{display:none;}.hero-v3-grid{grid-template-columns:minmax(145px,27%) minmax(360px,46%) minmax(145px,27%)}.hero-v3-center h1{font-size:clamp(65px,6.5vw,98px)}.mosaic-wall{grid-auto-rows:142px}.hero-v3-grid{min-height:588px}}
@media(max-width:1050px){.site-header-v3 .container{width:calc(100% - 30px)}.header-inner-v3{gap:9px}.header-search{flex-basis:220px}.brand-v3 img{width:90px}.header-dropdown summary{padding:0 12px;font-size:11px}.hero-v3-grid{grid-template-columns:19% 62% 19%}.mosaic-wall{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:132px}.mosaic-wall .mosaic-tile:nth-child(n+7){display:none}.process-split{gap:30px}.confidence-inner{grid-template-columns:1fr;gap:25px}}
@media(max-width:890px){.site-header-v3{height:auto;min-height:72px}.header-inner-v3{min-height:72px}.site-header-v3 .brand-label{display:none}.browse-popover{display:none}.header-search{max-width:none}.more-popover{display:none}.mobile-menu-toggle{display:flex!important;flex-direction:column;justify-content:center;gap:5px;align-items:center;margin-left:0}.mobile-nav:not([hidden]){top:72px}.hero-v3-grid{grid-template-columns:15% 70% 15%}.mosaic-wall{gap:6px;padding:6px;grid-template-columns:1fr;grid-auto-rows:124px}.hero-v3-center{padding:55px 15px}.hero-v3-center h1{font-size:clamp(73px,10vw,99px)}.process-split{grid-template-columns:1fr}.process-visual{max-width:650px;width:100%;margin:auto}.confidence-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.site-header-v3 .container{width:calc(100% - 22px)}.site-header-v3 .brand-v3 img{width:76px}.header-inner-v3{gap:7px}.header-search{height:37px;flex:1;}.header-search input{font-size:10px;padding:7px;}.header-search svg{height:14px;width:14px}.header-actions{gap:6px}.currency-popover summary{min-width:70px;font-size:10px;padding:0 8px;min-height:36px;gap:5px}.currency-panel{right:-44px;max-width:min(292px,90vw)}.mobile-menu-toggle{width:36px;height:36px}.hero-v3-grid{display:block;min-height:0}.mosaic-wall{display:none}.hero-v3-center{min-height:515px;padding:59px 18px}.hero-v3-center h1{font-size:clamp(68px,14vw,95px)}.hero-label{font-size:9px;letter-spacing:.12em}.hero-v3-desc{max-width:340px}.hero-v3-points{font-size:9px}.hero-v3-buttons .btn{font-size:11px;min-height:45px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.game-cover-art{height:188px!important}.game-cover-art .game-cover{max-height:164px}.service-card h3{font-size:17px;min-height:42px}.service-card-body{padding:13px}.service-card p{font-size:10px;min-height:43px}.process-copy h2{font-size:70px}.ticket-window-body{padding:17px}.ticket-channel{font-size:15px}.confidence-section{padding:62px 0}.confidence-cards{grid-template-columns:1fr}.confidence-cards>div{min-height:0;padding:21px}.confidence-cards h3{margin:10px 0}.detail-cover-frame{transform:none}.dropdown-panel{max-width:calc(100vw - 30px)} }
@media(max-width:385px){.site-header-v3 .brand-v3 img{width:63px}.currency-popover summary{min-width:61px}.header-search input{font-size:9px}.header-search input::placeholder{font-size:9px}.hero-v3-center h1{font-size:63px}}
