/* One promise, the product, and one action area. */
.header-band .header.wrap{height:64px}.header .brand img{width:148px}.header nav{gap:0}
.opening .hero.wrap{display:flex;flex-direction:column;align-items:center;gap:24px;padding-top:28px;padding-bottom:28px;min-height:0;max-width:1000px}
.opening .hero-copy{text-align:center;width:100%}.opening .hero h1{font-size:43px;line-height:1.15;min-height:0;max-width:none;margin:auto}.opening .hero h1 br{display:none}.opening .hero h1 span{font-size:inherit;white-space:normal}
.opening .demo-column{width:100%;max-width:900px;margin:0 auto}.opening .demo-column .product{position:relative;width:100%;max-width:none;padding:0;margin:0}
.opening .product-window{border-radius:12px;overflow:clip}.opening .slide-viewport{height:500px;aspect-ratio:auto;overflow:clip}.opening .solution-slide{overflow:clip}
.opening .demo-actions{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:20px;min-height:0;flex-wrap:wrap}
.opening .demo-actions .button{min-height:48px;font-size:13px;padding:12px 22px;line-height:1.4;white-space:nowrap}
.opening .rotation-control{position:absolute;bottom:12px;right:12px;display:grid;place-items:center;width:44px;height:44px;border:1px solid #d4dce1;border-radius:50%;background:#fffffff2;color:#38536a;opacity:0;pointer-events:none;transition:opacity .12s;box-shadow:0 2px 6px #18324c0b}
.opening .rotation-control:focus-visible,.opening .product:hover .rotation-control{opacity:1;pointer-events:auto}.rotation-control svg{width:14px;height:14px}
.comparison{padding-top:38px}.comparison-intro h2{font-size:32px;max-width:650px}
.booking-dialog{position:fixed;width:min(420px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain;margin:auto;padding:30px;border:1px solid #d9dfe3;border-radius:14px;box-shadow:0 24px 80px #172d4233;background:#fffdf9;color:#233b4f;font:400 14px/1.5 DM,Arial,sans-serif}
.booking-dialog::backdrop{background:#112a4859;backdrop-filter:blur(3px)}
.dialog-close{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:44px;height:44px;border:0;background:transparent;color:#526574;font-size:27px;line-height:1}
.booking-dialog .booking-topic{margin:0 32px 9px 0;font-size:11px;color:#80502f}.booking-dialog h2{font-size:29px;line-height:1.2;margin:0 20px 24px 0;letter-spacing:-.04em}
.booking-dialog form{display:flex;flex-direction:column}.booking-dialog label{font-size:12px;margin:0 0 6px;color:#435a6b}.booking-dialog input:not([type=hidden]){width:100%;height:46px;min-height:46px;font:inherit;padding:10px 12px;border:1px solid #c9d3db;border-radius:6px;background:white;color:#1b354c;margin:0 0 17px}.booking-dialog input:focus-visible{outline:3px solid #496d91;outline-offset:2px}
.booking-dialog form .button{width:100%;margin-top:3px;min-height:48px;font-size:13px}.booking-dialog .calendar-note{font-size:10px;line-height:1.6;margin:10px 0 0;color:#61717d}
.dialog-alternative{display:flex;gap:12px;align-items:center;border-top:1px solid #e1e4e6;margin-top:22px;padding-top:18px;color:#3b566b;font-size:12px;min-height:54px}.dialog-alternative>span{flex:1}.dialog-alternative small{display:block;font-size:10px;color:#6a7a87;margin-top:4px}.dialog-alternative>svg{width:16px;height:16px;flex-shrink:0}.dialog-alternative:hover{color:#80502f}
@media(max-width:1050px){.opening .hero.wrap{gap:20px;padding-top:22px;padding-bottom:24px;max-width:800px}.opening .hero h1{font-size:36px}.opening .demo-column{max-width:740px}}
@media(max-width:550px){.header-band .header.wrap{height:56px}.header .brand img{width:126px}.opening .hero.wrap{gap:16px;padding-top:17px;padding-bottom:21px}.opening .hero h1{font-size:32px;line-height:1.12;max-width:355px}.opening .hero h1 br{display:block}.opening .slide-viewport{height:400px}.opening .demo-actions{margin-top:16px;gap:9px;flex-wrap:nowrap}.opening .demo-actions .button{font-size:12px;min-height:46px;padding:11px 15px;gap:10px}.opening .demo-actions svg{width:15px;height:15px}.comparison{padding-top:30px}.comparison-intro h2{font-size:28px}.booking-dialog{padding:25px 22px}.booking-dialog h2{font-size:27px}.booking-dialog label{font-size:12px}}
@media(max-width:360px){.opening .hero h1{font-size:28px}.opening .slide-viewport{height:440px}.opening .demo-actions .button{font-size:11px;padding-left:11px;padding-right:11px;gap:7px}}
@media(hover:none){.opening .product:hover .rotation-control{opacity:0;pointer-events:none}.opening .rotation-control:focus-visible{opacity:1;pointer-events:auto}}
@media(prefers-reduced-motion:reduce){.opening .rotation-control{transition:none}}