/* A single message, one action, and a restrained product composition. */
.header{height:80px;border-bottom:0;background:#fff}.header .btn.small{border-radius:8px}
.hero{padding:0;background:radial-gradient(ellipse at 50% 100%,#e2efff 0, #f3f8ff 40%,#fff 78%)}
.hero-inner{display:flex;flex-direction:column;max-width:1280px;min-height:0;padding:64px 40px 54px;gap:44px;text-align:center}
.hero-copy{width:100%;max-width:none}
.hero h1{margin:0;color:#142f50;font-size:clamp(48px,6.2vw,84px);font-weight:900;letter-spacing:-.055em;line-height:1.3;white-space:nowrap}
.hero h1>span{color:#147bdd}
.hero-actions{justify-content:center;margin-top:30px}
.hero-actions .hero-primary{font-size:15px;padding:16px 28px!important;gap:33px;min-width:210px;border-radius:8px;box-shadow:0 5px 12px #0860bc16}
.hero-art.device-art{width:min(100%,860px);max-width:860px;margin:0;padding:0}
.device-stage{aspect-ratio:auto;display:flex;align-items:flex-end;gap:1.8%;padding:0;transform:none!important}
.device-stage:before{inset:auto 3% -5% 3%;height:10%;filter:blur(16px);background:radial-gradient(ellipse,#284e7630,transparent 70%)}
.laptop-device{width:82%;margin:0;transform:none}
.laptop-lid{margin:0 3%;padding:12px 5px 6px;border-radius:12px 12px 4px 4px;border:1px solid #a1a5ac;background:#17191c;box-shadow:0 0 0 1px #d4d7dc,0 15px 35px #193b5714,inset 0 0 0 1px #30343a}
.laptop-camera{width:3px;height:3px;top:4px;background:#303940;box-shadow:none}
.laptop-display{aspect-ratio:16/10;border-radius:3px;border:0}
.laptop-base{height:8px;background:linear-gradient(#e6e8eb 0%,#d6d9de 32%,#a1a7b0 75%,#c7cbd1 100%);border-radius:1px 1px 35% 35%/1px 1px 75% 75%;box-shadow:0 4px 7px #193b5720}
.laptop-base>span{height:2px;background:#a7adb6;box-shadow:none;left:43%;right:43%}
.mobile-device{width:16.2%;position:relative;right:auto;bottom:auto;margin:0 0 1px;padding:5px;background:#191b1f;border:1px solid #a9adb5;border-radius:21px;transform:none;box-shadow:0 0 0 1px #d0d3d9,0 12px 24px #17344f20,inset 0 0 0 1px #373a41}
.mobile-display{aspect-ratio:9/19.5;border-radius:16px;background:#eef1f7}
.mobile-speaker{height:3px;width:22%;left:39%;right:auto;top:8px;background:#25282d;opacity:1;z-index:3;border-radius:5px}
.mobile-home{height:2px;bottom:8px;left:35%;right:35%;background:#212630;z-index:3}
.submission-art{padding-top:10cqw}
.hero-art.enter-view{animation-duration:.65s}
@media(max-width:1100px){.hero-inner{padding:56px 35px 50px;gap:38px}.hero h1{font-size:6.2vw}.hero-art.device-art{width:min(100%,800px)}}
@media(max-width:800px){.hero-inner{max-width:none;padding:48px 28px 42px;gap:36px}.hero h1{font-size:6.7vw}.hero-art.device-art{width:100%;max-width:680px}.device-stage{aspect-ratio:auto}.laptop-device{width:82%;margin:0}.mobile-device{width:16.2%;margin:0 0 1px}.header{height:74px}.hero-actions .hero-primary{font-size:14px}}
@media(max-width:560px){.hero-inner{padding:46px 20px 38px;gap:38px}.hero h1{font-size:clamp(36px,10.3vw,56px);line-height:1.4;letter-spacing:-.055em}.hero h1>span{display:block}.hero-actions{margin-top:24px}.hero-actions .hero-primary{padding:14px 24px!important;font-size:13px;min-width:190px}.laptop-lid{padding:7px 3px 4px;border-radius:6px 6px 2px 2px}.laptop-camera{width:2px;height:2px;top:2px}.laptop-base{height:5px}.laptop-base>span{height:1px}.mobile-device{border-radius:10px;padding:2px}.mobile-display{border-radius:7px}.mobile-speaker{top:4px;height:1.5px}.mobile-home{bottom:4px;height:1px}.device-stage{gap:1.8%}.header .btn.small{font-size:10px}.header nav.open{top:74px}}
@media(prefers-reduced-motion:reduce){.hero-art.enter-view{animation:none}}
.device-stage{text-align:left}.submission-art{padding-top:8cqw}.submission-note{display:none}