:root{
  --bg:#0a0a0c;--bg2:#111114;--panel:#18181c;--line:#252529;
  --text:#f0f0f2;--muted:#8e8e99;--gold:#c9a55c;--gold2:#b8903e;
  --r:12px;
  font-family:'Inter',system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:130px}
body{background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
.container{width:min(1280px,94%);margin:0 auto}
.skip-link{position:absolute;left:-999px}.skip-link:focus{left:12px;top:12px;z-index:999;background:var(--gold);color:#000;padding:8px 16px;border-radius:var(--r)}
:focus-visible{outline:2px solid var(--gold);outline-offset:2px}

/* BUTTONS */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 24px;border-radius:999px;border:0;cursor:pointer;font:600 .9rem/1 'Inter',sans-serif;transition:.2s}
.btn--gold{background:var(--gold);color:#111}.btn--gold:hover{background:var(--gold2)}
.btn--outline{background:transparent;border:1px solid var(--line);color:var(--muted)}.btn--outline:hover{border-color:var(--gold);color:var(--gold)}
.btn--sm{padding:7px 16px;font-size:.82rem}
.btn--block{width:100%}
.link{color:var(--gold);background:0;border:0;cursor:pointer;font:inherit;white-space:nowrap}

/* TOP BAR */
.topbar{background:var(--gold);color:#111;font-size:.85rem;font-weight:600}
.topbar__inner{display:flex;align-items:center;justify-content:space-between;height:38px}
.topbar a{color:#111}
.topbar .btn{background:#111;color:var(--gold);padding:5px 14px;font-size:.78rem}

/* HEADER */
.header{position:sticky;top:0;z-index:90;background:rgba(10,10,12,.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.header__row{display:flex;align-items:center;gap:20px;height:68px}
.logo img{height:36px;width:auto}
.header__tagline{color:var(--gold);font-family:'Playfair Display',serif;font-size:1rem;font-weight:700;white-space:nowrap;margin-right:auto}
.nav{display:flex;gap:4px;margin-left:auto}
.nav a{padding:8px 14px;color:var(--muted);font-size:.88rem;border-radius:999px;white-space:nowrap;transition:.2s}
.nav a:hover{color:var(--text);background:var(--panel)}
.header__cta{margin-left:8px}
.hamburger{display:none;background:0;border:0;width:32px;height:24px;position:relative;cursor:pointer}
.hamburger span{display:block;width:100%;height:2px;background:var(--text);border-radius:2px;position:absolute;left:0;transition:.3s}
.hamburger span:nth-child(1){top:0}.hamburger span:nth-child(2){top:50%;transform:translateY(-50%)}.hamburger span:nth-child(3){bottom:0}

/* SUB NAV */
.subnav{background:var(--panel);border-bottom:1px solid var(--line)}
.subnav__scroll{display:flex;gap:6px;overflow-x:auto;padding:10px 0;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.subnav__scroll::-webkit-scrollbar{display:none}
.subnav__chip{padding:7px 18px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--muted);font:500 .84rem/1 'Inter',sans-serif;cursor:pointer;white-space:nowrap;transition:.2s}
.subnav__chip:hover,.subnav__chip.is-active{border-color:var(--gold);color:var(--gold);background:rgba(201,165,92,.08)}

/* HERO */
.hero{padding:80px 0 60px;background:linear-gradient(180deg,rgba(0,0,0,.3) 0%,var(--bg) 100%),radial-gradient(ellipse at 60% 20%,#2a1f0f 0%,var(--bg) 65%);text-align:center}
.hero h1{font-family:'Playfair Display',serif;font-size:clamp(2.4rem,5.5vw,4.2rem);line-height:1.08;margin-bottom:16px}
.hero__lead{color:var(--muted);font-size:1.1rem;max-width:600px;margin:0 auto 28px}
.hero__search{display:flex;max-width:540px;margin:0 auto;background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:5px}
.hero__search input{flex:1;background:0;border:0;color:var(--text);padding:0 16px;font-size:.95rem;outline:0}

/* SECTIONS */
.section{padding:64px 0}
.section--dark{background:var(--panel)}
.section h2{font-size:clamp(1.4rem,3vw,2rem);margin-bottom:12px}
.section__head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:20px}
.section__head h2{margin:0}
.section__sub{color:var(--muted);margin:-4px 0 24px;max-width:700px}
.prose{color:var(--muted);max-width:800px;font-size:1.02rem;line-height:1.7}
.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:20px}

/* GRID */
.grid{display:grid;gap:20px}
.grid--cars{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.grid--yachts{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.grid--events{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.grid--resources{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}

/* CARD */
.card{background:var(--bg2);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:transform .25s,border-color .25s}
.card:hover{transform:translateY(-4px);border-color:var(--gold)}
.card__img{aspect-ratio:16/10;overflow:hidden;position:relative;background:var(--panel)}
.card__img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.card:hover .card__img img{transform:scale(1.04)}
.card__badge{position:absolute;top:10px;left:10px;background:var(--gold);color:#111;font-size:.72rem;font-weight:700;padding:3px 10px;border-radius:999px;text-transform:uppercase}
.card__body{padding:14px 16px 18px}
.card__body h3{font-size:1rem;margin-bottom:4px;line-height:1.3}
.card__meta{color:var(--muted);font-size:.84rem}
.card__price{margin-top:8px;font-weight:700;color:var(--gold);font-size:1.05rem}
.card__price s{color:var(--muted);font-weight:400;font-size:.9rem;margin-left:6px}
.card .btn{margin-top:12px;width:100%}

/* CAROUSEL */
.carousel{position:relative;overflow:hidden}
.carousel__track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:4px 0}
.carousel__track::-webkit-scrollbar{display:none}
.carousel__track .card{flex:0 0 280px;scroll-snap-align:start}
.carousel__arr{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:rgba(0,0,0,.7);border:1px solid var(--line);color:#fff;font-size:1.4rem;cursor:pointer;z-index:5;display:grid;place-items:center;transition:.2s}
.carousel__arr:hover{background:var(--gold);color:#111;border-color:var(--gold)}
.carousel__arr--l{left:8px}.carousel__arr--r{right:8px}

/* BRAND ROW */
.brand-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.brand-btn{padding:10px 20px;border:1px solid var(--line);border-radius:var(--r);background:var(--panel);color:var(--muted);font:500 .88rem/1 'Inter',sans-serif;cursor:pointer;transition:.2s;white-space:nowrap}
.brand-btn:hover,.brand-btn.is-active{border-color:var(--gold);color:var(--gold);background:rgba(201,165,92,.06)}

/* TRUST */
.trust{text-align:center}
.trust__row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin-top:28px}
.trust__item{padding:20px}
.trust__item strong{display:block;font-size:2.2rem;color:var(--gold);font-family:'Playfair Display',serif}
.trust__item span{color:var(--muted);font-size:.92rem}

/* MENTIONED */
.mentioned__logos{display:flex;justify-content:center;gap:40px;flex-wrap:wrap;margin-top:20px;font-size:1.3rem;font-weight:700;color:var(--muted);opacity:.5}

/* ABOUT SLIDER */
.about-slider{background:var(--panel)}
.about-slider__wrap{display:flex;gap:30px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:10px 0}
.about-slider__wrap::-webkit-scrollbar{display:none}
.about-slide{flex:0 0 100%;scroll-snap-align:start;text-align:center;padding:0 40px}
.about-slide h3{font-size:1.3rem;margin-bottom:10px;color:var(--gold)}
.about-slide p{color:var(--muted);max-width:700px;margin:0 auto;line-height:1.7}

/* OFFER BANNER */
.offer-banner{background:linear-gradient(135deg,#1f180d,var(--bg))}

/* COUNTDOWN */
.countdown{display:flex;gap:10px}
.countdown__box{background:var(--bg);border-radius:8px;padding:8px 12px;text-align:center;min-width:56px}
.countdown__box strong{display:block;font-size:1.2rem;color:var(--gold)}
.countdown__box span{font-size:.7rem;color:var(--muted);text-transform:uppercase}
.countdown--big .countdown__box{padding:14px 18px;min-width:70px}
.countdown--big .countdown__box strong{font-size:1.6rem}

/* ACCORDION */
.accordion details{border-bottom:1px solid var(--line);padding:16px 0}
.accordion summary{cursor:pointer;font-weight:600;font-size:.98rem;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px}
.accordion summary::after{content:"+";font-size:1.3rem;color:var(--gold);flex-shrink:0}
.accordion details[open] summary::after{content:"−"}
.accordion p{color:var(--muted);margin-top:10px;font-size:.94rem}

/* FOOTER */
.footer{background:var(--bg2);border-top:1px solid var(--line);padding:56px 0 24px}
.footer__grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:30px}
.footer__brand img{margin-bottom:12px}
.footer h4{color:var(--text);font-size:.92rem;margin-bottom:12px}
.footer a,.footer p{display:block;color:var(--muted);font-size:.88rem;margin-bottom:8px}
.footer a:hover{color:var(--gold)}
.footer__bottom{border-top:1px solid var(--line);margin-top:36px;padding-top:18px;font-size:.82rem;color:var(--muted)}

/* FAB */
.fab{position:fixed;right:20px;bottom:24px;width:56px;height:56px;border-radius:50%;background:#25d366;display:grid;place-items:center;z-index:80;box-shadow:0 4px 20px rgba(0,0,0,.4);transition:transform .2s}
.fab:hover{transform:scale(1.08)}

/* MODAL */
.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.75);display:grid;place-items:center;z-index:200}
.modal-overlay[hidden]{display:none}
.modal{background:var(--panel);border:1px solid var(--gold);border-radius:var(--r);padding:36px 32px;width:min(460px,92%);text-align:center;position:relative}
.modal h2{font-size:1.4rem;margin-bottom:8px}
.modal__x{position:absolute;top:10px;right:14px;background:0;border:0;color:var(--muted);font-size:1.8rem;cursor:pointer;line-height:1}
.modal__no{display:block;margin:16px auto 0;font-size:.9rem}

/* RESPONSIVE */
@media(max-width:960px){
  .header__tagline{display:none}
  .hamburger{display:block}
  .nav{display:none;position:absolute;top:68px;left:0;right:0;flex-direction:column;background:var(--bg);padding:16px 5%;border-bottom:1px solid var(--line);gap:0}
  .nav.is-open{display:flex}
  .nav a{padding:12px 0;border-bottom:1px solid var(--line);border-radius:0}
  .header__cta{display:none}
  .footer__grid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
  .footer__grid{grid-template-columns:1fr}
  .carousel__track .card{flex:0 0 85vw}
  .contact-layout{grid-template-columns:1fr}
  .about-grid{grid-template-columns:1fr}
}

/* SUB-PAGE HERO */
.hero--sub{padding:4rem 0 2rem;text-align:center;background:linear-gradient(135deg,#0d0d10 60%,#1a1508)}

/* ABOUT PAGE */
.about-content{max-width:900px;margin:0 auto}
.about-block{margin-bottom:3rem}
.about-block h2{font-size:1.5rem;margin-bottom:1rem;color:var(--gold)}
.about-block p{color:var(--muted);line-height:1.7;margin-bottom:.8rem}
.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.2rem;margin-top:1rem}
.about-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:1.5rem}
.about-card h3{font-size:1.1rem;margin-bottom:.5rem}
.about-card p{color:var(--muted);font-size:.92rem;line-height:1.6}

/* CONTACT PAGE */
.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}
.contact-info{display:flex;flex-direction:column;gap:1.2rem}
.contact-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:1.5rem}
.contact-card h3{font-size:1.05rem;margin-bottom:.5rem}
.contact-card p{color:var(--muted);font-size:.95rem;line-height:1.5}
.contact-card a{color:var(--gold);text-decoration:none}
.contact-card a:hover{text-decoration:underline}
.contact-form-wrap{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:2rem}
.contact-form-wrap h2{font-size:1.3rem;margin-bottom:1.5rem;color:var(--gold)}
.form-group{margin-bottom:1.2rem}
.form-group label{display:block;font-size:.9rem;margin-bottom:.4rem;color:var(--muted)}
.form-group input,.form-group select,.form-group textarea{width:100%;padding:.7rem 1rem;border:1px solid var(--line);border-radius:var(--r);background:var(--bg);color:#fff;font-size:.95rem;font-family:inherit}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--gold)}
.form-group select{appearance:none;cursor:pointer}
.form-group textarea{resize:vertical}

/* SEARCH INPUT */
.search-input{width:100%;max-width:400px;padding:.65rem 1rem;border:1px solid var(--line);border-radius:var(--r);background:var(--panel);color:#fff;font-size:.95rem;font-family:inherit}
.search-input:focus{outline:none;border-color:var(--gold)}

/* BRAND FILTER */
.brand-row{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}
.brand-btn{padding:.5rem 1rem;border:1px solid var(--line);border-radius:20px;background:transparent;color:var(--muted);font-size:.85rem;cursor:pointer;transition:.2s}
.brand-btn:hover,.brand-btn.is-active{border-color:var(--gold);color:var(--gold);background:rgba(201,165,92,.1)}

/* FOOTER */
.footer{background:#0a0a0c;padding:3rem 0 1rem;margin-top:3rem;border-top:1px solid var(--line)}
.footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem}
.footer h4{color:var(--gold);margin-bottom:.8rem;font-size:1rem}
.footer a{color:var(--muted);text-decoration:none;font-size:.92rem;line-height:2}
.footer a:hover{color:var(--gold)}
