@media (max-width: 767px) {
  header nav[aria-label="Main navigation"][data-open="true"] {
    display: flex !important;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    flex-direction: column;
    align-items: stretch;
    gap: .25rem;
    padding: 1rem;
    background: hsl(var(--background) / .98);
    border-top: 1px solid hsl(var(--border));
    box-shadow: 0 12px 24px rgb(0 0 0 / .25);
  }
  header nav[aria-label="Main navigation"] a { width: 100%; }
}

/* The live page uses client-side entrance animations. Reveal its server-rendered content in this static preview. */
#app [style*="opacity:0"] {
  opacity: 1 !important;
  transform: none !important;
}
#app [style*="scaleX(0)"] {
  transform: none !important;
}

.preview-body{margin:0;background:hsl(var(--background));color:hsl(var(--foreground));font-family:Inter,system-ui,sans-serif;min-height:100vh}.site-nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem clamp(1rem,4vw,3rem);background:hsl(var(--background)/.96);border-bottom:1px solid hsl(var(--border));backdrop-filter:blur(12px)}.site-brand{display:flex;align-items:center;gap:.6rem;color:inherit;text-decoration:none;letter-spacing:.04em}.site-brand b{display:block;font-size:.85rem}.site-brand small{display:block;color:hsl(var(--muted-foreground));font-size:.62rem;letter-spacing:.18em}.brand-mark{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:50%;background:hsl(var(--primary));color:white;font-weight:800}.site-nav nav{display:flex;align-items:center;flex-wrap:wrap;gap:.3rem}.site-nav nav a{color:hsl(var(--foreground)/.82);text-decoration:none;padding:.55rem .7rem;border-radius:.35rem;font-size:.82rem}.site-nav nav a:hover{color:hsl(var(--accent));background:hsl(var(--card))}.site-nav nav .nav-pill{border:1px solid hsl(var(--border))}.site-nav nav .accent{background:hsl(var(--accent));color:#121212;border-color:hsl(var(--accent));font-weight:700}.preview-main{max-width:1160px;margin:auto;padding:clamp(2rem,6vw,5rem) clamp(1rem,4vw,2rem)}.preview-hero{padding:1.5rem 0 2.2rem;border-bottom:1px solid hsl(var(--border))}.preview-hero h1{font-family:Oswald,Inter,sans-serif;font-size:clamp(2.5rem,6vw,5rem);line-height:.98;text-transform:uppercase;margin:.3rem 0 1rem}.preview-hero h1 em,.content-block h2 em{color:hsl(var(--accent));font-style:normal}.eyebrow{color:hsl(var(--accent));font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.intro{max-width:780px;color:hsl(var(--muted-foreground));line-height:1.75}.content-block{padding:2.2rem 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1rem}.content-block h2{font-family:Oswald,Inter,sans-serif;font-size:clamp(1.8rem,4vw,3rem);text-transform:uppercase;line-height:1.06;margin:.3rem 0}.subhead{color:hsl(var(--muted-foreground));margin:.3rem 0}.sample-stamp{font-size:.62rem;letter-spacing:.13em;border:1px solid hsl(var(--accent)/.6);color:hsl(var(--accent));padding:.65rem .8rem;text-align:center}.note{border-left:2px solid hsl(var(--accent));padding:.6rem .9rem;color:hsl(var(--muted-foreground));font-size:.82rem;line-height:1.6}.feature-grid,.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.6rem 0}.info-card,.video-card,.account-form{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:.6rem;padding:1.25rem}.info-card h3,.video-card h3{font-size:1rem;margin:.2rem 0 .6rem}.info-card p,.video-card p{color:hsl(var(--muted-foreground));line-height:1.6;font-size:.9rem}.action-link,.link-button{display:inline-flex;align-items:center;gap:.5rem;color:hsl(var(--accent));text-decoration:none;font-weight:700;margin:.5rem 1rem .5rem 0;background:none;border:0;cursor:pointer}.action-link.secondary{color:hsl(var(--foreground))}.category-row{display:flex;gap:.7rem;flex-wrap:wrap;margin:1rem 0}.category-row span{border:1px solid hsl(var(--border));background:hsl(var(--card));border-radius:2rem;padding:.5rem 1rem;font-size:.8rem}.video-art{display:grid;place-items:center;min-height:150px;background:linear-gradient(135deg,hsl(var(--primary)/.45),hsl(var(--background)));border-radius:.4rem;color:hsl(var(--accent));font-size:2rem}.video-card .eyebrow{font-size:.58rem}.credential-note{margin-top:1.5rem;padding:1.2rem;border:1px solid hsl(var(--border));border-radius:.5rem}.credential-note p{color:hsl(var(--muted-foreground))}.preview-footer{max-width:1160px;margin:2rem auto 0;padding:1.5rem clamp(1rem,4vw,2rem);border-top:1px solid hsl(var(--border));display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;color:hsl(var(--muted-foreground));font-size:.8rem}.account-layout,.contact-grid{display:grid;grid-template-columns:1fr minmax(300px,.8fr);gap:2rem;align-items:start}.account-form{display:grid;gap:.7rem}.account-form label{font-size:.8rem;color:hsl(var(--muted-foreground))}.account-form input,.account-form select{width:100%;box-sizing:border-box;padding:.8rem;border-radius:.3rem;border:1px solid hsl(var(--border));background:hsl(var(--background));color:hsl(var(--foreground))}.account-form button[type=submit]{justify-self:start;border:0;border-radius:.3rem;padding:.75rem 1rem;background:hsl(var(--accent));color:#111;font-weight:700;cursor:pointer}.form-status{font-size:.78rem;color:hsl(var(--muted-foreground));line-height:1.5}.pitch{margin:1.4rem 0;padding:1.4rem 1rem;background:linear-gradient(180deg,#17372c,#112c25);border:1px solid #426d56;border-radius:1rem;position:relative;overflow:hidden}.pitch-lines{position:absolute;inset:1rem;border:1px solid #83a38c55;border-radius:50% 50% 0 0;pointer-events:none}.pitch-lines:before{content:"";position:absolute;left:0;right:0;top:50%;border-top:1px solid #83a38c55}.pitch-lines:after{content:"";position:absolute;left:35%;right:35%;top:0;height:16%;border:1px solid #83a38c55;border-top:0}.lineup-row{position:relative;display:flex;justify-content:center;align-items:stretch;gap:.65rem;margin:1rem 0}.lineup-row.defense{gap:.5rem}.lineup-card{position:relative;flex:1;max-width:210px;min-width:0;background:#0b1727;color:#f4f5f7;border:1px solid #536477;border-radius:.55rem;padding:.65rem .7rem .75rem;box-shadow:0 8px 20px #0004;overflow:hidden}.country-strip{position:absolute;top:0;left:0;bottom:0;width:5px;background:#fff}.country-USA{background:#b22234}.country-England{background:#f4f4f4}.country-Mexico{background:#006847}.lineup-card-top{display:flex;justify-content:space-between;gap:.3rem;align-items:center;font-size:.66rem;color:#b9c3cc}.tier-chip{font-size:.56rem;padding:.22rem .35rem;border-radius:1rem;text-transform:uppercase;white-space:nowrap}.tier-chip.bronze{background:#a96b3e;color:#111}.tier-chip.silver{background:#c8cbd0;color:#111}.tier-chip.gold{background:#e5bd57;color:#111}.shirt-mark{display:grid;place-items:center;margin:.55rem auto .25rem;width:2.3rem;height:2.3rem;clip-path:polygon(20% 0,40% 8%,60% 8%,80% 0,100% 17%,82% 35%,75% 25%,75% 100%,25% 100%,25% 25%,18% 35%,0 17%);background:#f4f4f4;color:#15202b;font-size:.38rem;font-weight:800}.country-USA~.shirt-mark{background:#b22234;color:white}.country-Mexico~.shirt-mark{background:#006847;color:white}.lineup-card h3{text-align:center;font-size:.8rem;line-height:1.2;margin:.25rem 0}.lineup-card h3 span{color:#d4b35e;font-weight:500}.lineup-card .nation,.lineup-card .club{text-align:center;margin:.15rem 0;font-size:.65rem;color:#b8c1cb}.lineup-card .club{color:#f4f5f7}.value-label{margin:.55rem 0 .05rem;text-align:center;text-transform:uppercase;letter-spacing:.1em;font-size:.52rem;color:#aebbc6}.lineup-card .value{display:block;text-align:center;color:#e6c35d;font-size:.78rem}.tier-legend{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin:1rem 0}.tier-legend span{display:flex;align-items:center;gap:.4rem;color:hsl(var(--muted-foreground));font-size:.75rem}.swatch{width:.7rem;height:.7rem;border-radius:50%}.swatch.bronze{background:#a96b3e}.swatch.silver{background:#c8cbd0}.swatch.gold{background:#e5bd57}.lineup-row.goalkeeper{max-width:260px;margin:1rem auto .2rem}.lineup-row.goalkeeper .lineup-card{max-width:210px}.preview-body ul{color:hsl(var(--muted-foreground));line-height:1.9}@media(max-width:760px){.site-nav{align-items:flex-start;flex-direction:column}.site-nav nav{width:100%}.site-nav nav a{padding:.45rem .55rem}.feature-grid,.video-grid,.account-layout,.contact-grid{grid-template-columns:1fr}.lineup-row{gap:.35rem}.lineup-card{padding:.55rem .35rem .65rem}.lineup-card h3{font-size:.65rem}.lineup-card .nation,.lineup-card .club{font-size:.55rem}.lineup-card-top{font-size:.52rem;flex-direction:column}.tier-chip{font-size:.45rem}.pitch{padding:1rem .45rem}.section-head{align-items:flex-start;flex-direction:column}}