@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;700;800&display=swap');
:root{--bg:#04130f;--card:#06251c;--green:#73fa63;--lime:#b8ff75;--muted:#a2bdb0;--border:#1d7552;--white:#f2fff6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:Kanit,'Segoe UI',Tahoma,sans-serif;line-height:1.5}button,a{font:inherit}a{text-decoration:none;color:inherit}button{cursor:pointer}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}.container{width:min(1180px,calc(100% - 44px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(1,14,11,.95);border-bottom:1px solid #15533d;backdrop-filter:blur(14px)}.nav-wrap{min-height:74px;display:flex;align-items:center;gap:30px}.logo{display:inline-flex;align-items:center;white-space:nowrap;gap:9px;font-size:23px;font-weight:700;font-style:italic}.logo strong{color:var(--green)}.logo-ball{font-size:25px}.nav{margin-inline:auto;display:flex;align-items:center;gap:27px}.nav a{font-size:14px;color:#d5e4d9;transition:.2s}.nav a:hover,.nav a.active{color:var(--green)}.nav-cta{border:1px solid #46e978;background:#064a29;border-radius:25px;padding:9px 19px;font-size:13px;font-weight:600;white-space:nowrap;box-shadow:0 0 20px #36f07840}.nav-cta span{margin-left:6px}.menu-toggle{display:none;background:none;border:0;color:white;font-size:25px}.hero{position:relative;min-height:630px;overflow:hidden;isolation:isolate}.hero-backdrop{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(1,13,10,.97) 0%,rgba(1,16,12,.93) 40%,rgba(1,17,13,.35) 100%),url('../img/stadium-hero.webp') center/cover}.hero-grid{position:absolute;inset:0;z-index:-1;background:linear-gradient(transparent 96%,#2ae16a0d 100%),linear-gradient(90deg,transparent 96%,#2ae16a0a 100%);background-size:38px 38px;mask-image:linear-gradient(180deg,#0004,transparent)}.hero-inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:600px;position:relative;gap:35px}.hero-copy{padding-block:70px}.eyebrow,.kicker{color:var(--green);letter-spacing:2px;font-weight:600;font-size:12px}.eyebrow{display:inline-flex;align-items:center;gap:9px;border:1px solid #338c4e88;padding:7px 14px;border-radius:20px;background:#08251b}.status-dot{background:var(--green);width:7px;height:7px;border-radius:50%;box-shadow:0 0 12px var(--green)}h1{font-size:clamp(42px,4.3vw,70px);line-height:1.12;letter-spacing:-1.5px;margin:22px 0 22px;font-weight:800;text-shadow:0 4px 18px #000}h1 em{font-style:italic;color:var(--green);font-size:1.45em;text-shadow:0 0 28px #7bff7055}.hero-copy>p{font-size:17px;color:#e5f1e7;max-width:525px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.btn{display:inline-flex;align-items:center;gap:18px;justify-content:center;border-radius:13px;padding:13px 24px;font-weight:600;border:1px solid var(--green);transition:transform .2s,background .2s}.btn:hover{transform:translateY(-3px)}.btn-primary{background:linear-gradient(100deg,#55e94e,#bbff7d);color:#082214;box-shadow:0 0 22px #45fc6288}.btn-outline{background:#041d15c9;color:white}.hero-points{display:flex;flex-wrap:wrap;gap:17px;color:#c8fbd0;font-size:12px}.hero-visual{position:relative;min-height:470px;display:flex;align-items:center;justify-content:center}.hero-visual>img{width:min(540px,100%);aspect-ratio:1.5;object-fit:cover;object-position:center;mask-image:radial-gradient(ellipse at center,#000 52%,transparent 74%);filter:drop-shadow(0 0 22px #48ea5199);border-radius:18px}.floating{position:absolute;background:#021d16e9;border:1px solid #39d56e;padding:13px 18px;border-radius:12px;display:grid;gap:4px;box-shadow:0 0 18px #00ee6a33}.floating strong{font-size:14px}.floating small{font-size:11px;color:#b2cabd}.floating-top{top:10%;right:0}.floating-bottom{bottom:8%;left:8%}.floating-bottom span{font-size:11px;color:var(--green)}.live-pill{font-size:10px;color:#011f12;background:var(--green);width:max-content;padding:3px 8px;border-radius:4px;font-weight:800}.hero-bottom{display:flex;align-items:center;gap:18px;color:#8bff9a;font-size:10px;letter-spacing:3px;padding:14px 0 23px}.line-dash{height:1px;background:linear-gradient(90deg,#3df273,transparent);flex:1}.section{padding:85px 0;scroll-margin-top:75px}.section-heading{margin-bottom:32px}.center{text-align:center}.section-heading h2,.data-copy h2,.join-text h2{font-size:clamp(30px,3.2vw,45px);line-height:1.22;margin:10px 0 14px;font-weight:800}.section h2 b{color:var(--green)}.section-heading p,.data-copy>p,.join-text p{font-size:16px;color:var(--muted);max-width:660px}.center p{margin-inline:auto}.features-section{background:linear-gradient(180deg,#03120e,#06231a 60%,#041610)}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature-card{background:linear-gradient(145deg,#092c21,#041510);border:1px solid #237850;border-radius:16px;min-height:225px;padding:27px 23px;position:relative;transition:.3s}.feature-card:hover{transform:translateY(-5px);border-color:var(--green);box-shadow:0 0 24px #49ff5d22}.feature-icon{font-size:36px;color:#99ff9a;margin-bottom:17px;text-shadow:0 0 16px #41ed66}.feature-card h3{font-size:18px;margin-bottom:7px}.feature-card p{font-size:13px;color:#b9d0c1;margin:0}.card-corner{position:absolute;right:18px;top:17px;color:#83ed9b}.data-section{background:radial-gradient(ellipse at 75% 50%,#0b4430 0%,#041610 60%)}.data-layout{display:grid;grid-template-columns: .85fr 1.15fr;gap:42px;align-items:center}.data-copy h2{font-size:clamp(34px,3.3vw,50px)}.check-list{padding:0;list-style:none;margin:22px 0}.check-list li{background:#0a2a20;border:1px solid #164d39;border-radius:10px;margin:9px 0;padding:10px 14px;font-size:13px}.check-list li:before{content:'✓';background:var(--green);color:#062516;border-radius:50%;padding:0 5px;margin-right:10px;font-weight:800}.text-link{font-size:14px;color:#8cffa5}.dashboard{background:linear-gradient(140deg,#082e23,#03130f);border:1px solid #2bc66d;border-radius:20px;padding:23px;box-shadow:0 0 40px #32ff6c22}.dashboard-top{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#c4f3d0}.dashboard-top i{display:inline-block;background:var(--green);width:7px;height:7px;border-radius:50%;margin-right:7px}.demo-tag{color:#031c13;background:#a6ff8e;border-radius:6px;padding:3px 8px;font-size:10px;font-weight:700}.scoreboard{display:flex;justify-content:space-around;align-items:center;padding:30px 0}.team{text-align:center;display:grid;justify-items:center;gap:8px;font-size:12px}.team-badge{display:grid;place-items:center;font-size:24px;font-weight:800;width:58px;height:58px;border-radius:50%;border:3px solid white}.team-badge.red{background:#b62136}.team-badge.blue{background:#2768bf}.score{text-align:center}.score>strong{font-size:56px;line-height:1}.score strong span{color:var(--green)}.score small{display:block;color:#8fb5a0;font-size:11px;margin-top:10px}.dash-tabs{display:flex;border-block:1px solid #184f38}.tab{flex:1;border:0;color:#a8c4b4;background:none;padding:12px 5px}.tab.is-active{color:var(--green);border-bottom:2px solid var(--green);background:#123e2b}.tab-panel{min-height:185px;padding-top:20px}.stat-row{display:grid;grid-template-columns:108px 1fr 85px;align-items:center;gap:13px;font-size:12px;margin:15px 0}.stat-row b{text-align:right;font-size:11px}.stat-bar{height:9px;background:#18372c;border-radius:30px;overflow:hidden}.stat-bar i{display:block;height:100%;background:linear-gradient(90deg,#39e875,#86ff8a);border-radius:30px}.demo-note{color:#8dad9b;font-size:10px;margin:15px 0 0}.ai-summary span{color:var(--green);font-size:11px}.ai-summary h3{font-size:18px;margin:8px 0}.ai-summary p{font-size:13px;color:#bcd1c3}.experts-section{background:#041810}.experts-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.expert-card{border-radius:15px;overflow:hidden;border:1px solid #36cc6c;background:#071d17;transition:transform .2s}.expert-card:hover{transform:translateY(-5px)}.expert-card.cyan{border-color:#14baf6}.expert-card.amber{border-color:#ffb842}.expert-card.violet{border-color:#ad69ef}.expert-image{height:195px;background:linear-gradient(#0c422e,#092017);overflow:hidden}.expert-card.cyan .expert-image{background:#053c4c}.expert-card.amber .expert-image{background:#3b2b0e}.expert-card.violet .expert-image{background:#2b1445}.expert-image img{width:100%;height:100%;object-fit:cover;object-position:50% 35%;mask-image:linear-gradient(#000 65%,transparent)}.expert-body{padding:19px}.expert-label{font-size:10px;letter-spacing:2px;color:var(--green)}.cyan .expert-label{color:#5bdcff}.amber .expert-label{color:#ffd080}.violet .expert-label{color:#dfb0ff}.expert-body h3{font-size:21px;margin:6px 0}.expert-body p{color:#c2d7c9;font-size:13px;min-height:60px}.expert-button{border:0;border-bottom:1px solid currentColor;background:transparent;color:#a7ffb0;padding:0 0 3px;font-size:12px}.example-question{border:1px solid #4be57e;background:#0d3022;padding:18px 22px;border-radius:13px;margin-top:22px}.example-question p{color:#daffdf}.btn-small{padding:8px 14px;color:#061b11;background:var(--green);font-size:12px}.how-section{background:linear-gradient(#04160f,#0a3323)}.steps{display:flex;justify-content:space-between;align-items:center;gap:12px}.step{flex:1;min-height:198px;text-align:center;padding:19px 12px;border-radius:16px;border:1px solid #1e7750;background:#092a1d}.step>span{color:#061c13;background:var(--green);border-radius:50%;width:37px;height:37px;display:inline-grid;place-items:center;font-weight:800}.step-icon{font-size:38px;color:#a6ffae;margin-top:5px}.step h3{margin:0}.step p{font-size:13px;color:#b1cfc0;margin:5px auto;max-width:210px}.step-connector{font-size:30px;color:var(--green)}.join-section{background:#061c13;padding-top:45px}.join-box{display:grid;grid-template-columns:240px 1fr 230px;gap:25px;align-items:center;border:1px solid #4cf580;background:radial-gradient(circle at 35% 50%,#155736,#06271a 60%,#03140f);border-radius:23px;padding:24px;box-shadow:0 0 35px #41f75620}.join-mascot img{border-radius:16px;mask-image:radial-gradient(ellipse at center,#000 55%,transparent 78%)}.join-text h2{font-size:36px}.join-note{font-size:11px;color:#96b3a2}.qr-box{display:grid;justify-items:center;background:#e8ffe7;border-radius:15px;padding:16px;color:#06321a;box-shadow:0 0 24px #6bff7770;text-align:center}.qr-box img{width:180px;height:191px;object-fit:contain;image-rendering:pixelated}.qr-box strong{font-size:20px}.qr-box small{font-size:11px}.footer{background:#010f0b;border-top:1px solid #1b4d35;padding:30px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.footer p,.footer small{font-size:12px;color:#819d8c;margin:0}.footer-inner>div{display:flex;gap:18px;font-size:12px}@media(max-width:980px){.container{width:min(100% - 36px,1180px)}.nav{gap:14px}.nav-wrap{gap:14px}.nav a{font-size:12px}.hero-inner{gap:5px}.floating-top{right:-7px}.feature-grid,.experts-grid{grid-template-columns:repeat(2,1fr)}.data-layout{grid-template-columns:1fr}.join-box{grid-template-columns:190px 1fr 200px;gap:14px}.join-text h2{font-size:28px}}@media(max-width:700px){.container{width:calc(100% - 32px)}.nav-wrap{min-height:62px}.logo{font-size:20px}.nav-cta{margin-left:auto;font-size:11px;padding:8px 10px}.menu-toggle{display:block;order:3}.nav{display:none;position:absolute;top:62px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:10px 16px 16px;background:#021810;border-bottom:1px solid #247b51}.nav.open{display:flex}.nav a{padding:11px 14px;font-size:15px}.hero-inner{grid-template-columns:1fr}.hero{min-height:unset}.hero-copy{padding:52px 0 10px}.eyebrow{font-size:9px}h1{font-size:clamp(39px,9vw,59px)}.hero-copy>p{font-size:15px}.hero-visual{min-height:320px;max-width:490px;width:100%;margin:auto}.hero-visual>img{width:100%;height:305px}.floating{padding:8px 12px}.floating-top{top:3%;right:2%}.floating-bottom{bottom:4%;left:4%}.floating strong{font-size:10px}.hero-bottom{font-size:8px;padding-top:0}.section{padding:65px 0}.feature-grid,.experts-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.feature-card{padding:19px 14px;min-height:215px}.feature-card h3{font-size:16px}.feature-card p{font-size:12px}.feature-icon{font-size:30px}.data-layout{gap:25px}.dashboard{padding:15px}.scoreboard{padding:22px 0}.score>strong{font-size:42px}.stat-row{grid-template-columns:85px 1fr 69px;gap:7px}.expert-image{height:165px}.expert-body{padding:14px}.expert-body h3{font-size:18px}.expert-body p{font-size:12px}.steps{flex-direction:column}.step{width:100%;min-height:145px}.step-connector{transform:rotate(90deg);font-size:25px;line-height:20px}.join-box{grid-template-columns:1fr;text-align:center}.join-mascot img{height:190px;width:260px;object-fit:cover;margin:auto}.join-text p{margin-inline:auto}.qr-box{max-width:250px;width:100%;margin:auto}.footer-inner{flex-direction:column;text-align:center}.hero-actions .btn{padding:11px 15px;font-size:13px}}@media(max-width:390px){.nav-cta{font-size:10px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:160px}.expert-image{height:130px}.expert-body p{min-height:96px}.hero-actions{gap:7px}.hero-actions .btn{font-size:11px}}