:root{--ink:#07142c;--purple:#5b42ff;--red:#ff4b4f;--line:#e0e4ec;--dark:#09101a;--muted:#667085}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,Arial,sans-serif}a{text-decoration:none;color:inherit}
.site-header{height:84px;display:grid;grid-template-columns:220px 1fr 145px;align-items:center;padding:0 5vw;border-bottom:1px solid #eee;background:#fff;position:sticky;top:0;z-index:50}.brand img{width:142px;height:62px;object-fit:contain;object-position:left center}.site-header nav{display:flex;justify-content:center;gap:37px;font-size:13px;font-weight:800}.site-header nav .active{color:var(--purple);border-bottom:2px solid var(--purple);padding-bottom:7px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 27px;border-radius:6px;font-size:13px;font-weight:800;letter-spacing:.07em}.primary{background:var(--purple);color:white}.outline{border:1px solid var(--ink);background:#fff}.glass{border:1px solid rgba(255,255,255,.8);color:#fff}.small{min-height:40px;padding:0 18px}
.eyebrow{font-size:12px;font-weight:800;letter-spacing:.28em;margin-bottom:10px}.light{color:#fff}
.hero{height:520px;display:grid;grid-template-columns:44% 56%;overflow:hidden}.hero-copy{padding:50px 3vw 45px 5.2vw;display:flex;flex-direction:column;justify-content:center}.hero h1,.demos h2,.about h2,.studio h2,.cta h2{font-family:Anton,Impact,sans-serif;font-weight:400;margin:0;line-height:.92}.hero h1{font-size:68px;letter-spacing:-.01em}.hero h1 span,.about h2 span,.studio h2 span{color:var(--purple)}.red-swipe{width:250px;height:6px;background:var(--red);border-radius:20px;transform:rotate(-2deg);margin:14px 0}.hero-meta{font-size:11px;font-weight:800;letter-spacing:.2em;margin-bottom:24px}.hero-actions{display:flex;gap:15px}.hero-photo-wrap{position:relative;height:520px;overflow:hidden;background:#eee}.hero-photo{width:100%;height:100%;object-fit:cover;object-position:center center}.handwritten{font-family:Caveat,cursive}.hero-note{position:absolute;right:4%;top:31%;font-size:31px;line-height:.92;transform:rotate(-5deg);color:#111}.hero-note i,.side-note i{display:block;width:96px;height:6px;background:var(--red);margin:11px 0 0 42px;transform:rotate(-10deg)}
.demos{padding:35px 5vw 40px}.section-head{display:grid;grid-template-columns:1fr 1.8fr;align-items:center;margin-bottom:20px}.demos h2{font-size:45px}.section-head p{font-size:16px;max-width:480px}.demo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.demo-card{background:#fff;border:1px solid var(--line);border-radius:8px;text-align:left;padding:16px;min-height:116px}.demo-card strong{display:block;margin-bottom:12px;font-size:15px}.demo-card div{display:flex;align-items:center;gap:13px}.play{width:37px;height:37px;border-radius:50%;background:var(--purple);color:#fff;display:inline-flex;align-items:center;justify-content:center}.wave{color:#949daf;letter-spacing:1px}.demo-card small{display:block;color:var(--muted);font-size:12px;margin-top:9px}
.about{height:490px;display:grid;grid-template-columns:50% 50%;overflow:hidden;background:#fbfbfc}.about-photo-wrap{height:490px;overflow:hidden}.about-photo{width:100%;height:100%;object-fit:cover;object-position:center center}.about-copy{padding:36px 5vw 34px 4vw;display:flex;justify-content:center;flex-direction:column}.about h2{font-size:47px;margin-bottom:15px}.about-copy p{font-size:15px;line-height:1.46;margin:5px 0;max-width:650px}
.studio{height:420px;display:grid;grid-template-columns:50% 50%;overflow:hidden;background:var(--dark);color:#fff}.studio-visual{background:url("studio.jpg") center/cover no-repeat}.studio-copy{position:relative;padding:44px 5vw;display:flex;justify-content:center;flex-direction:column}.studio h2{font-size:49px}.studio-copy p{font-size:15px;line-height:1.45;max-width:620px}.studio-copy ul{list-style:none;padding:0;font-size:15px;line-height:1.9;margin:4px 0}.studio-copy li:before{content:"✓";color:var(--purple);font-weight:900;margin-right:10px}.side-note{position:absolute;right:6%;bottom:25px;font-size:30px;line-height:.9;transform:rotate(-4deg)}.side-note i{background:var(--purple)}
.cta{min-height:145px;padding:28px 5vw;display:flex;align-items:center;justify-content:space-between;color:white;background:linear-gradient(90deg,rgba(10,22,40,.86),rgba(48,65,88,.65)),linear-gradient(120deg,#33455b,#7790ac)}.cta h2{font-size:48px}.cta-actions{display:flex;gap:15px}
footer{background:#07101a;color:#fff;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:15px;padding:20px 5vw 16px}.footer-logo{width:145px;height:72px;object-fit:contain}.footer-links{display:flex;justify-content:center;gap:22px;font-size:12px}.footer-tag{text-align:right;font-family:Caveat,cursive;font-size:28px}.footer-bottom{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.08);padding-top:12px;margin-top:3px;display:flex;justify-content:space-between;color:#9fa8b5;font-size:12px}
@media(max-width:950px){.site-header{grid-template-columns:1fr auto;height:76px}.site-header nav{display:none}.brand img{width:125px}.hero{height:auto;grid-template-columns:1fr}.hero-copy{padding:48px 7vw}.hero h1{font-size:51px}.hero-photo-wrap{height:430px}.hero-note{font-size:28px}.section-head{grid-template-columns:1fr;gap:6px}.demo-grid{grid-template-columns:1fr 1fr}.about{grid-template-columns:1fr;height:auto}.about-photo-wrap{height:440px}.about-copy{padding:40px 7vw}.studio{grid-template-columns:1fr;height:auto}.studio-visual{height:360px}.studio-copy{padding:40px 7vw}.side-note{position:relative;right:auto;bottom:auto;margin-top:20px}.cta{flex-direction:column;align-items:flex-start;gap:20px}footer{grid-template-columns:1fr;text-align:center}.footer-logo{margin:auto}.footer-links{flex-wrap:wrap}.footer-tag{text-align:center}.footer-bottom{flex-direction:column;gap:7px;text-align:center}}
@media(max-width:560px){.hero h1{font-size:42px}.hero-photo-wrap{height:360px}.demo-grid{grid-template-columns:1fr}.about-photo-wrap{height:370px}.about h2,.studio h2{font-size:37px}.cta h2{font-size:34px}.cta-actions{width:100%;flex-direction:column}.cta-actions .btn{width:100%}}

.audio-card{display:flex;flex-direction:column;justify-content:center}.audio-card audio{width:100%;height:40px;margin-top:10px}

/* Final readability pass */
.about-copy p,.studio-copy p{line-height:1.58}
.footer-links a{line-height:1.5}

/* Logo clipping fix */
.brand{
  display:flex;
  align-items:center;
  min-width:0;
  overflow:visible;
}
.brand img{
  width:170px !important;
  height:72px !important;
  object-fit:contain !important;
  object-position:left center !important;
  padding:4px 0;
  overflow:visible;
}
.site-header{
  overflow:visible !important;
}
.footer-logo{
  width:175px !important;
  height:84px !important;
  object-fit:contain !important;
  object-position:left center !important;
  padding:4px 0;
  overflow:visible;
  filter:none !important;
}
footer{
  overflow:visible !important;
}
@media(max-width:950px){
  .brand img{width:145px !important;height:64px !important;}
  .footer-logo{width:155px !important;height:76px !important;}
}