.landing-demo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:clamp(30px,6vw,100px);align-items:center;padding-block:80px 110px;position:relative}.landing-demo-copy h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(38px,4.6vw,68px);font-weight:400;line-height:1.08;letter-spacing:-2px;margin:22px 0}.landing-demo-copy h2 em{color:#c2a4ff;font-weight:400}.landing-demo-copy>p:not(.eyebrow):not(.demo-fine-print){font-size:17px;line-height:1.75;color:#b9b7ce;max-width:470px}.demo-launch{display:inline-flex;align-items:center;gap:13px;margin-top:24px;padding:17px 23px;border:1px solid #c8adff;background:#b493ef;color:#171123;border-radius:8px;font-family:inherit;font-size:15px;font-weight:600;cursor:pointer;box-shadow:0 8px 30px #9b73e72b}.demo-launch svg{width:21px;height:21px}.demo-launch>span{margin-left:18px}.demo-launch:hover{background:#ceb7fa;transform:translateY(-2px)}.demo-launch:focus-visible,.demo-preview-call:focus-visible,.demo-overlay-close:focus-visible{outline:3px solid #fff;outline-offset:4px}.demo-fine-print{font-size:11px;line-height:1.8;color:#9290a7;margin-top:17px}.demo-preview{border:1px solid #77658f;border-radius:12px;overflow:hidden;background:#171423;box-shadow:20px 25px 80px #03030a88;transform:rotate(1deg)}.demo-window-bar{padding:13px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #594a6e;font-size:9px;letter-spacing:1.6px;color:#d9cee9}.demo-window-bar i{display:inline-block;width:6px;height:6px;background:#7ce7bf;border-radius:50%;margin-right:8px}.demo-preview-image{position:relative;aspect-ratio:4/3;overflow:hidden;background:radial-gradient(ellipse,#4b3a64,#201a2e)}.demo-preview-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}.demo-preview-call{position:absolute;left:50%;bottom:40px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;white-space:nowrap;background:#b493ef;color:#171123;border:1px solid #d3b8ff;border-radius:7px;padding:13px 20px;font-size:12px;font-weight:650;cursor:pointer;box-shadow:0 5px 30px #0005}.demo-preview-call span{font-size:20px}.demo-preview-label{position:absolute;bottom:12px;left:15px;color:#fff;font-size:8px;letter-spacing:1.4px;background:#14101dbd;padding:5px 8px;border-radius:4px}.landing-demo-dialog{width:min(1440px,calc(100vw - 48px));height:min(900px,calc(100dvh - 48px));max-width:none;max-height:none;padding:0;border:1px solid #6a567f;border-radius:16px;background:#101620;color:#fff;overflow:hidden;box-shadow:0 30px 120px #000a}.landing-demo-dialog::backdrop{background:#05040bd9;backdrop-filter:blur(12px)}.demo-frame-wrap{position:relative;width:100%;height:100%}.demo-frame-wrap iframe{width:100%;height:100%;border:0;display:block}.demo-overlay-close{position:absolute;right:12px;top:8px;z-index:10;width:38px;height:38px;border:1px solid #53617a;border-radius:8px;background:#151d29;color:#fff;font-size:16px;cursor:pointer}body:has(.landing-demo-dialog[open]){overflow:hidden}
@media(max-width:760px){.landing-demo{grid-template-columns:1fr;padding-block:40px 65px;gap:32px}.landing-demo-copy h2{font-size:43px;letter-spacing:-1.3px}.landing-demo-copy>p:not(.eyebrow):not(.demo-fine-print){font-size:15px}.demo-preview{transform:none}.landing-demo-dialog{width:100vw;height:100dvh;margin:0;border:0;border-radius:0}.demo-frame-wrap iframe{height:100dvh}.demo-preview-call{bottom:32px}}
@media(prefers-reduced-motion:reduce){.demo-launch:hover{transform:none}.demo-preview{transform:none}}