:root{
  --void:#100A04;--void-2:#160E06;--panel:#1C1208;--panel-2:#241809;
  --line:#3B2814;--line-soft:#291B0D;--honey:#F2A81C;--honey-lo:#C87A0A;
  --honey-hi:#FFDD8A;--cream:#F5E9D6;--muted:#A8927A;--muted-2:#9A8368;
  --f-display:"Prata",Georgia,"Times New Roman",serif;
  --f-body:"Golos Text","Helvetica Neue",Arial,sans-serif;
  --col:1180px;--pad:clamp(20px,5vw,64px);--r:6px;color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
html{overflow-x:clip}
body{margin:0;background:var(--void);color:var(--cream);font-family:var(--f-body);
  font-size:clamp(1rem,.96rem + .2vw,1.08rem);line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:clip}
h1,h2,h3{font-family:var(--f-display);font-weight:400;line-height:1.1;text-wrap:balance;margin:0;letter-spacing:-.01em}
p{margin:0}
a{color:var(--honey-hi)}
::selection{background:var(--honey);color:var(--void)}
:focus-visible{outline:2px solid var(--honey);outline-offset:3px}
.wrap{width:min(var(--col),100% - var(--pad)*2);margin-inline:auto}
.skip{position:fixed;left:50%;top:-100px;translate:-50% 0;z-index:300;padding:14px 24px;
  border-radius:0 0 var(--r) var(--r);background:var(--honey);color:#180F04;font-weight:600;
  text-decoration:none;transition:top .3s ease}
.skip:focus{top:0}
@media print{
  body{background:#fff;color:#111}
  .nav{position:static;background:none;border-bottom:1px solid #ccc}
  .nav .btn,.cta,.skip{display:none}
  h1,h2,h3{color:#111}
  p,li,td,th{color:#333}
  .card,table,.price-row{border-color:#ddd;background:none}
  .hero-p{background:none;padding:16px 0}
  a[href^="tel:"]::after{content:" (" attr(href) ")"}
}

.nav{position:sticky;top:0;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:14px var(--pad);background:color-mix(in srgb,var(--void) 90%,transparent);
  backdrop-filter:blur(14px);border-bottom:1px solid var(--line-soft)}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--cream);padding:5px 0;min-height:44px}
.brand svg{width:30px;height:34px;flex:none}
.brand b{font-family:var(--f-display);font-weight:400;font-size:1.06rem;display:block}
.brand .bw{display:block}
.brand .sub{display:block;font-size:.62rem;letter-spacing:.24em;text-transform:uppercase;color:var(--muted-2);margin-top:2px}
.nav .btn{padding:10px 18px;font-size:.86rem}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;padding:14px 26px;border-radius:var(--r);
  background:var(--honey);color:#180F04;font-weight:600;text-decoration:none;border:1px solid transparent;
  transition:box-shadow .3s,transform .2s;cursor:pointer}
.btn:hover{box-shadow:0 12px 30px -12px rgba(242,168,28,.6)}
.btn.ghost{background:transparent;color:var(--cream);border-color:var(--line)}
.btn.ghost:hover{border-color:var(--honey);color:var(--honey-hi);box-shadow:none}

.hero-p{padding:clamp(40px,6vw,72px) 0 clamp(20px,3vw,34px);
  background:radial-gradient(80% 60% at 30% 0%,rgba(242,168,28,.15),transparent 65%)}
.crumbs{font-size:.82rem;color:var(--muted-2);margin-bottom:22px}
.crumbs a{color:var(--muted);text-decoration:none;padding:14px 0;display:inline-block}
.crumbs a:hover{color:var(--honey-hi)}
h1{font-size:clamp(2.1rem,1.5rem + 2.6vw,3.6rem)}
.lede{color:var(--muted);font-size:clamp(1.05rem,1rem + .4vw,1.3rem);margin-top:20px;max-width:62ch}

main{padding-bottom:clamp(56px,8vw,110px)}
.sec{padding-top:clamp(30px,4vw,52px)}
.sec h2{font-size:clamp(1.6rem,1.2rem + 1.6vw,2.4rem);margin-bottom:18px}
.sec h3{font-size:1.25rem;margin:28px 0 10px}
.sec p{margin-bottom:16px;max-width:70ch;color:#E4D6C0}
.sec ul{margin:0 0 18px;padding-left:22px;color:#E4D6C0;max-width:70ch}
.sec li{margin-bottom:9px}
.sec strong{color:var(--cream)}

.card{border:1px solid var(--line);border-radius:var(--r);background:var(--panel);padding:clamp(22px,3vw,32px);margin:26px 0}
.price-row{display:flex;flex-wrap:wrap;gap:14px 40px;margin:22px 0;padding:22px 0;border-block:1px solid var(--line-soft)}
.price-row div{min-width:170px}
.price-row b{display:block;font-family:var(--f-display);font-weight:400;font-size:2rem;color:var(--honey-hi);font-variant-numeric:tabular-nums}
.price-row span{font-size:.88rem;color:var(--muted)}

.districts{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 26px}
.districts span{padding:7px 14px;border:1px solid var(--line);border-radius:100px;font-size:.86rem;color:var(--muted)}

table{width:100%;border-collapse:collapse;margin:18px 0;font-size:.94rem}
th,td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line-soft)}
th{color:var(--muted-2);font-weight:600;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}
td:last-child{text-align:right;font-variant-numeric:tabular-nums}
.tw{overflow-x:auto}

.also{margin-top:46px}
.also-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:6px}
.also-card{display:grid;gap:6px;padding:22px;border:1px solid var(--line);border-radius:var(--r);
  background:var(--panel);text-decoration:none;transition:border-color .3s,transform .3s,background .3s}
.also-card:hover{border-color:var(--honey-lo);background:var(--panel-2);transform:translateY(-3px)}
.also-card b{font-family:var(--f-display);font-weight:400;font-size:1.2rem;color:var(--cream)}
.also-card span{font-size:.88rem;color:var(--muted)}

.cta{margin-top:44px;padding:clamp(26px,4vw,40px);border:1px solid var(--line);border-radius:var(--r);
  background:linear-gradient(135deg,var(--panel),var(--void-2));display:flex;flex-wrap:wrap;gap:20px;
  align-items:center;justify-content:space-between}
.cta p{margin:0;color:var(--muted);max-width:44ch}
.cta b{display:block;font-family:var(--f-display);font-weight:400;font-size:1.5rem;color:var(--cream);margin-bottom:8px}
.cta-btns{display:flex;flex-wrap:wrap;gap:10px}

footer{border-top:1px solid var(--line-soft);background:var(--void-2);padding:48px 0 34px;font-size:.9rem;color:var(--muted)}
.foot{display:flex;flex-wrap:wrap;gap:28px;justify-content:space-between}
.foot .col{display:grid;gap:4px;max-width:34ch}
.foot .col b{color:var(--cream);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;margin-bottom:6px}
.foot a{color:var(--muted);text-decoration:none;padding:12px 0;display:inline-block;min-height:44px}
.foot a:hover{color:var(--honey-hi)}
.copy{margin-top:34px;padding-top:20px;border-top:1px solid var(--line-soft);font-size:.8rem;color:var(--muted-2);
  display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}

@media (max-width:560px){
  .brand .sub{display:none}
  .cta{flex-direction:column;align-items:flex-start}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}