:root{
  --bg:#0b0c0f;
  --bg2:#0f1117;
  --card:rgba(255,255,255,.06);
  --card2:rgba(255,255,255,.08);
  --text:#f4f6fb;
  --muted:rgba(244,246,251,.72);
  --line:rgba(255,255,255,.12);
  --accent:#caa66a;
  --accent2:#e3c186;
  --ok:#2bd37e;
  --danger:#ff5c74;
  --shadow:0 18px 60px rgba(0,0,0,.45);
  --radius:18px;
  --radius2:14px;
  --container:1180px;
}

*{box-sizing:border-box}
html,body{height:100%}
html{scroll-padding-top:86px}
body{
  margin:0;
  font-family:Cairo, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background:radial-gradient(1200px 800px at 70% -10%, rgba(202,166,106,.22), transparent 55%), var(--bg);
  color:var(--text);
  line-height:1.55;
}
[dir="ltr"] body{font-family:Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif}
a{color:inherit; text-decoration:none}
img{max-width:100%; display:block}

.container{
  width:min(var(--container), calc(100% - 32px));
  margin:0 auto;
}

.header{
  position:sticky;
  top:0;
  z-index:50;
  background:rgba(11,12,15,.75);
  backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);
}
.header__inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:12px 0;
}
.brand{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}
.brand__name{
  font-weight:700;
  letter-spacing:.2px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.header__actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  justify-content:flex-end;
}

.menu{
  display:flex;
  align-items:center;
  gap:14px;
  flex:1 1 auto;
  justify-content:center;
  min-width:0;
}
.menu__link{
  color:rgba(244,246,251,.86);
  font-weight:800;
  font-size:13.5px;
  padding:8px 10px;
  border-radius:999px;
  border:1px solid transparent;
  white-space:nowrap;
}
.menu__link:hover{
  background:rgba(255,255,255,.05);
  border-color:rgba(255,255,255,.10);
}
.menuToggle{
  display:none;
  width:42px;
  height:42px;
  border-radius:12px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.05);
  cursor:pointer;
  align-items:center;
  justify-content:center;
}
.menuToggle__icon{
  width:18px;
  height:2px;
  background:rgba(244,246,251,.92);
  position:relative;
  border-radius:999px;
}
.menuToggle__icon::before,
.menuToggle__icon::after{
  content:"";
  position:absolute;
  inset-inline-start:0;
  width:18px;
  height:2px;
  background:rgba(244,246,251,.92);
  border-radius:999px;
}
.menuToggle__icon::before{top:-6px}
.menuToggle__icon::after{top:6px}
.menuOverlay{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.55);
  opacity:0;
  pointer-events:none;
  transition:opacity .18s ease;
  z-index:40;
}
body.menu-open .menuOverlay{
  opacity:1;
  pointer-events:auto;
}

.lang{
  display:flex;
  border:1px solid var(--line);
  background:rgba(255,255,255,.05);
  border-radius:999px;
  overflow:hidden;
}
.lang__btn{
  border:0;
  background:transparent;
  color:var(--muted);
  padding:8px 12px;
  cursor:pointer;
  font-weight:700;
  font-size:13px;
}
.lang__btn.is-active{
  background:rgba(202,166,106,.18);
  color:var(--text);
}

.chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid var(--line);
  font-weight:700;
  font-size:13px;
}
.chip--ghost{background:rgba(255,255,255,.04)}

.hero{
  position:relative;
  overflow:hidden;
  border-bottom:1px solid var(--line);
}
.hero__bg{
  position:absolute;
  inset:0;
  opacity:.68;
  transform:scale(1.04);
}
.hero__bg::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(110deg, rgba(11,12,15,.92), rgba(11,12,15,.55) 55%, rgba(11,12,15,.78));
}
.hero__bg img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.hero__inner{
  position:relative;
  display:grid;
  grid-template-columns: 1.2fr .8fr;
  gap:28px;
  padding:38px 0 26px;
  align-items:start;
}
.hero__content{padding:10px 0}
.hero__kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.06);
  border:1px solid var(--line);
  color:var(--muted);
  font-weight:700;
  font-size:13px;
}
.hero__title{
  margin:12px 0 10px;
  font-size:56px;
  line-height:1.05;
  letter-spacing:.2px;
}
.hero__subtitle{
  margin:0 0 16px;
  color:var(--muted);
  font-size:17px;
  max-width:62ch;
}
.hero__cta{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin:14px 0 10px;
}
.hero__note{
  margin-top:10px;
  color:rgba(244,246,251,.7);
  font-weight:700;
  font-size:13px;
}

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border-radius:12px;
  padding:12px 14px;
  border:1px solid var(--line);
  font-weight:800;
  cursor:pointer;
  transition:transform .08s ease, background .18s ease, border-color .18s ease;
  will-change:transform;
}
.btn:active{transform:translateY(1px)}
.btn--primary{
  background:linear-gradient(180deg, rgba(227,193,134,.95), rgba(202,166,106,.95));
  color:#141414;
  border-color:rgba(255,255,255,.18);
}
.btn--secondary{
  background:rgba(255,255,255,.05);
  color:var(--text);
}
.btn--block{width:100%}

.stats{
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:10px;
  margin:18px 0 0;
}
.stat{
  padding:12px 12px 10px;
  border-radius:14px;
  background:rgba(255,255,255,.06);
  border:1px solid var(--line);
}
.stat__value{
  font-size:18px;
  font-weight:900;
  letter-spacing:.2px;
}
.stat__label{
  color:var(--muted);
  font-size:12.5px;
  font-weight:700;
}

.lead-card{
  background:rgba(15,17,23,.86);
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  padding:18px;
}
.lead-card__title{margin:0 0 6px; font-size:22px}
.lead-card__subtitle{margin:0 0 14px; color:var(--muted); font-size:14px}
.lead-card__quick{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:12px;
}
.quick{
  border:1px solid var(--line);
  border-radius:14px;
  padding:10px 12px;
  background:rgba(255,255,255,.04);
}
.quick__k{display:block; color:var(--muted); font-weight:800; font-size:12px}
.quick__v{display:block; font-weight:900; font-size:13px; letter-spacing:.2px}

.form{display:grid; gap:12px}
.field{display:grid; gap:6px}
.label{font-size:13px; font-weight:800; color:rgba(244,246,251,.86)}
.input,.textarea,.select{
  width:100%;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.04);
  color:var(--text);
  padding:12px 12px;
  outline:none;
  font-size:14px;
}
.input:focus,.textarea:focus,.select:focus{border-color:rgba(227,193,134,.6); box-shadow:0 0 0 3px rgba(202,166,106,.14)}
.textarea{resize:vertical; min-height:104px}
.select{appearance:none}

.phone{
  display:grid;
  grid-template-columns:30% minmax(0, 1fr);
  direction:ltr;
  gap:10px;
  align-items:stretch;
  width:100%;
}
.phone__code{grid-column:1; min-width:0; width:100%; position:relative}
.phone__number{grid-column:2; min-width:0; width:100%}

.form__meta{
  color:var(--muted);
  font-weight:700;
  font-size:12.5px;
}
.form__status{
  font-weight:800;
  font-size:13px;
  min-height:18px;
}
.form__status.is-ok{color:var(--ok)}
.form__status.is-err{color:var(--danger)}

.section{padding:54px 0}
.section--alt{background:rgba(255,255,255,.02); border-top:1px solid var(--line); border-bottom:1px solid var(--line)}
.section__head{margin-bottom:18px}
.h2{margin:0 0 8px; font-size:30px}
.h3{margin:0 0 10px; font-size:18px}
.lead{margin:0; color:var(--muted); max-width:80ch}
.muted{color:var(--muted); font-weight:700; font-size:12.5px}

.grid{
  display:grid;
  gap:14px;
}
.grid--2{grid-template-columns:repeat(2, minmax(0,1fr))}
.grid--3{grid-template-columns:repeat(3, minmax(0,1fr))}

.card{
  background:rgba(255,255,255,.05);
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:18px;
}
.card--mini{padding:14px}
.mini__k{color:var(--brand-black); font-weight:800; font-size:13px}
.mini__v{font-weight:900; font-size:18px}

.mapBlock{
  margin-top:18px;
  padding:18px;
  background:var(--brand-white);
  border:1px solid var(--brand-gray-mid);
  border-radius:var(--radius-md);
  box-shadow:var(--shadow-sm);
}
.mapBlock__head{margin-bottom:14px}
.mapBlock__frame{
  overflow:hidden;
  border-radius:var(--radius-md);
  border:1px solid var(--brand-gray-mid);
  background:var(--brand-gray-light);
  aspect-ratio:16 / 8;
  margin-bottom:14px;
}
.mapBlock__frame iframe{
  width:100%;
  height:100%;
  border:0;
  display:block;
}

.facts{display:grid; gap:10px}
.fact{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:10px;
  padding:10px 12px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.03);
}
.fact__k{color:var(--muted); font-weight:800}
.fact__v{font-weight:900}

.gallery{
  display:grid;
  grid-template-columns:repeat(12, minmax(0, 1fr));
  gap:10px;
}
.gallery__item{
  margin:0;
  border-radius:16px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.03);
  aspect-ratio: 4 / 3;
}
.gallery__item img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.gallery__item:nth-child(1){grid-column:span 7}
.gallery__item:nth-child(2){grid-column:span 5}
.gallery__item:nth-child(3){grid-column:span 4}
.gallery__item:nth-child(4){grid-column:span 4}
.gallery__item:nth-child(5){grid-column:span 4}
.gallery__item:nth-child(n+6){grid-column:span 3}

.tags{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.tag{
  padding:10px 12px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.04);
  border-radius:999px;
  font-weight:800;
  font-size:13px;
}

.bullets{display:grid; gap:10px; margin-top:14px}
.bullet{
  padding:12px 14px;
  border-radius:14px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.12);
  color:var(--brand-black);
  font-weight:700;
}

.footer{
  border-top:1px solid var(--line);
  background:rgba(11,12,15,.92);
}
.footer__inner{
  padding:26px 0;
  display:grid;
  grid-template-columns:1.1fr 1.9fr;
  gap:18px;
}
.footer__title{font-weight:900; font-size:16px}
.footer__desc{color:var(--muted); margin-top:6px; font-weight:700; font-size:13px}
.footer__cols{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:14px;
}
.footer__h{font-weight:900; margin-bottom:8px}
.footer__a{display:block; padding:6px 0; color:rgba(244,246,251,.88); font-weight:700}
.footer__p{color:rgba(244,246,251,.88); font-weight:700; line-height:1.55}
.footer__bar{
  border-top:1px solid var(--line);
  padding:12px 0;
}
.footer__barInner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
}
.footer__small{color:var(--muted); font-weight:800; font-size:12.5px}

.floating{
  position:fixed;
  inset-inline-end:14px;
  inset-block-end:14px;
  display:flex;
  gap:10px;
  z-index:80;
}
.floating__btn{
  border-radius:999px;
  padding:12px 14px;
  border:1px solid rgba(255,255,255,.16);
  font-weight:900;
  background:rgba(255,255,255,.06);
  backdrop-filter:blur(10px);
}
.floating__btn--wa{background:rgba(43,211,126,.18); border-color:rgba(43,211,126,.35)}
.floating__btn--call{background:rgba(227,193,134,.18); border-color:rgba(227,193,134,.32)}

@media (max-width: 980px){
  .hero__inner{grid-template-columns:1fr; padding:26px 0 18px}
  .hero__title{font-size:44px}
  .stats{grid-template-columns:repeat(2, minmax(0,1fr))}
  .lead-card{order:2}
  .grid--2{grid-template-columns:1fr}
  .grid--3{grid-template-columns:1fr}
  .footer__inner{grid-template-columns:1fr}
  .footer__cols{grid-template-columns:1fr}
  .menuToggle{display:inline-flex}
  .menu{
    position:fixed;
    inset-block-start:58px;
    inset-inline-start:14px;
    inset-inline-end:14px;
    max-height:calc(100vh - 76px);
    overflow:auto;
    padding:14px;
    border-radius:18px;
    border:1px solid rgba(255,255,255,.14);
    background:rgba(15,17,23,.95);
    box-shadow:var(--shadow);
    transform:translateY(-8px);
    opacity:0;
    pointer-events:none;
    transition:opacity .18s ease, transform .18s ease;
    flex-direction:column;
    align-items:stretch;
    gap:8px;
    justify-content:flex-start;
    z-index:45;
  }
  .menu__link{
    border:1px solid rgba(255,255,255,.12);
    background:rgba(255,255,255,.03);
    padding:12px 12px;
    border-radius:14px;
  }
  body.menu-open .menu{
    opacity:1;
    pointer-events:auto;
    transform:translateY(0);
  }
}

@media (max-width: 560px){
  .hero__title{font-size:38px}
  .hero__subtitle{font-size:15px}
  .lead-card__quick{grid-template-columns:1fr}
  .phone{gap:8px}
  .phone{grid-template-columns:30% minmax(0, 1fr)}
  .gallery{grid-template-columns:repeat(6, minmax(0, 1fr))}
  .gallery__item:nth-child(1){grid-column:span 6}
  .gallery__item:nth-child(2){grid-column:span 6}
  .gallery__item:nth-child(3),
  .gallery__item:nth-child(4),
  .gallery__item:nth-child(5){grid-column:span 3}
  .gallery__item:nth-child(n+6){grid-column:span 3}
}

:root{
  --brand-black:#0A0A0A;
  --brand-dark:#121212;
  --brand-charcoal:#1C1C1E;
  --brand-white:#FFFFFF;
  --brand-gray-light:#F5F5F7;
  --brand-gray-mid:#E5E5EA;
  --brand-gray-dark:#8E8E93;
  --accent-silver:#D1D1D6;
  --accent-gold:#C5A85C;
  --radius-sm:4px;
  --radius-md:8px;
  --radius-lg:16px;
  --shadow-sm:0 2px 8px rgba(0,0,0,0.05);
  --shadow-glass:0 8px 32px 0 rgba(0,0,0,.3);
  --shadow-lg:0 20px 48px rgba(0,0,0,.15);
  --transition-smooth:0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

body{
  background:var(--brand-white);
  color:var(--brand-black);
}
a{transition:var(--transition-smooth)}

.header{
  position:fixed;
  inset-block-start:0;
  inset-inline-start:0;
  inset-inline-end:0;
  background:transparent;
  border-bottom:1px solid transparent;
  transition:var(--transition-smooth);
}
.header.scrolled{
  background:rgba(10,10,10,.95);
  backdrop-filter:blur(20px);
  border-bottom:1px solid rgba(255,255,255,.08);
  box-shadow:var(--shadow-glass);
}
.header .brand__name{color:var(--brand-white)}
.header.scrolled .brand__name{color:var(--brand-white)}

.menu__link{color:rgba(255,255,255,.78); letter-spacing:1.5px; text-transform:uppercase; font-size:11px; font-weight:600}
.menu__link:hover{color:var(--brand-white); background:rgba(255,255,255,.06); border-color:transparent}
.header__actions .chip{letter-spacing:1.5px; text-transform:uppercase; font-size:11px; font-weight:700}
.header__actions .chip--ghost{background:var(--brand-white); color:var(--brand-black); border:1.5px solid var(--brand-white)}
.header__actions .chip--ghost:hover{background:transparent; color:var(--brand-white); border-color:var(--brand-white); transform:translateY(-2px)}

.lang{border:1px solid rgba(255,255,255,.18); background:rgba(255,255,255,.06)}
.lang__btn{color:rgba(255,255,255,.72); font-size:11px; font-weight:700}
.lang__btn.is-active{background:rgba(255,255,255,.12); color:var(--brand-white)}

.menuToggle{border:1px solid rgba(255,255,255,.18); background:rgba(255,255,255,.06)}
.menuToggle__icon,.menuToggle__icon::before,.menuToggle__icon::after{background:rgba(255,255,255,.92)}
.menuOverlay{z-index:900}
.menu{z-index:920}
.header{z-index:950}

.hero{
  min-height:100vh;
  display:flex;
  align-items:center;
  padding-top:100px;
  padding-bottom:80px;
  background:var(--brand-black);
  border-bottom:none;
}
.hero__bg{opacity:.92; transform:none}
.hero__bg::after{
  background:linear-gradient(180deg, rgba(10,10,10,0.2) 0%, rgba(10,10,10,0.4) 50%, rgba(10,10,10,0.9) 100%);
}
.hero__content{color:var(--brand-white)}
.hero__kicker{
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
  color:rgba(255,255,255,.74);
  border-radius:var(--radius-sm);
  letter-spacing:2px;
  text-transform:uppercase;
  font-size:11px;
  padding:10px 16px;
}
.hero__title{color:var(--brand-white); font-weight:600}
.hero__subtitle{color:rgba(255,255,255,.72); font-weight:300}

.btn{
  border-radius:var(--radius-sm);
  padding:16px 32px;
  border:none;
  font-size:13px;
  font-weight:600;
  letter-spacing:2px;
  text-transform:uppercase;
  transition:var(--transition-smooth);
}
.btn--primary{
  background:var(--brand-black);
  color:var(--brand-white);
  border:1.5px solid var(--brand-black);
}
.btn--primary:hover{background:transparent; color:var(--brand-black); transform:translateY(-2px)}
#leadForm .btn--primary:hover{
  background:var(--brand-white);
  color:var(--brand-black);
  border-color:var(--brand-white);
}
.btn--secondary{
  background:transparent;
  color:var(--brand-white);
  border:1.5px solid rgba(255,255,255,0.4);
}
.btn--secondary:hover{border-color:var(--brand-white); background:rgba(255,255,255,0.08); transform:translateY(-2px)}
.btn:active{transform:none}

.stats{margin-top:22px}
.stat{
  background:rgba(255,255,255,0.05);
  border:1px solid rgba(255,255,255,0.1);
  border-radius:var(--radius-sm);
  padding:16px 24px;
}
.stat__value{color:var(--brand-white); font-weight:700; font-size:24px}
.stat__label{color:var(--brand-white); font-weight:600; font-size:10px; letter-spacing:2px; text-transform:uppercase}

html[dir="rtl"] .menu__link,
html[dir="rtl"] .header__actions .chip,
html[dir="rtl"] .hero__kicker,
html[dir="rtl"] .btn,
html[dir="rtl"] .stat__label{
  letter-spacing:0;
  text-transform:none;
}

html[dir="rtl"] .btn{
  font-family:Cairo, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

@media (max-width: 560px){
  .header__inner{padding:10px 0}
  .brand__name{font-size:14px}
  .header__actions{gap:8px}
  .header__actions .chip{display:none}
  .lang__btn{padding:6px 10px}
  .menuToggle{width:40px; height:40px}
}

.lead-card{
  background:rgba(255,255,255,0.06);
  backdrop-filter:blur(25px);
  border:1px solid rgba(255,255,255,0.15);
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-lg);
}
.lead-card__title{color:var(--brand-white); font-weight:500}
.lead-card__subtitle{color:var(--brand-white)}
.quick__k{color:var(--brand-white)}
.quick__v{color:var(--brand-white)}
.phone-text{
  direction:ltr;
  unicode-bidi:isolate;
  display:inline-block;
}
.label{color:var(--brand-white); font-size:12px; font-weight:700}
.input,.textarea,.select{
  background-color:rgba(255,255,255,0.06);
  border-color:rgba(255,255,255,0.15);
  color:var(--brand-white);
  border-radius:var(--radius-sm);
  padding:14px 18px;
  font-size:13px;
}
.input::placeholder,.textarea::placeholder{color:rgba(255,255,255,.78)}
.input:focus,.textarea:focus,.select:focus{
  border-color:var(--brand-white);
  background-color:rgba(255,255,255,0.1);
  box-shadow:none;
}
.select{color:var(--brand-white)}
.select option{background:var(--brand-black); color:var(--brand-white)}
#unit.select{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23ffffff' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 18px center;
  padding-right:44px;
}
.phone__code .select{
  direction:ltr;
  text-align:center;
  text-align-last:center;
  color:transparent;
  -webkit-text-fill-color:transparent;
  font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji","Segoe UI Symbol","Cairo",sans-serif;
}
.phone__code .select option{
  color:var(--brand-white);
  -webkit-text-fill-color:initial;
  font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji","Segoe UI Symbol","Cairo",sans-serif;
}
.phone__codeDisplay{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  pointer-events:none;
  color:var(--brand-white);
  direction:ltr;
  font-weight:700;
  font-size:13px;
  letter-spacing:0;
  white-space:nowrap;
  font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji","Segoe UI Symbol","Cairo",sans-serif;
}
.phone__codeDisplay .cc-flag{
  font-size:16px;
  line-height:1;
}
.phone__codeDisplay .cc-code{
  font-family:Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-variant-numeric:tabular-nums;
  font-feature-settings:"tnum" 1;
  line-height:1;
}
.form__meta{color:var(--brand-white); font-size:10.5px; text-align:center}

.section{padding:96px 0; background:var(--brand-white)}
.section--alt{background:var(--brand-gray-light); border:none}
.h2{color:var(--brand-black); font-weight:500; font-size:clamp(32px, 4vw, 48px); line-height:1.2}
.h3{color:var(--brand-black); font-weight:600}
.lead{color:#444446; font-weight:300; line-height:1.8}
.muted{color:var(--brand-gray-dark)}

.card{
  background:var(--brand-white);
  border:1px solid var(--brand-gray-mid);
  border-radius:var(--radius-md);
  box-shadow:var(--shadow-sm);
}
.fact{background:var(--brand-gray-light); border-color:var(--brand-gray-mid)}
.fact__k{color:var(--brand-gray-dark)}
.tags .tag{
  background:var(--brand-gray-light);
  border:1px solid var(--brand-gray-mid);
  border-radius:var(--radius-sm);
  text-transform:none;
  font-weight:700;
}

.gallery__item{
  border-radius:var(--radius-md);
  border:1px solid var(--brand-gray-mid);
  background:var(--brand-gray-light);
}

.footer{
  background:var(--brand-black);
  border-top:1px solid rgba(255,255,255,.08);
}
.footer__title,.footer__a,.footer__p{color:var(--brand-white)}
.footer__desc,.footer__small{color:var(--brand-gray-dark)}
.footer__bar{border-top:1px solid rgba(255,255,255,.08)}

.floating__btn{
  border-radius:var(--radius-sm);
  border:1.5px solid rgba(255,255,255,0.18);
  background:rgba(255,255,255,0.06);
}
.floating__btn--call{background:var(--brand-white); color:var(--brand-black); border-color:var(--brand-white)}
.floating__btn--wa{background:#25D366; color:var(--brand-white); border-color:#25D366}

.thankyou{
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--brand-black);
  color:var(--brand-white);
  padding:24px 0;
}
.thankyou-container{
  max-width:600px;
  width:100%;
  margin:24px;
  padding:56px 40px;
  background:rgba(255,255,255,0.03);
  border:1px solid rgba(255,255,255,0.1);
  backdrop-filter:blur(25px);
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-lg);
  text-align:center;
}
.success-icon{
  width:80px;
  height:80px;
  border-radius:50%;
  background:rgba(255,255,255,0.08);
  border:1.5px solid rgba(255,255,255,0.15);
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0 auto 32px;
  font-size:32px;
}
.thankyou-title{
  font-size:clamp(32px, 5vw, 44px);
  font-weight:500;
  line-height:1.2;
  margin-bottom:16px;
}
.thankyou-title em{font-style:normal; color:var(--accent-silver); font-weight:500}
.thankyou-subtitle{
  font-size:15px;
  font-weight:300;
  line-height:1.8;
  color:var(--accent-silver);
  margin-bottom:40px;
}
.contact-cta-box{
  background:rgba(255,255,255,0.02);
  border:1px solid rgba(255,255,255,0.06);
  border-radius:var(--radius-md);
  padding:32px 24px;
  margin-bottom:40px;
}
.contact-cta-title{font-size:11px; font-weight:700; color:var(--brand-gray-dark); margin-bottom:24px}
.cta-buttons-stack{display:flex; flex-direction:column; gap:16px}
.btn-thanks{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  padding:16px 32px;
  border-radius:var(--radius-sm);
  font-size:12px;
  font-weight:700;
  text-transform:none;
  width:100%;
  border:1.5px solid transparent;
}
.btn-thanks--wa{background:#25D366; color:var(--brand-white); border-color:#25D366}
.btn-thanks--wa:hover{background:transparent; color:#25D366; transform:translateY(-2px); box-shadow:0 8px 30px rgba(37,211,102,0.25)}
.btn-thanks--call{background:var(--brand-white); color:var(--brand-black); border-color:var(--brand-white)}
.btn-thanks--call:hover{background:transparent; color:var(--brand-white); transform:translateY(-2px)}
.btn-thanks--email{background:transparent; color:var(--brand-white); border-color:rgba(255,255,255,0.18)}
.btn-thanks--email:hover{border-color:var(--brand-white); background:rgba(255,255,255,0.08); transform:translateY(-2px)}
.btn-thanks--back{background:transparent; color:var(--brand-gray-dark); border-color:rgba(255,255,255,0.15); font-size:11px}
.btn-thanks--back:hover{border-color:var(--brand-white); color:var(--brand-white)}

@media(max-width: 600px){
  .thankyou-container{padding:40px 24px}
  .hero{padding-top:80px; padding-bottom:24px; min-height:0; display:block}
  .hero__inner{display:flex; flex-direction:column; gap:20px}
  .stats{display:none}
  .hero__cta{display:none}
  .lead-card{margin:0}
}