.hero{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);align-items:center;gap:4vw;padding:56px 5vw 78px;min-height:760px}
.hero-copy{width:100%;max-width:650px}.hero h1{font-size:clamp(45px,4.6vw,74px)}
.dashboard-demo{position:relative;z-index:2;min-width:0;width:100%;max-width:820px;justify-self:center;color:#f3f8fc}
.demo-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 18px}
.demo-heading .eyebrow{font-size:10px;margin:0 0 5px}.demo-heading h2{font-size:clamp(25px,2.4vw,37px);line-height:1.1;margin:0;font-weight:600;letter-spacing:-.02em}
.demo-badge{border:1px solid #dd8c48;background:#382f28;color:#ffbd7d;padding:5px 10px;border-radius:5px;font-size:10px;font-weight:700;letter-spacing:1.2px}
.demo-window{border:1px solid #54758d;border-radius:15px;background:#0c2b43;box-shadow:0 24px 64px #0006;overflow:hidden}
.demo-window-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 20px;background:#102d44;border-bottom:1px solid #32536b;font-size:13px;color:#c4d7e4}
.demo-window-bar b{font-size:19px;color:white}.demo-window-bar strong{color:#ff8a39}.demo-window-bar>span:last-child{font-size:10px;color:#a5bccd}
.demo-screen[hidden]{display:none}.demo-screen img{width:100%;height:auto;display:block;opacity:1;border:0}
.demo-screen p{margin:0;padding:14px 20px 18px;background:#12324a;color:#d1e0ea;font-size:13px;line-height:1.5;min-height:71px}
.demo-selector{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:14px}
.demo-selector button{display:flex;align-items:center;gap:9px;border:1px solid #42647d;border-radius:9px;background:#0a253eea;color:#bfd2e1;padding:12px 11px;text-align:left;cursor:pointer;min-height:62px;font:13px Arial,sans-serif;line-height:1.3}
.demo-selector button>span{font-family:'Luque Heading',Arial,sans-serif;font-size:24px;color:#92abc0}
.demo-selector button[aria-selected=true]{border-color:#ff923f;background:#153b55;color:#fff;box-shadow:inset 0 -3px #ff923f}
.demo-selector button[aria-selected=true]>span{color:#ff923f}.demo-selector button:hover{background:#1b415b}.demo-selector button:focus-visible{outline:3px solid #ffb16e;outline-offset:3px}
.demo-footnote{color:#a9c3d6;font-size:11px;line-height:1.5;margin:12px 0 0;text-align:center}
@media(min-width:1700px){.hero{padding-left:7vw;padding-right:7vw}}
@media(max-width:1000px){.hero{gap:3vw;padding-left:4vw;padding-right:4vw}.demo-selector button{padding:10px 8px;gap:6px;font-size:11px}.demo-window-bar{padding:11px 14px}}
@media(max-width:850px){.hero{grid-template-columns:1fr;padding:50px 24px 85px;gap:40px}.hero-copy{max-width:650px}.dashboard-demo{max-width:640px}.demo-heading h2{font-size:30px}.demo-selector button{font-size:12px}.demo-screen p{min-height:0}}
@media(max-width:420px){.demo-window-bar>span:last-child{font-size:8px;max-width:110px;text-align:right}.demo-selector button{display:block;font-size:11px}.demo-selector button>span{display:block;margin-bottom:4px}.demo-heading h2{font-size:27px}.demo-screen p{font-size:12px}.hero h1{font-size:44px}}