@scope (.page-venues){.hero{position:relative;overflow:hidden;padding:160px 0 100px;text-align:center}.hero__bg{position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse 80% 60% at 50% 0,rgba(20,70,115,.45),transparent 60%),#0a1628}.hero .container{position:relative;z-index:1}.hero h1{font-size:clamp(32px,5vw,52px);font-weight:800;color:#fff;line-height:1.15;margin-bottom:16px}.hero p{font-size:18px;color:rgba(255,255,255,.7);max-width:640px;margin:0 auto 32px;line-height:1.7}.feature-section{padding:100px 0;background:var(--surface)}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.feature-grid.reverse{direction:rtl}.feature-grid.reverse>*{direction:ltr}.feature-content h2{font-size:clamp(26px,3.5vw,36px);font-weight:800;color:var(--ink);margin-bottom:16px}.feature-content p{font-size:16px;color:var(--muted);line-height:1.7;margin-bottom:16px}.feature-visual{background:linear-gradient(135deg,var(--blue),var(--accent));border-radius:var(--radius-lg);padding:48px;display:flex;align-items:center;justify-content:center;aspect-ratio:4/3}.feature-visual .material-icons-outlined{font-size:80px;color:rgba(255,255,255,.9)}.benefits-section{padding:100px 0;background:#0a1628;color:#fff}.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}.benefit-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);padding:32px;transition:transform .3s,border-color .3s}.benefit-card:hover{transform:translateY(-4px);border-color:rgba(56,189,248,.2)}.benefit-card .material-icons-outlined{font-size:32px;color:var(--accent);margin-bottom:16px}.benefit-card h3{font-size:18px;font-weight:700;margin-bottom:8px;color:#fff}.benefit-card p{font-size:15px;color:rgba(255,255,255,.6);line-height:1.6}.cta-section{padding:80px 0;background:var(--surface-dim);text-align:center}.cta-section h2{font-size:clamp(28px,4vw,40px);font-weight:800;color:var(--ink);margin-bottom:16px}.cta-section p{font-size:17px;color:var(--muted);margin-bottom:32px}@media (max-width:860px){.feature-grid,.feature-grid.reverse{grid-template-columns:1fr;direction:ltr}.benefits-grid{grid-template-columns:1fr}}}