:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#202124;background:#fafafa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{min-width:320px;background:#fafafa}body{margin:0;min-width:320px;min-height:100vh}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid rgba(246,183,60,.65);outline-offset:3px}#root{min-height:100vh}.site-shell{min-height:100vh;background:#f7f8fa;color:#202124}.site-header{position:sticky;top:0;z-index:30;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:26px;min-height:72px;padding:12px clamp(20px,5vw,72px);background:#ffffffeb;border-bottom:1px solid rgba(32,33,36,.08);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand,.footer-brand{display:inline-flex;align-items:center;gap:10px;color:#202124;font-weight:900;text-decoration:none}.brand img,.footer-brand img{width:38px;height:38px;border-radius:8px}.main-nav{display:flex;align-items:center;justify-content:center;gap:clamp(18px,4vw,42px)}.main-nav a,.footer-column a{color:#606875;font-size:14px;font-weight:800;text-decoration:none}.main-nav a:hover,.footer-column a:hover{color:#e53935}.language-select{position:relative}.language-select>button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:154px;min-height:42px;border:1px solid #dfe3e8;border-radius:8px;background:#fff;color:#202124;padding:0 12px;font-size:13px;font-weight:900}.language-select svg,.store-buttons svg,.feature-card svg,.contact-list svg{width:18px;height:18px;flex:0 0 18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.language-menu{position:absolute;right:0;top:calc(100% + 8px);width:190px;padding:6px;border:1px solid #dfe3e8;border-radius:8px;background:#fff;box-shadow:0 18px 44px #20212424}.language-menu button{width:100%;min-height:38px;display:flex;align-items:center;border:0;border-radius:8px;background:transparent;color:#606875;padding:0 10px;font-size:13px;font-weight:800;text-align:left}.language-menu button:hover,.language-menu button.active{background:#fff3f2;color:#b71c1c}.hero-section{position:relative;min-height:clamp(560px,78vh,730px);display:flex;align-items:center;overflow:hidden;padding:clamp(54px,8vw,104px) clamp(22px,7vw,92px) clamp(70px,8vw,104px);background-image:linear-gradient(90deg,#07101ac2,#07101a73 44%,#07101a2e),url(/hero-stadium.png);background-size:cover;background-position:center;color:#fff}.hero-copy{position:relative;z-index:1;width:min(760px,100%)}.eyebrow,.section-heading span,.preview-copy span,.download-section span,.contact-section span{display:inline-flex;align-items:center;min-height:32px;color:#f6b73c;font-size:13px;font-weight:900;text-transform:uppercase}.hero-copy h1{margin:16px 0 14px;color:#fff;font-size:clamp(56px,10vw,116px);line-height:.92;letter-spacing:0}.hero-copy p{width:min(620px,100%);margin:0;color:#ffffffe0;font-size:clamp(18px,2.1vw,25px);line-height:1.5}.hero-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.hero-links a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border:1px solid rgba(255,255,255,.42);border-radius:8px;padding:0 18px;color:#fff;font-size:14px;font-weight:900;text-decoration:none}.hero-links a:hover{background:#ffffff24}.hero-links .primary-link{border-color:#fff1c5;background:#fff1c5;color:#8b1111}.proof-bar{display:grid;grid-template-columns:repeat(3,1fr);width:min(1120px,calc(100% - 40px));margin:0 auto;padding:26px 0;border-bottom:1px solid #eceff3}.metric{display:grid;gap:4px;text-align:center}.metric strong{color:#b71c1c;font-size:clamp(28px,4vw,44px);line-height:1}.metric span{color:#606875;font-size:14px;font-weight:800}.content-section,.preview-section,.download-section,.contact-section{width:min(1120px,calc(100% - 40px));margin:0 auto}.content-section{padding:clamp(58px,9vw,104px) 0}.section-heading{width:min(720px,100%);margin-bottom:28px}.section-heading h2,.preview-copy h2,.download-section h2,.contact-section h2{margin:8px 0 12px;color:#202124;font-size:clamp(32px,5vw,56px);line-height:1.08;letter-spacing:0}.section-heading p,.preview-copy p,.download-section p,.contact-section p,.footer-brand-block p{margin:0;color:#606875;font-size:17px;line-height:1.65}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.feature-card{min-height:224px;padding:22px;border:1px solid #eceff3;border-radius:8px;background:#fff;box-shadow:0 16px 40px #2021240f}.feature-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:8px;background:#fff3f2;color:#e53935}.feature-card:nth-child(3) .feature-icon{background:#eff8f2;color:#1b8f5a}.feature-card:nth-child(4) .feature-icon{background:#eef4ff;color:#2f6fed}.feature-card h3{margin:18px 0 8px;color:#202124;font-size:20px;line-height:1.25}.feature-card p{margin:0;color:#606875;font-size:15px;line-height:1.6}.preview-section{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(28px,6vw,72px);padding:clamp(58px,9vw,100px) 0;border-top:1px solid #eceff3}.phone-row{display:grid;grid-template-columns:repeat(3,minmax(170px,1fr));gap:14px}.phone-screen{min-height:420px;display:flex;flex-direction:column;gap:14px;padding:16px;border:10px solid #202124;border-radius:32px;background:#fbfbfc;box-shadow:0 18px 46px #20212424}.phone-screen.green{transform:translateY(28px)}.phone-screen.blue{transform:translateY(-14px)}.screen-top{display:grid;gap:10px;padding:14px;border-radius:8px;background:#202124;color:#fff}.screen-top span{color:#f6b73c;font-size:13px;font-weight:900}.screen-top strong{font-size:28px}.screen-match{display:grid;grid-template-columns:1fr 1fr;gap:10px}.screen-match div,.screen-picks span{display:grid;place-items:center;min-height:82px;border:1px solid #eceff3;border-radius:8px;background:#fff;color:#202124}.screen-match span{color:#606875;font-size:12px;font-weight:800}.screen-match strong{font-size:24px}.screen-lines{display:grid;gap:8px;margin-top:4px}.screen-lines span{height:14px;border-radius:8px;background:#eceff3}.screen-lines span:nth-child(1){width:92%}.screen-lines span:nth-child(2){width:76%}.screen-lines span:nth-child(3){width:84%}.screen-picks{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:auto}.screen-picks span{min-height:46px;font-size:12px;font-weight:900}.phone-screen.red .screen-picks span:first-child,.phone-screen.green .screen-picks span:nth-child(2),.phone-screen.blue .screen-picks span:nth-child(3){border-color:#e53935;background:#e53935;color:#fff}.download-section{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px;padding:clamp(42px,7vw,68px);border-radius:8px;background:#111922;color:#fff}.download-section h2{color:#fff}.download-section p{max-width:680px;color:#ffffffc2}.config-status{margin-top:14px!important;color:#fff1c5!important;font-size:14px!important;font-weight:900}.config-status.failed,.config-status.missing{color:#ffcac6!important}.store-buttons{display:grid;grid-template-columns:repeat(2,minmax(170px,1fr));gap:10px}.store-buttons button{min-height:58px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#fff;color:#111922;padding:0 18px;font-size:15px;font-weight:900;transition:transform .16s ease,opacity .16s ease}.store-buttons button:hover:not(:disabled){transform:translateY(-1px)}.store-buttons button:disabled{cursor:wait;opacity:.6}.contact-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,420px);align-items:center;gap:28px;padding:clamp(42px,7vw,68px) 0}.contact-section h2{font-size:clamp(30px,4vw,48px)}.contact-list{display:grid;gap:10px}.contact-list a{min-height:58px;display:flex;align-items:center;gap:12px;border:1px solid #eceff3;border-radius:8px;background:#fff;color:#202124;padding:0 16px;font-size:14px;font-weight:900;text-decoration:none;box-shadow:0 12px 30px #2021240f}.contact-list a:hover{color:#e53935;border-color:#ffd3ce}.site-footer{display:grid;grid-template-columns:minmax(260px,1fr) auto auto;gap:clamp(28px,6vw,72px);padding:34px clamp(20px,5vw,72px);border-top:1px solid #eceff3;background:#fff}.footer-brand-block{width:min(420px,100%)}.footer-brand-block p{margin-top:12px;font-size:14px}.footer-column{min-width:140px;display:grid;align-content:start;gap:10px}.footer-column strong{color:#202124;font-size:14px}.footer-copyright{grid-column:1 / -1;margin:6px 0 0;padding-top:18px;border-top:1px solid #eceff3;color:#8a929e;font-size:13px;font-weight:700}@media(max-width:980px){.site-header{grid-template-columns:1fr auto;gap:12px}.main-nav{grid-column:1 / -1;grid-row:2;justify-content:flex-start}.preview-section,.download-section,.contact-section,.site-footer{grid-template-columns:1fr}.feature-grid{grid-template-columns:repeat(2,1fr)}.store-buttons{width:min(100%,440px)}}@media(max-width:720px){.site-header{position:static}.main-nav{display:none}.language-select{justify-self:end}.language-select>button{min-width:140px}.hero-section{min-height:76vh;padding:46px 18px 62px;background-position:center top}.hero-links a{width:100%}.proof-bar{width:100%;grid-template-columns:1fr;gap:12px;padding:24px 20px}.feature-grid,.phone-row,.store-buttons{grid-template-columns:1fr}.phone-screen,.phone-screen.green,.phone-screen.blue{min-height:360px;transform:none}.download-section{width:calc(100% - 36px);padding:28px 18px}.contact-section{padding:42px 0}.language-menu{right:0}}
