.demo-booking-page{background:radial-gradient(ellipse at 14% 15%,#d8e9ff 0,transparent 58%),radial-gradient(ellipse at 95% 90%,#e4edff 0,transparent 60%),#f5f9ff;position:relative;overflow:hidden;padding:48px max(7%,calc((100% - 1440px)/2)) 64px;color:#172e48}
.demo-booking-page:before{content:'';position:absolute;left:-10%;right:-10%;height:100%;top:25%;background:repeating-linear-gradient(155deg,transparent,transparent 58px,#9cc7fc12 59px,#9cc7fc12 60px);pointer-events:none;transform:rotate(-4deg)}
.demo-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:48px;max-width:1440px;margin:0 auto;position:relative;align-items:start}
.demo-story{padding-top:4px;min-width:0}.demo-breadcrumb{color:#8094b0;font-size:11px}
.demo-kicker{font-size:10px;font-weight:650;letter-spacing:2.5px;color:#006cff;margin:30px 0 14px;line-height:1.7}
.demo-story h1{font-size:clamp(30px,3.1vw,47px);letter-spacing:-1px;line-height:1.35;font-weight:700}.demo-story h1>span{color:#006cff}
.demo-intro{font-size:13px;line-height:1.95;color:#6b86a6;max-width:440px;margin:20px 0 0}
.demo-city{position:relative;aspect-ratio:1.12;margin:32px 0 0}
.demo-city-image{position:absolute;width:116%;max-width:none;height:auto;left:-8%;top:9%;pointer-events:none}
.demo-drone{position:absolute;height:auto;object-fit:contain;z-index:2;pointer-events:none;animation:demo-drone-float 8s ease-in-out infinite}
.demo-drone-one{width:25%;top:2%;right:4%}.demo-drone-two{width:16%;top:31%;left:3%;animation-delay:-4s;animation-duration:10s}
.demo-scene-tag{position:absolute;z-index:3;border:1px solid #d2e3ff;border-radius:11px;background:#ffffffed;color:#006cff;box-shadow:0 6px 22px #327cd721;padding:12px 14px;font-size:11px;font-weight:550;white-space:nowrap;animation:demo-label-float 7s ease-in-out infinite;animation-delay:var(--float-delay);cursor:pointer;transition:background .2s,border-color .2s}
.demo-scene-tag:hover,.demo-scene-tag.selected{background:#006cff;color:#fff;border-color:#006cff}.demo-scene-tag span{font-size:12px;opacity:.65}
.demo-tag-0{left:1%;top:61%}.demo-tag-1{left:37%;top:18%}.demo-tag-2{left:1%;top:19%}.demo-tag-3{right:0;top:46%}.demo-tag-4{right:13%;top:24%}.demo-tag-5{right:17%;top:72%}
.demo-form-card{min-width:0;padding:32px;border:1px solid #e1eafb;border-radius:22px;background:#ffffffed;box-shadow:0 18px 70px #3053890c}.demo-form-card>.demo-kicker{margin:0 0 10px;font-size:9px}.demo-form-card>h2{font-size:25px;font-weight:650;letter-spacing:.2px}.demo-form-intro{font-size:11px;line-height:1.9;color:#8a9bb2;margin:12px 0 25px}
.demo-booking-form label,.demo-booking-form legend{font-size:12px;font-weight:550;color:#2b405b;line-height:1.6}.demo-booking-form b{font-weight:600;color:#f26362}.demo-booking-form small{font-size:10px;font-weight:400;color:#98a7ba}
.demo-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px}.demo-field-wide{grid-column:1/-1}
.demo-booking-form input:not([type="checkbox"]),.demo-booking-form textarea{display:block;width:100%;padding:12px 14px;margin-top:7px;border:1px solid #dce6f3;border-radius:8px;background:#f7faff;color:#243c59;font:inherit;font-size:12px;line-height:1.5;box-sizing:border-box;transition:border .2s,box-shadow .2s}
.demo-booking-form input::placeholder,.demo-booking-form textarea::placeholder{color:#a2b1c4;font-weight:400}.demo-booking-form :is(input,textarea):focus{outline:0;border-color:#006cff;box-shadow:0 0 0 3px #006cff12}
.demo-options{padding:0;border:0;margin:23px 0 0;min-width:0}.demo-options legend{padding:0;margin-bottom:11px}.demo-options legend small{margin-left:5px}
.demo-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.demo-booking-form .demo-choice{display:flex;align-items:center;gap:7px;font-weight:400;border:1px solid #e1e9f5;background:#fbfcff;border-radius:7px;padding:10px 8px;cursor:pointer;font-size:11px;line-height:1.6;transition:background .2s,color .2s,border .2s}.demo-choice input{margin:0;width:13px;height:13px;accent-color:#006cff;flex:none}.demo-booking-form .demo-choice:has(input:checked){border-color:#80b3ff;background:#edf5ff;color:#006cff}.demo-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.demo-requirements{display:block;margin-top:23px}.demo-booking-form textarea{resize:vertical;min-height:87px;max-height:220px}
.demo-booking-form .demo-consent{display:flex;align-items:flex-start;gap:9px;color:#8192aa;font-size:10px;font-weight:400;line-height:1.85;margin:19px 0}.demo-consent input{margin:4px 0 0;accent-color:#006cff;flex:none}
.demo-submit-row{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.demo-submit{border:0;background:#006cff;border-radius:9px;color:white;padding:15px 22px;min-width:175px;font-size:12px;font-weight:550;display:flex;align-items:center;justify-content:space-between;gap:28px;transition:background .2s,transform .2s;cursor:pointer}.demo-submit:hover{background:#005ee2;color:white;transform:translateY(-2px)}.demo-submit-row>a{font-size:9px;color:#91a2b9;line-height:1.8}.demo-submit-row strong{font-size:11px;font-weight:550;color:#627e9f}
.demo-form-intro{margin-bottom:18px}.demo-booking-form input:not([type="checkbox"]),.demo-booking-form textarea{padding:10px 12px}.demo-options{margin-top:18px}.demo-booking-form .demo-choice{padding:8px}.demo-service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.demo-requirements{margin-top:18px}.demo-booking-form textarea{min-height:74px}.demo-booking-form .demo-consent{margin:15px 0}
.demo-booking-form .airspace-form-status{margin:12px 0 0;min-height:0}
@keyframes demo-drone-float{0%,100%{transform:translate3d(0,0,0) rotate(-2deg)}50%{transform:translate3d(5px,-16px,0) rotate(2deg)}}
@keyframes demo-label-float{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(2px,-8px,0)}}
@media(min-width:1700px){.demo-layout{gap:68px}.demo-form-card{padding:40px}.demo-booking-page{padding-top:64px}.demo-city{margin-top:35px}}
@media(max-width:1100px){.demo-layout{gap:24px;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.demo-booking-page{padding:35px 8% 55px}.demo-form-card{padding:24px}.demo-scene-tag{padding:10px;font-size:9px}.demo-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.demo-layout{grid-template-columns:1fr;gap:20px;max-width:640px}.demo-booking-page{padding:28px 8% 48px}.demo-story h1{font-size:35px}.demo-kicker{margin-top:22px}.demo-city{aspect-ratio:1.45;margin:20px -8px 0}.demo-city-image{width:108%;left:-4%;top:0}.demo-drone-one{width:20%;top:0;right:3%}.demo-drone-two{width:13%;top:29%;left:0}.demo-tag-0{top:61%;left:0}.demo-tag-1{top:10%;left:38%}.demo-tag-2{top:16%;left:0}.demo-tag-3{top:46%;right:0}.demo-tag-4{top:21%;right:9%}.demo-tag-5{top:75%;right:17%}.demo-form-card{padding:28px}}
@media(max-width:450px){.demo-booking-page{padding:25px 5% 40px}.demo-story h1{font-size:30px}.demo-intro{font-size:12px}.demo-form-card{padding:23px 18px;border-radius:17px}.demo-fields{grid-template-columns:1fr;gap:16px}.demo-form-card>h2{font-size:24px}.demo-choice-grid{grid-template-columns:1fr 1fr}.demo-scene-tag{font-size:9px;padding:7px 9px;border-radius:8px}.demo-submit-row{gap:16px}.demo-submit{min-width:160px;padding:14px 16px}.demo-service-grid .demo-choice{font-size:10px}.demo-layout{gap:24px}}
@media(prefers-reduced-motion:reduce){.demo-drone,.demo-scene-tag{animation:none}.demo-submit{transition:none}}