:root{color-scheme:dark;--bg:#09141a;--panel:#10232a;--fg:#f0f5ef;--muted:#9faeb2;--green:#b9f27b;--line:#294147}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.wrap{width:min(1160px,calc(100% - 48px));margin:auto}.top{position:sticky;top:0;z-index:10;background:#09141aee;border-bottom:1px solid #26363c;backdrop-filter:blur(15px)}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;gap:11px;align-items:center;font-size:17px;font-weight:900;letter-spacing:.045em;white-space:nowrap}.brand-accent,.accent{color:var(--green)}.mark{height:36px;width:36px;display:grid;place-items:center;background:var(--green);color:#0c1a17;transform:skew(-10deg);font-size:24px;font-weight:1000;border-radius:5px}.mark-dot{color:#247543;font-size:17px}nav{display:flex;align-items:center;gap:30px}nav a{font-size:13px;font-weight:650;color:#d2dfd9}nav a:hover,.footer-links a:hover{color:var(--green)}nav .nav-cta{border:1px solid #6c9d62;border-radius:4px;padding:11px 16px;color:var(--green)}nav .nav-cta span{margin-left:12px}.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 72% 46%,#244d3833,transparent 57%),linear-gradient(135deg,#09141a,#0c1f24)}.hero-grid{min-height:700px;display:grid;grid-template-columns:1.13fr 1fr;align-items:center;gap:65px;padding:100px 0 94px;position:relative}.eyebrow,.kicker,.chapter,.doc-meta,.form-tag{letter-spacing:.16em;color:var(--green);font-size:11px;font-weight:800}.live{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 14px var(--green);margin-right:8px}.hero h1,.document-hero h1{font-size:clamp(54px,5.7vw,88px);line-height:1.03;letter-spacing:-.065em;margin:24px 0 25px;font-weight:860}.hero h1 em{font-style:normal;color:var(--green)}.lead{max-width:530px;font-size:18px;color:#bdcccb;line-height:1.8}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:35px}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;border-radius:5px;padding:15px 21px;font-size:13px;font-weight:850;transition:transform .15s}.button:hover{transform:translateY(-2px)}.primary{background:var(--green);color:#12231a}.secondary{border:1px solid #47605a;color:#e1eee7}.hero-foot{display:flex;align-items:center;gap:11px;flex-wrap:wrap;color:#7f9794;font-size:10px;letter-spacing:.07em;font-weight:800;margin-top:68px}.hero-foot i{width:4px;height:4px;background:var(--green);border-radius:50%}.pitch-shell{transform:rotate(-4deg);margin:40px 6px 20px 0;background:#0d2424;border:1px solid #3b614b;padding:14px;box-shadow:0 25px 90px #0008;border-radius:9px}.pitch{height:360px;border:2px solid #67987a;position:relative;overflow:hidden;background:repeating-linear-gradient(90deg,#15372f 0,#15372f 62px,#183e34 62px,#183e34 124px)}.pitch:after{content:"";position:absolute;inset:10px;border:1px solid #6d9b7c70;pointer-events:none}.center-circle{position:absolute;width:104px;height:104px;border:2px solid #86b091;left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%)}.halfway{position:absolute;left:50%;top:0;bottom:0;border-left:2px solid #86b091}.goal{position:absolute;top:40%;height:20%;width:8px;background:#c3d3b6}.goal-l{left:0}.goal-r{right:0}.box{position:absolute;top:27%;height:46%;width:18%;border:2px solid #86b091}.box-l{left:0;border-left:0}.box-r{right:0;border-right:0}.dot,.ball{position:absolute;width:12px;height:12px;border-radius:50%;background:#c9f68b;box-shadow:0 0 0 5px #c9f68b20}.p1{left:13%;top:48%}.p2{left:27%;top:26%}.p3{left:35%;top:70%}.p4{left:41%;top:43%}.p5,.p6,.p7,.p8{background:#fc9b80;box-shadow:0 0 0 5px #fc9b8025}.p5{left:60%;top:32%}.p6{left:72%;top:56%}.p7{left:82%;top:27%}.p8{left:57%;top:77%}.ball{left:53%;top:49%;width:8px;height:8px;background:white;box-shadow:0 0 20px white}.trail{position:absolute;left:44%;top:51%;height:2px;width:45px;background:#fff8;transform:rotate(-12deg)}.pitch-caption{position:absolute;bottom:12px;left:18px;font-size:9px;letter-spacing:.14em;font-weight:800;color:#c4d4c3}.pitch-label{padding:14px 8px 4px;display:flex;flex-direction:column;gap:2px}.pitch-label span{font-size:10px;color:var(--green);letter-spacing:.15em;font-weight:800}.pitch-label strong{font-size:13px}.section{padding:116px 0 124px}.section-heading{max-width:760px}.section h2,.split h2,.signup h2{font-size:clamp(35px,4vw,54px);letter-spacing:-.05em;line-height:1.15;margin:18px 0 20px}.section h2 span,.split h2 span,.signup h2 span{color:var(--green)}.section-heading>p:last-child,.split p:not(.kicker),.signup>div>p:not(.kicker){color:var(--muted);max-width:610px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:52px}.card{min-height:280px;padding:30px;background:#10242a;border:1px solid #244149;border-radius:8px;position:relative}.card-n{position:absolute;right:27px;top:25px;color:#5a7777;font-size:12px}.icon{font-size:37px;color:var(--green);line-height:1.3}.card h3{font-size:20px;letter-spacing:-.02em;margin:20px 0 9px}.card p{color:#a6b9bb;font-size:14px}.split-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:105px 0;background:#0b1b21}.split{display:grid;grid-template-columns:1.1fr .75fr;gap:100px;align-items:center}.stat-stack{border-left:1px solid var(--line);padding-left:46px}.stat-stack>div{border-bottom:1px solid var(--line);padding:18px 0;display:flex;align-items:center;gap:28px}.stat-stack strong{min-width:110px;color:var(--green);font-size:34px;letter-spacing:-.06em}.stat-stack span{color:var(--muted);font-size:13px}.signup-section{padding:115px 0 125px;background:radial-gradient(circle at 20% 75%,#30644935,transparent 45%),#0b1a1e}.signup{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:center}.form-panel{background:#142a2e;border:1px solid #365247;padding:36px;border-radius:9px;box-shadow:0 15px 40px #0004}.form-tag{display:flex;justify-content:space-between}.form-panel h3{font-size:27px;letter-spacing:-.04em;margin:18px 0 25px}.form-panel form>label:not(.check){font-size:12px;font-weight:750;display:block;margin-bottom:8px}.input-row{display:flex;gap:8px}.input-row input{min-width:0;flex:1;border:1px solid #597069;background:#0c1a1d;color:white;padding:15px;border-radius:4px;font-size:14px}.input-row button{border:0;background:var(--green);color:#14261a;border-radius:4px;padding:10px 16px;font-weight:850;cursor:pointer}.check{display:flex;gap:11px;margin-top:19px;font-size:12px;color:#b7c8c6;line-height:1.6}.check input{accent-color:var(--green);margin-top:4px}.check a{color:var(--green);text-decoration:underline}.micro{font-size:11px;color:#8baba5;margin:20px 0 0}.hidden-field{position:absolute;left:-9999px}.notice{font-size:13px;padding:12px;border-radius:4px}.good{background:#2c613755;color:#cafaac}.bad{background:#79353355;color:#ffb2aa}footer{border-top:1px solid var(--line);background:#081318}.footer{padding:45px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer p{font-size:10px;letter-spacing:.15em;color:#748d8c}.footer-links{display:flex;gap:24px;font-size:13px;color:#b2c1bb}footer small{font-size:11px;color:#79918a}.document-hero{background:radial-gradient(circle at 78% 33%,#26644638,transparent 40%),#102126;padding:100px 0 85px;border-bottom:1px solid var(--line)}.document-hero h1{margin:16px 0}.document-hero p:not(.kicker){max-width:660px;color:#b3c8c4;font-size:18px}.doc-meta{margin-top:30px;color:#7c9e91}.document{display:grid;grid-template-columns:210px 1fr;gap:100px;padding-top:90px;padding-bottom:110px}.toc{position:sticky;top:120px;align-self:start;display:flex;flex-direction:column;gap:13px;font-size:13px;color:#8ba9a5}.toc strong{font-size:10px;letter-spacing:.16em;color:var(--green);margin-bottom:12px}.toc a:hover{color:white}.prose{max-width:750px}.prose section{scroll-margin-top:115px;border-bottom:1px solid var(--line);padding-bottom:39px;margin-bottom:48px}.prose h2,.timeline h2{font-size:32px;letter-spacing:-.04em;line-height:1.2;margin:12px 0 19px}.prose p,.timeline p{color:#b4c7c4;line-height:1.9;font-size:16px}.prose .button{margin-top:18px}.timeline{padding-top:90px;padding-bottom:100px}.milestone{display:grid;grid-template-columns:230px 1fr;gap:75px;border-top:1px solid var(--line);padding:42px 0 56px}.milestone-side{display:flex;flex-direction:column;gap:4px}.milestone-side span{font-size:55px;letter-spacing:-.07em;line-height:1;color:#577571;font-weight:800}.milestone-side strong{font-size:12px;letter-spacing:.12em;margin-top:13px}.milestone-side small{color:#829a95;letter-spacing:.12em;font-size:10px}.milestone-status{font-size:11px;letter-spacing:.14em;font-weight:800;color:#92a8a2}.current .milestone-status,.done .milestone-status{color:var(--green)}.timeline-end{background:#132a2b;border:1px solid var(--line);padding:35px;display:flex;align-items:center;justify-content:space-between;gap:20px}.privacy{padding:70px 0 100px}.privacy h2{margin-top:35px}.privacy-warning{border:1px solid #806d3c;background:#473b2440;padding:20px;border-radius:5px;color:#f3d99c;font-size:14px}@media(max-width:900px){nav{gap:12px}nav a{font-size:12px}.hero-grid{gap:30px}.pitch{height:275px}.signup{gap:35px}.split{gap:40px}.document{gap:50px}}@media(max-width:700px){.wrap{width:min(100% - 32px,520px)}.nav{height:auto;min-height:68px;flex-wrap:wrap;padding:12px 0}.brand{font-size:15px}.mark{height:31px;width:31px;font-size:20px}nav{width:100%;justify-content:space-between;gap:10px;overflow:auto;padding-bottom:5px}nav a{font-size:11px;white-space:nowrap}nav .nav-cta{padding:6px 8px}nav .nav-cta span{display:none}.hero-grid,.split,.signup,.document{grid-template-columns:1fr}.hero-grid{min-height:auto;padding:70px 0;gap:28px}.hero h1{font-size:57px}.lead{font-size:16px}.hero-foot{margin-top:35px}.pitch-shell{margin:15px 8px}.pitch{height:265px}.section,.signup-section{padding:70px 0}.cards{grid-template-columns:1fr;margin-top:30px}.card{min-height:210px}.split-section{padding:70px 0}.stat-stack{padding-left:22px}.signup{gap:25px}.form-panel{padding:24px}.input-row{flex-direction:column}.input-row button{padding:15px}.document-hero{padding:65px 0}.document-hero h1{font-size:58px}.document{padding-top:45px;gap:34px}.toc{position:static;display:flex;flex-direction:row;flex-wrap:wrap;gap:13px}.toc strong{width:100%;margin-bottom:0}.milestone{grid-template-columns:1fr;gap:18px}.milestone-side span{font-size:40px}.timeline-end{flex-direction:column;align-items:start}.footer{align-items:start;flex-direction:column}}

/* Footballtronic visual identity · dark blue / black */
:root{--bg:#050a15;--panel:#0d1830;--fg:#f5f8ff;--muted:#a2b0ca;--green:#4b9bff;--line:#223655}
body{background:var(--bg)}
.top{background:#050b19ee;border-bottom:1px solid #203052}
.brand{display:inline-flex;max-width:270px}.brand-logo{display:block;width:clamp(165px,19vw,248px);height:auto}
nav a{color:#c8d7f5}nav .nav-cta{border-color:#3a67aa;color:#89bdff}
.hero{background:#050913;isolation:isolate;min-height:720px}
.hero-media,.hero-veil{position:absolute;inset:0;z-index:-2}
.hero-media{overflow:hidden;background:#050913 url('gameplay-poster.jpg') center/cover no-repeat}
.hero-video{width:100%;height:100%;display:block;object-fit:cover;object-position:center center}
.hero-veil{z-index:-1;background:linear-gradient(90deg,rgba(3,7,17,.95) 0%,rgba(4,11,29,.88) 32%,rgba(5,14,35,.58) 70%,rgba(1,5,13,.58) 100%),linear-gradient(0deg,#050a15 0%,transparent 28%,rgba(0,5,16,.28) 80%,#050a15b0 100%)}
.hero-grid{display:flex;align-items:center;min-height:720px;padding:110px 0 90px;max-width:1160px}
.hero-copy{max-width:810px;text-shadow:0 3px 23px #000b}
.hero-logo{display:block;width:min(740px,100%);height:auto;margin:28px 0 6px;filter:drop-shadow(0 8px 18px #0009)}
.hero-tagline{margin:0 0 26px;color:#d5e4ff;font-size:clamp(11px,1.3vw,15px);font-weight:800;letter-spacing:.24em}
.hero h1{font-size:clamp(42px,5vw,70px);margin:14px 0 18px}
.hero h1 em{color:#8bc1ff}.lead{color:#d0daf1;max-width:650px}
.hero-foot{color:#a4b8dc;margin-top:55px}.hero-foot i{background:#70aaff}
.primary,.input-row button{background:#338cf6;color:white}.primary:hover,.input-row button:hover{background:#62a9ff}
.secondary{border-color:#6783b3;background:#0710229c;color:#f4f8ff}
.section{background:linear-gradient(180deg,#070d1b,#0b1630 65%,#070e1f)}
.card{background:#101d37dd;border-color:#293d63}.card p{color:#b4c3df}.card-n{color:#7795c0}
.split-section{background:linear-gradient(105deg,#050a16,#0b1c3a);border-color:var(--line)}
.signup-section{background:radial-gradient(circle at 24% 70%,#133c7c80,transparent 48%),#050a15}
.form-panel{background:#0c1a33e8;border-color:#35527e}.input-row input{background:#050c1d;border-color:#385178}
.check{color:#bfcde9}.micro{color:#9dafcd}
footer{background:#040812}.footer p,.footer small{color:#93a4c2}.footer-links{color:#bac9e5}
.document-hero{background:radial-gradient(circle at 82% 30%,#1b4b994f,transparent 45%),#09152c}.document-hero p:not(.kicker),.prose p,.timeline p{color:#b6c7e3}.doc-meta,.milestone-side small{color:#91a9d1}.toc{color:#93aacd}
.milestone-side span{color:#5473a7}.milestone-status{color:#9fb5d9}.timeline-end{background:#0d1f3f}
@media(max-width:700px){.brand-logo{width:185px}.hero,.hero-grid{min-height:680px}.hero-grid{padding:80px 0 70px}.hero-veil{background:linear-gradient(90deg,#040814ef,#06132bd9),linear-gradient(0deg,#050a15,transparent 50%)}.hero-logo{margin-top:28px}.hero-tagline{letter-spacing:.12em;font-size:10px}.hero h1{font-size:clamp(42px,11vw,57px)}.hero-foot{margin-top:32px}}
@media(prefers-reduced-motion:reduce){.hero-video{display:none}}

/* Bilingual navigation and compact logo-only hero */
.language-switch{display:inline-flex;gap:7px;align-items:center;border-left:1px solid #294470;padding-left:18px;margin-left:2px;white-space:nowrap;font-size:12px;font-weight:800;color:#728aaa}
.language-switch a{color:#95a7c5}.language-switch a[aria-current="true"]{color:#79baff}
.hero-copy{max-width:850px}.hero-tagline{margin:30px 0 14px;font-size:clamp(11px,1.25vw,15px);letter-spacing:.20em;color:#8dbbff}
.hero h1{margin-top:16px}.hero .lead{max-width:760px}.brand-logo{width:clamp(170px,18vw,230px)}
@media(max-width:700px){.language-switch{padding-left:9px;gap:5px}.hero-tagline{margin-top:18px;letter-spacing:.10em}.hero-grid{padding-top:65px}}

/* Studio identity in the footer; replace this asset if the studio brand changes. */
.studio-credit{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin:12px 0 16px;color:#93a4c2;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.studio-credit img{display:block;width:clamp(165px,21vw,250px);max-width:100%;height:auto;object-fit:contain}

/* Community channels (placeholders, no inactive outbound links) */
.community-section{background:linear-gradient(145deg,#071123,#0b1c3b 60%,#050a15);border-top:1px solid var(--line);padding:95px 0 105px;scroll-margin-top:90px}
.community-heading{max-width:760px;margin-bottom:35px}.community-heading h2{font-size:clamp(34px,4vw,54px);letter-spacing:-.05em;line-height:1.15;margin:18px 0}.community-heading h2 span{color:#83baff}.community-heading>p:last-child{color:#b0c1dd;max-width:650px}
.community-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.social-card{background:#0d1b35;border:1px solid #29436f;border-radius:8px;padding:25px 23px;min-height:190px;display:flex;flex-direction:column}.social-name{color:#e9f1ff;font-size:22px;font-weight:800}.social-card p{color:#aebfdd;font-size:13px;line-height:1.6;flex:1}.social-pending{color:#8bbdff;text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:800}
@media(max-width:1000px){.community-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.community-section{padding:65px 0}.community-grid{grid-template-columns:1fr}.social-card{min-height:140px}.nav{gap:12px}nav{flex-wrap:wrap}}