:root{--bg:#20090f;--surface:#fff6ef;--text:#fff7f1;--muted:#ffd7c2;--brand:#fb7185;--brand-soft:#fda4af;--accent:#f59e0b;--border:#fbcfe8;--font-display:"Fraunces",serif}
.style-split{background:linear-gradient(120deg,#2f0d16 0%,#4a1020 48%,#280d17 100%)}
.split-hero{display:grid;grid-template-columns:45% 55%;gap:0;align-items:stretch;border-radius:18px;overflow:hidden;border:2px solid #7f1d3c}
.copy-area{display:grid;gap:14px;align-content:center;padding:30px;background:linear-gradient(165deg,#4b1020,#2c0d16)}
.copy-area h2{color:#fff5ef;font-size:clamp(1.35rem,1rem + .9vw,2rem)}
.copy-area p{color:#ffd7c2}
.btn-row{display:flex;gap:8px;flex-wrap:wrap}
.cta-link{background:linear-gradient(180deg,#fb7185,#e11d48);border-color:#fb7185}
.ghost{display:inline-flex;padding:10px 16px;border-radius:999px;border:1px solid #fda4af;text-decoration:none;color:#ffe9de;font-weight:700}
.visual-area{display:grid;place-items:center;background:radial-gradient(550px 260px at 25% 20%, rgba(251,113,133,.55), transparent 58%),radial-gradient(700px 300px at 82% 78%, rgba(245,158,11,.55), transparent 62%),#20162c}
.mock-window{width:min(520px,92%);background:#1a0f2d;border:2px solid #f472b6;border-radius:12px;padding:12px;box-shadow:12px 12px 0 rgba(0,0,0,.35)}
.mock-window header{height:24px;background:#3a1a54;border-radius:6px;margin-bottom:9px}
.mock-window main{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mock-window main div{height:84px;background:linear-gradient(150deg,#7c3aed,#a855f7);border-radius:8px}
.split-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}
.split-features .panel{background:#2f1420;border:1px solid #7f1d3c;color:#ffe7d8}
@media (max-width:900px){.split-hero{grid-template-columns:1fr}.split-features{grid-template-columns:1fr}}