@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;700&family=Syne:wght@700;800&display=swap");
:root{--bk:#05070a;--ink:#0b1017;--ln:#1a2431;--bl:#5b8db8;--bl2:#a9d0ee;--mt:#8d9bab}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}
body{font:500 17px/1.65 Manrope,system-ui,sans-serif;background:var(--bk);color:#fff;overflow-x:hidden}
img{max-width:100%;display:block}a{color:inherit;text-decoration:none}
h1,h2,h3,.brand{font-family:Syne,sans-serif;letter-spacing:-.02em;line-height:1.1}
h1{font-size:clamp(2.7rem,7vw,5.4rem);max-width:820px}h2{font-size:clamp(1.9rem,4vw,2.9rem)}h3{font-size:1.3rem}
.wrap{width:min(1160px,92%);margin:auto}.sec{padding:84px 0}.page{padding:64px 0 90px}.mt{color:var(--mt)}
.lead{color:var(--mt);font-size:1.15rem;max-width:560px;margin:22px 0 32px}
.btn{display:inline-block;background:linear-gradient(135deg,var(--bl2),var(--bl));color:#04080c;font:700 1rem Manrope,sans-serif;padding:14px 28px;border-radius:999px;border:0;cursor:pointer;transition:.25s}
.btn:hover{box-shadow:0 10px 34px #5b8db866;transform:translateY(-2px)}
.btn.ghost{background:none;color:#fff;border:1px solid #2b3a4b}.btn.ghost:hover{border-color:var(--bl2);box-shadow:none}
:focus-visible{outline:2px solid var(--bl2);outline-offset:3px}.btns{display:flex;gap:14px;flex-wrap:wrap}
#nav{position:sticky;top:0;z-index:9;background:#05070ad9;backdrop-filter:blur(16px);border-bottom:1px solid var(--ln)}
.nav{display:flex;align-items:center;justify-content:space-between;height:74px}
.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:1.1rem}.brand img{width:44px;height:44px;border-radius:50%}
.nav ul{display:flex;gap:30px;list-style:none;align-items:center;padding:0}.nav li a:not(.btn):hover{color:var(--bl2)}.nav .btn{padding:10px 22px}
.burger{display:none;background:none;border:0;color:#fff;font-size:1.8rem}
.hero{padding-top:84px;overflow:hidden;background:radial-gradient(55% 50% at 65% 75%,#5b8db835,transparent),linear-gradient(#ffffff09 1px,transparent 1px) 0 0/54px 54px,linear-gradient(90deg,#ffffff09 1px,transparent 1px) 0 0/54px 54px}
.stage{position:relative;width:min(1120px,100%);margin:10px auto 0}.hero-car{width:100%;filter:drop-shadow(0 40px 60px #5b8db844)}
.tag{position:absolute;background:#0b1017cc;backdrop-filter:blur(10px);border:1px solid #2b3a4b;padding:8px 16px;border-radius:999px;font-size:.85rem;font-weight:700;animation:fl 5s ease-in-out infinite}
.tag:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--bl2);margin-right:8px}
.t1{left:4%;top:18%}.t2{right:5%;top:8%;animation-delay:1.2s}.t3{right:12%;bottom:22%;animation-delay:2.4s}
@keyframes fl{50%{transform:translateY(-10px)}}
.tick{overflow:hidden;border-block:1px solid var(--ln);background:var(--ink);padding:18px 0}
.tick div{display:flex;gap:48px;width:max-content;animation:mq 30s linear infinite;font:800 1.4rem Syne,sans-serif;color:#3c4d5f;white-space:nowrap}
@keyframes mq{to{transform:translateX(-50%)}}
.head{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap;margin-bottom:40px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:22px}
.card{background:linear-gradient(180deg,#101822,var(--ink));border:1px solid var(--ln);border-radius:26px;overflow:hidden;display:flex;flex-direction:column;transition:.3s}
.card:hover{border-color:var(--bl);transform:translateY(-6px);box-shadow:0 24px 60px #5b8db826}
.card img{width:100%;aspect-ratio:3/2;object-fit:cover}.card>div{padding:24px;display:flex;flex-direction:column;gap:8px;flex:1}
.card .btn{margin-top:auto;text-align:center}.card ul{color:var(--mt);font-size:.92rem;padding-left:18px;margin-bottom:10px}
.pill{align-self:flex-start;font-size:.78rem;font-weight:700;color:var(--bl2);border:1px solid #2b3a4b;border-radius:999px;padding:3px 12px}
.price{font:800 1.7rem Syne,sans-serif;color:var(--bl2);margin:6px 0 10px}
.ba{--p:50%;position:relative;aspect-ratio:840/330;border-radius:28px;overflow:hidden;border:1px solid var(--ln);background:radial-gradient(70% 90% at 50% 100%,#5b8db830,#080c11)}
.ba img{position:absolute;inset:0;width:100%;height:100%}.before{clip-path:inset(0 calc(100% - var(--p)) 0 0)}
.knob{position:absolute;top:0;bottom:0;left:var(--p);width:3px;background:#fff;box-shadow:0 0 20px #fff}
.knob:after{content:"\2194";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:46px;height:46px;border-radius:50%;background:#fff;color:#000;display:grid;place-items:center;font-style:normal;font-weight:800}
.lb{position:absolute;top:16px;background:#000a;padding:4px 14px;border-radius:999px;font-size:.8rem;font-weight:700}.l1{left:16px}.l2{right:16px}
.ba input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;counter-reset:s}
.steps div{counter-increment:s;padding:28px;border:1px solid var(--ln);border-radius:22px;background:var(--ink)}
.steps div:before{content:counter(s);display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--bl);color:#000;font:800 1.1rem Syne,sans-serif;margin-bottom:16px}
.steps p{color:var(--mt);margin-top:6px}
.chips{display:flex;flex-wrap:wrap;gap:12px}.chip{padding:14px 22px;border:1px solid var(--ln);border-radius:999px;background:var(--ink)}.chip b{color:var(--bl2);margin-left:10px}
.faq{max-width:780px}details{border-bottom:1px solid var(--ln);padding:20px 0}summary{cursor:pointer;font:700 1.15rem Syne,sans-serif;list-style:none}
summary:after{content:"+";float:right;color:var(--bl2);font-size:1.5rem;line-height:1}details[open] summary:after{content:"\2212"}details p{color:var(--mt);margin-top:10px}
.cta{background:radial-gradient(80% 140% at 80% 0,#5b8db8,#16293b);border-radius:32px;padding:64px 40px;margin-bottom:90px}.cta p{margin:10px 0 26px;color:#dbeaf6}
footer{border-top:1px solid var(--ln);padding:46px 0;color:var(--mt)}footer b{color:#fff}footer a:hover{color:var(--bl2)}
.foot{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}
.book{display:grid;grid-template-columns:1.3fr .7fr;gap:28px;margin-top:8px}
label{display:block;font-size:.85rem;color:var(--mt);margin:16px 0 6px}
input,select,textarea{width:100%;background:#000;border:1px solid var(--ln);color:#fff;padding:13px;border-radius:12px;font:inherit}
input:focus,select:focus,textarea:focus{outline:0;border-color:var(--bl)}
.opt{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--ln);border-radius:12px;margin:8px 0 0;color:#fff;font-size:1rem;cursor:pointer}
.opt input{width:auto;margin-right:8px}.opt b{color:var(--bl2)}
.row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.panel{background:var(--ink);border:1px solid var(--ln);border-radius:24px;padding:28px}.sum{position:sticky;top:100px;align-self:start}
.ln{display:flex;justify-content:space-between;color:var(--mt);margin-top:8px}
.tot{display:flex;justify-content:space-between;border-top:1px solid var(--ln);margin-top:16px;padding-top:16px;font:800 1.4rem Syne,sans-serif}
.err{color:#ff8a8a;margin-top:12px}
@media(max-width:860px){.book{grid-template-columns:1fr}.sum{position:static}.tag{display:none}}
@media(max-width:760px){.burger{display:block}.row{grid-template-columns:1fr}.cta{padding:44px 24px}
.nav ul{display:none;position:absolute;top:74px;left:0;right:0;flex-direction:column;background:#05070a;padding:24px;border-bottom:1px solid var(--ln)}.nav ul.open{display:flex}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.hero{position:relative;min-height:88vh;display:flex;align-items:center;padding:0;background:linear-gradient(90deg,#05070a 10%,#05070acc 45%,#05070a30),linear-gradient(0deg,#05070a,transparent 35%),url("https://images.unsplash.com/photo-1781473356833-26ce6302f1c0?auto=format&fit=crop&q=75&w=1800") center/cover}
.hero .wrap{padding:90px 0}.t1{left:auto;right:34%;top:22%}.t2{right:8%;top:42%}.t3{right:24%;bottom:16%}
.card img,.gal img,.ba img{background:#101822}
.ba{aspect-ratio:16/8;background:#080c11}.ba img{object-fit:cover}.before{filter:grayscale(.75) brightness(.65) contrast(.8) sepia(.25)}
.gal{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:220px;gap:14px}
.gal img{width:100%;height:100%;object-fit:cover;border-radius:22px}.gal img:first-child{grid-column:span 2;grid-row:span 2}
.cta{background:linear-gradient(135deg,#16293bee,#5b8db8cc),url("https://images.unsplash.com/photo-1746079074615-6c01efbff5d4?auto=format&fit=crop&q=75&w=1600") center/cover}
@media(max-width:760px){.gal{grid-template-columns:1fr 1fr;grid-auto-rows:150px}.hero{min-height:80vh}}

.hero{background-position:center,center,center 62%}
.ba img{object-position:center 60%}
.before{filter:grayscale(.85) contrast(.65) brightness(1.1) sepia(.2)}
.after{filter:contrast(1.08) saturate(1.15)}