/* Easy-OnAir — Broadcast Graphics. Made Simple. */
:root{--bg:#111315;--sidebar:#181B1F;--panel:#1D2125;--surface:#24292E;--border:#30363B;--primary:#3B82F6;--success:#22C55E;--warning:#F59E0B;--error:#EF4444;--text-primary:#E5E7EB;--text-secondary:#9CA3AF;--radius:8px;--container:1120px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text-primary);font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}h1,h2,h3,h4{font-weight:700;letter-spacing:-.02em;margin:0 0 16px}h1{font-size:3.4rem;line-height:1.08}h2{font-size:2.15rem;line-height:1.2}h3{font-size:1.2rem}p{color:var(--text-secondary);margin:0 0 16px}.container{max-width:var(--container);margin:0 auto;padding:0 24px}.narrow{max-width:780px}.center{text-align:center}.center-text{text-align:center}.eyebrow{color:var(--primary);font-weight:700;letter-spacing:.12em;font-size:.76rem;text-transform:uppercase;margin-bottom:14px}.hero-lead{max-width:720px;margin:0 auto 30px;font-size:1.1rem}.section{padding:88px 0}.section-alt{background:var(--panel);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.section-heading{margin-bottom:34px}.section-sub{margin-top:-8px}.site-header{background:rgba(24,27,31,.96);border-bottom:1px solid var(--border);position:sticky;top:46px;z-index:50;backdrop-filter:blur(10px)}.nav-inner{max-width:var(--container);margin:auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15;flex-shrink:0}.brand-name{font-size:1.16rem;font-weight:800;color:var(--text-primary)}.brand-tagline{font-size:.58rem;color:var(--text-secondary);margin-top:3px;white-space:nowrap}.main-nav{display:flex;gap:24px}.main-nav a{color:var(--text-secondary);font-size:.9rem;font-weight:500}.main-nav a:hover{color:var(--text-primary)}.nav-actions{display:flex;align-items:center;gap:12px}.nav-toggle{display:none;background:none;border:1px solid var(--border);color:var(--text-primary);border-radius:var(--radius);padding:6px 10px;font-size:1.1rem;cursor:pointer}.btn{display:inline-block;padding:10px 20px;border-radius:var(--radius);font-weight:600;font-size:.92rem;border:1px solid transparent;cursor:pointer;transition:.15s}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{filter:brightness(.92)}.btn-secondary{background:var(--surface);color:var(--text-primary);border-color:var(--border)}.btn-secondary:hover{border-color:var(--primary)}.btn-lg{padding:14px 28px;font-size:1rem}.hero{padding:110px 0 90px;text-align:center;border-bottom:1px solid var(--border)}.hero-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin:28px 0}.capability-row{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;color:var(--text-secondary);font-size:.82rem}.capability-row span{border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:6px 11px}.page-hero{padding:72px 0 56px;border-bottom:1px solid var(--border)}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.media-placeholder,.video-placeholder,.screenshot-placeholder{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-height:220px;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--text-secondary)}.media-placeholder h3{margin:12px 0 4px;color:var(--text-primary)}.play-icon{display:inline-flex;width:44px;height:44px;border:1px solid var(--border);border-radius:50%;align-items:center;justify-content:center;color:var(--primary)}.split{display:grid;grid-template-columns:1fr 1.2fr;gap:48px;align-items:center}.split.reverse{grid-template-columns:1.2fr 1fr}.screenshot-placeholder{min-height:360px}.screenshot-placeholder span{display:block;color:var(--text-primary);font-weight:600}.screenshot-placeholder small{display:block;margin-top:6px}.text-link{color:var(--primary);font-weight:600}.format-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:24px}.format-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px}.format-card strong{display:block;font-size:1.6rem}.format-card span{color:var(--text-secondary)}.info-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:30px}.price-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.price-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:26px;display:flex;flex-direction:column}.price-card.featured{border-color:var(--primary)}.price-label{color:var(--text-primary);font-weight:600;min-height:48px}.price{font-size:2.25rem;font-weight:800;line-height:1.1;margin:8px 0}.price span{font-size:.9rem;font-weight:500;color:var(--text-secondary)}.price-card ul{list-style:none;padding:0;margin:22px 0 0}.price-card li{color:var(--text-secondary);font-size:.88rem;margin:9px 0;padding-left:18px;position:relative}.price-card li:before{content:"—";position:absolute;left:0;color:var(--primary)}.fine-print{font-size:.84rem;color:var(--text-secondary)}.faq-list{margin-top:24px}.faq-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px;margin-bottom:10px}.faq-item summary{cursor:pointer;font-weight:600}.faq-item p{margin:12px 0 0}.faq-section-title{margin-top:64px}.docs-layout{display:grid;grid-template-columns:220px 1fr;gap:44px;align-items:start}.docs-nav{position:sticky;top:90px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.docs-nav a{display:block;color:var(--text-secondary);font-size:.88rem;padding:7px 8px;border-radius:5px}.docs-nav a:hover{background:var(--panel);color:var(--text-primary)}.docs-content section{padding:0 0 58px;margin-bottom:58px;border-bottom:1px solid var(--border);scroll-margin-top:100px}.docs-content h2{margin-bottom:22px}.docs-content h3{margin-top:28px}.docs-content ul{color:var(--text-secondary);padding-left:22px}.doc-note{background:var(--panel);border-left:3px solid var(--primary);padding:15px 18px;border-radius:0 var(--radius) var(--radius) 0;margin:20px 0;color:var(--text-secondary)}.video-list{display:grid;gap:40px}.video-block{display:grid;grid-template-columns:1.35fr 1fr;gap:34px;align-items:center}.video-placeholder{min-height:300px}.support-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.cta-final{text-align:center;padding:100px 0;background:var(--panel);border-top:1px solid var(--border)}.site-footer{background:var(--sidebar);border-top:1px solid var(--border);padding:56px 0 24px}.footer-inner{max-width:var(--container);margin:auto;padding:0 24px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px}.footer-inner h4{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.footer-inner a:not(.brand){display:block;color:var(--text-secondary);font-size:.9rem;margin:8px 0}.footer-inner a:hover{color:var(--text-primary)}.footer-bottom{max-width:var(--container);margin:32px auto 0;padding:22px 24px 0;border-top:1px solid var(--border);color:var(--text-secondary);font-size:.82rem}
@media(max-width:980px){.main-nav{gap:14px}.price-grid{grid-template-columns:1fr 1fr}.video-grid{grid-template-columns:1fr}.docs-layout{grid-template-columns:1fr}.docs-nav{position:static;display:flex;flex-wrap:wrap;gap:4px}.docs-nav a{padding:6px 8px}.split,.split.reverse{grid-template-columns:1fr}.support-grid{grid-template-columns:1fr}}
@media(max-width:700px){h1{font-size:2.35rem}h2{font-size:1.8rem}.main-nav{position:absolute;top:100%;left:0;right:0;background:var(--sidebar);border-bottom:1px solid var(--border);padding:16px 24px;display:none;flex-direction:column}.main-nav.open{display:flex}.nav-toggle{display:block}.nav-actions>.btn{display:none}.brand-tagline{font-size:.5rem}.hero{padding:75px 0 60px}.section{padding:65px 0}.price-grid,.format-grid{grid-template-columns:1fr}.video-block{grid-template-columns:1fr}.screenshot-placeholder{min-height:240px}.footer-inner{grid-template-columns:1fr}}
/* Pricing card alignment */
.price-card .price-label{height:52px;min-height:52px;margin:0;display:flex;align-items:flex-end;line-height:1.35}
.price-card .price{height:58px;margin:10px 0 8px;display:flex;align-items:flex-end;white-space:nowrap}
.price-card>p:not(.price-label){min-height:48px;margin:0;display:flex;align-items:flex-start;padding-top:2px}
.price-card .btn{margin-top:4px}
/* Trust and ecosystem branding */
.payment-trust{margin:28px auto 0;padding-top:22px;border-top:1px solid var(--border);max-width:620px}.payment-trust p{margin:6px 0;color:var(--text-secondary)}.payment-trust p:first-child{color:var(--text-primary)}.ecosystem-brand{margin:26px auto 22px;display:flex;justify-content:center;align-items:center}.ecosystem-brand img{display:block;width:min(260px,72%);height:auto;opacity:.92}
/* Site-wide launch banner */
body{padding-top:46px}
.launch-banner{position:fixed;top:0;left:0;right:0;height:46px;background:var(--sidebar);border-bottom:1px solid var(--border);z-index:100;display:flex;align-items:center;justify-content:center}
.launch-banner-inner{display:flex;align-items:center;justify-content:center;gap:14px;padding:0 16px;font-size:.72rem;line-height:1;white-space:nowrap}
.launch-banner-label{color:var(--primary);font-weight:700;letter-spacing:.1em}
.launch-banner-date{color:var(--warning);font-weight:700;letter-spacing:.04em}
.launch-banner-countdown{color:var(--warning);font-variant-numeric:tabular-nums}
.launch-banner-countdown strong{color:var(--warning);font-weight:700}
.site-header{top:46px}
@media(max-width:700px){
 body{padding-top:42px}
 .launch-banner{height:42px}
 .launch-banner-inner{gap:8px;font-size:.61rem;padding:0 10px}
 .launch-banner-label{display:none}
 .site-header{top:42px}
}
