:root{--background:#eef5ff;--surface:#fff;--surface-secondary:#f8fafc;--text:#111827;--text-secondary:#64748b;--border:#dbe4f0;--primary:#2563eb;--primary-light:#dbeafe;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--error-bg:#fee2e2;--live:#ef4444;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--shadow:0 18px 40px #0f172a1f;--max-width:1200px;--section-padding:clamp(48px, 7vw, 96px);--font-body:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-heading:"Outfit", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font:17px/1.6 var(--font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--text);background:linear-gradient(#eff6fffa,#fffffffa),radial-gradient(circle at 15% 15%,#2563eb2e,#0000 35%),radial-gradient(circle at 80% 0,#10b9812e,#0000 40%),#f8fafc;margin:0}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}.site{z-index:1;position:relative;overflow:hidden}.background-effects{pointer-events:none;z-index:0;position:fixed;inset:0}.glow{filter:blur(20px);opacity:.5;width:520px;height:520px;transform:translate3d(0, var(--parallax,0px), 0);border-radius:50%;position:absolute}.glow-primary{background:radial-gradient(circle,#3b82f699,#0000 70%);top:-140px;left:-80px}.glow-success{background:radial-gradient(circle,#10b9818c,#0000 70%);top:-160px;right:-120px}.nav{z-index:10;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);background:#ffffffdb;position:sticky;top:0}.nav-inner{max-width:var(--max-width);justify-content:space-between;align-items:center;gap:24px;margin:0 auto;padding:18px 32px;display:flex}.logo{font-family:var(--font-heading);letter-spacing:.6px;color:var(--text);align-items:center;gap:10px;font-size:20px;font-weight:700;display:inline-flex}.logo-icon{object-fit:contain;filter:drop-shadow(0 4px 14px #3b82f647);width:32px;height:32px;display:block}.nav-links{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:22px;font-size:14px;display:flex}.nav-links a:hover{color:var(--text)}.nav-cta{color:var(--text);background:#3b82f633;border:1px solid #3b82f699;border-radius:999px;padding:8px 16px}.section{max-width:var(--max-width);padding:var(--section-padding) 32px 0;margin:0 auto;scroll-margin-top:96px}.hero{padding-top:clamp(16px,2.4vw,36px)}.hero-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:40px;display:grid}.hero-copy h1{font-family:var(--font-heading);margin:12px 0 18px;font-size:clamp(36px,4vw,54px);line-height:1.1}.hero-copy .lead{color:var(--text-secondary);margin-bottom:24px;font-size:18px}.eyebrow{color:var(--primary);letter-spacing:1.4px;text-transform:uppercase;background:#3b82f633;border-radius:999px;align-items:center;gap:10px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-flex}.cta-row{flex-wrap:wrap;gap:16px;margin-bottom:24px;display:flex}.btn{border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;padding:14px 22px;font-weight:600;transition:transform .2s,box-shadow .2s,border .2s;display:inline-flex}.btn-primary{color:#fff;background:linear-gradient(120deg,#3b82f6,#10b981);box-shadow:0 14px 40px #10b98159}.btn-primary:hover{transform:translateY(-2px)scale(1.01);box-shadow:0 18px 50px #3b82f659}.btn-secondary{color:var(--text);background:#ffffffbd;border:1px solid #ffffff1f}.chip-row{flex-wrap:wrap;gap:10px;display:flex}.chip{color:var(--text-secondary);background:#ffffffb3;border:1px solid #2563eb1f;border-radius:999px;padding:6px 12px;font-size:12px}.hero-visual{justify-items:center;gap:20px;display:grid}.hero-device{width:min(100%,390px)}.hero-device-shell{box-shadow:0 34px 90px #2563eb38}.hero-stage{perspective:1600px;isolation:isolate;justify-content:center;align-items:center;width:100%;min-height:440px;display:flex;position:relative}.hero-stage-glow{filter:blur(22px);z-index:-1;background:radial-gradient(60% 50% at 22% 28%,#3b82f652,#0000 70%),radial-gradient(55% 50% at 78% 70%,#10b98147,#0000 70%);position:absolute;inset:-30px -30px 30px}.hero-flair{z-index:2;pointer-events:none;filter:drop-shadow(0 22px 40px #0f172a2e);position:absolute}.hero-flair--notify{transform-origin:80%;width:240px;transform:rotate(calc(-4deg + var(--hero-scroll,0) * -16deg)) translateX(calc(var(--hero-scroll,0) * -22px)) translateY(calc(var(--hero-scroll,0) * -32px));will-change:transform;top:10%;left:-8%}.hero-flair--bracket{transform-origin:20%;width:230px;transform:rotate(calc(5deg + var(--hero-scroll,0) * 18deg)) translateX(calc(var(--hero-scroll,0) * 26px)) translateY(calc(var(--hero-scroll,0) * 34px));will-change:transform;bottom:6%;right:-6%}.hero-flair-inner{animation:6s ease-in-out infinite hero-flair-float}.hero-flair--bracket .hero-flair-inner{animation-duration:7s;animation-delay:1s}@keyframes hero-flair-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.hero-notify-time{letter-spacing:1.4px;text-transform:uppercase;color:#0f172a8c;margin-bottom:6px;margin-left:4px;font-size:10px;font-weight:700}.hero-notify-card{-webkit-backdrop-filter:blur(22px);background:#ffffffd9;border:1px solid #fff9;border-radius:18px;grid-template-columns:36px 1fr;gap:10px;padding:12px 14px 14px;display:grid;box-shadow:0 14px 30px #0f172a2e}.hero-notify-icon{background:linear-gradient(135deg,#1d4ed8,#10b981);border:1px solid #ffffff80;border-radius:9px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex;box-shadow:0 4px 10px #1d4ed852}.hero-notify-icon img{object-fit:contain;width:24px;height:24px}.hero-notify-body{flex-direction:column;gap:2px;min-width:0;display:flex}.hero-notify-head{color:var(--text);justify-content:space-between;align-items:center;font-size:12px;display:flex}.hero-notify-head strong{letter-spacing:.2px;font-weight:800}.hero-notify-head small{color:var(--text-secondary);font-size:11px;font-weight:600}.hero-notify-title{color:var(--text);font-size:13px;font-weight:800}.hero-notify-text{color:var(--text-secondary);font-size:12px;line-height:1.35}.hero-bracket-head{letter-spacing:.4px;color:var(--text);-webkit-backdrop-filter:blur(22px);background:#ffffffeb;border:1px solid #0f172a0f;border-bottom:0;border-radius:16px 16px 0 0;justify-content:space-between;align-items:center;padding:10px 14px 8px;font-size:11px;font-weight:800;display:flex}.hero-bracket-pill{letter-spacing:1.4px;color:#fff;background:linear-gradient(120deg,#1d4ed8,#10b981);border-radius:999px;padding:3px 8px;font-size:10px;font-weight:800}.hero-bracket-tree{background:#ffffffeb;border:1px solid #0f172a0f;border-top:0;border-radius:0 0 16px 16px;grid-template-columns:1fr 1.1fr;gap:14px;padding:10px 14px 14px;display:grid;position:relative}.hero-mb-col{flex-direction:column;justify-content:center;gap:4px;display:flex;position:relative}.hero-mb-col--final{align-self:stretch;align-items:center;display:flex}.hero-mb-match{border:1px solid var(--border);color:var(--text);background:#fff;border-radius:8px;justify-content:space-between;align-items:center;padding:6px 8px;font-size:11px;font-weight:700;display:flex}.hero-mb-match--won{background:linear-gradient(120deg,#10b9811a,#fff);border-color:#10b98173}.hero-mb-match--won strong{color:#047857}.hero-mb-match--lost{color:var(--text-secondary);background:#f8fafce6}.hero-mb-spacer{height:8px}.hero-mb-col:first-child:after{content:"";background:#0f172a2e;width:1px;position:absolute;top:calc(50% - 22px);bottom:calc(50% - 22px);right:-7px}.hero-mb-col:first-child>.hero-mb-match:before{content:"";background:#0f172a2e;width:7px;height:1px;position:absolute;top:50%;right:-7px}.hero-mb-col--final:before{content:"";background:#0f172a2e;width:7px;height:1px;position:absolute;top:50%;left:-7px}.hero-mb-trophy{color:#fff;background:linear-gradient(135deg,#1d4ed8,#10b981);border-radius:12px;flex-direction:column;gap:4px;width:100%;padding:10px 12px;display:flex;box-shadow:0 12px 26px #1d4ed852}.hero-mb-trophy span{letter-spacing:2px;opacity:.92;font-size:9px;font-weight:800}.hero-mb-trophy strong{font-family:var(--font-heading);font-size:13px;font-weight:800}@media (width<=1100px){.hero-flair--notify{width:210px;left:-2%}.hero-flair--bracket{width:210px;right:-2%}}@media (width<=880px){.hero-flair{z-index:4}.hero-flair--notify{width:190px;transform:rotate(calc(-6deg + var(--hero-scroll,0) * -16deg)) translateX(calc(var(--hero-scroll,0) * -18px)) translateY(calc(var(--hero-scroll,0) * -22px)) scale(.85);top:2%;left:-4%}.hero-flair--bracket{width:180px;transform:rotate(calc(7deg + var(--hero-scroll,0) * 18deg)) translateX(calc(var(--hero-scroll,0) * 18px)) translateY(calc(var(--hero-scroll,0) * 26px)) scale(.85);bottom:4%;right:-4%}}@media (width<=540px){.hero-flair--notify{width:168px;transform:rotate(calc(-7deg + var(--hero-scroll,0) * -16deg)) translateX(calc(var(--hero-scroll,0) * -14px)) translateY(calc(var(--hero-scroll,0) * -18px)) scale(.78);top:-3%;left:-8%}.hero-flair--bracket{width:160px;transform:rotate(calc(8deg + var(--hero-scroll,0) * 18deg)) translateX(calc(var(--hero-scroll,0) * 14px)) translateY(calc(var(--hero-scroll,0) * 22px)) scale(.78);bottom:-2%;right:-8%}}.hero-phone-scroll{width:min(248px,70%);transform-style:preserve-3d;transform:rotate(calc(var(--hero-scroll,0) * -5deg)) rotateY(calc(var(--hero-scroll,0) * 14deg)) rotateX(calc(var(--hero-scroll,0) * -3deg)) translateY(calc(var(--hero-scroll,0) * -10px));will-change:transform;position:relative}.hero-phone-tilted{width:100%;transform-style:preserve-3d;filter:drop-shadow(0 26px 44px #1d4ed84d);transition:transform .6s;position:relative;transform:rotate(8deg)rotateY(-10deg)rotateX(4deg)}.hero-phone-tilted:hover{transform:rotate(4deg)rotateY(-6deg)rotateX(2deg)translateY(-4px)}.hero-phone-frame{aspect-ratio:9/17.8;background:linear-gradient(#0b1220,#1e293b);border-radius:32px;width:100%;padding:6px;position:relative;box-shadow:inset 0 0 0 1px #ffffff0d,inset 0 0 0 4px #050912,0 24px 60px #0f172a73}.hero-phone-bezel-top{pointer-events:none;z-index:3;justify-content:center;align-items:center;height:22px;display:flex;position:absolute;top:0;left:0;right:0}.hero-phone-speaker{opacity:.9;background:#1f2937;border-radius:999px;width:38px;height:4px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.hero-phone-camera{background:radial-gradient(circle at 30% 30%,#1f2937 0%,#050912 60%,#0b1220 100%);border-radius:999px;width:8px;height:8px;position:absolute;top:12px;right:18px;box-shadow:0 0 0 1px #60a5fa2e,inset 0 0 4px #60a5fa66}.hero-phone-screen{width:100%;height:100%;color:var(--text);background:radial-gradient(120% 60% at 50% 0,#3b82f638,#0000 60%),linear-gradient(#f8fafc,#fff);border-radius:26px;flex-direction:column;gap:8px;padding:26px 12px 12px;display:flex;position:relative;overflow:hidden}.hp-status{letter-spacing:.4px;color:var(--text-secondary);justify-content:space-between;align-items:center;gap:6px;font-size:10px;display:flex}.hp-status-brand{color:var(--text);align-items:center;gap:4px;font-weight:700;display:inline-flex}.hp-status-brand img{object-fit:contain;width:12px;height:12px}.hp-status-icons{align-items:center;gap:2px;display:inline-flex}.hp-sig{background:var(--text);border-radius:1px;width:3px;display:inline-block}.hp-sig:first-child{opacity:.4;height:4px}.hp-sig:nth-child(2){opacity:.65;height:6px}.hp-sig:nth-child(3){opacity:.9;height:8px}.hp-batt{border:1px solid var(--text);background:linear-gradient(90deg, var(--text) 70%, transparent 70%);border-radius:2px;width:14px;height:7px;margin-left:2px;display:inline-block;position:relative}.hp-batt:after{content:"";background:var(--text);border-radius:0 1px 1px 0;width:2px;height:3px;position:absolute;top:1.5px;right:-3px}@keyframes hp-rec-pulse{0%,to{box-shadow:0 0 #ef4444b3}50%{box-shadow:0 0 0 6px #ef444400}}.hp-app-bar{color:var(--text);grid-template-columns:16px 1fr 16px;align-items:center;padding:2px 0;font-size:11px;font-weight:800;display:grid}.hp-app-back,.hp-app-menu{color:var(--text-secondary);font-size:14px;font-weight:600}.hp-app-title{text-align:center;letter-spacing:.2px}.hp-scoreboard{grid-template-columns:1fr 56px 1fr;align-items:stretch;gap:6px;display:grid}.hp-score-box{border:1px solid var(--border);background:var(--surface);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:8px 4px 10px;display:flex;position:relative}.hp-score-box--ours{background:linear-gradient(135deg,#1d4ed82e,#10b9812e);border-color:#1d4ed866;box-shadow:0 6px 16px #1d4ed82e}.hp-score-box--dim{opacity:.78}.hp-score-team{letter-spacing:1.4px;color:var(--text-secondary);text-transform:uppercase;font-size:9px;font-weight:800}.hp-score-box--ours .hp-score-team{color:var(--primary)}.hp-score-num{font-family:var(--font-heading);color:var(--text);font-size:30px;font-weight:900;line-height:1;transition:transform .3s,color .3s}.hp-score-num--pop{color:var(--primary);text-shadow:0 0 20px #1d4ed873;animation:.9s cubic-bezier(.34,1.56,.64,1) both hp-score-pop}@keyframes hp-score-pop{0%{transform:scale(1)}35%{transform:scale(1.55)rotate(-4deg)}60%{transform:scale(.92)rotate(2deg)}to{transform:scale(1)}}.hp-scoreboard{transition:transform .4s;position:relative}.hp-scoreboard--flash:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(60% 80% at 18%,#10b98159,#0000 65%);border-radius:16px;animation:2.1s ease-out forwards hp-flash-fade;position:absolute;inset:-8px}@keyframes hp-flash-fade{0%{opacity:0;transform:scale(.8)}20%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.05)}}.hp-goal-flash{font-family:var(--font-heading);letter-spacing:1.6px;color:#fff;z-index:2;white-space:nowrap;background:linear-gradient(120deg,#1d4ed8,#10b981);border-radius:999px;padding:4px 10px;font-size:11px;font-weight:800;animation:2.1s ease-out both hp-goal-flash;position:absolute;top:-2px;left:50%;transform:translate(-50%,-100%);box-shadow:0 8px 18px #10b98173}@keyframes hp-goal-flash{0%{opacity:0;transform:translate(-50%,-60%)scale(.6)}20%{opacity:1;transform:translate(-50%,-110%)scale(1.05)}60%{opacity:1;transform:translate(-50%,-110%)scale(1)}to{opacity:0;transform:translate(-50%,-130%)scale(.95)}}.hp-disc-col{flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:4px 0;display:flex}.hp-disc-pill{border:2px solid var(--primary);background:#1d4ed824;border-radius:999px;width:24px;height:24px;animation:1.6s ease-in-out infinite hp-rec-pulse;position:relative;box-shadow:0 0 #2563eb80}.hp-disc-pill:after{content:"";background:var(--primary);border-radius:999px;position:absolute;inset:5px}.hp-disc-caption{letter-spacing:1px;text-transform:uppercase;color:var(--primary);text-align:center;font-size:8px;font-weight:800;line-height:1.1}.hp-clock-card{background:#0f172a0a;border:1px solid #0f172a0f;border-radius:12px;justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.hp-clock-face{flex-direction:column;display:flex}.hp-clock-face strong{font-family:var(--font-heading);color:var(--text);font-size:18px;line-height:1}.hp-clock-face small{letter-spacing:1px;text-transform:uppercase;color:var(--primary);font-size:9px;font-weight:800}.hp-clock-meta{letter-spacing:.4px;color:var(--text-secondary);flex-direction:column;align-items:flex-end;gap:2px;font-size:9px;display:flex}.hp-section-head{letter-spacing:1.4px;text-transform:uppercase;color:var(--text-secondary);justify-content:space-between;align-items:center;margin-top:2px;font-size:9px;font-weight:800;display:flex}.hp-section-head small{letter-spacing:1px;color:var(--primary);background:#1d4ed81a;border:1px solid #1d4ed82e;border-radius:999px;padding:2px 6px;font-size:8px;font-weight:800}.hp-lineup-grid{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.hp-player{text-align:center;border:1px solid var(--border);color:var(--text);background:#f8fafcf2;border-radius:8px;padding:6px 4px;font-size:9px;font-weight:700;position:relative}.hp-player--selected{border-color:var(--primary);color:var(--primary);background:linear-gradient(135deg,#1d4ed82e,#10b98129);box-shadow:0 4px 10px #1d4ed82e}.hp-disc-dot{background:var(--primary);width:5px;height:5px;box-shadow:0 0 6px var(--primary);border-radius:999px;position:absolute;top:3px;right:4px}.hp-action-grid{grid-template-columns:1fr 1fr;gap:5px;display:grid}.hp-tactile{letter-spacing:.4px;color:#fff;cursor:default;border:1px solid #0000;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:9px 4px;font-size:10px;font-weight:800;display:flex;position:relative;box-shadow:0 6px 14px #0f172a2e,inset 0 0 0 1px #ffffff14}.hp-tactile-icon{font-size:16px;line-height:1}.hp-tactile-label{font-size:10px}.hp-tactile--primary{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.hp-tactile--error{background:linear-gradient(135deg,#ef4444,#b91c1c)}.hp-tactile--warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.hp-tactile--accent{background:linear-gradient(135deg,#b45309,#92400e)}.hp-tactile-tap{pointer-events:none;border-radius:16px;animation:1.8s ease-out infinite hp-tap;position:absolute;inset:-4px;box-shadow:0 0 #60a5fad9,inset 0 0 #fff9}.hp-tactile-tap:after{content:"";filter:drop-shadow(0 0 8px #60a5fab3);background:radial-gradient(circle at 30% 30%,#fffffff2,#ffffff40 60%,#0000 70%);border-radius:999px;width:28px;height:28px;position:absolute;bottom:-10px;right:-8px}@keyframes hp-tap{0%{box-shadow:0 0 #60a5fad9,inset 0 0 0 1px #fff6}60%{box-shadow:0 0 0 12px #60a5fa00,inset 0 0 #fff0}to{box-shadow:0 0 #60a5fa00,inset 0 0 #fff0}}.hp-log-mini{color:var(--text);background:#0f172a0a;border:1px solid #0f172a0f;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:6px;margin-top:auto;padding:6px 8px;font-size:10px;display:grid}.hp-log-mini-tag{letter-spacing:.6px;color:var(--text-secondary);background:#0f172a14;border-radius:4px;padding:2px 5px;font-size:8px;font-weight:800}.hp-log-mini-tag--goal{color:#047857;background:#10b9812e}.hp-log-mini-time{font-family:var(--font-heading);color:var(--text-secondary);font-size:9px}@media (width<=880px){.hero-phone-back{width:200px;right:-8%}}@media (width<=720px){.hero-stage{min-height:380px}.hero-phone-back{display:none}.hero-phone-scroll{width:min(240px,78%);transform:rotate(calc(var(--hero-scroll,0) * -3deg))}.hero-phone-tilted{transform:rotate(3deg)}}.hero-app-preview{border-radius:var(--radius-xl);background:var(--surface);border:1px solid var(--border);width:100%;box-shadow:var(--shadow);overflow:hidden}.hero-app-banner{background-position:50%;background-size:cover;height:140px;position:relative}.hero-app-banner:after{content:"";background:linear-gradient(#0f172a00 40%,#0f172a8c);position:absolute;inset:0}.hero-app-icon{border:3px solid var(--surface);z-index:2;background:var(--surface);object-fit:cover;border-radius:16px;width:64px;height:64px;position:absolute;bottom:-28px;left:24px;box-shadow:0 6px 18px #0f172a33}.hero-app-body{gap:16px;padding:36px 22px 22px;display:grid}.hero-app-title{color:var(--text);font-size:20px;font-weight:800}.hero-app-sub{color:var(--text-secondary);margin-top:-10px;font-size:13px}.hero-app-stats{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.hero-app-stats>div{background:var(--surface-secondary);border:1px solid var(--border);border-radius:14px;gap:4px;padding:10px;display:grid}.hero-app-stats span{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-size:11px}.hero-app-stats strong{color:var(--primary);font-size:20px;font-weight:800}.hero-app-list{gap:8px;display:grid}.hero-app-row{background:var(--surface-secondary);border:1px solid var(--border);color:var(--text);border-radius:12px;justify-content:space-between;padding:8px 12px;font-size:13px;display:flex}.hero-app-row strong{color:var(--primary)}.hero-card,.hero-phone{border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow);background:#ffffffeb}.hero-card{gap:16px;width:100%;padding:20px;display:grid}.hero-card-header{color:var(--text-secondary);align-items:center;gap:10px;font-size:13px;display:flex}.hero-score{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid}.team-name{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-size:12px}.team-score{font-size:32px;font-weight:700}.score-divider{background:#ffffff1a;width:1px;height:50px}.hero-card-footer{color:var(--text-secondary);font-size:13px}.hero-phone{border-radius:32px;width:min(320px,80%);padding:16px}.phone-notch{background:#0f172a2e;border-radius:999px;width:120px;height:18px;margin:0 auto 12px}.phone-screen{background:#f8fafcf2;border:1px solid #ffffff14;border-radius:24px;gap:14px;padding:16px;display:grid}.phone-top{color:var(--text-secondary);justify-content:space-between;font-size:12px;display:flex}.phone-score{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.phone-feed{gap:8px;display:grid}.feed-row{color:var(--text-secondary);background:#ffffff0d;border-radius:12px;justify-content:space-between;padding:8px 10px;font-size:12px;display:flex}.metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:40px;display:grid}.metric-card{border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow);background:#ffffffeb;align-content:start;gap:2px;padding:14px 22px 18px;transition:transform .25s,border-color .25s,box-shadow .25s;display:grid;position:relative;overflow:hidden}.metric-card .metric-value{margin:0;line-height:1.3}.metric-card .metric-label{margin-top:0;line-height:1.15}.metric-card .metric-detail{margin-top:4px}.metric-card:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;opacity:0;pointer-events:none;background:linear-gradient(135deg,#3b82f659,#10b98140);padding:1px;transition:opacity .25s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.metric-card:hover:before{opacity:1}.metric-card:hover,.feature-visual:hover,.side-card:hover{border-color:#3b82f661;transform:translateY(-4px);box-shadow:0 24px 70px #3b82f629}.metric-value{letter-spacing:2px;text-transform:uppercase;background:linear-gradient(120deg, var(--primary), var(--accent));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:14px;font-weight:800}.metric-label{font-family:var(--font-heading);letter-spacing:-.2px;color:var(--text);font-size:22px;font-weight:800}.metric-detail{color:var(--text-secondary);font-size:14px;line-height:1.55}.section-head{gap:16px;max-width:640px;display:grid}.section-head h2{font-family:var(--font-heading);margin:0;font-size:clamp(28px,3.6vw,42px)}.section-head p{color:var(--text-secondary);margin:0}.feature-block{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:40px;margin-top:48px;display:grid}.exact-app-section{margin-top:12px}.exact-app-grid{grid-template-columns:minmax(320px,420px) minmax(0,1fr);align-items:center;gap:32px;margin-top:32px;display:grid}.device-frame{justify-self:center;width:min(100%,420px)}.device-shell{aspect-ratio:390/844;background:#111827;border:1px solid #0f172a2e;border-radius:42px;padding:16px;position:relative;box-shadow:0 30px 80px #0f172a3d}.device-speaker{z-index:2;background:#ffffff1f;border-radius:999px;width:96px;height:16px;position:absolute;top:18px;left:50%;transform:translate(-50%)}.app-iframe{background:#fff;border:0;border-radius:30px;width:100%;height:100%;overflow:hidden}.exact-app-panel{border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow);background:#ffffffd6;gap:18px;padding:24px;display:grid}.exact-app-panel p{color:var(--text-secondary);margin:0}.app-link-list{gap:10px;display:grid}.app-route-link{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-secondary);gap:4px;padding:14px;transition:transform .2s,border-color .2s;display:grid}.app-route-link:hover{border-color:var(--primary);transform:translateY(-2px)}.app-route-link span{color:var(--text);font-weight:800}.app-route-link small,.exact-note{color:var(--text-secondary);font-size:12px;line-height:1.5}.exact-note{border-radius:var(--radius-lg);background:#f59e0b1a;border:1px solid #f59e0b47;padding:12px}.feature-block.reverse{direction:rtl}.feature-block.reverse>*{direction:ltr}.feature-copy h3{margin:0 0 12px;font-size:26px}.feature-copy p{color:var(--text-secondary);margin:0 0 18px}.feature-list{color:var(--text-secondary);gap:10px;margin:0;padding:0;list-style:none;display:grid}.feature-list li{padding-left:20px;position:relative}.feature-list li:before{content:"";background:var(--success);border-radius:50%;width:8px;height:8px;position:absolute;top:8px;left:0}.feature-visual{border-radius:var(--radius-xl);border:1px solid var(--border);background:#ffffffd1;min-height:220px;padding:24px;transition:transform .25s,border-color .25s,box-shadow .25s}.lock-visual{background:linear-gradient(160deg,#0f172a 0%,#1e293b 60%,#1d4ed8 130%);border:1px solid #0f172a29;justify-content:center;align-items:center;padding:28px 22px;display:flex}.lock-screen{color:#f8fafc;flex-direction:column;gap:14px;width:100%;max-width:360px;display:flex}.lock-clock{flex-direction:column;align-items:center;gap:4px;margin-bottom:4px;display:flex}.lock-day{letter-spacing:1px;color:#f8fafcc7;text-transform:uppercase;font-size:12px}.lock-time{font-family:var(--font-heading);letter-spacing:-1px;color:#fff;text-shadow:0 4px 30px #3b82f659;font-size:64px;font-weight:200;line-height:1}.lock-notification{-webkit-backdrop-filter:blur(22px);background:#ffffff24;border:1px solid #ffffff2e;border-radius:18px;flex-direction:column;gap:6px;padding:14px 16px;transition:transform .3s,box-shadow .3s;display:flex;position:relative;box-shadow:0 14px 30px #080b1859}.lock-notification--primary{animation:1.6s ease-out .2s backwards lock-pop;box-shadow:0 18px 40px #1d4ed859,0 0 0 1px #60a5fa66}.lock-notification--secondary{opacity:.92;margin-top:-2px;transform:translateY(-4px)scale(.97)}@keyframes lock-pop{0%{opacity:0;transform:translateY(-12px)scale(.96)}60%{opacity:1;transform:translateY(2px)scale(1.01)}to{opacity:1;transform:translateY(0)scale(1)}}.lock-app{color:#f8fafcd9;align-items:center;gap:8px;font-size:12px;display:flex}.lock-app-icon{background:#ffffff1f;border:1px solid #ffffff2e;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.lock-app-icon img{object-fit:contain;width:16px;height:16px}.lock-app-name{color:#fff;text-transform:uppercase;letter-spacing:.4px;font-weight:700}.lock-time-ago{color:#f8fafc99;margin-left:auto;font-size:11px}.lock-title{color:#fff;align-items:center;gap:6px;font-size:15px;font-weight:700;display:flex}.lock-title:before{content:"🚨"}.lock-notification--secondary .lock-title:before{content:"🛡️"}.lock-body{color:#f8fafcd1;font-size:13px;line-height:1.4}.data-visual{background:0 0;border:none;min-height:auto;padding:0}.vs-card{border-radius:var(--radius-xl);color:#f8fafc;background:linear-gradient(160deg,#0b1220 0%,#1e293b 100%);border:1px solid #0f172a66;gap:22px;width:100%;padding:24px 22px;display:grid;box-shadow:0 24px 60px #0f172a59}.vs-card-head{grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;display:grid}.vs-side{flex-direction:column;gap:6px;display:flex}.vs-side--ours{align-items:flex-start}.vs-side--opp{align-items:flex-end}.vs-name{color:#fff;letter-spacing:.2px;font-size:14px;font-weight:800}.vs-tag{letter-spacing:1px;text-transform:uppercase;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700}.vs-tag.positive{color:#6ee7b7;background:#10b9812e;border:1px solid #10b98166}.vs-tag.negative{color:#fca5a5;background:#ef444429;border:1px solid #ef44445c}.vs-divider{font-family:var(--font-heading);letter-spacing:2px;background:linear-gradient(120deg,#60a5fa,#34d399);color:#0000;-webkit-background-clip:text;background-clip:text;border:1px solid #60a5fa4d;border-radius:999px;padding:6px 14px;font-size:22px;font-weight:900}.vs-circles{grid-template-columns:1fr 1fr;place-items:center;gap:18px;display:grid}.vs-circle{width:130px;height:130px;position:relative}.vs-circle svg{width:100%;height:100%;transform:rotate(-90deg)}.vs-circle-track{fill:none;stroke:#ffffff14;stroke-width:10px}.vs-circle-fill{fill:none;stroke-width:10px;stroke-linecap:round;transition:stroke-dashoffset .6s}.vs-circle--ours .vs-circle-fill{stroke:#34d399;filter:drop-shadow(0 0 12px #34d39973)}.vs-circle--opp .vs-circle-fill{stroke:#f97316;filter:drop-shadow(0 0 12px #f9731666)}.vs-circle-label{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.vs-circle-label strong{font-family:var(--font-heading);color:#fff;font-size:28px;font-weight:900}.vs-circle-label small{letter-spacing:1.4px;text-transform:uppercase;color:#f8fafca6;font-size:10px}.vs-bars{gap:10px;display:grid}.vs-bar-row{color:#f8fafcd9;grid-template-columns:80px 1fr auto;align-items:center;gap:12px;font-size:12px;display:grid}.vs-bar-label{letter-spacing:.4px;text-transform:uppercase;color:#f8fafca6;font-size:10px;font-weight:700}.vs-bar-track{background:#ffffff0f;border-radius:999px;height:8px;display:flex;position:relative;overflow:hidden}.vs-bar-fill{border-radius:999px;height:100%;transition:width .6s;position:absolute;top:0}.vs-bar-ours{z-index:2;background:linear-gradient(90deg,#60a5fa,#34d399);left:0}.vs-bar-opp{opacity:.78;background:linear-gradient(270deg,#f97316,#f43f5e);right:0}.vs-bar-value em{color:#fff;margin-right:2px;font-style:normal;font-weight:800}.mini-bracket-visual{border:1px solid var(--border);background:linear-gradient(160deg,#fff 0%,#eff6ff 60%,#ecfdf5 100%);padding:28px 22px}.mini-bracket{grid-template-columns:minmax(0,1fr) minmax(0,.9fr) minmax(0,1fr);align-items:stretch;gap:22px;display:grid;position:relative}.mb-col{flex-direction:column;justify-content:center;gap:8px;display:flex;position:relative}.mb-col--mid,.mb-col--final{justify-content:center}.mb-round{letter-spacing:2px;text-transform:uppercase;color:var(--text-secondary);margin-bottom:4px;font-size:10px;font-weight:700}.mb-spacer{height:28px}.mb-match{border:1px solid var(--border);color:var(--text);background:#fff;border-radius:12px;justify-content:space-between;align-items:center;padding:10px 12px;font-size:13px;font-weight:700;display:flex;position:relative;box-shadow:0 6px 18px #0f172a0f}.mb-match--won{background:linear-gradient(120deg,#10b98114,#fff);border-color:#10b98166}.mb-match--won .mb-score{color:#047857}.mb-match--lost{color:var(--text-secondary);background:#f8fafce6}.mb-team{letter-spacing:.2px}.mb-score{font-family:var(--font-heading);font-weight:800}.mb-col:not(:last-child)>.mb-match:after,.mb-col:not(:last-child)>.mb-match.mb-match--lost:after{content:"";background:#0f172a2e;width:22px;height:1px;position:absolute;top:50%;right:-22px}.mb-col:not(:last-child)>.mb-match:nth-child(2):before,.mb-col:not(:last-child)>.mb-match:nth-child(3):before{content:"";background:#0f172a2e;width:1px;position:absolute;right:-22px}.mb-col:not(:first-child):not(:last-child)>.mb-match:after{right:-22px}.mb-col:first-child:after{content:"";background:#0f172a2e;width:1px;position:absolute;top:calc(50% - 28px);bottom:calc(50% - 28px);right:-11px}.mb-col--mid:after{content:"";background:#0f172a2e;width:22px;height:1px;position:absolute;top:50%;right:-11px}.mb-trophy{color:#fff;background:linear-gradient(135deg,#1d4ed8,#10b981);border-radius:14px;flex-direction:column;align-items:flex-start;gap:6px;padding:14px 14px 14px 16px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 40px #1d4ed852}.mb-trophy:before{content:"🏆";opacity:.8;font-size:36px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.mb-trophy-tag{letter-spacing:2px;background:#ffffff2e;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:800}.mb-trophy-team{font-family:var(--font-heading);font-size:16px;font-weight:800}.mb-trophy-meta{opacity:.85;font-size:11px}@media (width<=720px){.mini-bracket{grid-template-columns:1fr;gap:14px}.mb-col:first-child:after,.mb-col--mid:after,.mb-col:not(:last-child)>.mb-match:after,.mb-col:not(:last-child)>.mb-match.mb-match--lost:after{display:none}}.demo-section{margin-top:40px}.demo-pair{grid-template-columns:minmax(280px,1fr) minmax(340px,460px);align-items:start;gap:clamp(28px,5vw,64px);display:grid}.demo-pair--reverse{grid-template-columns:minmax(340px,460px) minmax(280px,1fr)}.demo-copy{align-content:start;gap:16px;display:grid;position:sticky;top:24px}.demo-copy .eyebrow{margin:0}.demo-copy h2{margin:0;font-size:clamp(28px,3vw,40px);line-height:1.1}.demo-copy>p{color:var(--text-secondary);margin:0;font-size:16px;line-height:1.55}.demo-copy .side-card{margin-top:8px}.demo-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:start;gap:32px;margin-top:32px;display:grid}.app-screen{border-radius:var(--radius-xl);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);transition:transform .35s,box-shadow .35s,border-color .35s;position:relative;overflow:hidden}.app-screen--interactive:hover{border-color:#1d4ed866;transform:translateY(-2px);box-shadow:0 22px 48px #1d4ed82e,0 4px 12px #0f172a14}.live-pill{z-index:6;letter-spacing:.6px;text-transform:uppercase;color:#fff;-webkit-backdrop-filter:blur(10px);pointer-events:none;-webkit-user-select:none;user-select:none;background:#0f172ac7;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:7px;padding:6px 12px 6px 10px;font-size:11px;font-weight:800;display:inline-flex;position:absolute;top:12px;right:12px;box-shadow:0 8px 18px #0f172a40}.live-dot{background:#10b981;border-radius:50%;width:8px;height:8px;animation:2.2s ease-in-out infinite live-dot-pulse;box-shadow:0 0 #10b98199}@keyframes live-dot-pulse{0%,to{box-shadow:0 0 #10b98199}50%{box-shadow:0 0 0 8px #10b98100}}.tab-bar--nudge .tab-item:not(.active){transform-origin:50% 80%;animation:4.4s ease-in-out infinite tab-nudge}.tab-bar--nudge .tab-item:first-child{animation-delay:0s}.tab-bar--nudge .tab-item:nth-child(2){animation-delay:.18s}.tab-bar--nudge .tab-item:nth-child(3){animation-delay:.36s}.tab-bar--nudge .tab-item:nth-child(4){animation-delay:.54s}.tab-bar--nudge .tab-item:nth-child(5){animation-delay:.72s}@keyframes tab-nudge{0%,86%,to{transform:translateY(0)rotate(0)}88%{transform:translateY(-2.5px)rotate(-1.5deg)}90%{transform:translateY(0)rotate(1.5deg)}92%{transform:translateY(-2px)rotate(-1deg)}94%{transform:translateY(0)rotate(.6deg)}96%{transform:translateY(-1px)rotate(0)}}.tab-bar--nudge .tab-item:not(.active):after{content:"";transform-origin:50%;background:#1d4ed873;border-radius:2px;width:16px;height:2px;animation:4.4s ease-in-out infinite tab-underline-tease;position:absolute;bottom:0;left:50%;transform:translate(-50%)scaleX(0)}.tab-bar--nudge .tab-item:first-child:after{animation-delay:0s}.tab-bar--nudge .tab-item:nth-child(2):after{animation-delay:.18s}.tab-bar--nudge .tab-item:nth-child(3):after{animation-delay:.36s}.tab-bar--nudge .tab-item:nth-child(4):after{animation-delay:.54s}.tab-bar--nudge .tab-item:nth-child(5):after{animation-delay:.72s}@keyframes tab-underline-tease{0%,86%,to{opacity:0;transform:translate(-50%)scaleX(0)}90%{opacity:1;transform:translate(-50%)scaleX(1)}98%{opacity:0;transform:translate(-50%)scaleX(0)}}.tab-item{position:relative}.app-screen:before{content:"";pointer-events:none;opacity:.8;background:linear-gradient(135deg,#2563eb14,#0000 28%);position:absolute;inset:0}.app-topbar{border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;height:60px;padding:0 16px;display:flex}.app-title{font-size:16px;font-weight:700}.icon-button{background:var(--surface-secondary);border:1px solid var(--border);width:36px;height:36px;color:var(--text-secondary);border-radius:18px;place-items:center;display:grid}.app-content{gap:16px;padding:20px 16px 24px;display:grid}.app-scoreboard{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface-secondary);grid-template-columns:1fr 120px 1fr;align-items:center;gap:8px;padding:12px 8px;display:grid}.score-box{text-align:center;border-radius:var(--radius-md);padding:10px 6px;transition:all .2s}.score-box--ours{background:var(--primary-light);border:2px solid var(--primary)}.score-box--opp{background:var(--error-bg);border:2px solid var(--error)}.score-box--dim{opacity:.7}.score-label{letter-spacing:1px;color:var(--text-secondary);font-size:11px}.score-number{margin-top:4px;font-size:42px;font-weight:800}.score-disc{color:var(--text-secondary);justify-items:center;gap:6px;display:grid}.disc-pill{border:2px solid var(--primary);background:#2563eb26;border-radius:22px;width:44px;height:44px}.disc-caption{text-align:center;font-size:11px;line-height:1.2}.clock-card{border-radius:var(--radius-lg);border:1px solid var(--border);background:linear-gradient(135deg,#3b82f629,#10b98114);justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;display:flex}.clock-face{gap:2px;display:grid}.clock-time{font-variant-numeric:tabular-nums;font-size:24px;font-weight:900}.clock-label,.clock-meta,.lineup-hint{color:var(--text-secondary);font-size:12px}.clock-meta{text-align:right;gap:3px;display:grid}.lineup-hint{min-height:20px;color:var(--success);margin-top:-8px;font-weight:700}.score-pulse{animation:.6s scorePulse}@keyframes scorePulse{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}.section-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.section-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-size:11px;font-weight:700}.section-chip{color:var(--primary);background:#3b82f633;border:1px solid #3b82f666;border-radius:999px;padding:4px 10px;font-size:11px}.player-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;display:grid}.player-button{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);text-align:left;gap:4px;padding:12px;transition:all .2s;display:grid}.player-button.selected{border-color:var(--primary);background:var(--primary-light)}.player-button.holding-disc{border-color:var(--success);box-shadow:inset 0 0 0 1px #10b98180,0 0 22px #10b9812e}.player-name{font-weight:600}.player-meta{color:var(--text-secondary);font-size:12px}.action-panel{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);gap:10px;padding:12px;display:grid}.action-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.tactile-button{border-radius:var(--radius-md);text-transform:uppercase;letter-spacing:.5px;background:var(--surface-secondary);min-height:70px;color:var(--text);border:1px solid #0000002e;font-weight:700}.tactile-button.primary{background:var(--primary);color:#fff}.tactile-button.success{background:var(--success);color:#042014}.tactile-button.warning{background:var(--warning);color:#fff}.tactile-button.neutral{color:#fff;background:#2563eb}.tactile-button.danger{background:var(--error);color:#fff}.tactile-button.error{background:var(--error-bg);color:#fca5a5}.control-button{border-radius:var(--radius-md);border:1px solid var(--border);text-transform:uppercase;letter-spacing:.6px;color:var(--text-secondary);background:var(--surface-secondary);padding:10px 12px;font-size:11px}.card-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.card-blue{color:#60a5fa}.card-yellow{color:#facc15}.card-red{color:#f87171}.demo-side{gap:16px;display:grid}.side-card{border-radius:var(--radius-xl);border:1px solid var(--border);box-shadow:var(--shadow);background:#ffffffe6;gap:16px;padding:20px;display:grid}.side-card.sticky{transform:scale(calc(.94 + (var(--scroll-progress,0) * .06)));transition:transform .2s;position:sticky;top:120px}.card-title{text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);font-size:12px;font-weight:700}.leader-list,.event-log,.history-list{gap:8px;display:grid}.leader-row,.event-row,.history-row{color:var(--text-secondary);background:#ffffff0a;border-radius:12px;justify-content:space-between;gap:12px;padding:10px 12px;font-size:12px;display:flex}.leader-row span:last-child,.event-row span:last-child{color:var(--text)}.leader-row.muted,.event-row.muted{justify-content:center}.muted{color:var(--text-secondary)}.spectate-controls{align-items:center;gap:10px;display:flex}.pill{border:1px solid var(--border);background:var(--surface-secondary);color:var(--text-secondary);border-radius:999px;padding:8px 12px;font-size:12px}.spectate-clock{color:var(--text);margin-left:auto;font-size:14px;font-weight:700}.field-card{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);padding:14px}.field-card-header{margin-bottom:8px}.field-title{text-transform:uppercase;letter-spacing:1px;font-size:12px;font-weight:700}.field-sub{color:var(--text-secondary);font-size:11px}.field-map{border-radius:var(--radius-md);background:#15803d;border:2px solid #166534;width:100%;height:190px;position:relative;overflow:hidden}.field-line{background:#ffffff59;position:absolute}.field-line.endzone.left{width:2px;top:0;bottom:0;left:18%}.field-line.endzone.right{width:2px;top:0;bottom:0;left:82%}.field-line.midfield{background:#fff3;width:2px;top:0;bottom:0;left:50%}.field-line.sideline.top{background:#fff3;height:2px;top:8%;left:0;right:0}.field-line.sideline.bottom{background:#fff3;height:2px;bottom:8%;left:0;right:0}.field-label{color:#ffffffb3;letter-spacing:1.5px;text-align:center;white-space:pre-line;width:140px;font-size:11px;font-weight:700;position:absolute;top:50%}.field-label.left{left:-40px;transform:translateY(-50%)rotate(-90deg)}.field-label.right{right:-40px;transform:translateY(-50%)rotate(90deg)}.field-vector{transform-origin:50%;border-radius:2px;height:2px;position:absolute}.field-dot{background:#fffc;border:1px solid #0f172a4d;border-radius:50%;width:12px;height:12px;position:absolute;transform:translate(-50%,-50%)}.field-dot.active{background:#f8fafc;border-width:2px;width:16px;height:16px}.intel-card{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface-secondary);gap:12px;padding:14px;display:grid}.intel-title{text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);font-size:12px;font-weight:700}.intel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.intel-pill{background:var(--surface);border:1px solid var(--border);color:var(--text-secondary);border-radius:12px;gap:6px;padding:10px;font-size:12px;display:grid}.intel-pill strong{color:var(--text)}.on-fire{color:#facc15;background:#f59e0b2e;border-radius:12px;padding:8px 12px;font-size:12px}.stat-tape{color:var(--text-secondary);gap:8px;font-size:12px;display:grid}.stat-tape strong{color:var(--text);font-size:18px;display:block}.team-hero{border-radius:var(--radius-lg);background:var(--surface-secondary);border:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.team-profile-card{border-radius:var(--radius-xl);background:var(--surface-secondary);border:1px solid #3b82f638;position:relative;overflow:hidden}.team-banner{opacity:.9;background-position:50%;background-size:cover;height:150px}.team-banner:after{content:"";background:linear-gradient(#0000,#121212e6);width:100%;height:100%;display:block}.team-avatar-wrap{border:3px solid var(--primary);background:var(--surface);border-radius:50%;width:82px;height:82px;padding:4px;position:absolute;top:102px;left:18px;box-shadow:0 12px 32px #00000059}.team-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.team-profile-body{gap:12px;padding:48px 18px 18px;display:grid}.team-profile-title-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.team-bio{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.55}.team-code-row{flex-wrap:wrap;gap:8px;display:flex}.team-code-row span{border:1px solid var(--border);color:var(--text-secondary);background:#ffffff0d;border-radius:999px;padding:6px 10px;font-size:11px}.stats-tape{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.stats-tape>div,.rating-card{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);padding:12px}.stats-tape>div{gap:4px;display:grid}.stats-tape span,.rating-card span,.rating-card small{color:var(--text-secondary);font-size:11px}.stats-tape strong,.rating-card strong{color:var(--text);font-size:24px;line-height:1}.stats-tape .accent{background:#3b82f629;border-color:#3b82f659}.rating-card{background:linear-gradient(135deg, var(--primary), var(--success));gap:6px;display:grid}.rating-card span,.rating-card small,.rating-card strong{color:#fff}.team-name-lg{font-size:20px;font-weight:700}.team-sub{color:var(--text-secondary);font-size:12px}.team-pill{color:var(--primary);background:#3b82f633;border:1px solid #3b82f666;border-radius:999px;padding:6px 10px;font-size:12px}.team-actions{gap:10px;display:flex}.primary-btn{background:var(--primary);color:#fff;border-radius:var(--radius-md);padding:10px 14px;font-weight:600}.ghost-btn{border-radius:var(--radius-md);border:1px solid var(--border);color:var(--text-secondary);background:var(--surface-secondary);padding:10px 14px}.roster-list{gap:6px;display:grid}.roster-row{background:var(--surface);border:1px solid var(--border);border-radius:10px;justify-content:space-between;align-items:center;padding:7px 11px;display:flex}.roster-row .player-name{color:var(--text);font-size:13px;font-weight:700}.roster-row .player-meta{color:var(--text-secondary);font-size:11px}.line-pill{letter-spacing:.5px;border:1px solid var(--border);background:var(--surface-secondary);color:var(--text-secondary);text-transform:uppercase;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:800}.schedule-list{gap:8px;display:grid}.schedule-row{color:var(--text-secondary);background:#ffffff0a;border-radius:12px;grid-template-columns:72px 1fr auto;gap:8px;padding:10px 12px;font-size:12px;display:grid}.history-score{color:var(--text);font-weight:700}.media-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.media-card{border:1px solid var(--border);text-align:center;background:#3b82f61f;border-radius:12px;padding:14px;font-size:12px}.stat-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.stat-box{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface-secondary);text-align:center;padding:14px}.stat-box strong{color:var(--primary);font-size:24px;display:block}.stat-box span{color:var(--text-secondary);font-size:12px}.config-card{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface-secondary);gap:10px;padding:14px;display:grid}.segment-row{gap:8px;display:flex}.segment-btn{color:var(--text-secondary);background:#ffffff0a;border:1px solid #ffffff1f;border-radius:10px;flex:1;padding:10px 12px;font-size:12px;font-weight:600}.segment-btn.active{color:var(--text);background:#3b82f633;border-color:#3b82f666}.pool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.pool-card{border:1px solid var(--border);background:#ffffff0a;border-radius:14px;gap:8px;padding:12px;display:grid}.pool-header{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;justify-content:space-between;font-size:11px;display:flex}.pool-team{color:var(--text-secondary);gap:8px;font-size:12px;display:flex}.tournament-hero{color:#f8fafc;background:linear-gradient(135deg,#1b2838 0%,#2563eb 130%);border-bottom:1px solid #ffffff14;padding:20px}.tournament-hero .hero-title{color:#fff;font-weight:800}.tournament-hero .hero-sub{color:#f8fafcc7}.hero-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.hero-status{background:var(--primary);color:#fff;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:700}.hero-title{font-size:24px;font-weight:700}.hero-sub{color:#ffffffa6;font-size:12px}.tab-bar{border-bottom:1px solid var(--border);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.tab-item{text-align:center;color:var(--text-secondary);border-bottom:2px solid #0000;padding:12px 6px;font-size:12px}.tab-item.active{color:var(--primary);border-bottom-color:var(--primary)}.info-box{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface-secondary);gap:10px;padding:14px;display:grid}.info-box.accent{border-color:var(--primary);background:#3b82f61f}.info-row{color:var(--text-secondary);justify-content:space-between;font-size:13px;display:flex}.info-row strong{color:var(--text)}.info-title{text-transform:uppercase;letter-spacing:1px;color:var(--primary);font-size:12px;font-weight:700}.info-line{color:var(--text-secondary);font-size:12px}.table-card{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface-secondary);overflow:hidden}.table-header{text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);background:#ffffff0d;padding:12px 16px;font-size:12px}.table-row{border-top:1px solid var(--border);color:var(--text-secondary);grid-template-columns:1fr 60px 60px;gap:10px;padding:10px 16px;font-size:12px;display:grid}.table-row.header{color:var(--text);background:#ffffff08;font-weight:700}.bracket-preview{gap:10px;display:grid}.bracket-matchup{background:var(--surface);border:1px solid var(--border);border-radius:14px;gap:8px;padding:12px 14px 14px;display:grid;box-shadow:0 4px 12px #0f172a0d}.bracket-matchup--won{background:linear-gradient(120deg, #10b98114, var(--surface));border-color:#10b98166}.bracket-matchup-head{letter-spacing:.6px;color:var(--text-secondary);text-transform:uppercase;justify-content:space-between;align-items:center;gap:10px;font-size:11px;font-weight:800;display:flex}.bracket-matchup-round{color:var(--primary)}.bracket-matchup-time{color:var(--text-secondary);letter-spacing:.2px;text-transform:none;font-weight:600}.bracket-matchup-row{background:#f8fafcf2;border:1px solid #0f172a0d;border-radius:10px;align-items:center;gap:14px;padding:8px 12px;display:flex}.bracket-matchup--won>.bracket-matchup-row:not(.bracket-matchup-row--opp){background:linear-gradient(120deg,#10b98129,#fffffff2);border-color:#10b98166}.bracket-matchup-row--opp{background:#f8fafcd9}.bracket-matchup-team{min-width:0;color:var(--text);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;font-weight:700;overflow:hidden}.bracket-matchup-row--opp .bracket-matchup-team{color:var(--text-secondary);font-weight:600}.bracket-matchup-score{font-family:var(--font-heading);color:var(--text);text-align:right;flex-shrink:0;min-width:32px;font-size:22px;font-weight:900;line-height:1}.bracket-matchup--won>.bracket-matchup-row:not(.bracket-matchup-row--opp) .bracket-matchup-score{color:#047857;text-shadow:0 1px 12px #10b9812e}.bracket-matchup-row--opp .bracket-matchup-score{color:var(--text-secondary)}.bracket-matchup--lost{opacity:.96}.bracket-matchup--lost>.bracket-matchup-row:first-of-type .bracket-matchup-team,.bracket-matchup--lost>.bracket-matchup-row:first-of-type .bracket-matchup-score{color:var(--text)}.tournament-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}.pool-match-stack,.activity-list{gap:12px;display:grid}.pool-match-card{border-radius:var(--radius-lg);border:1px solid var(--border);background:#ffffff0a;grid-template-columns:74px 1fr;align-items:center;gap:12px;padding:12px;display:grid}.match-meta{color:var(--text-secondary);border-right:1px solid var(--border);justify-items:center;gap:3px;padding-right:10px;font-size:10px;display:grid}.status-dot{background:var(--success);border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #10b981cc}.match-teams{color:var(--text-secondary);grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;font-size:12px;display:grid}.match-teams span:first-child{text-align:right}.winner{font-weight:900;color:var(--text)!important}.pool-standing-block+.pool-standing-block{border-top:1px solid var(--border)}.pool-standing-title{color:var(--primary);text-transform:uppercase;letter-spacing:1px;padding:10px 16px;font-size:12px;font-weight:900}.bracket-tree{grid-template-columns:repeat(3,minmax(180px,1fr));align-items:center;gap:14px;padding-bottom:6px;display:grid;overflow-x:auto}.bracket-column{gap:12px;display:grid}.bracket-round-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-size:11px;font-weight:900}.tree-match-card{border:1px solid var(--border);background:#ffffff0a;border-radius:14px;gap:8px;min-width:180px;padding:12px;display:grid}.tree-match-card small{color:var(--text-secondary)}.tree-team-row{color:var(--text-secondary);justify-content:space-between;gap:10px;font-size:12px;display:flex}.champion-card{border-radius:var(--radius-lg);text-align:center;background:linear-gradient(135deg,#10b98147,#3b82f62e);border:1px solid #10b9818c;gap:6px;padding:18px;display:grid;box-shadow:0 18px 45px #10b9812e}.champion-card span{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-size:11px}.champion-card strong{color:#fff}.activity-feed{flex-direction:column;gap:12px;display:flex}.activity-feed-head{letter-spacing:1.4px;text-transform:uppercase;color:var(--text-secondary);justify-content:space-between;align-items:center;padding:0 4px;font-size:12px;font-weight:800;display:flex}.activity-feed-head small{color:var(--primary);text-transform:none;letter-spacing:.4px;font-size:11px;font-weight:700}.activity-row{border:1px solid var(--border);background:var(--surface);border-radius:16px;flex-direction:column;gap:10px;padding:14px 16px 16px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 4px 12px #0f172a0f}.activity-row:hover{border-color:#1d4ed852;transform:translateY(-1px);box-shadow:0 12px 26px #0f172a14}.activity-row--champ{background:linear-gradient(135deg,#1d4ed81f,#10b98124);border-color:#10b9818c;padding-left:22px;box-shadow:0 16px 36px #10b98133}.activity-row--champ:before{content:"";background:linear-gradient(#1d4ed8,#10b981);border-radius:2px;width:4px;position:absolute;top:14px;bottom:14px;left:6px}.activity-row-head{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:10px;font-size:12px;display:flex}.activity-tag{border:1px solid var(--border);color:var(--text);letter-spacing:.6px;text-transform:uppercase;white-space:nowrap;background:#0f172a0f;border-radius:999px;flex-shrink:0;align-items:center;gap:4px;padding:4px 10px;font-size:10px;font-weight:800;display:inline-flex}.activity-row--champ .activity-tag{color:#fff;background:linear-gradient(120deg,#1d4ed8,#10b981);border-color:#0000;box-shadow:0 6px 14px #10b98159}.activity-trophy{font-size:14px;line-height:1}.activity-label{color:var(--text);flex:1;min-width:0;font-size:13px;font-weight:800}.activity-time{color:var(--text-secondary);letter-spacing:.2px;white-space:nowrap;flex-shrink:0;font-size:11px;font-weight:700}.activity-teams{flex-direction:column;gap:6px;display:flex}.activity-team{color:var(--text);background:#f8fafcf2;border:1px solid #0f172a0d;border-radius:12px;align-items:center;gap:14px;padding:10px 14px;font-size:14px;display:flex}.activity-team-name{letter-spacing:.1px;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-weight:700;overflow:hidden}.activity-team-score{font-family:var(--font-heading);color:var(--text);text-align:right;flex-shrink:0;min-width:32px;font-size:22px;font-weight:900;line-height:1}.activity-team--won{background:linear-gradient(120deg,#10b98129,#fffffff2);border-color:#10b98166}.activity-team--won .activity-team-score{color:#047857;text-shadow:0 1px 12px #10b9812e}.activity-team--lost,.activity-team--lost .activity-team-name,.activity-team--lost .activity-team-score{color:var(--text-secondary)}.activity-row--champ .activity-team--won{background:linear-gradient(120deg,#10b98147,#1d4ed82e);border-color:#10b98199}.activity-row--champ .activity-team--won .activity-team-name{font-weight:800}.activity-note{color:var(--primary);letter-spacing:.1px;border-top:1px dashed #0f172a14;padding-top:8px;font-size:12px;font-weight:700}.activity-row--champ .activity-note{color:#047857}@media (width<=540px){.activity-row-head{gap:8px}.activity-label{font-size:12px}.activity-team{gap:10px;padding:8px 12px}.activity-team-name{font-size:13px}.activity-team-score{min-width:26px;font-size:19px}}.teams-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.tournament-team-card{border:1px solid var(--border);background:#ffffff0a;border-radius:14px;align-items:center;gap:10px;padding:12px;display:flex}.tournament-team-card div:last-child{gap:2px;font-size:12px;display:grid}.tournament-team-card span{color:var(--text-secondary);font-size:11px}.team-avatar-mini{background:var(--primary-light);width:38px;height:38px;color:var(--primary);border-radius:50%;place-items:center;font-size:12px;font-weight:900;display:grid}.empty-state{text-align:center;color:var(--text-secondary);padding:20px 0;font-size:12px}.section-chip.chip-offense{color:var(--success);letter-spacing:1px;background:#10b9811f;border-color:#10b98159;font-size:11px;font-weight:800}.section-chip.chip-defense{color:#ef4444;letter-spacing:1px;background:#ef44441f;border-color:#ef444459;font-size:11px;font-weight:800}.prediction-card{background:var(--surface-secondary);border:1px solid var(--border);border-radius:14px;gap:10px;padding:12px;display:grid}.prediction-header,.reaction-header{letter-spacing:1px;text-transform:uppercase;color:var(--text-secondary);font-size:11px;font-weight:800}.prediction-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.prediction-button{text-align:left;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:12px;gap:4px;padding:12px 14px;font-weight:700;transition:transform .15s,border-color .15s,background .15s;display:grid}.prediction-button small{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-size:11px;font-weight:600}.prediction-button:hover{border-color:#2563eb73;transform:translateY(-1px)}.prediction-active--ours{border-color:var(--primary);background:#2563eb1a}.prediction-active--ours small{color:var(--primary)}.prediction-active--opp{background:#ef44441a;border-color:#ef4444}.prediction-active--opp small{color:#ef4444}.fan-predictions{color:#f8fafc;background:linear-gradient(160deg,#0f172a 0%,#1e293b 100%);border:1px solid #0f172a66;border-radius:14px;gap:10px;padding:12px 14px 14px;display:grid;box-shadow:0 12px 30px #0f172a2e}.fp-summary{letter-spacing:.4px;justify-content:space-between;align-items:center;font-size:11px;display:flex}.fp-total{color:#fff;font-weight:800}.fp-shift{letter-spacing:1.4px;text-transform:uppercase;color:#f8fafcb3;font-size:10px;font-weight:700}.fp-bar{border:1px solid #ffffff14;border-radius:10px;height:28px;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0a}.fp-bar-iowa,.fp-bar-isu{letter-spacing:.4px;color:#fff;white-space:nowrap;align-items:center;padding:0 10px;font-size:11px;font-weight:800;transition:width .7s cubic-bezier(.22,1,.36,1);display:flex;overflow:hidden}.fp-bar-iowa{background:linear-gradient(90deg,#2563eb,#10b981);justify-content:flex-start;box-shadow:inset 0 0 24px #ffffff2e}.fp-bar-isu{background:linear-gradient(270deg,#f97316,#f43f5e);justify-content:flex-end;box-shadow:inset 0 0 24px #ffffff29}.fp-bar-iowa span,.fp-bar-isu span{text-shadow:0 1px 2px #0f172a66}.fp-rows{gap:6px;display:grid}.fp-row{color:#f8fafcd9;grid-template-columns:12px 1fr auto;align-items:center;gap:10px;font-size:12px;display:grid}.fp-dot{border:1px solid #ffffff2e;border-radius:999px;width:10px;height:10px}.fp-dot--iowa{background:linear-gradient(135deg,#2563eb,#10b981);box-shadow:0 0 10px #2563eb73}.fp-dot--isu{background:linear-gradient(135deg,#f97316,#f43f5e);box-shadow:0 0 10px #f9731673}.fp-name{color:#fff;font-weight:600}.fp-count{font-family:var(--font-heading);color:#fff;font-weight:800}.fp-foot{letter-spacing:1.4px;text-transform:uppercase;color:#f8fafc8c;border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding-top:6px;font-size:10px;display:flex}.fp-foot strong{letter-spacing:1.6px;color:#34d399;align-items:center;gap:6px;font-size:10px;font-weight:800;display:inline-flex}.fp-foot strong:before{content:"";background:#34d399;border-radius:999px;width:6px;height:6px;animation:1.6s ease-in-out infinite hp-rec-pulse;box-shadow:0 0 6px #34d399}.reaction-card{background:var(--surface-secondary);border:1px solid var(--border);border-radius:14px;gap:10px;padding:12px;display:grid;position:relative}.reaction-row{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.reaction-button{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:12px;place-items:center;gap:2px;padding:10px 6px;transition:transform .15s,border-color .15s;display:grid}.reaction-button:hover{border-color:#2563eb73;transform:translateY(-2px)}.reaction-emoji{font-size:22px;line-height:1}.reaction-count{color:var(--text-secondary);font-size:11px;font-weight:700}.reaction-burst{pointer-events:none;font-size:36px;animation:.9s ease-out forwards reaction-fly;position:absolute;top:-28px;right:12px}@keyframes reaction-fly{0%{opacity:0;transform:translateY(0)scale(.5)}20%{opacity:1}to{opacity:0;transform:translateY(-60px)scale(1.4)}}.bracket-shell{gap:10px;display:grid}.bracket-hint{letter-spacing:1px;text-transform:uppercase;color:var(--text-secondary);font-size:11px;font-weight:800}.bracket-canvas{scrollbar-color:var(--primary) transparent;gap:36px;padding:8px 4px 18px;display:flex;overflow:auto hidden}.bracket-canvas::-webkit-scrollbar{height:8px}.bracket-canvas::-webkit-scrollbar-thumb{background:#2563eb59;border-radius:999px}.bracket-canvas::-webkit-scrollbar-track{background:0 0}.bracket-column{flex-direction:column;flex:0 0 168px;display:flex}.bracket-round-header{text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);text-align:center;margin-bottom:12px;font-size:11px;font-weight:800}.bracket-slot{justify-content:center;align-items:center;display:flex;position:relative}.bracket-match{border:1px solid var(--border);background:var(--surface);border-radius:8px;width:100%;padding:8px 10px;position:relative;box-shadow:0 4px 14px #0f172a14}.bracket-time{color:var(--text-secondary);letter-spacing:.5px;font-size:10px;position:absolute;top:-16px;left:0}.bracket-team{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:8px;padding:4px 0;font-size:12px;display:flex}.bracket-team span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.bracket-team strong{color:var(--text-secondary);font-weight:700}.bracket-team.winner{color:var(--text)}.bracket-team.winner span{font-weight:800}.bracket-team.winner strong{color:var(--primary)}.bracket-divider{background:var(--border);height:1px}.bracket-connector{background:var(--border);width:18px;height:2px;position:absolute;top:50%;left:-18px;transform:translateY(-1px)}.bracket-match--champion{background:linear-gradient(135deg, var(--primary), #1d4ed8);border-color:var(--primary);color:#fff;text-align:center;letter-spacing:.5px;padding:14px 12px;font-size:14px;box-shadow:0 14px 30px #2563eb59}.bracket-match--champion strong{color:#fff;font-weight:900}.vision-section{padding-bottom:24px;position:relative}.vision-section .section-head{text-align:center;max-width:760px;margin:0 auto 36px}.vision-section .section-head h2{font-family:var(--font-heading);letter-spacing:-.02em;background:linear-gradient(120deg, var(--text) 25%, var(--primary) 60%, #10b981 95%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:8px 0 14px;font-size:clamp(28px,4vw,44px)}.vision-section .section-lead{color:var(--text-secondary);font-size:16px;line-height:1.6}.vision-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.vision-card{isolation:isolate;-webkit-backdrop-filter:blur(18px)saturate(1.1);background:linear-gradient(145deg,#ffffffeb,#f1f5f9c7);border:1px solid #0f172a14;border-radius:24px;gap:14px;padding:26px 26px 28px;transition:transform .4s,box-shadow .4s,border-color .4s;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 50px -28px #0f172a47,inset 0 1px #ffffffe6}.vision-card:hover{border-color:#1d4ed852;transform:translateY(-4px);box-shadow:0 36px 70px -28px #1d4ed859,inset 0 1px #fffffff2}.vision-card-glow{filter:blur(22px);opacity:.7;pointer-events:none;z-index:-1;background:radial-gradient(closest-side,#1d4ed840,#0000 70%);border-radius:50%;width:60%;height:60%;transition:opacity .4s;position:absolute;inset:-40% -20% auto auto}.vision-card--player .vision-card-glow{background:radial-gradient(closest-side,#10b98140,#0000 70%)}.vision-card--lab .vision-card-glow{background:radial-gradient(closest-side,#f59e0b38,#0000 70%)}.vision-card--cast .vision-card-glow{background:radial-gradient(closest-side,#a855f738,#0000 70%)}.vision-card:hover .vision-card-glow{opacity:1}.vision-card-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.vision-num{font-family:var(--font-heading);letter-spacing:4px;color:#0000;background:linear-gradient(120deg, var(--primary), #10b981);-webkit-background-clip:text;background-clip:text;font-size:12px;font-weight:800}.vision-pill{letter-spacing:1.2px;text-transform:uppercase;color:var(--text);background:#0f172a0f;border:1px solid #0f172a14;border-radius:999px;align-items:center;gap:7px;padding:5px 11px;font-size:10px;font-weight:800;display:inline-flex}.vision-pill:before{content:"";background:linear-gradient(120deg, var(--primary), #10b981);border-radius:50%;width:6px;height:6px;animation:2.4s ease-in-out infinite live-dot-pulse;box-shadow:0 0 0 2px #1d4ed82e}.vision-card h3{font-family:var(--font-heading);letter-spacing:-.01em;color:var(--text);margin:4px 0 0;font-size:22px;font-weight:800}.vision-card p{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.6}.vision-mock{color:#e2e8f0;background:linear-gradient(140deg,#0f172aeb,#0f172abd);border:1px solid #ffffff0f;border-radius:18px;gap:8px;min-height:168px;padding:16px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0f,0 12px 30px #0f172a4d}.vision-mock:after{content:"";pointer-events:none;background:radial-gradient(80% 60% at 90% 10%,#1d4ed82e,#0000 60%);position:absolute;inset:0}.vm-feed-row{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:10px;align-items:center;gap:8px;padding:8px 10px;font-size:12px;display:flex;position:relative}.vm-feed-row--news{background:#1d4ed829;border-color:#1d4ed852}.vm-feed-tag{letter-spacing:1.4px;color:#34d399;background:#10b98129;border-radius:4px;flex-shrink:0;padding:3px 6px;font-size:9px;font-weight:800}.vm-feed-tag--news{color:#93c5fd;background:#1d4ed838}.vm-feed-tag--alert{color:#fbbf24;background:#f59e0b38}.vm-feed-text{white-space:nowrap;text-overflow:ellipsis;color:#e2e8f0;flex:1;min-width:0;font-weight:600;overflow:hidden}.vm-dot{background:#10b981;border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:2.2s ease-in-out infinite live-dot-pulse;box-shadow:0 0 #10b98199}.vision-mock--player{padding:14px}.vm-player-card{background:linear-gradient(135deg,#10b9812e,#1d4ed82e);border:1px solid #ffffff1a;border-radius:14px;grid-template-columns:auto 1fr;align-items:center;gap:14px;padding:12px;display:grid}.vm-player-rating{width:56px;height:56px;font-family:var(--font-heading);color:#fff;letter-spacing:-.02em;background:linear-gradient(135deg,#10b981,#1d4ed8);border-radius:14px;place-items:center;font-size:26px;font-weight:900;display:grid;box-shadow:0 8px 20px #10b98159}.vm-player-info{gap:3px;min-width:0;display:grid}.vm-player-name{color:#fff;font-size:14px;font-weight:800}.vm-player-role{letter-spacing:1px;text-transform:uppercase;color:#94a3b8;font-size:10.5px;font-weight:700}.vm-player-stats{color:#cbd5e1;gap:10px;margin-top:4px;font-size:11px;display:flex}.vm-player-stats strong{color:#fff;font-family:var(--font-heading);margin-right:3px;font-weight:800}.vm-player-actions{gap:8px;margin-top:4px;display:flex}.vm-follow-pill,.vm-meta-pill{letter-spacing:.4px;color:#fff;border:1px solid #ffffff1f;border-radius:999px;padding:5px 10px;font-size:10.5px;font-weight:700}.vm-follow-pill{background:linear-gradient(120deg,#1d4ed8,#10b981);border-color:#0000;box-shadow:0 6px 14px #1d4ed859}.vm-meta-pill{background:#ffffff0f}.vision-mock--lab{padding:14px}.vm-board{color:#fbbf24;background:repeating-linear-gradient(0deg,#ffffff0a 0 1px,#0000 1px 22px),repeating-linear-gradient(90deg,#ffffff0a 0 1px,#0000 1px 22px),linear-gradient(135deg,#10b98129,#f59e0b1a);border:1px solid #ffffff14;border-radius:14px;height:132px;position:relative}.vm-mark{width:26px;height:26px;font-family:var(--font-heading);color:#0f172a;border-radius:50%;place-items:center;font-size:12px;font-weight:900;display:grid;position:absolute;box-shadow:0 4px 10px #00000040}.vm-mark--o{background:#fbbf24}.vm-mark--x{background:#38bdf8}.vm-mark--p1{bottom:18%;left:12%}.vm-mark--p2{top:38%;left:36%}.vm-mark--p3{top:16%;right:14%}.vm-mark--d1{top:18%;right:36%}.vm-mark--d2{bottom:22%;right:24%}.vm-arrows{color:#fbbf24;width:100%;height:100%;position:absolute;inset:0}.vm-lab-tag{text-align:center;letter-spacing:.4px;color:#cbd5e1;background:#ffffff0d;border-radius:8px;padding:6px 10px;font-size:11px;font-weight:700}.vision-mock--cast{padding:12px}.vm-cast-frame{background:radial-gradient(60% 80% at 30% 100%,#10b98166,#0000 70%),linear-gradient(135deg,#1e293b,#0f172a);border:1px solid #ffffff14;border-radius:12px;height:110px;position:relative;overflow:hidden}.vm-cast-overlay{color:#e2e8f0;justify-content:space-between;align-items:center;gap:8px;font-size:11px;display:flex;position:absolute;top:8px;left:8px;right:8px}.vm-cast-live{letter-spacing:.6px;background:#ef4444d9;border-radius:999px;align-items:center;gap:5px;padding:3px 8px;font-size:10px;font-weight:800;display:inline-flex}.vm-cast-live .vm-dot{background:#fff;width:5px;height:5px}.vm-cast-meta{color:#cbd5e1;font-size:10.5px;font-weight:600}.vm-cast-cams{gap:6px;display:flex;position:absolute;bottom:8px;left:8px}.vm-cam{letter-spacing:1.2px;color:#cbd5e1;background:#0f172a99;border:1px solid #ffffff1f;border-radius:6px;padding:3px 7px;font-size:9px;font-weight:800}.vm-cam--active{color:#fff;background:linear-gradient(120deg,#1d4ed8,#10b981);border-color:#0000}.vm-cast-chat{gap:4px;margin-top:2px;display:grid}.vm-chat-row{color:#cbd5e1;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:8px;padding:5px 8px;font-size:11px;line-height:1.4}.vm-chat-row strong{color:#93c5fd;margin-right:6px;font-weight:700}.vm-chat-row--mod{color:#c4b5fd;background:#a855f729;border-color:#a855f74d}.vm-chat-row--mod strong{color:#ddd6fe}.vision-footnote{text-align:center;max-width:720px;color:var(--text-secondary);background:#0f172a0a;border:1px dashed #0f172a24;border-radius:16px;margin:32px auto 0;padding:18px 22px;font-size:14px;line-height:1.6}.vision-footnote a{color:var(--primary);border-bottom:2px solid #1d4ed84d;font-weight:800;text-decoration:none}.vision-footnote a:hover{border-bottom-color:var(--primary)}@media (width<=820px){.vision-grid{grid-template-columns:1fr;gap:18px}.vision-card{padding:22px 22px 24px}}.download{padding-bottom:var(--section-padding)}.download-card{border-radius:var(--radius-xl);border:1px solid var(--border);color:var(--text);background:linear-gradient(135deg,#fff 0%,#eef5ff 100%);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:32px;display:flex;box-shadow:0 30px 80px #2563eb26}.download-card h2{color:var(--text);margin:8px 0 12px;font-size:clamp(24px,2.6vw,34px)}.download-card p{color:var(--text-secondary);max-width:420px;margin:0}.download-card .eyebrow{margin:0}.download-copy{gap:6px;max-width:540px;display:grid}.download-brand{font-family:var(--font-heading);letter-spacing:.6px;text-transform:uppercase;color:var(--primary);align-items:center;gap:10px;margin-bottom:8px;font-size:14px;font-weight:800;display:inline-flex}.download-brand-icon{object-fit:contain;filter:drop-shadow(0 4px 14px #3b82f652);width:28px;height:28px}.download-actions{flex-wrap:wrap;gap:16px;display:flex}.download-qr-card{border-radius:var(--radius-xl);border:1px solid var(--border);background:linear-gradient(135deg,#fff 0%,#f1f5f9 100%);grid-template-columns:1fr auto;align-items:center;gap:32px;margin-top:28px;padding:28px 32px;display:grid;box-shadow:0 18px 48px #0f172a14}.download-qr-copy{gap:8px;max-width:460px;display:grid}.download-qr-copy h3{letter-spacing:-.01em;color:var(--text);margin:0;font-size:clamp(20px,2.2vw,26px);font-weight:800}.download-qr-copy p{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.55}.download-print-btn{place-self:flex-start;margin-top:6px}.download-qr-frame{justify-items:center;gap:10px;display:grid}.download-qr-frame-inner{border:1px solid var(--border);background:#fff;border-radius:18px;padding:14px;line-height:0;box-shadow:0 8px 22px #0f172a14}.download-qr-url{color:var(--text-secondary);letter-spacing:.2px;word-break:break-all;text-align:center;max-width:240px;font-family:SFMono-Regular,Menlo,Consolas,monospace;font-size:11px}@media (width<=820px){.download-qr-card{text-align:center;grid-template-columns:1fr;padding:24px 22px 28px}.download-qr-copy{justify-items:center}.download-print-btn{justify-self:center}}.download-hint{border:1px solid var(--border);color:var(--text-secondary);background:#0f172a0a;border-radius:12px;max-width:540px;margin-top:16px;padding:12px 16px;font-size:13px;line-height:1.55}.download-hint strong{color:var(--text);font-weight:800}.download-hint em{color:var(--text);font-style:normal;font-weight:700}.download-hint--android{color:var(--text);background:linear-gradient(120deg,#10b9811a,#1d4ed80f);border-color:#10b98173}.download-hint--android strong{color:#047857}.download-hint--ios,.download-hint--desktop{color:var(--text);background:#f59e0b14;border-color:#f59e0b73}.download-hint--ios strong,.download-hint--desktop strong{color:#b45309}.footer{color:var(--text-secondary);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:28px 32px 40px;font-size:13px;display:flex}.footer-brand{font-family:var(--font-heading);color:var(--text);align-items:center;gap:8px;font-weight:800;display:inline-flex}.footer-icon{object-fit:contain;width:22px;height:22px}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(24px)}.reveal.is-visible{opacity:1;transform:translateY(0)}[data-parallax]{transform:translate3d(0, var(--parallax,0px), 0);transition:transform .2s ease-out}@keyframes pulse{0%{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}to{opacity:.8;transform:scale(1)}}@media (width<=980px){.nav-inner{gap:14px;padding:14px 22px}.nav-links{gap:14px;font-size:13px}.hero-grid,.feature-block,.demo-grid,.exact-app-grid,.demo-pair,.demo-pair--reverse{grid-template-columns:1fr}.demo-pair--mobile-showcase-first>.demo-copy{order:2}.demo-pair--mobile-showcase-first>.app-screen,.demo-pair--mobile-copy-first>.demo-copy{order:1}.demo-pair--mobile-copy-first>.app-screen{order:2}.feature-block.reverse{direction:ltr}.demo-copy{position:static}.metrics-grid,.stat-row,.pool-grid,.stats-tape,.teams-grid{grid-template-columns:1fr}.bracket-tree{grid-template-columns:repeat(3,minmax(180px,max-content))}.side-card.sticky{position:static;transform:none}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=740px){.nav-links{display:none}}@media (width<=640px){.nav-inner{gap:10px;padding:14px 18px}.section{padding:56px 18px 0}.footer{text-align:center;flex-direction:column;gap:8px;padding:24px 20px 32px}.action-row,.card-actions{grid-template-columns:1fr}.tab-item{letter-spacing:.3px;padding:10px 4px;font-size:11px}.clock-card,.team-profile-title-row,.pool-match-card,.match-teams{text-align:left;grid-template-columns:1fr}.match-meta{border-right:0;border-bottom:1px solid var(--border);padding-bottom:10px;padding-right:0}.match-teams span:first-child{text-align:left}.media-grid,.schedule-row{grid-template-columns:1fr}.hero{padding-top:12px}.hero-stage{min-height:340px}.hero-phone-scroll{width:min(220px,80%)}.logo-icon{width:28px;height:28px}.logo{font-size:18px}.cta-row{gap:12px}.btn{padding:12px 18px;font-size:14px}.section-head h2{font-size:clamp(24px,7vw,32px)}.feature-copy h3{font-size:22px}.demo-copy h2{font-size:clamp(22px,6.5vw,30px)}.metric-card{padding:12px 18px 14px}.lock-screen{max-width:320px}.lock-time{font-size:56px}.vs-circle{width:110px;height:110px}.vs-circle-label strong{font-size:24px}.bracket-matchup{padding:10px 12px 12px}.bracket-matchup-team{font-size:12px}.bracket-matchup-score{min-width:26px;font-size:19px}.activity-row{padding:12px 14px 14px}.activity-row--champ{padding-left:18px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}