:root{
  --bg:#fbfaf7;--paper:#fff;--ink:#171714;--muted:#716f68;--line:#e6e1d8;
  --accent:#d84b68;--accent-dark:#a82c49;--soft:#f6eee8;--green:#2f7d5a;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}html{background:var(--bg);color:var(--ink)}body{margin:0;min-height:100vh;background:var(--bg)}a{color:inherit}.topbar{height:68px;display:flex;align-items:center;justify-content:space-between;max-width:1120px;margin:auto;padding:0 24px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;letter-spacing:-.03em}.brand img{width:34px;height:34px}.topnote{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.09em}.home-shell{max-width:1120px;margin:0 auto;padding:64px 24px 34px}.hero{display:grid;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);gap:72px;align-items:center;min-height:620px}.eyebrow,.demo-label{font-size:11px;font-weight:800;letter-spacing:.14em;color:var(--accent-dark)}h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(58px,7.2vw,96px);line-height:.94;letter-spacing:-.055em;margin:16px 0 26px;max-width:720px}.lead{font-size:clamp(19px,2.2vw,26px);line-height:1.4;max-width:610px;margin:0;color:#34332f}.plain{margin:18px 0 0;color:var(--muted);font-size:15px}.demo-block{background:var(--paper);border:1px solid var(--line);border-radius:30px;padding:28px;box-shadow:0 30px 90px rgba(53,43,31,.08)}.demo-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.demo-head h2{font-family:Georgia,"Times New Roman",serif;font-size:42px;line-height:1;margin:7px 0 9px;letter-spacing:-.04em}.demo-head p{margin:0;max-width:420px;color:var(--muted);line-height:1.5}.live-dot{display:inline-flex;align-items:center;gap:7px;border:1px solid #d9e7df;background:#f5faf7;color:var(--green);border-radius:999px;padding:8px 10px;font-size:11px;font-weight:800;white-space:nowrap}.live-dot i{width:7px;height:7px;background:var(--green);border-radius:50%}.duel-preview{display:grid;grid-template-columns:1fr 36px 1fr;align-items:center;gap:8px;margin:26px 0 18px;text-decoration:none}.preview-card{position:relative;overflow:hidden;height:255px;border-radius:20px;background:#ece8e1}.preview-card img{width:100%;height:100%;object-fit:cover;display:block}.preview-card div{position:absolute;left:0;right:0;bottom:0;padding:50px 14px 13px;background:linear-gradient(transparent,rgba(0,0,0,.72));color:#fff}.preview-card strong,.preview-card span{display:block}.preview-card strong{font-size:18px}.preview-card span{font-size:11px;opacity:.8;margin-top:2px}.versus{height:36px;width:36px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:10px;font-weight:900;z-index:2}.primary-cta{height:54px;border-radius:16px;background:var(--ink);color:#fff;text-decoration:none;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-weight:800}.primary-cta:hover{background:#2a2925}.demo-foot{font-size:12px;line-height:1.5;color:var(--muted);margin:14px 2px 0}.future-line{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:14px}.future-line span{font-size:10px;letter-spacing:.14em;color:var(--muted);font-weight:800}.future-line b{color:#b6b1a8;margin:0 6px}.future-line strong:last-child{font-weight:600}.footer{max-width:1120px;margin:auto;padding:22px 24px 40px;display:flex;justify-content:space-between;gap:20px;color:#969187;font-size:11px}
@media(max-width:820px){.topbar{height:60px;padding:0 18px}.topnote{display:none}.home-shell{padding:42px 18px 24px}.hero{grid-template-columns:1fr;gap:42px;min-height:auto}.hero-copy{padding:10px 0}h1{font-size:clamp(52px,15vw,78px)}.lead{font-size:20px}.demo-block{padding:18px;border-radius:24px}.demo-head{display:block}.live-dot{margin-top:14px}.preview-card{height:220px}.footer{padding:20px 18px 32px;display:block}.footer span{display:block;margin-top:5px}}
@media(max-width:520px){.home-shell{padding-top:30px}.eyebrow{font-size:9px}h1{font-size:54px}.lead{font-size:18px}.demo-head h2{font-size:36px}.demo-head p{font-size:14px}.duel-preview{grid-template-columns:1fr 28px 1fr;gap:4px}.preview-card{height:210px;border-radius:16px}.versus{width:32px;height:32px;font-size:9px;margin-left:-2px}.preview-card strong{font-size:15px}.preview-card span{font-size:9px}.future-line{font-size:12px}}