:root{--sky:#1f8fc4;--sky-s:#dcecf4;--sea:#13708a;--sun:#f0b83a;--sun-s:#faecc6;--coral:#d95b3f;--coral-s:#f6e0d9;--mint:#4fa57c;--mint-s:#dcefe3;--sand:#faf6ee;--navy:#10304d;--ink:#1b3047;--muted:#566b80;--r:14px;--f:"Manrope",system-ui,sans-serif;--fh:"Manrope",system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:var(--f);color:var(--ink);background:var(--sand);line-height:1.65;font-size:1.06rem;overflow-x:hidden}
img,svg{max-width:100%}a{color:inherit}
h1,h2,h3{font-family:var(--fh);letter-spacing:-.015em;line-height:1.15;margin:0 0 .5em;color:var(--navy)}
h1{font-size:clamp(2.1rem,5vw,3.5rem);font-weight:800;letter-spacing:-.025em}h2{font-size:clamp(1.7rem,3.6vw,2.6rem)}h3{font-size:1.3rem}
p{margin:0 0 1em}
.wrap{width:min(1180px,100% - 32px);margin-inline:auto}.narrow{width:min(820px,100% - 32px)}.center{text-align:center}
.skip{position:absolute;left:-999px}.skip:focus{left:10px;top:10px;background:#fff;padding:8px 14px;z-index:99;border-radius:10px}
.watermark{position:fixed;left:-6vw;bottom:-4vh;width:78vw;max-width:980px;opacity:.045;pointer-events:none;z-index:0;filter:grayscale(1)}
main,.footer,.site-header{position:relative;z-index:1}
.site-header{position:sticky;top:0;z-index:60;background:rgba(255,247,232,.94);backdrop-filter:blur(8px);border-bottom:2px solid rgba(18,54,90,.08)}
.header-in{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none}
.logo-bus{width:64px;display:block}.bus-mini{width:100%;height:auto;display:block}
.logo-t{font-family:var(--fh);font-weight:800;font-size:1.4rem;line-height:1;color:var(--navy);display:flex;flex-direction:column}
.logo-t b{color:var(--coral);font-weight:800}.logo-t small{font:700 .68rem var(--f);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:3px}
.logo-t{flex-direction:column}
.nav{display:flex;align-items:center;gap:6px}
.nav a:not(.btn){text-decoration:none;font-weight:800;padding:9px 14px;border-radius:8px;transition:background .2s}
.nav a:not(.btn):hover{background:var(--sky-s)}.nav a[aria-current=page]:not(.btn){background:var(--sun)}
.nav-toggle{display:none;width:48px;height:48px;border:0;border-radius:10px;background:var(--sun);cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.nav-toggle span{display:block;width:22px;height:3px;background:var(--navy);border-radius:2px;transition:transform .2s,opacity .2s}
.nav-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(8px) rotate(45deg)}.nav-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.nav-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--coral);color:#fff;text-decoration:none;font:800 1.02rem var(--f);padding:13px 26px;border-radius:10px;border:0;cursor:pointer;min-height:50px;box-shadow:0 4px 12px rgba(16,48,77,.18);transition:transform .15s,box-shadow .15s}
.btn:hover{transform:translateY(-3px);box-shadow:0 8px 16px rgba(16,48,77,.22)}.btn-sm{padding:10px 20px;min-height:44px;font-size:.95rem}
.btn-sun{background:var(--sun);color:var(--navy);box-shadow:0 4px 12px rgba(16,48,77,.15)}
.btn-ghost{background:rgba(255,255,255,.85);color:var(--navy);box-shadow:none}.btn-ghost-w{background:transparent;color:#fff;border:2px solid #fff;box-shadow:none}
.btn-fb{background:#1877f2;box-shadow:0 4px 12px rgba(16,48,77,.18)}
.actions{display:flex;flex-wrap:wrap;gap:12px}
.eyebrow{font:800 .8rem var(--f);letter-spacing:.16em;text-transform:uppercase;color:var(--navy);background:rgba(255,255,255,.75);display:inline-block;padding:6px 14px;border-radius:6px;margin-bottom:14px}
.eyebrow.dark{background:var(--sun-s);color:var(--navy)}
/* hero */
.hero{position:relative;min-height:min(86vh,720px);display:flex;align-items:flex-start;overflow:hidden;background:linear-gradient(180deg,#9cc3d9 0%,#dbe7ee 60%,#efe8d6 100%)}
.hero-sm{min-height:min(68vh,560px)}
.fx{position:absolute;inset:0;pointer-events:none;z-index:1}
.wx-rain{background:linear-gradient(180deg,#6f8499 0%,#a3b4c4 60%,#cfd9e2 100%)}.wx-rain .sun{display:none}.wx-rain .cloud ellipse{fill:#8c9eb1}.wx-rain .cloud{opacity:1;width:190px}
.wx-rain .scene{filter:saturate(.55) brightness(.85)}
.rain{background-image:repeating-linear-gradient(100deg,transparent 0 22px,rgba(255,255,255,.55) 22px 23px);background-size:100% 100%;-webkit-mask-image:linear-gradient(180deg,transparent,#000 15%);mask-image:linear-gradient(180deg,transparent,#000 15%);animation:rainf .45s linear infinite}
.rain.r2{background-image:repeating-linear-gradient(100deg,transparent 0 37px,rgba(255,255,255,.35) 37px 38px);animation-duration:.7s}
@keyframes rainf{from{background-position:0 0}to{background-position:-30px 60px}}
.wx-autumn{background:linear-gradient(180deg,#d9bf9b 0%,#e8d7b8 58%,#f3ead8 100%)}.wx-autumn .tree{fill:#8f7048}
.leaves{background-image:radial-gradient(circle,#e8832a 0 4px,transparent 5px),radial-gradient(circle,#c2491d 0 3px,transparent 4px);background-size:120px 140px,170px 190px;background-position:0 0,40px 60px;animation:leaf 7s linear infinite;opacity:.5}.leaves.l2{background-size:200px 160px,90px 110px;animation-duration:10s;opacity:.6}
@keyframes leaf{to{background-position:-60px 140px,-20px 250px}}
.wx-mist{background:linear-gradient(180deg,#a9bccd 0%,#dbe5ee 60%,#f2f5f8 100%)}.wx-mist .sun{opacity:.6}.wx-mist .cloud{width:230px;opacity:.9}
.mist{background:linear-gradient(180deg,transparent 40%,rgba(255,255,255,.55) 75%,transparent 100%);animation:mistm 14s ease-in-out infinite alternate}@keyframes mistm{to{transform:translateX(5%);opacity:.7}}
.wx-dusk{background:linear-gradient(180deg,#6a5a86 0%,#c98a86 58%,#e8c79a 100%)}.wx-dusk .cloud ellipse{fill:#e9b9ae}
.wx-dusk .hero-copy h1{color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.25)}.wx-dusk .lead{color:#fff}
.sky{position:absolute;inset:0;pointer-events:none}.cloud{position:absolute;width:150px;opacity:.8;animation:cl 60s linear infinite}
.c1{top:12%;left:8%}.c2{top:22%;left:52%;width:110px;animation-duration:80s}.c3{top:8%;left:78%;width:130px;animation-duration:70s}
@keyframes cl{from{transform:translateX(0)}50%{transform:translateX(40px)}to{transform:translateX(0)}}
.scene{overflow:visible;position:absolute;left:0;bottom:0;width:100%;height:46%;min-height:240px}
.dash{animation:dash 2s linear infinite}@keyframes dash{to{stroke-dashoffset:-86}}
.hero-in{position:relative;z-index:3;padding:clamp(32px,6vw,76px) 0 0}
.hero-copy{max-width:640px}.lead{font-size:1.25rem;color:var(--ink);font-weight:600;max-width:560px}
.hero-copy h1{text-shadow:none}
.hero-bus{position:absolute;z-index:2;right:6%;bottom:2.5%;width:clamp(230px,32vw,430px)}
.hero-bus .bus{width:100%;height:auto;display:block;filter:drop-shadow(0 6px 8px rgba(16,48,77,.25))}
.hero-bus.drive{animation:drive 22s linear infinite}
@keyframes drive{0%{transform:translateX(-80vw)}100%{transform:translateX(45vw)}}
.hero-bus .bus{animation:bounce 1.2s ease-in-out infinite}@keyframes bounce{50%{transform:translateY(-3px)}}
.wheel{transform-box:fill-box;transform-origin:center;animation:spin 1.4s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
/* sections */
.section{padding:clamp(56px,8vw,96px) 0}.section-sea{background:linear-gradient(180deg,var(--sky-s),#eafaff)}
.sec-head{max-width:720px;margin:0 auto 38px;text-align:center}.sec-head p{color:var(--muted)}
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}
.card{display:flex;flex-direction:column;gap:6px;background:#fff;border-radius:var(--r);padding:28px;text-decoration:none;box-shadow:0 6px 20px rgba(16,48,77,.08);border:2px solid rgba(18,54,90,.06);transition:transform .2s,box-shadow .2s}
a.card:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(18,54,90,.16)}.card p{color:var(--muted);margin:0}.more{margin-top:10px;font-weight:800;color:var(--coral)}
.ico{display:grid;place-items:center;width:56px;height:56px;border-radius:12px;margin-bottom:8px}.ico svg{width:36px;height:36px;fill:none;stroke:var(--navy);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.c-sky{background:var(--sky-s)}.c-sun{background:var(--sun-s)}.c-coral{background:var(--coral-s)}.c-mint{background:var(--mint-s)}
.months{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:14px;padding:0;margin:0 0 30px}
.month{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:132px;padding:16px 20px;border-radius:12px;font-weight:800;font-size:1.15rem;border:1px solid rgba(16,48,77,.18);background:#fff}
.month span{font:800 .74rem var(--f);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.m-mint{background:var(--mint-s)}.m-sun{background:var(--sun)}.m-coral{background:var(--coral-s)}
.months.big .month{min-width:150px;padding:22px 26px;font-size:1.3rem}
.split{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}.split>*{min-width:0}
.mini-steps{list-style:none;padding:0;margin:0;display:grid;gap:14px;counter-reset:s}
.mini-steps li{display:flex;align-items:center;gap:16px;background:#fff;border-radius:12px;padding:14px 18px;font-weight:700;font-size:1.08rem;box-shadow:0 10px 24px rgba(18,54,90,.09)}
.mini-steps b{display:grid;place-items:center;width:44px;height:44px;border-radius:10px;background:var(--sun);font-family:var(--fh);font-size:1.3rem}
.steps{list-style:none;padding:0;margin:0;display:grid;gap:20px}
.step{display:flex;gap:18px;align-items:flex-start;background:#fff;border-radius:var(--r);padding:24px;box-shadow:0 12px 30px rgba(18,54,90,.09);position:relative}
.step-n{font:800 2.4rem var(--fh);color:var(--coral);width:40px;flex:none}.step .ico{flex:none}.step h3{margin-bottom:4px}.step p{margin:0;color:var(--muted)}
.faq-i{background:#fff;border-radius:18px;margin-bottom:12px;padding:0 22px;box-shadow:0 8px 20px rgba(18,54,90,.07)}
.faq-i summary{cursor:pointer;font-weight:800;padding:18px 0;list-style:none;display:flex;justify-content:space-between;gap:12px;align-items:center}
.faq-i summary::after{content:"+";font:800 1.6rem var(--fh);color:var(--coral)}.faq-i[open] summary::after{content:"\2212"}.faq-i p{color:var(--muted)}
.info{background:#fff;border-radius:var(--r);padding:28px;box-shadow:0 12px 30px rgba(18,54,90,.09);margin-top:22px}.info h3{margin-top:0}
.info dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:8px 18px}.info dt{font-weight:800;color:var(--muted)}.info dd{margin:0}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.contact-grid>*{min-width:0}
.form{background:#fff;border-radius:var(--r);padding:30px;box-shadow:0 14px 34px rgba(18,54,90,.12);display:grid;gap:14px}.form h3{margin:0}
label{display:grid;gap:6px;font-weight:800}input,select,textarea{font:inherit;padding:13px 16px;border:2px solid rgba(18,54,90,.18);border-radius:14px;background:var(--sand);width:100%;min-height:48px;color:var(--ink)}
input:focus,select:focus,textarea:focus{outline:3px solid var(--sky);border-color:var(--sky)}
.form-out{margin:0;font-weight:700;color:var(--navy)}.form-out a{display:inline-block;margin-top:8px}
.cta{background:linear-gradient(135deg,var(--sky),var(--sea));color:#fff;padding:56px 0;position:relative;overflow:hidden}
.cta-in{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}.cta h2{color:#fff;margin:0 0 6px}.cta p{margin:0;font-size:1.1rem}
.footer{background:var(--navy);color:#dbe9f7;padding:0 0 22px;margin-top:0}.wave{display:block;width:100%;height:50px;margin-top:-49px}
.footer a{color:#fff}.foot-grid{display:grid;grid-template-columns:1.3fr 1fr 1.3fr;gap:36px;padding:42px 0 20px}.foot-grid h3{color:#fff;font-size:1.1rem}
.foot-grid ul{list-style:none;padding:0;margin:0;display:grid;gap:6px}.foot-logo{font:800 1.8rem var(--fh);color:#fff;margin:0 0 8px}.foot-logo b{color:var(--sun)}
.copy{border-top:1px solid rgba(255,255,255,.15);padding-top:16px;margin:0 auto;font-size:.9rem}
.trips{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:26px}
.trip{background:#fff;border-radius:var(--r);overflow:hidden;box-shadow:0 14px 34px rgba(18,54,90,.12);border:2px solid rgba(18,54,90,.06);display:flex;flex-direction:column}
.thumb{position:relative;height:170px;background:linear-gradient(180deg,#9cc3d9,#efe8d6);overflow:hidden}.thumb .scene{overflow:visible;position:absolute;inset:0;width:100%;height:100%;min-height:0}
.badge{position:absolute;top:12px;left:12px;background:var(--sun);color:var(--navy);font:800 .75rem var(--f);letter-spacing:.1em;text-transform:uppercase;padding:5px 10px;border-radius:6px}
.trip-b{padding:22px;display:flex;flex-direction:column;gap:6px;flex:1}.trip-b p{color:var(--muted)}.trip-b .btn{align-self:flex-start;margin-top:auto}
.meta{list-style:none;padding:0;margin:0 0 12px;display:flex;flex-wrap:wrap;gap:8px}.meta li{background:var(--sky-s);border-radius:6px;padding:4px 10px;font-size:.88rem}.meta b{color:var(--muted);margin-right:4px}
.js .reveal{opacity:0;transform:translateY(24px);transition:opacity .6s,transform .6s}.js .reveal.in{opacity:1;transform:none}
@media (max-width:1000px){.nav-toggle{display:flex}.nav{position:absolute;left:0;right:0;top:100%;background:var(--sand);flex-direction:column;align-items:stretch;padding:14px 16px 20px;gap:4px;border-bottom:2px solid rgba(18,54,90,.1);display:none}
.nav.open{display:flex}.nav a:not(.btn){padding:14px 18px;border-radius:14px}.nav .btn{margin-top:8px}}
@media (max-width:820px){.split,.contact-grid,.foot-grid{grid-template-columns:1fr}.hero{min-height:560px}.hero-sm{min-height:520px}.hero-bus{right:50%;transform:translateX(50%);width:min(290px,70vw)}
.hero-bus.drive{animation:driveM 18s linear infinite;right:auto;left:0;transform:none}@keyframes driveM{0%{transform:translateX(-70vw)}100%{transform:translateX(110vw)}}.step{flex-wrap:wrap}.watermark{width:120vw}}
@media (prefers-reduced-motion:reduce){.fx{display:none}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.js .reveal{opacity:1;transform:none}.hero-bus.drive{transform:none;right:6%}}
/* ---- powazny, realistyczny styl ---- */
:root{--sky:#2f6f95;--sky-s:#e9eef2;--sea:#1f4f6e;--sun:#d4a24a;--sun-s:#f1e6cf;--coral:#b5472e;--coral-s:#eddcd4;--mint:#4f7f68;--mint-s:#dde8e1;--sand:#f5f2eb;--navy:#0f2a40;--ink:#1b2a38;--muted:#5a6b7a;--r:6px}
h1{font-weight:700;letter-spacing:-.03em}h1,h2,h3{color:var(--navy)}h2{font-weight:700}h3{font-weight:700}
.site-header{background:rgba(245,242,235,.96);border-bottom:1px solid rgba(15,42,64,.12)}
.nav a:not(.btn){font-weight:700;border-radius:0}.nav a:not(.btn):hover{background:transparent;box-shadow:inset 0 -2px 0 rgba(15,42,64,.3)}
.nav a[aria-current=page]:not(.btn){background:transparent;box-shadow:inset 0 -2px 0 var(--coral)}
.nav-toggle{background:var(--navy);border-radius:4px}.nav-toggle span{background:#fff}
.btn{border-radius:4px;box-shadow:none;font-weight:700;letter-spacing:.01em}.btn:hover{transform:none;box-shadow:0 4px 12px rgba(15,42,64,.22);filter:brightness(1.07)}
.btn-sun{background:var(--navy);color:#fff}.btn-ghost{background:rgba(255,255,255,.9);border:0}.btn-ghost-w{border-width:1px}
.eyebrow,.eyebrow.dark{background:none;padding:0 0 0 10px;border-radius:0;border-left:3px solid var(--coral);letter-spacing:.18em;font-weight:700;color:var(--navy);margin-bottom:16px}
.lead{font-weight:500}.hero-copy h1{font-size:clamp(2rem,4.6vw,3.2rem)}
.hero::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background:linear-gradient(180deg,rgba(15,42,64,.14),transparent 38%,transparent 66%,rgba(15,42,64,.26))}
.cloud{display:none}.clouds{position:absolute;left:-6%;top:0;width:112%;max-width:none;height:58%;animation:cdrift 120s ease-in-out infinite alternate}@keyframes cdrift{to{transform:translateX(5%)}}
.wx-rain .clouds{filter:brightness(.5) contrast(1.1);opacity:1}.wx-mist .clouds{opacity:1;filter:brightness(.97)}.wx-dusk .clouds{filter:sepia(1) saturate(2.2) hue-rotate(-18deg) brightness(.92)}.wx-autumn .clouds{filter:sepia(.35)}
.leaves{display:none}.rain{opacity:.5}
.hero-bus .bus{animation:none;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3))}
.section-sea{background:#ebeff2}
.card,.step,.faq-i,.info,.form,.trip{border-radius:6px;box-shadow:none;border:1px solid rgba(15,42,64,.13)}
a.card:hover{transform:none;border-color:var(--navy);box-shadow:0 6px 18px rgba(15,42,64,.1)}
.more{color:var(--coral);font-weight:700}
.ico{background:none!important;width:auto;height:auto;border-radius:0;margin-bottom:10px;place-items:start}.ico svg{width:34px;height:34px;stroke-width:1.8;stroke:var(--sea)}
.month{border-radius:4px;border:1px solid rgba(15,42,64,.16);font-weight:700}.m-mint{background:#e6ede9}.m-sun{background:#f1e6cf}.m-coral{background:#eddcd4}
.mini-steps li{border-radius:4px;box-shadow:none;border:1px solid rgba(15,42,64,.13);font-weight:600}.mini-steps b{border-radius:4px;background:var(--navy);color:#fff;font-size:1.1rem}
.step-n{color:var(--coral);font-weight:700}
input,select,textarea{border-radius:4px;border:1px solid rgba(15,42,64,.25)}label{font-weight:700}
.cta{background:linear-gradient(135deg,#1f4f6e,#0f2a40)}
.badge{border-radius:3px;background:var(--sun);font-weight:700}.meta li{border-radius:3px;background:#eef1f4}
.wave{display:none}.footer{padding-top:8px}.foot-logo b{color:var(--sun)}
.watermark{opacity:.035}