*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#111;background:#fff}a{text-decoration:none;color:inherit}.demo-wrap{max-width:1180px;margin:auto;padding:0 28px}.demo-nav{position:sticky;top:0;z-index:5;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid #e7e7e7}.demo-navin{height:74px;display:flex;align-items:center;justify-content:space-between}.demo-logo{font-weight:800;letter-spacing:-.03em}.demo-links{display:flex;gap:24px;align-items:center;font-size:14px}.demo-btn{display:inline-block;padding:13px 18px;border-radius:999px;background:#111;color:#fff}.demo-hero{padding:96px 0 76px;min-height:620px;display:flex;align-items:center}.demo-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center}.demo-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.18em;color:#666}.demo-hero h1{font-size:clamp(48px,7vw,82px);line-height:.95;letter-spacing:-.06em;margin:18px 0}.demo-hero p{font-size:19px;color:#5f5f5f;max-width:600px}.demo-actions{display:flex;gap:12px;margin-top:28px}.demo-visual{min-height:430px;border-radius:28px;padding:28px;display:flex;align-items:flex-end;box-shadow:0 25px 80px rgba(0,0,0,.14)}.demo-section{padding:82px 0;border-top:1px solid #ededed}.demo-section h2{font-size:42px;letter-spacing:-.04em;margin:0 0 28px}.demo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.demo-card{padding:26px;border:1px solid #e4e4e4;border-radius:18px}.demo-card h3{margin:18px 0 10px}.demo-footer{padding:38px 0;border-top:1px solid #e7e7e7;color:#666;font-size:13px}.demo-bizarro{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:#777}.dark{background:#0a0a0a;color:#f5f5f5}.dark .demo-nav{background:rgba(10,10,10,.92);border-color:#262626}.dark .demo-hero p,.dark .demo-kicker,.dark .demo-footer{color:#aaa}.dark .demo-card{border-color:#292929;background:#111}.dark .demo-section,.dark .demo-footer{border-color:#252525}.dark .demo-btn{background:#fff;color:#111}.warm{background:#f5efe6}.warm .demo-nav{background:rgba(245,239,230,.93)}.warm .demo-card{background:#fff;border-color:#e4d8c9}.warm .demo-section,.warm .demo-footer{border-color:#ddcfbf}@media(max-width:760px){.demo-links a:not(.demo-btn){display:none}.demo-hero-grid,.demo-grid{grid-template-columns:1fr}.demo-hero{padding-top:55px}.demo-visual{min-height:300px}.demo-actions{flex-direction:column;align-items:flex-start}}