@font-face{font-family:Blaqua;src:url('/fonts/bai-jamjuree-medium.ttf');font-display:swap}*{box-sizing:border-box}:root{font-family:Blaqua,Arial,sans-serif;--ink:#08172e;--accent:#0876e8;--muted:#466080;--header:#edf4fbe8;--footer:#e4eef8;--line:#254c7930;color:var(--ink);background:var(--footer)}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #1c9dff;outline-offset:4px}.skip{position:absolute;top:-100px;background:#fff;padding:12px;z-index:10}.skip:focus{top:10px}header{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:20px 4.5%;background:var(--header);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand img{width:43px;height:40px;object-fit:cover;border-radius:8px}.brand>span{font-size:26px;font-weight:bold;letter-spacing:-1px}.brand small{display:block;font-size:7px;letter-spacing:1px}header nav{display:flex;gap:25px;text-transform:uppercase;font-size:12px}header nav a{padding:10px 0}.active{color:var(--accent);border-bottom:2px solid var(--accent)}.actions{display:flex;align-items:center;gap:16px;font-size:12px;white-space:nowrap}.actions input{width:175px;background:#6494c51a;border:1px solid var(--line);border-radius:25px;padding:10px 15px;color:var(--ink);font-size:11px}.actions input::placeholder{color:var(--muted)}#theme{width:34px;height:34px;border:1px solid var(--line);border-radius:50%;font-size:21px;color:var(--ink);background:transparent;cursor:pointer}main{position:relative;isolation:isolate;background:url('/assets/hero.png') center top/cover no-repeat;padding-bottom:54px}main:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#09243bed,transparent 35%);z-index:-1}.hero{min-height:490px;padding:75px 5.5% 60px;animation:enter .6s ease-out}.eyebrow{font-size:11px;letter-spacing:6px;color:#0756ad;margin:0 0 18px}h1{font-size:clamp(40px,5vw,78px);line-height:1.04;letter-spacing:-3px;margin:0;font-weight:bold}h1 span{color:var(--accent);font-size:1.16em}.rule{height:3px;width:45px;background:var(--accent);margin:22px 0 15px}.tagline{font-size:clamp(15px,1.6vw,22px);margin:0 0 17px;letter-spacing:-.4px}.built{font-size:10px;letter-spacing:5px;color:#174b86;margin:0 0 25px}.cta{display:inline-flex;font-size:12px;background:#fff9;border:1px solid #176cca35;border-radius:6px;padding:10px 15px;transition:background .2s}.cta:hover{background:#fff}.products{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;margin:0 4.5%}.card{min-width:0;border:1px solid #8fceffb0;border-radius:12px;background:linear-gradient(140deg,#102b45ed,#040f20f5);color:#fff;padding:14px 19px 18px;box-shadow:0 10px 35px #07192e30;transition:transform .25s,border-color .25s;animation:enter .8s ease-out}.card:hover{transform:translateY(-6px);border-color:#d5eeff}.art{height:132px;display:flex;align-items:center;justify-content:center}.art>img{width:126px;height:126px;object-fit:contain;filter:drop-shadow(0 0 13px #0788ff60)}.art svg{width:128px;height:112px;filter:drop-shadow(0 0 12px #0478ff90)}.info{display:flex;align-items:center;justify-content:space-between;gap:7px}.card h2{font-size:17px;letter-spacing:-.3px;margin:8px 0 5px}.card p{font-size:10px;color:#d6e7f9;margin:0;line-height:1.5}.arrow{width:30px;height:30px;flex-shrink:0;display:grid;place-items:center;border:1px solid #d7e9ff;border-radius:50%;font-size:20px}footer{background:var(--footer);display:flex;align-items:center;gap:25px;padding:27px 4.5%;font-size:10px;color:var(--muted);border-top:1px solid var(--line)}.footer-brand{font-size:18px;color:var(--ink);font-weight:bold}footer nav{display:flex;gap:23px;margin-left:auto}.footer-note{color:var(--ink);font-size:14px;margin-left:30px}nav a:hover{color:var(--accent)}[data-theme=dark]{color-scheme:dark;--ink:#e4f1ff;--header:#0a1829;--line:#aed2ff26;--accent:#63b8ff;--muted:#9eb8d3;--footer:#071422}[data-theme=dark] main:before{background:linear-gradient(90deg,#08182ff2 0%,#0b1b35ce 30%,#0a1d3940 62%),linear-gradient(0deg,#071422,transparent 55%)}[data-theme=dark] .eyebrow,[data-theme=dark] .built{color:#9dcaff}[data-theme=dark] .cta{background:#132e48bd;border-color:#73a6d65c}@keyframes enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1600px){.hero{min-height:560px}}@media(max-width:1150px){header{flex-wrap:wrap;gap:16px}header nav{order:3;width:100%;justify-content:center;gap:36px}.actions{margin-left:auto}.hero{min-height:450px}h1{font-size:62px}.card{padding:12px}.products{gap:10px}.art{height:115px}.art>img{width:105px;height:105px}.card h2{font-size:15px}.card p{font-size:9px}.arrow{width:25px;height:25px}.footer-note{display:none}}@media(max-width:800px){main{background-size:auto 690px;background-position:62% top}.hero{min-height:455px;background:linear-gradient(90deg,#e9f3fffa,#e9f3ffc9 45%,transparent);padding:55px 5%}h1{font-size:clamp(40px,7.5vw,59px);letter-spacing:-2px}.tagline{max-width:350px}.products{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.card p{font-size:11px}.card h2{font-size:17px}.art{height:125px}.art>img{width:118px;height:118px}[data-theme=dark] .hero{background:linear-gradient(90deg,#071422de,#07142280,transparent)}footer{flex-wrap:wrap}footer nav{width:100%;margin:0;flex-wrap:wrap}}@media(max-width:480px){header{padding:16px 5%;gap:15px}.brand>span{font-size:24px}.brand img{width:35px;height:35px}.actions form{display:none}header nav{justify-content:space-between;gap:8px;font-size:10px}.actions{gap:10px;font-size:11px}.hero{min-height:450px;padding-top:47px;background:linear-gradient(90deg,#eaf3fff5,#eaf3ffb0 65%,transparent)}h1{font-size:clamp(30px,8.7vw,42px);letter-spacing:-1.7px}.eyebrow{font-size:9px;letter-spacing:4px}.tagline{font-size:15px;max-width:235px;line-height:1.5}.built{letter-spacing:3px;font-size:9px}.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card:last-child{grid-column:1/-1;display:flex;align-items:center;gap:20px}.card:last-child .info{flex:1}.art{height:118px}.info{align-items:flex-start}.card p{font-size:10px}.card h2{font-size:16px}.arrow{margin-top:8px;width:23px;height:23px}.card{padding:12px}main{padding-bottom:30px;background-position:61% top}footer{gap:15px;padding:25px 5%}footer nav{gap:22px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.brand img{filter:brightness(.15)}[data-theme=dark] .brand img{filter:none}

/* Keep the shared navigation visible while page content scrolls. */
body > header { position:sticky; top:0; z-index:100; }
.hero h1, .hero h1 span { font-family:Blaqua,Arial,sans-serif; font-weight:500; letter-spacing:.08em; }
@media(max-width:600px) { .hero h1, .hero h1 span { letter-spacing:.035em; } }
.headline-orbit { position:relative; width:fit-content; max-width:100%; isolation:isolate; }
.headline-orbit h1 { text-shadow:0 2px 18px #ffffff45; }
.headline-orbit h1 span { text-shadow:0 0 24px #1789ef35; }
.soccer-orbit { position:absolute; inset:-20px -35px; pointer-events:none; }
.soccer-ball { position:absolute; left:0; top:0; font-size:32px; line-height:1; filter:drop-shadow(0 4px 5px #10264450); offset-path:rect(0 100% 100% 0 round 35px); offset-rotate:0deg; animation:soccer-lap 12s linear infinite; }
@keyframes soccer-lap { from { offset-distance:0%; transform:rotate(0deg); } to { offset-distance:100%; transform:rotate(720deg); } }
@media(max-width:800px) { .soccer-orbit { inset:-16px -10px; } .soccer-ball { font-size:25px; } }
@media(prefers-reduced-motion:reduce) { .soccer-ball { animation:none; offset-distance:55%; } }
.soccer-orbit { pointer-events:none; }
.soccer-ball { pointer-events:auto; cursor:pointer; user-select:none; touch-action:none; }
.soccer-ball { animation:none; offset-path:none; left:38%; top:0; }
.soccer-ball { font-size:54px; width:60px; height:60px; display:grid; place-items:center; }
@media(max-width:800px) { .soccer-ball { font-size:44px; width:50px; height:50px; } }
.soccer-ball img { width:100%; height:100%; display:block; pointer-events:none; }
.brand img { width:58px; height:54px; object-fit:contain; }
@media(max-width:480px) { .brand img { width:46px; height:44px; } }
.actions .signed-in-account{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.soccer-ball { width:72px; height:72px; }
@media(max-width:800px) { .soccer-ball { width:60px; height:60px; } }