.wrap{max-width:var(--max);margin-left:auto;margin-right:auto;padding-left:var(--space-5);padding-right:var(--space-5)}
.site-header{position:sticky;top:0;z-index:20;background:var(--bg);border-bottom:var(--line-w) solid var(--line)}
.site-header .wrap{min-height:var(--header-h);display:flex;align-items:center;gap:var(--space-4)}
.logo{display:flex;align-items:center;gap:var(--space-2);text-decoration:none;font-family:var(--font-heading);font-stretch:75%;font-weight:800;font-size:1.125rem;min-height:44px}
.logo svg{width:28px;height:28px;flex:none}
.logo span{display:none}
@media(max-width:479px){.logo svg{width:24px;height:24px}}
.menu{margin-left:var(--space-2)}
.menu-btn{list-style:none;cursor:pointer;min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;background:var(--surface);border:var(--line-w) solid var(--line);border-radius:var(--radius-control)}
.menu-btn::-webkit-details-marker{display:none}
.menu-btn:hover{border-color:var(--accent)}
.menu[open] .menu-nav{display:flex;position:absolute;top:100%;left:0;right:0;background:var(--surface);border-bottom:var(--line-w) solid var(--line);flex-direction:column;align-items:stretch;margin:0;padding:var(--space-2) var(--space-5) var(--space-4) var(--space-5)}
.menu-nav{display:none}
.menu-nav a{min-height:44px;display:flex;align-items:center;text-decoration:none;color:var(--muted);font-size:var(--text-sm)}
.menu-nav a:hover{color:var(--text)}
.site-nav{display:none;gap:var(--space-6);margin-left:var(--space-8)}
.site-nav a{text-decoration:none;color:var(--muted);font-size:var(--text-sm);min-height:44px;display:inline-flex;align-items:center}
.site-nav a:hover{color:var(--text)}
.header-cta{margin-left:auto;display:flex;align-items:center;gap:var(--space-2)}
.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--space-4)}
.hero{padding-top:var(--space-12);padding-bottom:var(--space-16);overflow:hidden;border-bottom:var(--line-w) solid var(--line)}
.hero-copy{grid-column:1 / -1}
.hero-visual{grid-column:1 / -1;min-width:0}
.section-golive{padding-top:var(--space-20);padding-bottom:var(--space-16);border-bottom:var(--line-w) solid var(--line)}
.section-youtube{padding-top:var(--space-16);padding-bottom:var(--space-24);border-bottom:var(--line-w) solid var(--line)}
.section-tools{padding-top:var(--space-24);padding-bottom:var(--space-20);border-bottom:var(--line-w) solid var(--line)}
.section-how{padding-top:var(--space-16);padding-bottom:var(--space-16);border-bottom:var(--line-w) solid var(--line)}
.section-faq{padding-top:var(--space-20);padding-bottom:var(--space-12);border-bottom:var(--line-w) solid var(--line)}
.section-cta{padding-top:var(--space-24);padding-bottom:var(--space-24)}
.site-footer{border-top:var(--line-w) solid var(--line);padding-top:var(--space-10);padding-bottom:var(--space-10)}
.footer-row{display:flex;flex-direction:column;gap:var(--space-6)}
.footer-links{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-6)}
.footer-links a{min-height:44px;display:inline-flex;align-items:center;color:var(--muted);text-decoration:none;font-size:var(--text-sm)}
.footer-links a:hover{color:var(--text)}
.footer-note{color:var(--muted);font-size:var(--text-sm);max-width:65ch}
@media(min-width:720px){
.site-nav{display:flex}
.menu{display:none}
.logo span{display:inline}
.hero-copy{grid-column:1 / span 6}
.hero-visual{grid-column:7 / span 6}
.golive-copy{grid-column:1 / span 5}
.golive-panel{grid-column:6 / span 7}
.youtube-copy{grid-column:8 / span 5;order:2}
.youtube-feed{grid-column:1 / span 6;order:1}
.tools-copy{grid-column:1 / span 5}
.tools-demo{grid-column:6 / span 7}
.how-list{grid-column:2 / span 10}
.faq-col{grid-column:1 / span 7}
}
@media(min-width:1024px){
.hero{padding-top:var(--space-20);padding-bottom:var(--space-20)}
.hero-copy{grid-column:1 / span 6}
.hero-visual{grid-column:7 / span 6;margin-right:calc(var(--space-20) * -1);padding-right:var(--space-5)}
.golive-copy{grid-column:1 / span 4}
.golive-panel{grid-column:6 / span 7}
.youtube-copy{grid-column:9 / span 4}
.youtube-feed{grid-column:1 / span 7}
.tools-copy{grid-column:1 / span 4}
.tools-demo{grid-column:5 / span 8}
.faq-col{grid-column:2 / span 7}
.cta-box{grid-column:1 / span 8}
}