:root{font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}.preview-top{position:sticky;top:0;z-index:10;background:#1b222b;color:white;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 22px;font-size:.8rem}.preview-top span{color:#bfc8d1;font-size:.7rem}.preview-top a{color:#fff;white-space:nowrap;text-decoration:none;border-bottom:1px solid #fff}.preview-surface{min-height:80vh;background:var(--demo-bg);color:var(--demo-ink)}.preview-site-nav{max-width:1400px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:25px 5vw}.preview-site-nav b{font-size:1.35rem;letter-spacing:-.06em}.preview-site-nav nav{display:flex;gap:25px}.preview-site-nav a{color:inherit;text-decoration:none;font-size:.82rem}.preview-site-nav a:hover{text-decoration:underline}.preview-hero{max-width:1400px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center;padding:65px 5vw 95px}.preview-hero small,.preview-lower span{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--demo-accent);font-weight:800}.preview-hero h1{font-size:clamp(2.8rem,6vw,6.5rem);letter-spacing:-.06em;line-height:1.03;margin:20px 0;max-width:750px}.preview-hero p{font-size:1.03rem;line-height:1.65;max-width:435px}.demo-button{display:inline-block;background:var(--demo-ink);color:var(--demo-bg);text-decoration:none;padding:13px 19px;margin-top:16px;font-size:.82rem;font-weight:750}.demo-button:hover{opacity:.85}.preview-art{min-height:380px;background:var(--demo-accent);position:relative;overflow:hidden}.preview-art:before{content:'';position:absolute;inset:13% 30% -15% 12%;border:2px solid var(--demo-bg);transform:rotate(25deg)}.preview-art:after{content:'';position:absolute;width:41%;height:52%;right:-8%;bottom:-7%;background:var(--demo-ink);opacity:.7}.preview-art span{position:absolute;inset:30% 33% 30% 15%;border-radius:50%;background:var(--demo-bg);opacity:.4}.preview-lower{max-width:1400px;margin:auto;padding:50px 5vw;border-top:1px solid currentColor;display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.preview-lower h2{font-size:1.2rem;letter-spacing:-.04em}.preview-lower p{font-size:.85rem;line-height:1.6;max-width:290px}a:focus-visible{outline:3px solid var(--demo-accent);outline-offset:4px}@media(max-width:720px){.preview-top{flex-wrap:wrap}.preview-top span{order:3;width:100%}.preview-hero,.preview-lower{grid-template-columns:1fr}.preview-hero{padding:40px 5vw}.preview-art{min-height:260px}.preview-lower{padding:35px 5vw}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}