:root{
  --bg:#f7f2eb;
  --paper:#fffdf9;
  --ink:#2d2434;
  --muted:#756c7c;
  --left:#2f2340;
  --left-2:#46345e;
  --right:#dbe8df;
  --right-deep:#6e8f7d;
  --accent:#d66a4a;
  --accent-2:#e7b45d;
  --line:#e6ddd3;
  --shadow:0 18px 48px rgba(58,42,69,.10);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--ink)}
a{text-decoration:none;color:inherit}
button,input,textarea{font:inherit}
img,svg{max-width:100%;height:auto}
.container{width:min(1420px,calc(100% - 32px));margin:auto}

.topbar{
  background:#231a2e;
  color:#d6cde0;
  font-size:12px;
}
.topbar__in{
  min-height:36px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}
.topbar__right{display:flex;gap:18px}
.topbar a{color:#f0c879}

.header{
  position:sticky;
  top:0;
  z-index:80;
  background:rgba(255,253,249,.95);
  backdrop-filter:blur(16px);
  border-bottom:1px solid var(--line);
}
.header__in{
  min-height:78px;
  display:flex;
  align-items:center;
  gap:24px;
}
.brand{
  display:flex;
  align-items:center;
  gap:11px;
  min-width:max-content;
}
.brand__mark{
  width:46px;height:46px;border-radius:15px;
  display:grid;place-items:center;
  background:linear-gradient(145deg,var(--accent),#b84f36);
  color:#fff;font-weight:900;
  box-shadow:0 10px 24px rgba(214,106,74,.24);
}
.brand b,.brand small{display:block}
.brand b{font-size:19px}
.brand small{font-size:10px;color:var(--muted);margin-top:2px}
.nav{
  display:flex;
  align-items:center;
  gap:4px;
  margin-left:auto;
}
.nav a{
  padding:10px 11px;
  border-radius:10px;
  font-size:13px;
  font-weight:800;
  color:#574d5e;
}
.nav a:hover,.nav a.active{background:#f3e8e2;color:#a94b34}
.header__actions{display:flex;gap:8px}
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:0;
  border-radius:11px;
  padding:12px 16px;
  font-size:13px;
  font-weight:850;
  cursor:pointer;
  transition:.2s ease;
}
.btn:hover{transform:translateY(-1px)}
.btn--primary{background:var(--accent);color:#fff}
.btn--dark{background:var(--left);color:#fff}
.btn--light{background:#fff;border:1px solid var(--line);color:var(--ink)}
.btn--wide{padding:15px 20px}
.menu-btn{display:none;margin-left:auto;border:0;background:#efe9f3;color:var(--left);width:43px;height:43px;border-radius:11px;font-size:21px}

.hero{
  padding:62px 0 42px;
  background:
    radial-gradient(circle at 15% 20%,#f4d9cf 0,transparent 28%),
    radial-gradient(circle at 86% 10%,#dcebe0 0,transparent 26%);
}
.hero__grid{
  display:grid;
  grid-template-columns:1.08fr .92fr;
  gap:58px;
  align-items:center;
}
.kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 10px;
  border-radius:999px;
  background:#f8e6df;
  color:#a64a35;
  border:1px solid #f0cfc4;
  font-size:10px;
  font-weight:900;
  letter-spacing:1.3px;
}
.kicker:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent-2)}
.hero h1{
  font-family:Georgia,serif;
  font-size:54px;
  line-height:1.03;
  letter-spacing:-1.6px;
  margin:16px 0 18px;
}
.hero h1 em{font-style:normal;color:var(--accent)}
.hero p{
  font-size:17px;
  line-height:1.72;
  color:var(--muted);
  max-width:760px;
}
.hero__buttons{display:flex;gap:10px;flex-wrap:wrap;margin:27px 0}
.hero__facts{display:flex;gap:18px;flex-wrap:wrap;color:#665b6d;font-size:12px;font-weight:750}
.hero__facts span:before{content:"✓";color:var(--right-deep);font-weight:900;margin-right:6px}

.hero-panel{
  background:var(--paper);
  border:1px solid var(--line);
  border-radius:24px;
  box-shadow:var(--shadow);
  padding:22px;
}
.hero-panel__top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:15px;border-bottom:1px solid var(--line)}
.hero-panel__top b{font-family:Georgia,serif;font-size:22px}
.hero-panel__status{padding:6px 9px;border-radius:999px;background:#e6f0e9;color:#587665;font-size:9px;font-weight:900}
.hero-panel__steps{display:grid;gap:10px;margin:18px 0}
.hero-panel__steps div{
  display:grid;
  grid-template-columns:38px 1fr auto;
  gap:10px;align-items:center;
  padding:12px;border-radius:13px;background:#fbf8f3;border:1px solid #eee6dc
}
.hero-panel__steps i{
  width:38px;height:38px;border-radius:11px;background:#f1e8f6;
  display:grid;place-items:center;font-style:normal
}
.hero-panel__steps b,.hero-panel__steps small{display:block}
.hero-panel__steps b{font-size:12px}.hero-panel__steps small{font-size:9px;color:var(--muted);margin-top:2px}
.hero-panel__steps span{font-size:10px;font-weight:900;color:var(--right-deep)}

.section{padding:60px 0}
.section--soft{background:#efe9e1}
.section-head{
  max-width:760px;
  margin:0 auto 32px;
  text-align:center;
}
.section-head--left{margin-left:0;text-align:left}
.section-head span{font-size:10px;letter-spacing:2px;font-weight:900;color:var(--accent)}
.section-head h2{font-family:Georgia,serif;font-size:38px;margin:8px 0 11px}
.section-head p{color:var(--muted);line-height:1.65}

.three-layout{
  display:grid;
  grid-template-columns:245px minmax(0,1fr) 250px;
  gap:24px;
  align-items:start;
}

/* LEFT SIDEBAR */
.left-sidebar{
  position:sticky;
  top:98px;
  background:linear-gradient(180deg,var(--left),#241b31);
  border-radius:20px;
  padding:16px;
  color:#fff;
  box-shadow:0 16px 35px rgba(47,35,64,.18);
}
.left-sidebar__title{
  font-size:9px;
  letter-spacing:1.6px;
  color:#9d8caf;
  font-weight:900;
  padding:6px 8px 10px;
}
.left-sidebar nav{display:flex;flex-direction:column;gap:3px}
.left-sidebar a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:11px 10px;
  border-radius:10px;
  color:#d1c7db;
  font-size:12px;
  font-weight:750;
}
.left-sidebar a:hover,.left-sidebar a.active{
  background:#4a3860;
  color:#fff;
}
.left-sidebar a span{color:#e9b85f;font-size:10px}
.left-sidebar__box{
  margin-top:14px;
  background:#ffffff0d;
  border:1px solid #ffffff12;
  border-radius:14px;
  padding:15px;
}
.left-sidebar__box small{font-size:9px;color:#a998ba;letter-spacing:1px}
.left-sidebar__box b{display:block;font-size:15px;margin:6px 0 10px}
.left-sidebar__box p{font-size:11px;line-height:1.5;color:#b9adc5}

/* RIGHT SIDEBAR */
.right-sidebar{
  position:sticky;
  top:98px;
  display:flex;
  flex-direction:column;
  gap:14px;
}
.right-card{
  background:var(--right);
  border:1px solid #c7d9cc;
  border-radius:20px;
  padding:18px;
  color:#355143;
}
.right-card h3{font-family:Georgia,serif;font-size:20px;margin:0 0 10px}
.right-card p{font-size:12px;line-height:1.6;color:#5b7567}
.right-card ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.right-card li{font-size:11px;color:#4f6a5c}
.right-card li:before{content:"✓";font-weight:900;color:var(--right-deep);margin-right:7px}
.right-card--warm{background:#f5e7cd;border-color:#ead4aa;color:#76531d}
.right-card--warm p{color:#806638}
.right-card__contacts{display:grid;gap:8px;margin-top:12px}
.right-card__contacts a{
  padding:10px 11px;
  background:#fff8ec;
  border:1px solid #e8d2a8;
  border-radius:10px;
  font-size:11px;
  font-weight:850;
  color:#7c5a23;
}

.cards{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:15px
}
.card{
  background:var(--paper);
  border:1px solid var(--line);
  border-radius:18px;
  padding:20px;
  transition:.2s ease;
}
.card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(58,42,69,.08)}
.card__top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.icon{
  width:50px;height:50px;border-radius:14px;background:#f1e8f6;
  display:grid;place-items:center;font-size:23px
}
.tag{font-size:9px;font-weight:900;padding:6px 8px;border-radius:999px;background:#e9f3ed;color:#597665}
.card h3{font-family:Georgia,serif;font-size:21px;margin:15px 0 8px}
.card p{font-size:13px;line-height:1.62;color:var(--muted)}
.card__foot{display:flex;justify-content:space-between;gap:12px;align-items:center;border-top:1px solid var(--line);padding-top:13px;margin-top:16px}
.card__foot span{font-size:10px;color:#8d8492}.card__foot a{font-size:11px;font-weight:900;color:#aa4f39}

.info-strip{
  background:linear-gradient(135deg,#3a2b4c,#2f2340);
  border-radius:22px;
  color:#fff;
  padding:30px;
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:30px;
}
.info-strip h2{font-family:Georgia,serif;font-size:31px;margin:8px 0}
.info-strip p{color:#c4b8d0;line-height:1.65}
.info-strip__list{display:grid;gap:9px}
.info-strip__list div{
  padding:13px 14px;border-radius:12px;background:#ffffff0b;border:1px solid #ffffff12;
  display:flex;gap:10px;align-items:center;font-size:12px
}
.info-strip__list b{color:#e7b45d}

.process{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:13px
}
.process article{
  background:var(--paper);
  border:1px solid var(--line);
  border-radius:17px;
  padding:19px;
}
.process__num{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#f2e7e1;color:#a64a35;font-size:10px;font-weight:900}
.process h3{font-size:14px;margin:15px 0 7px}
.process p{font-size:12px;color:var(--muted);line-height:1.58}

.faq-search{
  width:100%;border:1px solid var(--line);background:#fff;border-radius:12px;padding:12px 14px;margin-bottom:10px
}
.faq details{
  background:#fff;border:1px solid var(--line);border-radius:13px;padding:15px 17px;margin:8px 0
}
.faq summary{cursor:pointer;font-weight:850;font-size:13px}
.faq p{font-size:12px;line-height:1.62;color:var(--muted)}

.contact{
  background:linear-gradient(135deg,#2f2340,#3b2c50);
  color:#fff;
  border-radius:24px;
  padding:34px;
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  gap:38px;
}
.contact h2{font-family:Georgia,serif;font-size:34px;margin:8px 0}
.contact p{color:#c8bdd2;line-height:1.65}
.form{display:grid;gap:9px}
.form__row{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.form input,.form textarea{
  border:1px solid #5a466f;background:#443456;color:#fff;border-radius:10px;padding:12px
}
.form textarea{min-height:110px;resize:vertical}
.form small{font-size:9px;color:#9888a7;line-height:1.5}

.footer{
  margin-top:60px;
  background:#221a2c;
  color:#fff;
}
.footer__grid{
  padding:44px 0 36px;
  display:grid;
  grid-template-columns:1.3fr repeat(3,1fr);
  gap:28px;
}
.footer h3{font-size:11px;color:#cfc3d8}
.footer a{display:block;color:#8d8098;font-size:11px;margin:9px 0}
.footer a:hover{color:#e8b75d}
.footer__about p{font-size:12px;line-height:1.6;color:#8d8098}
.footer__bottom{
  border-top:1px solid #35283f;
  padding:17px 0;
  display:flex;
  justify-content:space-between;
  gap:20px;
  color:#706477;
  font-size:10px;
}

.page-hero{
  padding:46px 0 34px;
  background:linear-gradient(125deg,#fffaf5,#f1e8f6);
  border-bottom:1px solid var(--line)
}
.page-hero h1{font-family:Georgia,serif;font-size:43px;margin:9px 0 10px}
.page-hero p{max-width:760px;color:var(--muted);line-height:1.65}
.breadcrumbs{font-size:10px;color:#8f8493}.breadcrumbs a{color:#aa4f39}
.content-box{
  background:var(--paper);
  border:1px solid var(--line);
  border-radius:20px;
  padding:26px
}
.content-box h2{font-family:Georgia,serif;font-size:28px}
.content-box p,.content-box li{font-size:13px;line-height:1.72;color:var(--muted)}
.note{background:#f4e9e3;border-left:4px solid var(--accent);padding:15px 17px;border-radius:10px;margin:18px 0}

.mobile-dock{display:none}

@media(max-width:1180px){
  .three-layout{grid-template-columns:220px minmax(0,1fr)}
  .right-sidebar{grid-column:1/-1;position:static;display:grid;grid-template-columns:1fr 1fr}
  .process{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:980px){
  .nav{display:none}
  .header__actions{margin-left:auto}
  .menu-btn{display:block;margin-left:0}
  .header.menu-open .nav{
    display:grid;position:absolute;left:16px;right:16px;top:70px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:10px;box-shadow:var(--shadow)
  }
  .hero__grid{grid-template-columns:1fr}
  .hero h1{font-size:47px}
}
@media(max-width:780px){
  .topbar{display:none}
  .header__actions .btn--light{display:none}
  .three-layout{display:flex;flex-direction:column}
  .left-sidebar,.right-sidebar{position:static;width:100%}
  .left-sidebar{order:1}
  .three-layout>main{order:2;width:100%}
  .right-sidebar{order:3;display:flex;flex-direction:column;width:100%}
  .left-sidebar nav{display:grid;grid-template-columns:1fr 1fr}
  .info-strip{grid-template-columns:1fr}
  .contact{grid-template-columns:1fr}
  .footer__grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:560px){
  body{padding-bottom:62px}
  .container{width:min(100% - 24px,1420px)}
  .header__in{min-height:66px}
  .brand__mark{width:40px;height:40px}
  .brand b{font-size:17px}.brand small{display:none}
  .header__actions{display:none}
  .hero{padding:42px 0}
  .hero h1{font-size:36px}
  .hero p{font-size:15px}
  .hero__buttons{display:grid}.hero__buttons .btn{width:100%}
  .hero__facts{display:grid;gap:8px}
  .section{padding:48px 0}
  .section-head h2{font-size:30px}
  .left-sidebar nav{grid-template-columns:1fr}
  .cards{grid-template-columns:1fr}
  .right-sidebar{display:flex}
  .process{grid-template-columns:1fr}
  .info-strip{padding:23px 17px}
  .contact{padding:24px 17px;border-radius:18px}
  .form__row{grid-template-columns:1fr}
  .footer__grid{grid-template-columns:1fr}
  .footer__bottom{flex-direction:column}
  .page-hero h1{font-size:34px}
  .content-box{padding:19px 15px}
  .mobile-dock{
    display:grid;grid-template-columns:repeat(4,1fr);
    position:fixed;left:8px;right:8px;bottom:7px;z-index:100;
    background:#2b2138;border-radius:15px;overflow:hidden;
    box-shadow:0 12px 30px rgba(43,33,56,.35)
  }
  .mobile-dock a{padding:9px 4px;text-align:center;color:#b7a9c2;font-size:9px}
  .mobile-dock a b{display:block;color:#fff;font-size:17px;margin-bottom:2px}
}