
:root {
  --bg:#0a1120;
  --bg-2:#101a2f;
  --card:#0f172a;
  --line:#24324a;
  --text:#e5edf8;
  --muted:#9fb0c8;
  --gold:#fbbf24;
  --gold-2:#f59e0b;
  --success:#22c55e;
  --max:1360px;
  --shadow:0 20px 50px rgba(0,0,0,.28);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:linear-gradient(180deg,#09101d 0%,#0a1120 60%,#0c1423 100%);color:var(--text);line-height:1.65}
a{color:var(--gold);text-decoration:none}a:hover{text-decoration:underline}
img{max-width:100%;display:block}
.container{max-width:var(--max);margin:0 auto;padding:0 1rem}
.topbar{background:#0c1628;border-bottom:1px solid var(--line);font-size:.9rem}
.topbar .container{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.55rem 1rem;flex-wrap:wrap}
.topbar strong{color:#fff}
.header{position:sticky;top:0;z-index:50;background:rgba(9,16,29,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.header .container{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:.95rem 1.4rem;max-width:1440px}
.brand{display:flex;gap:1rem;align-items:center;flex:0 0 auto;min-width:280px}
.brand-title{font-size:1rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#fff}
.brand-sub{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.nav{display:flex;gap:1.5rem;flex-wrap:wrap;align-items:center;justify-content:center;flex:1 1 auto}
.nav a{font-size:.85rem;text-transform:uppercase;letter-spacing:.14em;color:#dbe6f7}
.phone-btn,.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.85rem 1.3rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;border:1px solid transparent}.phone-btn{flex:0 0 auto;white-space:nowrap}
.phone-btn,.btn-primary{background:linear-gradient(135deg,var(--gold),var(--gold-2));color:#111827;box-shadow:0 10px 24px rgba(245,158,11,.22)}
.btn-secondary{border-color:var(--line);color:#eef4ff;background:transparent}
.hero{padding:4.2rem 0 3.2rem;border-bottom:1px solid var(--line);background:radial-gradient(circle at 15% 10%, rgba(251,191,36,.12), transparent 28%),radial-gradient(circle at 88% 0%, rgba(34,197,94,.12), transparent 20%)}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:2.5rem;align-items:center}
.kicker{display:inline-flex;align-items:center;gap:.55rem;border:1px solid var(--line);padding:.35rem .8rem;border-radius:999px;color:var(--muted);font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;background:rgba(15,23,42,.72)}
.dot{width:8px;height:8px;border-radius:999px;background:var(--success)}
.hero h1{font-size:clamp(2.2rem,5vw,4rem);line-height:1.04;margin:.9rem 0 .8rem;color:#fff;max-width:12ch}
.hero p{font-size:1.06rem;color:#d3def0;max-width:42rem}
.hero-badges{display:flex;gap:.7rem;flex-wrap:wrap;margin:1.1rem 0}
.badge{padding:.45rem .75rem;border-radius:999px;background:#101a2f;border:1px solid var(--line);font-size:.82rem;color:#dbe6f7}
.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin:1.3rem 0 1rem}
.trust-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin-top:1.2rem}
.trust-card,.card,.mini-card,.gallery-card,.faq-item,.city-card{background:linear-gradient(180deg,#101a2f 0%,#0d1729 100%);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}
.trust-card{padding:1rem}
.trust-card strong{display:block;color:#fff;margin-bottom:.25rem}
.hero-image{position:relative}
.hero-image img{border-radius:26px;border:1px solid var(--line);min-height:440px;object-fit:cover;box-shadow:var(--shadow)}
.floating-box{position:relative;right:auto;bottom:auto;margin-top:1rem;margin-left:auto;background:rgba(10,17,32,.95);border:1px solid rgba(251,191,36,.35);border-radius:18px;padding:1rem 1rem .9rem;max-width:320px;box-shadow:var(--shadow)}
.floating-box strong{display:block;color:#fff;margin-bottom:.25rem}
.section{padding:4rem 0}
.section h2{font-size:2rem;line-height:1.15;margin:0 0 .55rem;color:#fff}
.section-intro{font-size:1rem;color:var(--muted);max-width:50rem;margin:0 0 1.4rem}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
.card{padding:1.25rem}
.card h3,.mini-card h3,.faq-item h3,.city-card h3{margin:.15rem 0 .45rem;color:#fff}
.card p,.mini-card p,.faq-item p,.city-card p{margin:0;color:var(--muted)}
.card ul,.content ul{padding-left:1.1rem;color:var(--muted)}
.callout{padding:1.2rem 1.25rem;border-radius:22px;background:linear-gradient(135deg, rgba(251,191,36,.12), rgba(16,26,47,1));border:1px solid rgba(251,191,36,.35)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}
.mini-card{padding:1rem}
.checks{list-style:none;padding:0;margin:0}.checks li{margin:.45rem 0;color:#d7e2f3}.checks li:before{content:"✓";color:var(--gold);font-weight:800;margin-right:.6rem}
.gallery{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}.gallery-card{overflow:hidden}.gallery-card img{aspect-ratio:1.1/1;object-fit:cover}.gallery-card p{padding:.8rem .85rem;color:var(--muted);font-size:.92rem}
.faq-list{display:grid;gap:.9rem}
.cta-band{padding:2.4rem 0;background:linear-gradient(90deg,rgba(251,191,36,.14),rgba(10,17,32,1) 35%, rgba(34,197,94,.12));border-top:1px solid rgba(251,191,36,.18);border-bottom:1px solid rgba(251,191,36,.18)}
.cta-band .container{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}
.city-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.city-card{padding:1rem}
.content{max-width:820px}.content h1{font-size:2.5rem;line-height:1.1;color:#fff;margin:0 0 .6rem}.content h2{font-size:1.45rem;color:#fff;margin:1.5rem 0 .45rem}.content p{color:var(--muted)}
.breadcrumbs{font-size:.86rem;color:var(--muted);margin-bottom:.8rem}
.form-wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:1rem}
form{padding:1.2rem;border-radius:22px;background:#101a2f;border:1px solid var(--line);box-shadow:var(--shadow)}
label{display:block;font-size:.88rem;color:#eef4ff;margin:.75rem 0 .25rem}
input,textarea,select{width:100%;padding:.85rem .95rem;border-radius:14px;border:1px solid #32455f;background:#0b1424;color:#eef4ff;font:inherit}
textarea{min-height:160px;resize:vertical}
.footer{padding:2rem 0;border-top:1px solid var(--line);background:#08111f}
.footer-grid{display:grid;grid-template-columns:1.1fr .9fr .9fr;gap:1rem}
.small{font-size:.9rem;color:var(--muted)}
.mobile-call{display:none}
.notice{font-size:.85rem;color:#c7d5eb}
@media (max-width: 980px){.hero-grid,.split,.form-wrap,.grid-2,.footer-grid{grid-template-columns:1fr}.grid-3,.city-grid{grid-template-columns:repeat(2,1fr)}.gallery{grid-template-columns:repeat(2,1fr)}.trust-strip{grid-template-columns:1fr}.hero h1{max-width:none}}
@media (max-width: 760px){.header .container{flex-direction:column;align-items:flex-start;gap:1rem}.nav{gap:.75rem;justify-content:flex-start}.grid-3,.city-grid,.gallery{grid-template-columns:1fr}.mobile-call{display:block;position:fixed;left:0;right:0;bottom:0;padding:.75rem 1rem;background:rgba(8,17,31,.97);backdrop-filter:blur(10px);border-top:1px solid rgba(251,191,36,.35);z-index:60}.mobile-call a{display:flex;justify-content:center;align-items:center;padding:1rem;border-radius:999px;background:linear-gradient(135deg,var(--gold),var(--gold-2));color:#111827;font-weight:900;letter-spacing:.08em;text-transform:uppercase}body{padding-bottom:84px}}

.logo-img{width:240px;max-width:42vw;height:auto;display:block}
.footer-logo{width:220px;max-width:100%;height:auto;margin-bottom:.7rem}
.hero-image img{width:100%}
.gallery{grid-template-columns:repeat(4,1fr)}
@media (max-width: 980px){.logo-img{width:210px}.gallery{grid-template-columns:repeat(3,1fr)}}
@media (max-width: 760px){.logo-img{width:180px}}
