@media(max-width:1320px){.dash-grid{grid-template-columns:1.15fr .85fr}.dash-grid>.panel:nth-child(3){grid-column:1/-1}.landing .hero{gap:12px}.hero h1{font-size:clamp(41px,4.6vw,68px)}.device-frame{width:86%}.studio-chair{left:0}.studio-ring{left:0}}
@media(max-width:1200px){.site-nav-inner{padding:0 26px;gap:15px}.site-nav .links{gap:14px}.site-nav .links a{font-size:12px}.features-row{grid-template-columns:repeat(2,1fr)}.hero{padding:60px 26px;gap:15px}.features-shell{padding:20px 26px 80px}.app-shell{grid-template-columns:220px 1fr}.sidebar{padding:18px 11px}.kpi-grid{grid-template-columns:repeat(2,1fr)}.dash-grid{grid-template-columns:1fr 1fr}.dash-grid>.panel:nth-child(3){grid-column:1/-1}.page-grid{grid-template-columns:1fr}.card-grid{grid-template-columns:repeat(2,1fr)}.donut-wrap{justify-content:center}.dash-actions{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.site-nav-inner{min-height:68px}.site-nav .links{display:none}.site-nav .nav-actions>.btn.ghost{display:none}.mobile-nav-toggle{display:grid;place-items:center;background:transparent;color:white;border:1px solid #403257;border-radius:10px;width:40px;height:40px}.mobile-links{display:grid;gap:5px;background:#100d1e;padding:15px 26px 20px;border-top:1px solid #352647}.mobile-links a{font-weight:700;font-size:13px;padding:10px 5px}.hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:58px 26px 20px}.hero-copy{max-width:700px}.hero-art{min-height:475px;width:100%;max-width:750px;margin:auto}.hero h1{font-size:clamp(43px,7vw,68px)}.device-frame{right:1%;width:74%}.studio-chair{left:10%;width:34%}.studio-ring{left:8%}.audience-grid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr;gap:14px}.step{padding-top:16px}.site-footer{padding:30px 26px}.app-shell{display:block}.sidebar{transform:translateX(-110%);position:fixed;left:0;top:0;width:260px;transition:transform .2s ease;z-index:71;box-shadow:15px 0 40px #000a}.sidebar.open{transform:translateX(0)}.mobile-side-overlay.show{display:block;position:fixed;inset:0;background:#000a;z-index:70}.topbar-menu{display:grid;place-items:center;background:transparent;color:white;border:1px solid #41305e;border-radius:9px;width:37px;height:37px}.topbar{height:69px;padding:0 18px;gap:10px}.app-content{padding:20px 18px 55px}.top-search{max-width:350px}.top-user small,.top-user .name{display:none}.page-header h1{font-size:28px}}
@media(max-width:650px){.site-nav-inner{padding:0 17px}.site-nav .brand-logo{font-size:21px}.site-nav .nav-actions>.btn.primary{padding:10px 12px;font-size:11px}.hero{padding:48px 20px 5px}.hero h1{font-size:43px}.hero-copy>p{font-size:14px}.hero-art{min-height:290px}.studio-chair{height:190px;width:37%;left:0;bottom:20px;border-width:3px}.studio-ring{width:100px;height:100px;left:2%;border-width:7px}.studio-ring::after{top:90px;left:42px;height:140px}.studio-mic{height:75px;left:33%;bottom:16px}.device-frame{width:80%;top:5%;min-height:0;height:268px;right:0;border-radius:12px}.device-top{height:33px;padding:9px;font-size:9px}.device-inner{padding:10px}.device-inner h3{font-size:12px}.device-stats{gap:3px;margin:10px 0}.device-stat{padding:6px 4px}.device-stat span{font-size:6px}.device-stat b{font-size:9px}.device-stat em{font-size:7px}.device-panel{min-height:90px;padding:7px}.device-wave{height:75px}.device-target{height:53px;width:53px}.device-target:after{height:39px;width:39px;font-size:9px}.hero-points{gap:9px}.hero-point{font-size:10px}.features-shell{padding:18px 18px 60px}.features-row{grid-template-columns:1fr 1fr;gap:10px}.feature-card{padding:17px;min-height:140px}.feature-card h3{font-size:13px}.feature-card p{font-size:11px}.audience-grid{grid-template-columns:1fr}.landing-headline{margin-top:75px}.landing-cta{margin-top:60px;padding:28px}.landing-cta h2{font-size:28px}.site-footer{flex-direction:column;align-items:flex-start;padding:25px 18px}.dash-grid,.kpi-grid{grid-template-columns:1fr}.dash-grid>.panel:nth-child(3),.span-2{grid-column:auto}.kpi{min-height:94px}.banner .mascot{right:-115px;opacity:.35}.page-header{flex-direction:column;align-items:stretch}.page-header .btn{align-self:flex-start}.top-search span,.top-search kbd{display:none}.top-search{width:40px;flex:0 0 40px;justify-content:center;padding:0}.topbar .role-switch{display:none}.topbar-spacer{flex:1}.topbar{padding:0 12px}.top-user{gap:4px}.top-user .avatar{width:32px;height:32px}.app-content{padding:15px 12px 45px}.panel{padding:15px}.panel-heading h3{font-size:14px}.chart-value{font-size:25px}.line-chart{height:165px}.donut{height:130px;width:130px;flex-basis:130px}.donut-center{height:92px;width:92px}.donut-center strong{font-size:13px}.legend-row{font-size:10px}.card-grid{grid-template-columns:1fr}.stats-mini{grid-template-columns:1fr 1fr}.dash-actions{grid-template-columns:repeat(2,1fr)}.form-two{grid-template-columns:1fr}.profile-hero{flex-direction:column;align-items:flex-start}.section-heading{align-items:flex-start;flex-direction:column}.section-heading .btn{margin-top:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@media(max-width:1200px){.visual-grid{grid-template-columns:1fr 1fr}.visual-card.tall{grid-row:auto;grid-column:1/-1;min-height:340px}.mockup-card.primary{width:72%}.mockup-card.secondary{width:42%}.floating-stat.stat-two{right:2%}}
@media(max-width:900px){.hero-visual-stack{min-height:500px}.mockup-card.primary{right:4%;width:76%;height:300px}.mockup-card.secondary{left:0;width:48%;height:205px}.mockup-card.tertiary{width:37%;height:165px;right:5%}.floating-stat{padding:12px 14px;min-width:145px}.visual-grid{grid-template-columns:1fr}.visual-card,.visual-card.tall{min-height:280px}}
@media(max-width:650px){.hero-art{min-height:390px}.hero-visual-stack{min-height:390px}.mockup-card.primary{position:relative;right:auto;top:auto;width:100%;height:220px;transform:none}.mockup-card.secondary{left:2%;bottom:10px;width:54%;height:145px}.mockup-card.tertiary{right:0;bottom:20px;width:40%;height:120px}.mockup-badge{left:10px;top:10px;padding:6px 10px;font-size:10px}.floating-stat{min-width:110px;padding:10px 12px;border-radius:14px}.floating-stat strong{font-size:18px}.floating-stat.stat-one{top:-10px;left:0}.floating-stat.stat-two{top:auto;bottom:128px;right:0}.visual-copy h3{font-size:18px}.visual-copy p{font-size:12px;max-width:100%}}