:root{color:#102b3b;background:#e9f1f3;scroll-padding-top:85px}
body{background:radial-gradient(circle at 10% 28%,#d9edf0 0,transparent 30%),radial-gradient(circle at 93% 61%,#d4e3ed 0,transparent 31%),linear-gradient(135deg,#eff5f6,#e5ecf1 55%,#f2f4ef);color:#102b3b}
header{position:sticky;top:0;z-index:100;background:rgba(241,247,249,.84);border-bottom:1px solid rgba(255,255,255,.8);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 10px 30px rgba(14,44,64,.09)}
.brand{color:#102b3b;letter-spacing:.12em}.brand span{color:#50798b}.navlinks a:not(.navcall){font-weight:650;color:#26475a;transition:color .2s}.navlinks a:hover{color:#008b9b}
.navlinks .navcall{border:1px solid #6b9fac;border-radius:999px;background:linear-gradient(145deg,#fff,#dceef0);color:#0d3c50;padding:12px 21px;box-shadow:0 6px 0 #aac7ce,0 12px 23px rgba(23,68,82,.15);transition:transform .2s,box-shadow .2s}
.navlinks .navcall:hover{transform:translateY(-3px);box-shadow:0 9px 0 #aac7ce,0 18px 28px rgba(23,68,82,.2)}
.hero{min-height:650px;background:#102736;border-bottom:6px solid #bcd7db;isolation:isolate}
.hero:before{background:linear-gradient(90deg,rgba(5,25,38,.98) 0%,rgba(8,35,50,.88) 40%,rgba(8,35,50,.22) 82%),url('/assets/tesla-tony-fayence-vtc.png') 83% 50%/auto 125% no-repeat;z-index:-2}
.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 22% 20%,rgba(66,171,188,.26),transparent 35%),linear-gradient(0deg,rgba(5,24,35,.32),transparent 45%);pointer-events:none}
.hero-inner{padding-top:110px;padding-bottom:115px}.hero .eyebrow{display:inline-block;color:#c7f3f0;border:1px solid rgba(172,232,229,.36);background:rgba(82,166,179,.14);border-radius:999px;padding:11px 16px;backdrop-filter:blur(8px)}
.hero h1{font-size:clamp(3.2rem,6.4vw,6rem);letter-spacing:-.065em;text-wrap:balance;text-shadow:0 12px 35px rgba(0,0,0,.25)}.hero p{color:#e1f0f2}
.btn{border-radius:15px;background:linear-gradient(145deg,#55d5d5,#10a8b8 60%,#0e8399);color:#062a38;font-weight:800;text-decoration:none;border:1px solid rgba(220,255,255,.7);box-shadow:0 6px 0 #087b8d,0 17px 24px rgba(0,27,47,.22);transition:transform .2s,box-shadow .2s,filter .2s}
.btn:hover:not(:disabled){transform:translateY(-3px);filter:brightness(1.05);box-shadow:0 9px 0 #087b8d,0 21px 27px rgba(0,27,47,.22)}.btn:active:not(:disabled){transform:translateY(4px);box-shadow:0 2px 0 #087b8d,0 7px 12px rgba(0,27,47,.18)}
.btn.secondary{background:rgba(237,251,252,.12);color:#fff;border:1px solid rgba(233,250,252,.65);box-shadow:0 6px 0 rgba(12,56,72,.6),0 15px 25px rgba(0,0,0,.18);backdrop-filter:blur(12px)}
.section{position:relative}.section h2,.portrait h2{color:#10364a;letter-spacing:-.045em;text-wrap:balance}.eyebrow{color:#157f92}.section>p,.portrait p{color:#435e6b;line-height:1.75}
.quote-shell{background:radial-gradient(circle at 96% 8%,rgba(66,169,189,.25),transparent 26%),radial-gradient(circle at 5% 95%,rgba(202,223,228,.9),transparent 45%),linear-gradient(135deg,#e8f3f4,#dce8ed 52%,#eaf0f1);border-bottom:1px solid #c2d5d9}
.quote-shell .section{padding-top:86px;padding-bottom:92px}.quote-layout{gap:24px;margin-top:40px;align-items:start}
.quote-panel,.quote-result{border:1px solid rgba(255,255,255,.95);border-radius:26px;background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(244,250,251,.79));box-shadow:0 25px 55px rgba(25,69,84,.14),inset 0 1px 0 #fff;padding:clamp(22px,3vw,38px);backdrop-filter:blur(18px)}
.quote-panel{border-top:5px solid #54b8c4}.quote-result{border-top:5px solid #245879}
.quote-fields{gap:20px}.quote-fields label{color:#163d50}.quote-fields input,.booking-fields input{border:1px solid #9dbbc4;border-radius:12px;background:#f8fcfd;color:#102b3b;box-shadow:inset 0 2px 5px rgba(22,67,80,.06),0 2px 0 rgba(255,255,255,.9);min-height:53px;padding:12px 15px}
.quote-fields input:focus,.booking-fields input:focus{outline:3px solid rgba(23,162,181,.26);outline-offset:1px;border-color:#168aa1;background:#fff}
.service-mode{gap:10px}.service-mode legend{color:#163d50;margin-bottom:12px}.service-mode label{border:1px solid #bfd4da;background:rgba(238,248,250,.84);border-radius:13px;padding:12px 14px;min-height:48px;line-height:1.35;box-shadow:0 3px 9px rgba(38,83,99,.06)}.service-mode label:has(input:checked){border-color:#2d9caf;background:#dbf4f3;box-shadow:0 0 0 2px rgba(45,156,175,.13)}.service-mode input{accent-color:#087e92}
.remove-stop,.add-stop{border:1px solid #8db6c1;border-radius:12px;background:linear-gradient(#fff,#e7f2f3);color:#164559;font-weight:700;box-shadow:0 4px 0 #bfd1d7;transition:transform .2s}.remove-stop:hover,.add-stop:hover{transform:translateY(-2px)}
.hint,.quote-result p{color:#4b6571}.quote-panel>.hint{border-top:1px solid #d5e4e7;padding-top:16px}
.quote-result h3{color:#143f54;font-size:1.45rem}.price{display:inline-block;min-width:125px;margin:14px 0;padding:9px 18px;border-radius:15px;background:linear-gradient(135deg,#d9f5f3,#effbfd);color:#06485d;box-shadow:inset 0 1px 0 #fff,0 7px 17px rgba(36,103,118,.11)}
.quote-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.quote-actions .btn{background:linear-gradient(145deg,#245d76,#10394f);color:#fff;border:1px solid #3a7991;box-shadow:0 5px 0 #08293a,0 12px 18px rgba(8,43,59,.14);text-align:center}.quote-actions .btn:first-child{grid-column:1/-1;background:linear-gradient(145deg,#50c7ca,#0b9bab);color:#083040;border-color:#a7edeb;box-shadow:0 5px 0 #087b8d,0 12px 20px rgba(8,43,59,.16)}.quote-actions .btn.ghost{background:linear-gradient(#fff,#e7f2f4);color:#17455a;border-color:#afcbd1;box-shadow:0 5px 0 #b7cbd0,0 12px 18px rgba(8,43,59,.08)}.quote-actions .btn:disabled{box-shadow:none}
.map{border-radius:17px;overflow:hidden;border:1px solid #bcd0d5;box-shadow:0 12px 25px rgba(21,69,87,.12)}.pay-note,.cancel-note{border-radius:16px;background:rgba(221,242,244,.75);border:1px solid #c3dfe3}.booking-panel{background:rgba(223,245,244,.8);border-radius:18px}
#services,#sorties{padding-top:94px;padding-bottom:98px}.grid{gap:20px;margin-top:35px}.card{position:relative;border:1px solid rgba(255,255,255,.92);border-radius:23px;background:linear-gradient(145deg,rgba(255,255,255,.84),rgba(225,239,243,.76));box-shadow:0 18px 35px rgba(25,69,84,.11),inset 0 1px 0 #fff;padding:30px;transition:transform .24s,box-shadow .24s;overflow:hidden}.card:before{content:"";position:absolute;left:0;top:0;height:5px;width:100%;background:linear-gradient(90deg,#1f6c88,#71cfd0)}.card:hover{transform:translateY(-6px);box-shadow:0 27px 42px rgba(25,69,84,.16)}.card .num{color:#13879c;font-weight:800;letter-spacing:.15em}.card h3{color:#143b50}.card p{color:#4c6570}
.portrait{background:radial-gradient(circle at 20% 40%,rgba(88,171,182,.19),transparent 36%),linear-gradient(120deg,#edf5f4,#dfeaf0)}.portrait-inner{padding-top:98px;padding-bottom:98px}.portrait img{border-radius:28px;border:8px solid rgba(255,255,255,.78);box-shadow:0 27px 48px rgba(19,62,79,.21)}.portrait .btn{background:linear-gradient(145deg,#245d76,#10394f)!important;color:#fff!important;border-color:#3c8197;box-shadow:0 6px 0 #08293a,0 16px 24px rgba(8,43,59,.18)}
.band{background:radial-gradient(circle at 15% 30%,rgba(47,137,157,.28),transparent 33%),linear-gradient(135deg,#102f43,#174b5e 58%,#103144);color:#eaf6f6}.band h2,.contact h2{color:#fff}.band p,.band .section-note{color:#d2e4e8}.band .eyebrow,.contact .eyebrow{color:#8ce1df}.destinations{border:1px solid rgba(209,246,246,.3);border-radius:23px;background:rgba(226,249,250,.09);backdrop-filter:blur(12px);box-shadow:0 22px 35px rgba(0,17,28,.18);color:#f1fbfb}.destinations span{color:#7cdddd}
#sorties{background:radial-gradient(circle at 93% 35%,rgba(81,174,185,.18),transparent 30%)}
.contact{background:radial-gradient(circle at 84% 15%,rgba(49,155,173,.28),transparent 35%),linear-gradient(120deg,#0a2738,#16495d);color:#eaf6f6}.contact p{color:#d1e4e9}.contact-links a{border:1px solid rgba(211,248,248,.28);border-radius:18px;background:rgba(234,251,251,.1);backdrop-filter:blur(14px);box-shadow:0 14px 25px rgba(0,23,33,.18);transition:transform .2s,background .2s}.contact-links a:hover{transform:translateY(-4px);background:rgba(234,251,251,.17)}.contact-links strong{color:#fff}
footer{background:#092536;color:#c6dbe2;border-top:1px solid #3b6c7b}
:focus-visible{outline:3px solid #05acc2!important;outline-offset:3px}
@media(max-width:760px){header{position:relative}.nav{gap:12px}.navlinks{gap:12px}.navlinks a:not(.navcall){display:none}.navlinks .navcall{font-size:.84rem;padding:10px 13px}.brand{font-size:.88rem;letter-spacing:.06em}.hero{min-height:620px}.hero:before{background:linear-gradient(90deg,rgba(5,25,38,.96),rgba(8,35,50,.68)),url('/assets/tesla-tony-fayence-vtc.png') 72% 50%/auto 100% no-repeat}.hero-inner{padding:85px 24px}.hero h1{font-size:clamp(2.8rem,11vw,4rem)}.quote-shell .section,#services,#sorties{padding-top:65px;padding-bottom:68px}.quote-layout{gap:20px}.quote-panel,.quote-result{padding:23px}.quote-fields{grid-template-columns:1fr}.quote-actions{grid-template-columns:1fr}.quote-actions .btn:first-child{grid-column:auto}.portrait-inner{padding-top:70px;padding-bottom:70px}.card{padding:26px}.contact-links strong{overflow-wrap:anywhere}}
@media(max-width:420px){.nav{padding:14px 16px}.brand{white-space:normal}.hero p{font-size:1.04rem}.actions .btn{width:100%}.service-mode label{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.card,.contact-links a,.navcall{transition:none!important}}
@media print{body,.quote-shell,.quote-panel,.quote-result{background:#fff!important;color:#111!important;box-shadow:none!important;border-color:#ddd!important}.quote-result .price{background:#fff;box-shadow:none}.quote-actions .btn{box-shadow:none}}
