:root{
  --bg:#000;
  --bg-2:#0d0d0d;
  --bg-3:#161616;
  --line:#2a2a2a;
  --gold:#e5a526;
  --gold-2:#f2bd4b;
  --white:#f5f2ea;
  --muted:#a9a59b;
  --radius:10px;
  --max:1080px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  background:var(--bg);color:var(--white);
  font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  font-size:1.0625rem;line-height:1.7;
}
img{max-width:100%;height:auto;display:block}
a{color:var(--gold);text-decoration:none}
a:hover{color:var(--gold-2)}
h1,h2,h3{
  font-family:"Bebas Neue","Oswald",Impact,"Arial Narrow",sans-serif;
  font-weight:400;letter-spacing:.02em;line-height:1.05;text-transform:uppercase;
}
h1{font-size:clamp(2.8rem,8vw,5.2rem)}
h2{font-size:clamp(2rem,5vw,3rem);margin-bottom:.6em}
h3{font-size:1.6rem;margin-bottom:.4em;color:var(--gold)}
p{margin-bottom:1.1em}
.wrap{max-width:var(--max);margin:0 auto;padding:0 20px}
.narrow{max-width:720px}
.gold{color:var(--gold)}
.muted{color:var(--muted)}
.skip{position:absolute;left:-999px}
.skip:focus{left:10px;top:10px;background:var(--gold);color:#000;padding:8px 12px;z-index:99}

/* header */
.site-header{
  position:sticky;top:0;z-index:50;background:rgba(0,0,0,.92);
  backdrop-filter:blur(8px);border-bottom:1px solid var(--line);
}
.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;height:68px}
.brand img{height:34px;width:auto}
.nav ul{display:flex;gap:22px;list-style:none;align-items:center}
.nav a.link{
  color:var(--white);font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600;
  padding:6px 0;border-bottom:2px solid transparent;
}
.nav a.link:hover,.nav a.link[aria-current="page"]{color:var(--gold);border-bottom-color:var(--gold)}
.menu-btn{
  display:none;background:none;border:1px solid var(--line);color:var(--white);
  padding:8px 12px;border-radius:6px;font:inherit;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;
}

/* buttons */
.btn{
  display:inline-block;background:var(--gold);color:#000;font-weight:700;
  font-size:.95rem;letter-spacing:.1em;text-transform:uppercase;
  padding:15px 30px;border-radius:6px;border:2px solid var(--gold);transition:.2s;cursor:pointer;
}
.btn:hover{background:var(--gold-2);border-color:var(--gold-2);color:#000;transform:translateY(-2px)}
.btn.ghost{background:transparent;color:var(--gold)}
.btn.ghost:hover{background:var(--gold);color:#000}
.btn-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:8px}

/* hero */
.hero{text-align:center;padding:64px 0 56px;border-bottom:1px solid var(--line);
  background:radial-gradient(ellipse at 50% 0%,rgba(229,165,38,.12),transparent 60%)}
.hero .logo{width:min(380px,78vw);margin:0 auto 18px}
.hero p.lead{font-size:1.25rem;max-width:620px;margin:0 auto 28px;color:#e6e2d6}
.hero .btn-row{justify-content:center}

/* counter */
.counter-band{background:var(--bg-2);border-bottom:1px solid var(--line);padding:46px 0;text-align:center}
.counter-band .label{font-size:.85rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
.counter-band .big{
  font-family:"Bebas Neue","Oswald",Impact,sans-serif;font-size:clamp(2.4rem,8vw,4.6rem);
  line-height:1.05;text-transform:uppercase;
}
.counter-band .big span{color:var(--gold)}
.counter-band .sub{margin:12px 0 0;color:var(--muted);font-size:.95rem}

/* sections */
section{padding:72px 0}
section.alt{background:var(--bg-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.eyebrow{font-size:.8rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);font-weight:700;margin-bottom:12px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px}
.card{background:var(--bg-3);border:1px solid var(--line);border-radius:var(--radius);padding:28px;border-top:3px solid var(--gold)}
.card p:last-child{margin-bottom:0}
.card .num{font-family:"Bebas Neue",Impact,sans-serif;font-size:3rem;color:var(--gold);line-height:1;margin-bottom:6px}
.two{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.two img{border-radius:var(--radius);border:1px solid var(--line)}
.quote{
  border-left:4px solid var(--gold);padding:6px 0 6px 22px;margin:28px 0;
  font-size:1.35rem;line-height:1.5;color:#fff;
}
ul.ticks{list-style:none;margin:0 0 1.2em}
ul.ticks li{padding-left:30px;position:relative;margin-bottom:.7em}
ul.ticks li::before{content:"";position:absolute;left:0;top:.55em;width:14px;height:8px;
  border-left:3px solid var(--gold);border-bottom:3px solid var(--gold);transform:rotate(-45deg)}
.notice{
  background:var(--bg-3);border:1px solid var(--line);border-left:4px solid var(--gold);
  border-radius:var(--radius);padding:22px 24px;font-size:.98rem;color:#d8d4c8;
}
.notice strong{color:var(--white)}
.cta-band{text-align:center;background:
  radial-gradient(ellipse at 50% 100%,rgba(229,165,38,.14),transparent 65%),var(--bg-2);
  border-top:1px solid var(--line)}
.cta-band p{max-width:560px;margin:0 auto 26px;color:#dcd8cc}
.page-head{padding:70px 0 40px;border-bottom:1px solid var(--line);
  background:radial-gradient(ellipse at 50% 0%,rgba(229,165,38,.1),transparent 60%)}
.page-head p{max-width:640px;font-size:1.2rem;color:#dcd8cc;margin-top:14px;margin-bottom:0}
.contact-box{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}

/* footer */
.site-footer{border-top:1px solid var(--line);padding:44px 0 34px;background:#000;font-size:.92rem;color:var(--muted)}
.foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:28px}
.foot img{height:30px;width:auto;margin-bottom:12px}
.foot ul{list-style:none}
.foot li{margin-bottom:6px}
.foot a{color:var(--muted)}
.foot a:hover{color:var(--gold)}
.small{font-size:.82rem;margin-top:26px;padding-top:20px;border-top:1px solid var(--line);color:#7d796f}

.hide{display:none!important}

@media (max-width:940px){
  .grid3,.two,.contact-box{grid-template-columns:1fr}
  .two{gap:28px}
  section{padding:54px 0}
  .menu-btn{display:block}
  .nav ul{
    display:none;position:absolute;top:68px;left:0;right:0;background:#000;
    flex-direction:column;align-items:flex-start;gap:0;padding:8px 20px 18px;border-bottom:1px solid var(--line);
  }
  .nav ul.open{display:flex}
  .nav ul li{width:100%}
  .nav a.link{display:block;padding:14px 0;border-bottom:1px solid var(--line)}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.hero .logo,.two img{mix-blend-mode:lighten}
.two img{border:0}

/* additions */
.hero-h{font-size:clamp(2rem,6vw,3.6rem);max-width:820px;margin:0 auto 18px}
.hero .logo{width:min(300px,64vw)}
ul.checks{list-style:none;margin:0 0 1.2em}
ul.checks li{
  position:relative;padding:14px 16px 14px 56px;margin-bottom:10px;
  background:var(--bg-3);border:1px solid var(--line);border-radius:var(--radius);
}
ul.checks li::before{
  content:"";position:absolute;left:18px;top:50%;width:22px;height:22px;margin-top:-11px;
  border:2px solid var(--gold);border-radius:4px;
}
.timeline{list-style:none;border-left:3px solid var(--gold);margin:28px 0 0 8px;padding-left:28px}
.timeline li{position:relative;margin-bottom:28px}
.timeline li::before{content:"";position:absolute;left:-38px;top:.55em;width:15px;height:15px;border-radius:50%;background:#000;border:3px solid var(--gold)}
.timeline strong{display:block;font-family:"Bebas Neue",Impact,sans-serif;font-weight:400;font-size:1.7rem;letter-spacing:.03em;color:var(--gold);text-transform:uppercase;line-height:1.2}
.timeline span{color:#dcd8cc}
.tag{display:inline-block;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);font-weight:700;margin-bottom:10px}
.belief .said{font-family:"Bebas Neue",Impact,sans-serif;font-size:1.9rem;line-height:1.15;letter-spacing:.02em;margin-bottom:18px;color:#fff}
.articles{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:28px}
.art h3{color:#fff;font-size:1.5rem;margin-bottom:0}
.photo img{border-radius:var(--radius);border:1px solid var(--line);width:100%;object-fit:cover}
@media (max-width:940px){.articles{grid-template-columns:1fr}.grid3[style]{grid-template-columns:1fr!important}}

.two:not(:has(.photo)){grid-template-columns:1fr;max-width:720px;margin:0 auto}

.price{font-family:"Bebas Neue",Impact,sans-serif;font-size:3rem;line-height:1;color:var(--gold);margin:4px 0 12px}

.btn.wa{background:#25d366;border-color:#25d366;color:#000}
.btn.wa:hover{background:#4be382;border-color:#4be382;color:#000}
a.phone{display:block;font-family:"Bebas Neue",Impact,sans-serif;font-size:clamp(2.2rem,8vw,3rem);letter-spacing:.04em;color:#fff;line-height:1.1;margin:6px 0 18px}
a.phone:hover{color:var(--gold)}

/* whatsapp float and booking chooser */
.wa-float{
  position:fixed;right:18px;bottom:18px;z-index:80;width:60px;height:60px;border-radius:50%;
  background:#25d366;display:flex;align-items:center;justify-content:center;
  box-shadow:0 6px 20px rgba(0,0,0,.55);transition:transform .2s;
}
.wa-float:hover{transform:scale(1.08);background:#4be382}
.wa-float svg{display:block}
.site-footer{padding-bottom:100px}
.avail{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:28px 0 18px}
.avail .btn{text-align:center;padding:22px 16px;font-size:1rem}
.avail .btn .n{display:block;font-family:"Bebas Neue",Impact,sans-serif;font-size:3rem;line-height:1;letter-spacing:.02em;margin-bottom:4px}
.setup-note{background:#2a2108;border:1px solid var(--gold);border-radius:var(--radius);padding:14px 18px;font-size:.95rem;color:#f2dca0}
@media (max-width:560px){.avail{grid-template-columns:1fr}.avail .btn{display:flex;align-items:center;justify-content:center;gap:14px;padding:16px}.avail .btn .n{display:inline;font-size:2.2rem;margin:0}}

/* clean text wordmark in the hero */
.hero-mark{margin:0 auto 22px;width:min(520px,92vw);line-height:0}
.hero-mark svg{display:block;width:100%;height:auto}
.hero-mark text{font-family:"Bebas Neue","Oswald",Impact,"Arial Narrow",sans-serif}
.hero-mark .wm{font-size:104px}
.hero-mark .un{fill:#e5a526}
.hero-mark .dr{fill:#f5f2ea}
.hero-mark .dom{font-size:36px;fill:#e5a526}
.hero-mark .rule{stroke:#e5a526;stroke-width:2}

/* how I work */
ul.principles{list-style:none;margin:28px 0 0}
ul.principles li{border-left:3px solid var(--gold);padding:4px 0 4px 22px;margin-bottom:26px}
ul.principles h3{margin:0 0 4px}
ul.principles p{margin:0;color:#e6e2d6}