:root{
  --bg:#071b24;
  --bg2:#0b2e3d;
  --text:#14222b;
  --muted:#667681;
  --paper:#ffffff;
  --soft:#f2f7f9;
  --accent:#19bdeb;
  --accent2:#0ba3d1;
  --line:#dce7eb;
  --max:1160px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--paper);line-height:1.6}
a{color:inherit}
img{max-width:100%;height:auto;display:block}
.wrap{width:min(calc(100% - 40px),var(--max));margin:auto}
.header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.06)}
.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:74px;gap:24px}
.brand{text-decoration:none;font-size:31px;font-weight:900;letter-spacing:.08em;line-height:1}.brand small{display:block;font-size:9px;font-weight:800;letter-spacing:.12em;margin-top:3px;text-align:right}.nav{display:flex;gap:25px;align-items:center}.nav a{text-decoration:none;font-weight:650;font-size:15px}.nav a:hover{color:var(--accent2)}
.hero{overflow:hidden;background:linear-gradient(135deg,var(--bg),var(--bg2));color:white;padding:92px 0 80px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:70px}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:12px;font-weight:800;color:#82dff6}.hero h1{font-size:clamp(52px,9vw,112px);line-height:.85;margin:15px 0 24px;letter-spacing:.08em}.hero h1 span{display:block;font-size:.22em;line-height:1.2;letter-spacing:.05em;margin-top:14px}.lead{font-size:clamp(20px,2.5vw,30px);max-width:700px;margin:0;color:#d9edf4}.hero-phones{position:relative;min-height:550px}.phone{position:absolute;width:min(275px,55%);border-radius:26px;box-shadow:0 28px 60px rgba(0,0,0,.38);border:8px solid rgba(255,255,255,.14)}.phone.one{right:4%;top:0;transform:rotate(4deg)}.phone.two{left:5%;bottom:-25px;transform:rotate(-7deg)}
.section{padding:88px 0}.section.soft{background:var(--soft)}.section.dark{background:var(--bg);color:white}.section-title{font-size:clamp(34px,5vw,56px);line-height:1.08;margin:0 0 14px}.section-intro{font-size:20px;color:var(--muted);max-width:760px;margin:0 0 42px}.dark .section-intro{color:#bcd3dc}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{background:white;border:1px solid var(--line);border-radius:18px;padding:26px;min-height:155px;box-shadow:0 10px 30px rgba(11,46,61,.05)}.feature strong{display:block;font-size:18px;margin-bottom:7px}.check{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#d9f7ff;color:#0088b0;font-weight:900;margin-bottom:16px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.step{position:relative;padding:34px 28px 30px;border-top:4px solid var(--accent);background:#0d3444;border-radius:0 0 18px 18px}.step-num{font-size:50px;font-weight:900;line-height:1;color:#7ee1fb}.step h3{font-size:22px;margin:14px 0 8px}.step p{margin:0;color:#c7dce3}.gallery{margin-top:50px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.gallery img{border-radius:20px;box-shadow:0 20px 45px rgba(0,0,0,.25)}
.kostbar{display:grid;grid-template-columns:1.2fr .8fr;gap:42px;align-items:center}.kostbar-card{border-radius:22px;overflow:hidden;box-shadow:0 25px 55px rgba(12,56,72,.16)}.note{background:white;border-left:4px solid var(--accent);padding:22px 24px;border-radius:0 12px 12px 0;box-shadow:0 10px 30px rgba(11,46,61,.07)}
.contact-box{display:flex;align-items:center;justify-content:space-between;gap:30px;background:linear-gradient(135deg,#e8faff,#f8fdff);border:1px solid #cfedf6;border-radius:22px;padding:38px}.contact-box h2{margin:0 0 6px;font-size:32px}.contact-box p{margin:0;color:var(--muted)}.button{display:inline-block;text-decoration:none;background:var(--bg);color:white;border-radius:999px;padding:14px 23px;font-weight:800;white-space:nowrap}.button:hover{background:var(--accent2)}
.footer{background:#04151c;color:#c6d7dd;padding:35px 0}.footer-inner{display:flex;justify-content:space-between;gap:30px;align-items:center}.footer nav{display:flex;gap:18px;flex-wrap:wrap}.footer a{color:#e8f4f7;text-decoration:none}.footer a:hover{text-decoration:underline}
.legal{padding:70px 0 100px}.legal .content{max-width:850px}.legal h1{font-size:48px;line-height:1.1;margin:0 0 40px}.legal h2{font-size:25px;margin:38px 0 12px}.legal h3{font-size:20px;margin:28px 0 10px}.legal p,.legal li{color:#354751}.legal ul{padding-left:20px}.legal .meta{color:var(--muted);margin-top:-28px;margin-bottom:35px}.legal address{font-style:normal}.legal a{color:#087da0}.back{display:inline-block;margin-bottom:25px;text-decoration:none;color:#087da0;font-weight:700}
@media(max-width:850px){.nav{display:none}.hero{padding-top:65px}.hero-grid{grid-template-columns:1fr;gap:35px}.hero-phones{min-height:430px}.phone{width:45%;max-width:230px}.features,.steps{grid-template-columns:1fr}.gallery{grid-template-columns:repeat(2,1fr)}.kostbar{grid-template-columns:1fr}.contact-box{align-items:flex-start;flex-direction:column}.footer-inner{flex-direction:column;align-items:flex-start}.section{padding:65px 0}}
@media(max-width:520px){.wrap{width:min(calc(100% - 26px),var(--max))}.header-inner{min-height:65px}.brand{font-size:26px}.hero{padding:50px 0 60px}.hero-phones{min-height:355px}.phone{width:51%;border-width:5px;border-radius:18px}.features{gap:12px}.gallery{gap:10px}.section{padding:55px 0}.legal h1{font-size:38px}.footer nav{gap:12px 16px}}