:root{--page-background: #f8fafc;--page-text: #0f172a;--page-muted: #475569;--surface: rgba(255, 255, 255, 0.85);--surface-border: rgba(15, 23, 42, 0.08)}*{box-sizing:border-box}body.hero-page{margin:0;min-height:100vh;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;color:var(--page-text);background:radial-gradient(circle at top left, rgba(37, 99, 235, 0.12), transparent 32%),linear-gradient(180deg, #fff, var(--page-background))}.page-shell{width:min(1100px,100% - 2rem);margin:0 auto;padding:3rem 0 4rem}.page-header{max-width:56rem;margin-bottom:2rem}.eyebrow,.demo-label{margin:0 0 .6rem;color:#1d4ed8;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}h1,h2,p,span{margin:0}h1{font-size:clamp(2.4rem,5vw,4rem);line-height:.95}h2{font-size:1.45rem}.page-copy,.demo-copy{margin-top:.9rem;color:var(--page-muted);line-height:1.7}.demo-grid{display:grid;gap:1.25rem}.demo-card{display:grid;gap:1.2rem;padding:1.5rem;border:1px solid var(--surface-border);border-radius:1.25rem;background:var(--surface);box-shadow:0 20px 35px rgba(15,23,42,.08)}:root{--hero-left-bg-color: rgb(87 84 236 / 70%);--hero-right-bg-color: rgb(43 43 43 / 80%);--hero-left-btn-hover-color: rgb(87 84 236);--hero-right-btn-hover-color: rgb(28 122 28);--hero-hover-width: 75%;--hero-other-width: 25%;--hero-speed: 1000ms}.demo-card--hero{overflow:hidden}.split-screen-hero__base{position:relative;min-height:70vh;width:100%;overflow:hidden;border-radius:12px}.split-screen-hero__panel{position:absolute;inset-block:0;width:50%;overflow:hidden;transition:all var(--hero-speed) ease-in-out}.split-screen-hero__panel::before{content:"";position:absolute;inset:0;transition:all var(--hero-speed) ease-in-out}.split-screen-hero__panel--left{left:0;background:url("https://images.unsplash.com/photo-1606813907291-d86efa9b94db?auto=format&fit=crop&w=1200&q=80") center/cover no-repeat}.split-screen-hero__panel--left::before{background-color:var(--hero-left-bg-color)}.split-screen-hero__panel--left .split-screen-hero__btn:hover{background-color:var(--hero-left-btn-hover-color);border-color:var(--hero-left-btn-hover-color)}.split-screen-hero__panel--right{right:0;background:url("https://images.unsplash.com/photo-1621259182978-fbf93132d53d?auto=format&fit=crop&w=1200&q=80") center/cover no-repeat}.split-screen-hero__panel--right::before{background-color:var(--hero-right-bg-color)}.split-screen-hero__panel--right .split-screen-hero__btn:hover{background-color:var(--hero-right-btn-hover-color);border-color:var(--hero-right-btn-hover-color)}.split-screen-hero__title{position:absolute;top:28%;left:50%;z-index:1;margin:0;width:100%;color:#fff;font-size:clamp(2rem,4vw,4rem);font-weight:700;text-align:center;transform:translateX(-50%);white-space:nowrap}.split-screen-hero__btn{position:absolute;top:40%;left:50%;z-index:1;display:flex;align-items:center;justify-content:center;width:15rem;padding:1.5rem;border:2px solid #fff;color:#fff;font-size:1rem;font-weight:700;text-decoration:none;text-transform:uppercase;transform:translateX(-50%)}.hover-left .split-screen-hero__panel--left{width:var(--hero-hover-width)}.hover-left .split-screen-hero__panel--right{width:var(--hero-other-width)}.hover-right .split-screen-hero__panel--right{width:var(--hero-hover-width)}.hover-right .split-screen-hero__panel--left{width:var(--hero-other-width)}@media(max-width: 800px){.split-screen-hero__title{top:30%;font-size:2rem}.split-screen-hero__btn{width:12rem;padding:1.2rem}}