@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+Display:wght@400&family=Ubuntu+Sans:wdth,wght@100..125,200..800&display=swap');

:root{
  --gold:#d9b573;
  --silver:#c0c0c0;
  --black:#000;
  --line:#383838;
  --serif:'Noto Serif Display',Georgia,serif;
  --sans:'Ubuntu Sans',Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:#000}
body{margin:0;background:#000;color:#fff;font-family:var(--sans);overflow-x:hidden}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit;color:inherit}
button{cursor:pointer}
img{display:block}
.site-canvas{position:relative;width:1920px;min-width:1920px;background:#000;transform-origin:top left}
.design-section{position:relative;width:1920px;overflow:hidden;background:#000}
.hero{height:1000px}
.about{height:1000px}
.manifesto{height:1000px}
.services{height:1000px;background:rgba(0,0,0,.9)}
.fleet{height:1108px;background:#000}
.routes{height:889px;background:#000}
.standard{height:1000px;background:#000}
.packages{height:1000px;background:#000}
.steps{height:996px;background:#000}
.reviews{height:999px;background:#000}
.booking{height:1000px;background:#000}
.footer{height:1000px;background:#000}

/* shared */
.figma-btn{height:50px;border:2px solid var(--gold);display:flex;align-items:center;justify-content:center;background:transparent;color:#fff;text-transform:uppercase;font:700 20px/1 var(--sans);transition:.18s ease}
.figma-btn:hover,.figma-btn:focus-visible{background:var(--gold);color:#000;outline:none}
.figma-btn--420{width:420px;height:60px}
.figma-btn--300{width:300px;height:50px}
.figma-btn--287{width:287px;height:50px}
.figma-line{display:block;width:144px;height:2px;background:var(--gold)}

/* Hero exact: Figma 460:53 */
.hero__photo{position:absolute;left:-133px;top:-372px;width:2064px;height:1376px;max-width:none;object-fit:cover}
.hero__shade{position:absolute;pointer-events:none}
.hero__shade--top{left:0;top:-7px;width:1920px;height:420px;background:linear-gradient(to bottom,rgba(0,0,0,.9),rgba(0,0,0,0) 80%)}
.hero__shade--bottom{left:0;bottom:0;width:1920px;height:494px;background:linear-gradient(to bottom,rgba(0,0,0,0),#000)}
.hero__shade--left{inset:0;background:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0) 52%)}
.hero-nav{position:absolute;left:100px;top:30px;width:1720px;height:101px}
.hero-nav a{font:500 20px/1 var(--sans);text-transform:uppercase;white-space:nowrap}
.hero-nav__left{position:absolute;left:0;top:10px;height:44px;display:flex;align-items:center;gap:20px}
.hero-nav__left a{padding:10px 20px}
.hero-logo{position:absolute!important;left:711px;top:0;width:299px;height:101px}
.hero-logo img{width:299px;height:101px;object-fit:contain}
.hero-nav__right{position:absolute;right:0;top:10px;height:44px;display:flex;align-items:center;gap:20px}
.hero-nav__right a{padding:10px 20px}
.hero-nav__right .hero-phone{padding-right:0}
.hero-copy{position:absolute;left:100px;top:639px;width:611px;height:261px}
.hero-copy h1{width:611px;height:161px;margin:0;color:var(--gold);font:400 52px/60px var(--serif);text-shadow:0 1px 7px rgba(0,0,0,.5)}
.hero-copy .figma-btn{position:absolute;left:0;top:201px}
.hero-arrows{position:absolute;left:1690px;top:850px;width:130px;height:50px;display:flex;gap:30px}
.figma-arrow{width:50px;height:50px;border:1px solid var(--gold);background:rgba(0,0,0,.35);color:#fff;font:300 34px/44px var(--sans);padding:0}
.figma-arrow:hover{background:var(--gold);color:#000}

/* About exact: 460:54 */
.about-photo{position:absolute;left:210px;top:200px;width:800px;height:600px;overflow:hidden}
.about-photo img{position:absolute;left:0;top:-90px;width:800px;height:690px;max-width:none;object-fit:cover}
.about-photo::after{content:'';position:absolute;left:0;bottom:0;width:800px;height:200px;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.9))}
.about-copy{position:absolute;left:1070px;top:269px;width:700px}
.about-copy h2{margin:0;color:var(--gold);font:400 70px/80px var(--serif);text-transform:uppercase}
.about-copy .figma-line{margin-top:39px}
.about-copy p{width:654px;margin:0;color:var(--silver);font:400 24px/32px var(--sans)}
.about-copy .about-lead{margin-top:38px;color:#fff;font-size:28px;line-height:40px}
.about-copy .about-lead+p{margin-top:18px}
.about-copy p+p{margin-top:18px}

/* manifesto */
.manifesto::before,.services::before{content:'';position:absolute;left:210px;top:0;width:1500px;height:1px;background:#1e1e1e}
.manifesto-logo{position:absolute;left:811px;top:118px;width:299px;height:101px;object-fit:contain}
.manifesto h2{position:absolute;left:388px;top:279px;width:1144px;height:271px;margin:0;color:var(--gold);font:400 54px/1.25 var(--serif);text-align:center;display:flex;align-items:center;justify-content:center}
.manifesto-facts{position:absolute;left:120px;top:610px;width:1590px;height:140px;display:grid;grid-template-columns:510px 485px 535px;gap:0}
.manifesto-facts article{display:flex;flex-direction:column;align-items:center;text-align:center;padding:36px 40px 0}
.manifesto-facts article+article{border-left:1px solid #383838}
.manifesto-facts strong{color:var(--gold);font:400 28px/1 var(--sans);text-transform:none}
.manifesto-facts span{margin-top:22px;color:#fff;font:400 18px/26px var(--sans)}
.manifesto h3{position:absolute;left:355px;top:810px;width:1211px;margin:0;text-align:center;color:var(--gold);font:500 28px/1 var(--sans);text-transform:uppercase}
.manifesto-license{position:absolute;left:228px;top:867px;width:1465px;margin:0;text-align:center;color:var(--silver);font:400 17px/1 var(--sans)}

/* Services exact */
.services h2{position:absolute;left:130px;top:47px;width:562px;height:89px;margin:0;color:var(--gold);font:400 70px/100px var(--serif);text-transform:uppercase}
.services-tagline{position:absolute;left:709px;top:83px;margin:0;color:var(--silver);font:400 42px/40px var(--serif)}
.services-arrows{position:absolute;left:1696px;top:89px;display:flex;gap:40px}
.services-arrows button{border:0;background:transparent;color:#fff;width:34px;height:34px;padding:0;font:300 38px/30px var(--sans)}
.services-arrows button:hover{color:var(--gold)}
.services-window{position:absolute;left:0;top:156px;width:1920px;height:468px;overflow:hidden}
.services-track{position:absolute;left:130px;top:0;display:flex;gap:40px;transition:transform .35s ease}
.service-card{position:relative;flex:0 0 720px;width:720px;height:468px;overflow:hidden;background:#050505}
.service-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.service-card::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,0) 38%,rgba(0,0,0,.9) 100%);transition:.2s}
.service-card__default{position:absolute;z-index:2;left:63px;bottom:44px;width:530px;height:30px}
.service-card__default h3{margin:0;color:#fff;font:400 28px/30px var(--sans)}
.service-plus{position:absolute;z-index:5;right:63px;bottom:44px;width:28px;height:28px;padding:0;border:1px solid var(--gold);background:rgba(0,0,0,.25)}
.service-plus img{position:absolute;left:7px;top:7px;width:12px;height:12px}
.service-plus .close-icon{display:none}
.service-card__detail{position:absolute;z-index:3;inset:0;display:none;background:linear-gradient(to bottom,rgba(0,0,0,.05) 0%,rgba(0,0,0,.8) 35%)}
.service-card__detail h3{position:absolute;left:63px;top:282px;width:520px;margin:0;color:#fff;font:400 28px/30px var(--sans)}
.service-card__detail i{position:absolute;left:63px;top:329px;width:50px;height:2px;background:var(--gold)}
.service-card__detail p{position:absolute;left:63px;top:354px;width:513px;margin:0;color:#fff;font:300 22px/32px var(--sans)}
.service-card.is-expanded::after{background:rgba(0,0,0,.14)}
.service-card.is-expanded .service-card__default{display:none}
.service-card.is-expanded .service-card__detail{display:block}
.service-card.is-expanded .plus-icon{display:none}
.service-card.is-expanded .close-icon{display:block}
.services-label-line{position:absolute;left:130px;top:675px;width:150px;height:2px;background:var(--gold)}
.services-label{position:absolute;left:130px;top:695px;width:329px;margin:0;color:var(--gold);font:400 38px/40px var(--serif)}
.services-divider{position:absolute;left:579px;top:653px;width:1px;height:150px;background:#383838}
.services-list{position:absolute;margin:0;padding:0;list-style:none;color:#fff;font:400 24px/38px var(--sans)}
.services-list li::before{content:'—';color:var(--gold);margin-right:12px}
.services-list--a{left:699px;top:652px;width:347px}
.services-list--b{left:1126px;top:652px;width:480px}
.services-fleet-btn{position:absolute;left:816px;top:834px}
.services-note{position:absolute;left:481px;top:914px;width:958px;margin:0;color:var(--silver);text-align:center;font:400 24px/34px var(--sans)}

/* Fleet exact frame 460:58, with 108px black spacer */
.fleet-bg{position:absolute;left:0;top:0;width:1920px;height:1000px;object-fit:cover}
.fleet h2{position:absolute;left:388px;top:105px;width:1144px;height:89px;margin:0;color:var(--gold);text-align:center;font:400 70px/100px var(--serif);text-transform:uppercase}
.fleet-tabs{position:absolute;left:450px;top:224px;width:1020px;height:50px;display:flex;gap:20px}
.fleet-tabs button{width:240px;height:50px;border:1px solid #555;background:transparent;color:#fff;font:400 20px/28px var(--sans)}
.fleet-tabs button.active,.fleet-tabs button:hover{border-color:var(--gold);color:var(--gold)}
.fleet-cards{position:absolute;left:180px;top:304px;width:1560px;display:grid;grid-template-columns:repeat(3,480px);gap:60px}
.fleet-card{position:relative;width:480px;height:496px;text-align:center}
.fleet-image{width:480px;height:280px;overflow:hidden}
.fleet-image img{width:100%;height:100%;object-fit:cover}
.fleet-card h3{position:absolute;left:0;top:322px;width:480px;margin:0;color:#fff;font:400 30px/1 var(--sans);text-transform:uppercase}
.fleet-rule{position:absolute;left:90px;top:371px;width:300px;height:6px;background:linear-gradient(to right,transparent,var(--gold) 35%,var(--gold) 65%,transparent)}
.fleet-meta{position:absolute;left:77px;top:397px;width:327px;height:29px;display:flex;justify-content:space-between;color:#fff;font:400 24px/30px var(--sans)}
.fleet-meta span{display:flex;align-items:center;gap:10px;white-space:nowrap}
.fleet-meta img{width:14px;height:18px;object-fit:contain}
.fleet-meta b{color:var(--gold);font-weight:200}
.fleet-show{position:absolute;left:90px;top:446px}
.fleet-side{position:absolute;top:500px;width:50px;height:50px;border:0;background:transparent;color:#fff;font:300 38px/50px var(--sans)}
.fleet-side--left{left:43px}.fleet-side--right{right:43px}
.fleet-dots{position:absolute;left:919px;top:881px;width:82px;height:14px;display:flex;align-items:center;justify-content:center;gap:12px}
.fleet-dots i{width:8px;height:8px;border-radius:50%;background:#555}.fleet-dots .active{background:var(--gold);width:14px;height:14px}

/* Routes zone */
.routes-inner{position:absolute;left:150px;top:0;width:1620px;height:777px}
.routes h2{position:absolute;left:322px;top:0;width:977px;height:61px;margin:0;text-align:center;color:var(--gold);font:400 56px/61px var(--serif);text-transform:uppercase}
.routes-intro{position:absolute;left:341px;top:101px;width:939px;margin:0;text-align:center;color:var(--silver);font:400 20px/29px var(--sans)}
.route-grid{position:absolute;left:0;top:219px;width:1620px;display:grid;grid-template-columns:repeat(4,390px);gap:20px}
.route-grid article{width:390px;height:180px;border:1px solid #383838;padding:47px 36px 28px;text-align:center}
.route-grid article p{margin:0;color:#fff;font:400 22px/28px var(--sans);display:flex;justify-content:center;gap:28px;align-items:center}.route-grid article p b{color:var(--gold);font-weight:400}
.route-grid article strong{display:block;margin-top:21px;color:var(--gold);font:400 31px/1 var(--serif)}
.route-benefits{position:absolute;left:147px;top:459px;width:1298px;display:grid;grid-template-columns:374px 400px 344px;gap:80px;text-align:center}
.route-benefits h3{margin:65px 0 8px;color:#fff;font:400 24px/30px var(--sans)}
.route-benefits p{margin:0;color:var(--silver);font:400 20px/30px var(--sans)}
.routes-btn{position:absolute;left:660px;top:727px}

/* Standard exact */
.standard h2,.packages h2,.steps h2,.reviews h2,.booking h2{position:absolute;margin:0;color:var(--gold);font:400 70px/100px var(--serif);text-transform:uppercase;text-align:center}
.standard h2{left:274px;top:203px;width:1372px;height:89px}
.standard-sub{position:absolute;left:563px;top:309px;width:794px;margin:0;text-align:center;color:var(--silver);font:400 24px/28px var(--sans)}
.standard-grid{position:absolute;left:246px;top:418px;width:1429px;height:205px;display:grid;grid-template-columns:417px 379px 407px;gap:115px;text-align:center}
.standard-grid article{position:relative}
.standard-grid h3{margin:0;color:#fff;font:400 28px/30px var(--sans)}
.standard-grid i{display:block;width:320px;height:6px;margin:30px auto 26px;background:linear-gradient(to right,transparent,var(--gold),transparent)}
.standard-grid p{margin:0;color:var(--silver);font:400 24px/38px var(--sans)}
.standard-insurance{position:absolute;left:445px;top:712px;width:1031px;margin:0;text-align:center;color:var(--silver);font:400 24px/32px var(--sans)}

/* Packages */
.packages h2{left:274px;top:74px;width:1372px;height:89px}
.packages-sub{position:absolute;left:404px;top:173px;width:1112px;margin:0;text-align:center;color:var(--silver);font:400 24px/30px var(--sans)}
.package-tabs{position:absolute;left:370px;top:232px;width:1180px;height:50px;display:flex;gap:20px}
.package-tabs button{width:280px;height:50px;border:1px solid #555;background:transparent;color:#fff;font:400 18px/1 var(--sans)}
.package-tabs button.active,.package-tabs button:hover{border-color:var(--gold);color:var(--gold)}
.package-content{position:absolute;left:260px;top:322px;width:1400px;height:574px}
.package-content>h3{margin:0;text-align:center;color:var(--gold);font:400 36px/36px var(--sans)}
.package-tagline{margin:20px 0 28px;text-align:center;color:#fff;font:400 28px/44px var(--sans)}
.package-table{width:1400px;border-top:1px solid #383838}
.package-row{display:grid;grid-template-columns:265px 1fr;min-height:83px;border-bottom:1px solid #383838;align-items:center}
.package-row strong{padding-left:10px;color:#fff;font:400 24px/32px var(--sans)}
.package-row span{padding-left:10px;color:#fff;font:400 24px/32px var(--sans)}

/* Steps */
.steps h2{left:388px;top:164px;width:1144px;height:89px}
.steps-grid{position:absolute;left:120px;top:342px;width:1680px;display:grid;grid-template-columns:repeat(4,300px);gap:160px}
.steps-grid article{position:relative;height:280px}
.steps-grid article:not(:first-child)::before{content:'';position:absolute;left:-80px;top:-59px;width:1px;height:444px;background:#383838}
.steps-grid strong{display:block;color:var(--gold);font:400 39px/39px var(--sans)}
.steps-grid i{display:block;width:100px;height:1px;background:var(--gold);margin:30px 0}
.steps-grid h3{margin:0 0 35px;color:#fff;font:500 24px/25px var(--sans);text-transform:uppercase}
.steps-grid p{margin:0;color:var(--silver);font:400 24px/37px var(--sans)}
.steps-btn{position:absolute;left:750px;top:757px}

/* Reviews */
.reviews h2{left:388px;top:236px;width:1144px;height:89px}
.reviews blockquote{position:absolute;left:368px;top:392px;width:1184px;height:276px;margin:0;text-align:center;color:#fff;font:400 28px/40px var(--serif);display:flex;flex-direction:column;justify-content:center}
.reviews cite{display:block;margin-top:28px;color:var(--silver);font:400 21px/30px var(--sans);font-style:normal}
.review-arrow{position:absolute;top:510px;width:34px;height:34px;border:0;background:transparent;color:#fff;font:300 40px/34px var(--sans)}
.review-arrow--left{left:230px}.review-arrow--right{right:230px}
.review-dots{position:absolute;left:919px;top:746px;width:82px;height:14px;display:flex;justify-content:center;gap:12px}.review-dots i{width:8px;height:8px;border-radius:50%;background:#555}.review-dots .active{width:14px;height:14px;background:var(--gold)}

/* Booking exact */
.booking h2{left:388px;top:87px;width:1144px;height:89px}
.booking-form{position:absolute;inset:0}
.field{position:absolute;height:52px;border-bottom:3px solid #1e1e1e;color:#fff;font:200 30px/30px var(--sans)}
.field b{color:var(--gold);font-weight:200}
.field input,.field textarea{position:absolute;inset:0;width:100%;height:100%;opacity:0;background:transparent;border:0;outline:0;resize:none;color:transparent}
.field:focus-within{border-bottom-color:var(--gold)}
.field--from{left:230px;top:236px;width:700px}.field--to{left:990px;top:236px;width:700px}
.field--date{left:230px;top:347px;width:700px}.field--passengers{left:990px;top:347px;width:700px}
.field--notes{left:230px;top:458px;width:1460px;height:87px}.field--notes::after{content:'(діти, тварини, додатковий багаж, побажання)';position:absolute;left:0;top:57px;color:var(--silver);font:200 18px/30px var(--sans)}
.field--notes textarea::placeholder{color:transparent}
.field--name{left:230px;top:569px;width:700px}.field--phone{left:990px;top:569px;width:700px}
.booking-submit{position:absolute;left:810px;top:700px}
.booking-required{position:absolute;left:658px;top:790px;width:605px;margin:0;text-align:center;color:var(--silver);font:400 24px/34px var(--sans)}
.booking-required b{color:var(--gold)}
.booking-note{position:absolute;left:486px;top:826px;width:948px;margin:0;text-align:center;color:var(--silver);font:400 24px/30px var(--sans)}
.booking-success{position:absolute;inset:0;background:#000;z-index:10;text-align:center}
.success-check{position:absolute;left:870px;top:265px;width:180px;height:180px;border:2px solid var(--gold);border-radius:50%;color:var(--gold);font:200 92px/170px var(--sans)}
.booking-success h3{position:absolute;left:610px;top:525px;width:700px;margin:0;color:var(--gold);font:400 90px/1 var(--serif);text-transform:uppercase}
.booking-success p{position:absolute;left:610px;top:670px;width:700px;margin:0;color:#fff;font:400 30px/44px var(--sans)}

/* Footer exact */
.footer::before{content:'';position:absolute;left:0;top:590px;width:1920px;height:410px;background:linear-gradient(to bottom,transparent,#000 72%)}
.footer-logo{position:absolute;left:811px;top:90px;width:299px;height:101px;object-fit:contain;z-index:3}
.footer-light{position:absolute;left:340px;top:231px;width:1240px;height:6px;background:linear-gradient(to right,transparent,var(--gold) 30%,var(--gold) 70%,transparent)}
.footer-company{position:absolute;left:203px;top:289px;width:390px;z-index:4}.footer-company h3{margin:0;color:var(--gold);font:400 24px/44px var(--sans);text-transform:uppercase}.footer-company p{margin:0;color:#fff;font:400 24px/34px var(--sans)}
.footer-nav{position:absolute;left:714px;top:289px;width:160px;display:flex;flex-direction:column;z-index:4}.footer-nav a{font:400 24px/44px var(--sans)}
.footer-support{position:absolute;left:987px;top:289px;width:264px;margin:0;color:#fff;font:400 24px/40px var(--sans);z-index:4}
.footer-language{position:absolute;left:1372px;top:289px;width:121px;margin:0;color:#fff;font:400 24px/44px var(--sans);z-index:4}
.footer-social{position:absolute;left:1614px;top:289px;display:flex;gap:25px;z-index:5}.footer-social a{width:40px;height:40px;border:1px solid var(--gold);display:flex;align-items:center;justify-content:center;color:#fff;font:400 20px/1 var(--sans)}
.footer-contacts{position:absolute;left:238px;top:457px;width:300px;margin:0;color:#fff;font:400 24px/42px var(--sans);z-index:5}
.footer-car{position:absolute;left:155px;top:353px;width:1610px;height:586px;max-width:none;object-fit:contain;object-position:center bottom;z-index:2}
.footer-bottom-line{position:absolute;left:0;top:939px;width:1920px;height:1px;background:#1e1e1e;z-index:5}
.copyright{position:absolute;left:655px;top:950px;width:611px;margin:0;color:var(--silver);font:400 22px/40px var(--sans);z-index:6;text-align:center}

/* Floating exact Figma asset, outside zoomed canvas */
.messenger-float{position:fixed;right:4.8vw;top:50%;transform:translateY(-50%);z-index:100;width:94px;height:221px;transition:opacity .2s}
.messenger-float img{width:94px;height:221px;object-fit:contain}
.messenger-float:hover{opacity:.88}

/* Fluid desktop: JS sets --site-scale; keep floating controls proportional too. */
@media (max-width:1600px){.messenger-float{right:18px}}
@media (max-width:1100px){.messenger-float{right:8px}}