@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');

:root{--navy:#03142c;--ink:#071841;--blue:#008cf4;--cyan:#13c9f3;--violet:#a72ff1;--paper:#f1faff;--muted:#536587;--line:#d5eaf6;--max:1220px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;line-height:1.55}button,input,select,textarea{font:inherit}a{color:#0078d7}img{max-width:100%}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}.wrap{width:min(var(--max),calc(100% - 52px));margin-inline:auto}.skip{position:absolute;top:-100px;left:12px;z-index:1000;background:#fff;padding:8px 14px}.skip:focus{top:12px}.eyebrow{color:#057ac3;text-transform:uppercase;letter-spacing:.22em;font-size:.72rem;font-weight:800;margin:0 0 10px}.eyebrow.light{color:#7fe9ff}.section-title{font:700 clamp(2rem,3.1vw,3.25rem)/1.07 'Space Grotesk',sans-serif;letter-spacing:-.045em;margin:0 0 15px}.lead{font-size:1.08rem;color:var(--muted);max-width:58ch}.gradient-text{background:linear-gradient(90deg,#18cfff,#4585ff 58%,#d04bf2);background-clip:text;-webkit-background-clip:text;color:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:48px;padding:11px 24px;border-radius:100px;text-decoration:none;font-weight:700;font-size:.92rem;border:1px solid transparent;cursor:pointer;transition:transform .2s,box-shadow .2s,filter .2s}.btn:hover{transform:translateY(-2px)}.btn-glow{background:linear-gradient(105deg,#04bce8,#187af9 51%,#b12fe8);color:#fff;box-shadow:0 8px 24px #087de84d}.btn-outline{border-color:#1688dc;color:#087ad4;background:#fff}.btn-ghost{border-color:#4eb9efaa;color:#fff;background:#09244788}.text-link{text-decoration:none;font-weight:800;color:#087acf}.text-link:hover{text-decoration:underline}.text-link span{margin-left:7px}.site-header{background:#031329;color:#fff;position:relative;z-index:30}.site-header-inner{width:min(var(--max),calc(100% - 52px));margin:auto;min-height:78px;display:flex;align-items:center;gap:34px}.brand{display:inline-flex;align-items:center;gap:9px;color:#fff;text-decoration:none;flex:0 0 auto}.brand-mark{width:47px;height:47px;object-fit:contain}.brand-type{font-size:1rem;letter-spacing:.28em;font-weight:700;line-height:1.05}.brand-type small{display:block;font-size:.42rem;letter-spacing:.21em;margin-top:5px;font-weight:700}.site-nav{display:flex;align-items:center;justify-content:center;gap:30px;flex:1}.site-nav a{color:#e8f1ff;text-decoration:none;font-size:.9rem;font-weight:700;border-bottom:2px solid transparent;padding:6px 0}.site-nav a:hover,.site-nav a[aria-current=page]{color:#62e0ff;border-color:#0fd8ea}.header-actions{display:flex;align-items:center;gap:15px}.icon-btn{width:40px;height:40px;border-radius:50%;border:1px solid #238cca;color:#fff;background:#082447;display:grid;place-items:center;cursor:pointer}.menu-button{display:none}.search-panel{display:none;position:absolute;right:max(26px,calc((100vw - var(--max))/2));top:70px;z-index:50;background:#092340;padding:15px;border:1px solid #2e8acc;border-radius:15px;box-shadow:0 18px 50px #0008;width:min(380px,calc(100vw - 32px))}.search-panel.open{display:block}.search-panel input{width:100%;padding:11px;border-radius:9px;border:1px solid #8dd4ff}.search-panel p{font-size:.78rem;margin:8px 0 0;color:#c8e9ff}.hero{position:relative;overflow:hidden;color:#fff;background:#031329 url('nexavyn-light-trails.png') center 50%/cover no-repeat}.hero::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#031329 1%,#031329e8 33%,#03132978 63%,#03132925);pointer-events:none}.hero-inner{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:28px;min-height:380px;padding-block:44px 55px}.hero h1{font:700 clamp(2.7rem,5.3vw,5.5rem)/.99 'Space Grotesk',sans-serif;letter-spacing:-.055em;margin:0 0 18px;max-width:13ch}.hero p:not(.eyebrow){font-size:1.13rem;max-width:47ch;margin:0 0 22px;color:#e3f2ff}.hero-buttons{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.hero-art{position:relative;display:grid;place-items:center;min-height:300px}.hero-art .hero-n{width:min(340px,58vw);filter:drop-shadow(0 0 20px #00adff) drop-shadow(0 0 50px #2966ff);transform:rotate(-5deg)}.hero-art::after{content:'';position:absolute;width:72%;height:20%;bottom:4%;border-radius:50%;background:#16c8ff66;filter:blur(45px);z-index:-1}.hero-side{position:absolute;right:0;top:32%;letter-spacing:.2em;font-size:.68rem;line-height:1.75;text-transform:uppercase;color:#aae6ff}.dark-band{background:#031329 url('nexavyn-light-trails.png') center 57%/cover no-repeat;color:#fff;position:relative}.dark-band::before{content:'';position:absolute;inset:0;background:#03132988}.dark-band>.wrap{position:relative;display:flex;align-items:center;justify-content:space-between;gap:28px;padding-block:31px}.dark-band h2{font:700 clamp(1.6rem,2.5vw,2.4rem)/1.08 'Space Grotesk',sans-serif;margin:0 0 6px}.dark-band p{margin:0;color:#dbeafc}.section{padding-block:64px}.section-soft{background:linear-gradient(145deg,#fff,#eaf8ff 58%,#f7fcff)}.section-blue{background:linear-gradient(145deg,#e7f7ff,#fff)}.split{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.feature-grid.five{grid-template-columns:repeat(5,1fr)}.feature-grid.three{grid-template-columns:repeat(3,1fr)}.feature-card{background:#ffffffad;border:1px solid #e3f2fb;border-radius:18px;padding:22px;box-shadow:0 10px 30px #5ba1c915}.feature-icon{font-size:2rem;color:#078dea;line-height:1}.feature-card h3{font-size:1rem;line-height:1.15;margin:16px 0 6px}.feature-card p{color:var(--muted);font-size:.9rem;margin:0}.product-showcase{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;border-radius:25px;padding:30px;background:#ffffffc9;box-shadow:0 15px 45px #4e8bb21a}.product-heading{display:flex;align-items:center;gap:18px;margin-bottom:18px}.gt-icon{width:86px;height:86px;border-radius:18px;box-shadow:0 8px 30px #0069b533}.product-heading h2{font:700 clamp(2.6rem,4vw,4.3rem)/.95 'Space Grotesk';margin:0}.product-heading strong{display:block;font-size:clamp(1.2rem,2vw,1.9rem);line-height:1.2;margin-top:8px}.product-showcase p{color:var(--muted);max-width:50ch}.store-actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.store-badge{display:inline-flex;align-items:center;gap:8px;background:#05070b;color:#fff;border-radius:7px;min-width:150px;min-height:48px;padding:5px 12px;text-decoration:none;font-size:.78rem;line-height:1.15}.store-badge strong{display:block;font-size:1.05rem}.store-symbol{font-size:1.45rem}.phone-stage{min-height:345px;border-radius:25px;background:radial-gradient(circle at 50% 70%,#9ddcff,#e7f6ff 60%,#f7fcff);display:flex;align-items:center;justify-content:center;gap:10px;padding:25px 25px 5px;overflow:hidden;position:relative}.phone-stage::before{content:'';position:absolute;inset:15% -15% auto;height:62%;border:15px solid #0baef550;border-radius:50%;transform:rotate(-19deg);filter:drop-shadow(0 0 11px #0cafff)}.phone{position:relative;width:170px;height:300px;flex:0 0 auto;border:6px solid #0b1728;border-radius:28px;background:#071b34;color:#fff;box-shadow:8px 15px 25px #061e3970;overflow:hidden;transform:rotate(-8deg)}.phone:nth-child(2){transform:rotate(9deg) translateY(18px)}.phone::before{content:'';position:absolute;z-index:2;left:30%;top:0;width:40%;height:12px;border-radius:0 0 9px 9px;background:#060b12}.phone-screen{padding:25px 12px 12px;height:100%;background:linear-gradient(155deg,#031c3d,#064e83 58%,#0b1938)}.phone-screen img{width:31px;height:31px;border-radius:8px}.phone-screen h4{font-size:.93rem;line-height:1.12;margin:12px 0}.phone-screen p{font-size:.59rem;color:#d3ebfa;margin:0}.phone-tile{background:#ffffffeb;border-radius:9px;margin-top:14px;padding:10px;color:#08376e;font-size:.57rem;box-shadow:0 5px 14px #071a3e33}.phone-tile strong{display:block;font-size:.69rem}.phone-tile span{display:block;margin-top:6px;border-radius:5px;background:linear-gradient(90deg,#09c5ed,#077cee);height:16px}.phone-note{font-size:.72rem!important;margin-top:12px!important}.stat-row{display:flex;gap:15px;flex-wrap:wrap;margin-top:20px}.stat-pill{border:1px solid #cbeafb;background:#f7fdff;border-radius:99px;padding:7px 13px;color:#1377bc;font-size:.84rem;font-weight:700}.teaser{display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px;padding:30px;border:1px solid #daf1fb;border-radius:20px;background:linear-gradient(110deg,#e2f6ff,#f7fcff 63%,#e9e9ff)}.teaser h2{font-size:clamp(1.5rem,2.5vw,2.3rem);margin:0}.teaser p{color:var(--muted);margin:5px 0 12px}.site-footer{background:#031329;color:#b1c8e6;padding:25px 0 18px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-links{display:flex;gap:17px;flex-wrap:wrap}.footer-links a{font-size:.82rem;text-decoration:none;color:#dfebff}.footer-links a:hover{color:#35d8f6}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #245077;margin-top:22px;padding-top:13px;font-size:.73rem}.footer-bottom p{margin:0}.footer-motto{letter-spacing:.22em;color:#71bfe7;text-align:right}.page-intro{padding-block:46px 28px}.page-intro h2{max-width:17ch}.cards-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.image-card{background:linear-gradient(145deg,#0d61a0,#031b36);color:#fff;border-radius:17px;min-height:225px;position:relative;overflow:hidden;padding:25px;display:flex;flex-direction:column;justify-content:end}.image-card::before{content:'';position:absolute;inset:0;background:url('nexavyn-light-trails.png') center/cover;opacity:.38}.image-card>*{position:relative}.image-card h3{margin:0 0 5px}.image-card p{margin:0;font-size:.88rem}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.contact-form{display:grid;gap:12px}.contact-form label{font-size:.85rem;font-weight:700}.contact-form input,.contact-form select,.contact-form textarea{width:100%;margin-top:5px;border:1px solid #bed9e9;border-radius:11px;background:#fff;padding:12px;color:var(--ink)}.contact-form textarea{min-height:135px;resize:vertical}.contact-note{font-size:.82rem;color:var(--muted)}.info-card{background:#fff;border:1px solid #e0eef8;border-radius:15px;padding:20px;margin-bottom:14px}.info-card h3{margin:0 0 4px}.info-card p{margin:0;color:var(--muted)}.legal-meta{display:flex;gap:20px;flex-wrap:wrap;background:#fff;border:1px solid #dfedf6;padding:20px;border-radius:15px;margin-top:-25px;position:relative;box-shadow:0 10px 30px #608bb21c}.legal-meta span{flex:1;min-width:180px;border-right:1px solid #d2e5ef;padding-right:15px;font-size:.83rem}.legal-meta span:last-child{border:0}.legal-meta strong{display:block}.legal-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:30px;padding-block:35px 60px}.legal-toc{align-self:start;position:sticky;top:20px;max-height:calc(100vh - 40px);overflow:auto;background:#eff9ff;border:1px solid #dcecf6;padding:20px;border-radius:15px}.legal-toc p{font-weight:800;color:#0878ca;font-size:.77rem;text-transform:uppercase;letter-spacing:.13em}.legal-toc a{display:block;font-size:.83rem;text-decoration:none;margin:0 0 9px;color:#3d567a}.legal-toc a:hover{color:#007bdf;text-decoration:underline}.legal-content{background:#fff;border:1px solid #e0eef6;border-radius:17px;padding:clamp(20px,3vw,42px);min-width:0}.legal-content h2{font:700 clamp(1.35rem,2vw,1.8rem)/1.2 'Space Grotesk';letter-spacing:-.025em;margin:28px 0 10px;scroll-margin-top:24px}.legal-content h2:first-child{margin-top:0}.legal-content h3{font-size:1.12rem;margin:23px 0 8px}.legal-content p,.legal-content li{color:#425472;font-size:.94rem}.legal-content li{margin-bottom:7px}.legal-content a{overflow-wrap:anywhere}.legal-content hr{border:0;border-top:1px solid #dceaf2;margin:22px 0}
@media(max-width:950px){.site-nav{gap:16px}.site-header-inner{gap:15px}.header-actions .btn{display:none}.feature-grid.five{grid-template-columns:repeat(3,1fr)}.feature-grid{grid-template-columns:repeat(2,1fr)}.hero-side{display:none}}
@media(max-width:720px){.wrap,.site-header-inner{width:min(100% - 34px,var(--max))}.site-header-inner{min-height:68px}.brand-mark{width:39px;height:39px}.brand-type{font-size:.78rem}.brand-type small{font-size:.33rem}.menu-button{display:grid}.site-nav{display:none;position:absolute;top:68px;left:0;right:0;background:#061b38;padding:18px 22px;box-shadow:0 20px 30px #0005;flex-direction:column;align-items:stretch;gap:2px}.site-nav.open{display:flex}.site-nav a{padding:10px}.header-actions{margin-left:auto;gap:8px}.hero-inner{grid-template-columns:1fr;min-height:auto;padding-block:45px}.hero h1{font-size:clamp(2.5rem,10vw,4.5rem)}.hero-art{min-height:240px}.hero-art .hero-n{width:min(240px,57vw)}.hero::before{background:linear-gradient(90deg,#031329ea,#03132989)}.split,.product-showcase,.contact-grid,.teaser{grid-template-columns:1fr}.feature-grid.three,.feature-grid.five{grid-template-columns:repeat(2,1fr)}.section{padding-block:45px}.phone-stage{min-height:320px}.dark-band>.wrap{display:block}.dark-band .btn{margin-top:20px}.legal-layout{grid-template-columns:1fr}.legal-toc{position:relative;max-height:none;top:auto}.footer-bottom{display:block}.footer-motto{text-align:left;margin-top:8px!important}}
@media(max-width:440px){.feature-grid,.feature-grid.three,.feature-grid.five,.cards-3{grid-template-columns:1fr}.hero-buttons .btn{width:100%}.product-heading .gt-icon{width:65px;height:65px}.product-heading h2{font-size:2.6rem}.phone{width:138px;height:265px}.phone-stage{gap:0;padding-inline:8px}.store-actions{flex-direction:column}.store-badge{max-width:210px}.legal-meta span{border-right:0;border-bottom:1px solid #d2e5ef;padding-bottom:10px}.legal-meta span:last-child{border-bottom:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}
#email-copy-toast{position:fixed;z-index:100;bottom:20px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#082340;color:#fff;border:1px solid #4aaadb;border-radius:12px;padding:10px 16px;font-size:.85rem;box-shadow:0 12px 30px #001b3180;transition:opacity .2s,transform .2s}#email-copy-toast.show{opacity:1;transform:translate(-50%,0)}
.brand-mark{transform:scale(1.7)}.hero-art .hero-n{transform:rotate(-5deg) scale(1.7)}
.hero h2{font-family:'Space Grotesk',Arial,sans-serif!important}

/* Page-specific artwork keeps the words and actions as accessible HTML. */
.hero-home,.hero-products,.hero-about,.hero-contact,.hero-gametab{background-color:#031329;background-size:cover;background-repeat:no-repeat;background-position:center center}
.hero-home{background-image:url('hero-home.png')}
.hero-products{background-image:url('hero-products.png')}
.hero-about{background-image:url('hero-about.png')}
.hero-contact{background-image:url('hero-contact.png')}
.hero-gametab{background-image:url('hero-gametab.png')}
.hero-home::before,.hero-products::before,.hero-about::before,.hero-contact::before,.hero-gametab::before{background:linear-gradient(90deg,#031329c9 0%,#03132985 32%,transparent 65%)}
.hero-home .hero-n,.hero-products .hero-n,.hero-about .hero-n,.hero-contact .hero-n{display:none}
.hero-gametab .phone-stage{visibility:hidden}
.product-showcase .phone-stage{background:#eaf7ff url('gametab-preview.png') center/cover no-repeat;border-radius:24px;min-height:390px;box-shadow:0 14px 32px #1d7eb327}
.product-showcase .phone-stage .phone{display:none}
.site-footer{background:#031329;padding:25px 0 19px;border-top:1px solid #1d4d77}
.footer-top{display:grid;grid-template-columns:235px minmax(0,1fr) 175px;gap:22px;align-items:center}
.site-footer .brand-mark{width:49px;height:49px}
.site-footer .brand-type{font-size:.91rem}
.footer-links{justify-content:center;gap:clamp(17px,2.1vw,32px)}
.footer-links a{color:#f1f7ff;font-size:.83rem}
.footer-legal{margin:0;color:#b1c8e6;text-align:right;font-size:.74rem;line-height:1.45;white-space:nowrap}
.footer-bottom{display:block;border:0;margin-top:19px;padding-top:0}
.footer-motto{display:flex;align-items:center;justify-content:center;gap:17px;font-size:.66rem;letter-spacing:.21em;color:#8bc4ea;white-space:nowrap;text-align:center;text-transform:uppercase}
.footer-motto::before,.footer-motto::after{content:'';display:block;flex:0 1 95px;width:95px;height:2px;margin:0;background:linear-gradient(90deg,#1edcef,#a92eed)}
@media(max-width:900px){.footer-top{grid-template-columns:minmax(0,1fr) auto;gap:18px}.footer-links{grid-column:1/-1;grid-row:2;justify-content:flex-start}.footer-legal{grid-column:2;grid-row:1}}
@media(max-width:550px){.footer-top{grid-template-columns:1fr;gap:17px}.footer-links{grid-column:1;grid-row:2}.footer-legal{grid-column:1;grid-row:3;text-align:left}.footer-motto{font-size:.56rem;letter-spacing:.12em;gap:8px}.footer-motto::before,.footer-motto::after{flex:1 1 24px;width:auto}}
@media(max-width:720px){.hero-home,.hero-products,.hero-about,.hero-contact,.hero-gametab{background-size:auto 100%;background-position:58% center}.hero-home::before,.hero-products::before,.hero-about::before,.hero-contact::before,.hero-gametab::before{background:linear-gradient(180deg,#031329ed 0%,#031329c9 42%,#03132929 76%)}.hero-art{min-height:210px}.hero-gametab .phone-stage{min-height:240px}.product-showcase .phone-stage{min-height:310px}.footer-bottom{display:block}.footer-motto{text-align:left;margin-top:14px!important}.site-footer{padding-top:29px}}
@media(max-width:440px){.footer-top{gap:17px}.footer-links{gap:11px 17px}.footer-links a{font-size:.79rem}.product-showcase .phone-stage{min-height:235px}}

/* Homepage review: bring the copy into the quieter part of the hero. */
.hero-home::before{background:linear-gradient(90deg,#031329f4 0%,#031329d8 29%,#03132991 46%,#0313290d 68%)}
@media(min-width:721px){.hero-home .hero-inner{padding-top:16px}.hero-home h1{font-size:clamp(3.1rem,4.55vw,4.55rem)}.hero-home .hero-inner>div:first-child{align-self:start}}
@media(max-width:720px){.hero-home .hero-inner{padding-top:26px}.hero-home::before{background:linear-gradient(180deg,#031329f5 0%,#031329e5 45%,#0313293d 77%)}}
.hero-home .hero-side{top:4%;color:#bcecff;text-shadow:0 2px 12px #031329}

/* The approach row follows the mockup's open, divided icon columns. */
#approach .split{grid-template-columns:minmax(280px,.95fr) minmax(0,1.9fr);gap:36px;align-items:center}
#approach .feature-grid{gap:0}
#approach .feature-card{min-width:0;min-height:186px;border:0;border-left:1px solid #d4e8f3;border-radius:0;background:transparent;box-shadow:none;padding:0 16px 0 20px}
#approach .feature-icon{height:48px;color:#087fe0}
#approach .feature-icon svg{display:block;width:43px;height:43px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
#approach .feature-card h3{margin:8px 0 7px;font-size:.89rem;line-height:1.2}
#approach .feature-card p{font-size:.82rem;line-height:1.4}
@media(max-width:950px){#approach .split{grid-template-columns:1fr;gap:25px}#approach .feature-card{min-height:160px}}
@media(max-width:440px){#approach .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:24px}#approach .feature-card{padding-left:14px;padding-right:11px;min-height:185px}#approach .feature-card:nth-child(odd){border-left:0}}

#approach{background:#fff;padding-block:20px}
#approach .feature-card{min-height:150px}
#products{background:linear-gradient(125deg,#e8f8ff,#dff3ff 68%,#f0fbff)}
@media(max-width:440px){#approach .feature-card{min-height:0}}
.product-heading h2{font-family:'Space Grotesk',Arial,sans-serif!important}

/* Home featured product: real screens and open layout from the mockup. */
#products.home-featured{background:linear-gradient(125deg,#e6f6ff,#f5fcff 58%,#ddf4ff);padding-block:28px 35px;overflow:hidden}
.featured-layout{display:grid;grid-template-columns:minmax(0,465px) minmax(0,1fr);gap:32px;align-items:center}
.featured-copy{position:relative;z-index:2}
.featured-copy .product-heading{margin-bottom:19px}
.featured-copy>p:not(.eyebrow){max-width:39ch;color:#506482;font-size:1.05rem;line-height:1.5;margin:0}
.featured-copy .gt-icon{width:91px;height:91px}
.featured-copy .product-heading h2{font-size:clamp(2.8rem,3.6vw,3.8rem);color:#091947}
.featured-copy .product-heading strong{font-size:clamp(1.35rem,1.9vw,1.8rem);color:#073f74}
.official-store-actions{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin:22px 0 15px}
.official-store{display:block;height:45px;line-height:0;flex:0 0 auto}
.official-store img{display:block;height:100%;width:auto;max-width:none}
.badge-play{width:140px;overflow:hidden}
.badge-play img{height:60px;transform:translate(-7px,-7px)}
.featured-visual{position:relative;min-height:450px;isolation:isolate}
.featured-visual::before{content:'';position:absolute;z-index:-2;inset:12% -4% 6% -12%;background:radial-gradient(ellipse at 53% 52%,#04bdf14d,transparent 57%),radial-gradient(ellipse at 58% 62%,#8958f22e,transparent 61%);filter:blur(12px)}
.featured-visual::after{content:'';position:absolute;z-index:-1;left:-9%;top:20%;width:105%;height:59%;border:24px solid #10b8f13f;border-radius:50%;transform:rotate(-20deg);box-shadow:0 0 24px #16b9f13b,inset 0 0 17px #9163ef36}
.screenshot-phone{position:absolute;top:4%;width:195px;aspect-ratio:738/1600;border:8px solid #111b28;border-radius:33px;background:#09182c;overflow:hidden;box-shadow:10px 24px 34px #063b6370,0 0 0 2px #4a6a7c;transform-origin:center center}
.screenshot-phone img{display:block;width:100%;height:100%;object-fit:cover}
.screenshot-phone-home{left:12%;transform:rotate(-8deg);z-index:2}
.screenshot-phone-tournaments{left:43%;top:7%;transform:rotate(8deg);z-index:1}
.featured-tagline{position:absolute;right:-24px;top:54%;z-index:3;margin:0;max-width:150px;color:#164c91;font:italic 700 1.55rem/1.12 'Segoe Print','Comic Sans MS',cursive;transform:rotate(-6deg);text-shadow:0 1px 4px #fff}
.featured-tagline::after{content:'';display:block;width:80px;height:2px;background:linear-gradient(90deg,#02bce9,#8752ec);transform:rotate(-9deg);margin:14px 0 0 13px}
.sports-showcase{position:relative;z-index:2;margin-top:2px}
.sports-showcase .eyebrow{margin-bottom:12px}
.sports-icons{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;list-style:none;margin:0;padding:0}
.sports-icons li{display:grid;place-items:center;aspect-ratio:1;border-radius:50%;background:#ffffffb8;box-shadow:0 6px 18px #6daee71b}
.sports-icons img{width:68%;height:68%;object-fit:contain}
@media(max-width:1050px){.featured-layout{grid-template-columns:minmax(0,390px) minmax(0,1fr);gap:20px}.screenshot-phone{width:185px}.featured-visual{min-height:440px}.featured-tagline{font-size:1.18rem;right:-22px;top:65%;max-width:130px}.sports-icons{gap:8px}}
@media(max-width:720px){#products.home-featured{padding-block:28px}.featured-layout{grid-template-columns:1fr;gap:7px}.featured-copy>p:not(.eyebrow){max-width:50ch}.featured-visual{min-height:460px}.screenshot-phone{width:min(38vw,175px)}.screenshot-phone-home{left:9%}.screenshot-phone-tournaments{left:44%}.featured-tagline{right:-6px;top:auto;bottom:1%;max-width:none;font-size:1.3rem}.sports-icons{grid-template-columns:repeat(6,minmax(0,1fr));gap:11px}.sports-showcase{margin-top:9px}}
@media(max-width:440px){.featured-copy .gt-icon{width:70px;height:70px}.featured-copy .product-heading h2{font-size:2.6rem}.featured-visual{min-height:440px}.screenshot-phone{width:42vw;border-width:6px;border-radius:25px}.sports-icons{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.featured-tagline{font-size:1.12rem;right:-6px;bottom:0}.official-store-actions{gap:8px}}

/* About preview follows the open, unboxed two-column layout in the homepage mockup. */
#about{background:#fff;padding-block:42px 46px}
#about .about-home-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:46px;align-items:center}
#about .about-home-copy .lead{max-width:50ch;margin:0 0 9px;font-size:1.02rem;line-height:1.48}
#about .about-home-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:0;row-gap:19px;padding-left:36px;border-left:1px solid #d9eaf3}
#about .feature-card{min-width:0;min-height:122px;padding:0 23px;background:transparent;border:0;border-radius:0;box-shadow:none}
#about .feature-card:nth-child(odd){padding-left:0}
#about .feature-card:nth-child(even){border-left:1px solid #d9eaf3}
#about .feature-icon{height:49px;color:#078bea}
#about .feature-icon svg{display:block;width:46px;height:46px;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}
#about .feature-card h3{margin:3px 0 2px;font-size:.95rem;line-height:1.2}
#about .feature-card p{font-size:.9rem;line-height:1.32}
@media(max-width:950px){#about .about-home-layout{grid-template-columns:1fr;gap:26px}#about .about-home-values{border-left:0;border-top:1px solid #d9eaf3;padding:23px 0 0}}
@media(max-width:440px){#about{padding-block:34px}#about .about-home-values{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 0}#about .feature-card{padding:0 12px;min-height:0}#about .feature-card:nth-child(odd){padding-left:0}#about .feature-card h3{font-size:.87rem}#about .feature-card p{font-size:.8rem}}

/* Layered product preview for the homepage's What's next panel. */
.home-next{background:radial-gradient(ellipse at 67% 58%,#c8f0ff 0%,transparent 43%),linear-gradient(100deg,#e3f5ff,#f0fbff 53%,#e7f5ff)}
.home-next-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,320px) minmax(150px,185px);align-items:center;gap:14px;min-height:181px;padding:18px 0;overflow:hidden}
.home-next-copy{position:relative;z-index:2}
.home-next-copy .eyebrow{margin-bottom:4px}
.home-next-copy h2{font:700 clamp(1.6rem,2.2vw,2.15rem)/1.12 'Space Grotesk',sans-serif;letter-spacing:-.035em;margin:0}
.home-next-copy>p:not(.eyebrow){max-width:54ch;margin:3px 0 4px;color:#536587;font-size:.98rem;line-height:1.38}
.home-next-art{position:relative;isolation:isolate;height:150px;min-width:0;filter:drop-shadow(0 14px 19px #64aee840)}
.home-next-art::before{content:'';position:absolute;z-index:-1;inset:20% 8%;border-radius:50%;background:#5fbcff80;filter:blur(33px)}
.next-layer{position:absolute;display:grid;place-items:center;top:12px;width:112px;height:119px;border:1px solid #ffffffd4;border-radius:12px;box-shadow:inset 0 1px 21px #ffffffa6,5px 10px 18px #4aa6ed2f;backdrop-filter:blur(4px)}
.next-layer-back{left:61%;top:3px;background:linear-gradient(135deg,#d1eeff8a,#7879f0a8 73%,#b16befa8)}
.next-layer-mid{left:44%;top:10px;background:linear-gradient(135deg,#e3f9ff99,#66bafbb8 74%,#a26ff4a3)}
.next-layer-near{left:27%;top:18px;background:linear-gradient(135deg,#ffffffae,#8bd6ffba 70%,#477de9a1)}
.next-layer-front{left:10%;top:27px;background:linear-gradient(135deg,#ffffffd9,#daf5ffcf 65%,#a8dcffbd);box-shadow:0 10px 26px #3d8ad43d,inset 0 1px 24px #ffffffb5}
.next-layer-front img{display:block;width:94px;height:94px;object-fit:contain;filter:drop-shadow(0 3px 4px #287bc06b)}
.home-next-note{font:700 clamp(1rem,1.25vw,1.2rem)/1.27 'Space Grotesk',sans-serif!important;letter-spacing:-.02em;color:#4564d3!important;margin:0!important;white-space:nowrap}
@media(max-width:800px){.home-next-panel{grid-template-columns:minmax(0,1fr) minmax(170px,220px);gap:0 14px}.home-next-copy{grid-column:1/-1}.home-next-art{height:142px}.home-next-note{font-size:1rem!important}.next-layer{width:95px;height:108px}.next-layer-back{left:53%}.next-layer-mid{left:39%}.next-layer-near{left:24%}.next-layer-front{left:9%}.next-layer-front img{width:82px;height:82px}}
@media(max-width:440px){.home-next-panel{padding:19px 0 10px;grid-template-columns:minmax(0,1fr) minmax(122px,1fr);gap:0 4px}.home-next-copy h2{font-size:1.55rem}.home-next-copy>p:not(.eyebrow){font-size:.9rem}.home-next-art{height:133px}.next-layer{width:75px;height:94px;border-radius:9px}.next-layer-back{left:50%}.next-layer-mid{left:34%}.next-layer-near{left:18%}.next-layer-front{left:2%}.next-layer-front img{width:72px;height:72px}.home-next-note{font-size:.82rem!important;white-space:normal;margin-left:12px!important}}
@media(max-width:720px){.site-footer .footer-motto{text-align:center;margin-top:0!important}}

/* Keep the smaller shared navigation centered after removing duplicate actions. */
.site-header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:22px}
.site-header-inner>.brand{grid-column:1}
.site-header-inner>.site-nav{grid-column:2;justify-content:center;gap:clamp(16px,2.1vw,30px)}
.site-header-inner>.header-actions{grid-column:3;justify-self:end;margin-left:0}

.hero-gametab .product-breadcrumb{margin-bottom:14px;color:#8deaff;font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.hero-gametab .product-breadcrumb a{color:inherit;text-decoration:none}
.hero-gametab .product-breadcrumb a:hover{text-decoration:underline}
.hero-gametab .product-breadcrumb span[aria-current="page"]{color:#fff}