@font-face {
  font-family: 'Lora';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/lora-italic-cyrillic-ext.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}@font-face {
  font-family: 'Lora';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/lora-italic-cyrillic.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}@font-face {
  font-family: 'Lora';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/lora-italic-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}@font-face {
  font-family: 'Lora';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/lora-italic-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 500 700;
  font-display: swap;
  src: url(/assets/fonts/lora-normal-cyrillic-ext.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 500 700;
  font-display: swap;
  src: url(/assets/fonts/lora-normal-cyrillic.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 500 700;
  font-display: swap;
  src: url(/assets/fonts/lora-normal-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 500 700;
  font-display: swap;
  src: url(/assets/fonts/lora-normal-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(/assets/fonts/manrope-normal-cyrillic-ext.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(/assets/fonts/manrope-normal-cyrillic.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(/assets/fonts/manrope-normal-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(/assets/fonts/manrope-normal-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* mediem.md — фирменные цвета логотипа: бирюза, золотая линия, тёплый кремовый фон */
:root{
  --ink:#1c3337;--ink2:#3f5558;--muted:#566668;--teal:#2c5f66;--teal2:#3f7f86;--teal3:#6aa3a8;--mint:#e3efee;
  --gold:#b8945a;--gold2:#d8bf8f;--cream:#f6f2ea;--paper:#fffdf9;--line:#e6dfd2;--white:#fff;
  --r:18px;--r2:28px;--sh:0 1px 2px rgba(28,51,55,.05),0 10px 30px -12px rgba(28,51,55,.18);
  --serif:"Lora",Georgia,"Times New Roman",serif;--sans:"Manrope",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --w:1180px;--deep:#16292c;
}
/* Цветовые темы (выбор Марианы). Ставится в админке «Настройки → Цвет сайта»; на стенде — ?tema=… */
body.tema-sin{--ink:#18212e;--ink2:#3a4659;--muted:#545e72;--teal:#1f3352;--teal2:#2d4a74;--teal3:#8a9cc0;--mint:#e8edf6;--gold:#a6844f;--gold2:#cdb27f;--cream:#f5f2ec;--line:#e3dfd6;--deep:#111b2b}
body.tema-izumrud{--ink:#17271f;--ink2:#3a4c44;--muted:#52645c;--teal:#1d4a3f;--teal2:#2a6455;--teal3:#7fa898;--mint:#e5efea;--gold:#a8864d;--gold2:#cfb47e;--cream:#f5f2ea;--line:#e3ded2;--deep:#0f2620}
body.tema-grafit{--ink:#1f2228;--ink2:#444a55;--muted:#565b66;--teal:#2e333d;--teal2:#474e5c;--teal3:#9aa1ae;--mint:#eceef2;--gold:#9b7742;--gold2:#c9aa76;--cream:#f4f2ee;--line:#e2dfd9;--deep:#16181d}
.tema-bar{position:fixed;left:12px;bottom:12px;z-index:60;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--sh);padding:8px 10px;font:600 13px/1.3 var(--sans);display:flex;gap:6px;align-items:center;flex-wrap:wrap;max-width:calc(100vw - 24px)}
.tema-bar a{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:9px;text-decoration:none;color:var(--ink)}
.tema-bar a.on{background:var(--mint);box-shadow:inset 0 0 0 1.5px var(--teal)}
.tema-bar i{width:14px;height:14px;border-radius:50%;display:inline-block}
@media (max-width:700px){.tema-bar{bottom:auto;top:80px;left:8px;right:8px;font-size:12px;padding:5px 6px}.tema-bar a{padding:4px 6px}}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.65 var(--sans);overflow-x:hidden;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--teal);text-underline-offset:3px}
a:hover{color:var(--teal2)}
h1,h2,h3,.h3{font-family:var(--serif);font-weight:600;line-height:1.18;letter-spacing:-.01em;color:var(--ink);margin:0 0 .5em;overflow-wrap:anywhere}
h1{font-size:clamp(2rem,4.6vw,3.4rem)}
h2{font-size:clamp(1.55rem,3vw,2.3rem)}
h3,.h3{font-size:1.22rem}
p{margin:0 0 1em}
.wrap{max-width:var(--w);margin:0 auto;padding:0 20px}
.narrow{max-width:860px}
.center{text-align:center}
.muted{color:var(--muted)}.small{font-size:.9rem}
.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;z-index:99;background:#fff;padding:8px 12px;border-radius:8px}
.ic{width:1.15em;height:1.15em;fill:currentColor;flex:none}
:focus-visible{outline:3px solid var(--gold2);outline-offset:2px;border-radius:6px}

/* кнопки */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55em;background:var(--teal);color:#fff;border:0;border-radius:999px;
  padding:.95em 1.6em;font:700 1rem/1.1 var(--sans);text-decoration:none;cursor:pointer;transition:transform .15s,box-shadow .2s,background .2s;box-shadow:0 8px 22px -10px rgba(44,95,102,.8)}
.btn:hover{background:var(--teal2);color:#fff;transform:translateY(-1px)}
.btn .ic{width:1.05em;height:1.05em}
.btn-sm{padding:.65em 1.15em;font-size:.92rem;box-shadow:none}
.btn-ghost{background:transparent;color:var(--teal);box-shadow:inset 0 0 0 1.6px var(--teal)}
.btn-ghost:hover{background:var(--mint);color:var(--teal)}
.btn-gold{background:#7a5c2e;box-shadow:0 8px 22px -10px rgba(120,90,40,.8)}.btn-gold:hover{background:#6a4f26}
.btn-ghost-inv{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.6px rgba(255,255,255,.55)}.btn-ghost-inv:hover{background:rgba(255,255,255,.1);color:#fff}
.btn-wide{width:100%}
.link{display:inline-flex;align-items:center;gap:.4em;font-weight:700;text-decoration:none}
.link .ic{transition:transform .15s}.link:hover .ic{transform:translateX(3px)}

/* шапка */
.hdr{position:sticky;top:0;z-index:40;background:rgba(255,253,249,.92);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--line)}
.hdr-in{display:flex;align-items:center;gap:18px;min-height:74px}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink);flex:none}
.brand-logo{width:46px;height:46px;border-radius:50%}
.brand-txt{display:flex;flex-direction:column;line-height:1.15}
.brand-txt b{font-family:var(--serif);font-size:1.12rem;font-weight:600}
.brand-txt small{font-size:.74rem;color:var(--muted);letter-spacing:.02em}
.nav{margin-left:auto}.nav+.hdr-act{margin-left:0}
.nav ul{display:flex;gap:2px;list-style:none;margin:0;padding:0}
.nav a{display:block;padding:.55em .8em;border-radius:10px;color:var(--ink2);font-weight:600;font-size:.95rem;text-decoration:none}
.nav a:hover{background:var(--mint);color:var(--teal)}
.nav a.on{color:var(--teal);box-shadow:inset 0 -2px 0 var(--gold)}
.nav-tel{display:none!important}
.hdr-act{display:flex;align-items:center;gap:10px;margin-left:auto}
.lang{font-weight:800;font-size:.85rem;letter-spacing:.06em;color:var(--teal);text-decoration:none;border:1.5px solid var(--line);border-radius:999px;padding:.42em .8em}
.lang:hover{border-color:var(--teal)}
.burger{display:none;width:44px;height:44px;border:0;background:transparent;border-radius:10px;cursor:pointer;padding:11px 10px}
.burger span{display:block;height:2px;background:var(--ink);border-radius:2px;margin:5px 0;transition:.2s}
@media (max-width:1020px){
  .burger{display:block}
  .nav{position:fixed;inset:74px 0 auto 0;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:var(--sh);padding:12px 20px 20px;transform:translateY(-130%);transition:transform .25s;max-height:calc(100dvh - 74px);overflow:auto}
  .nav.open{transform:none}
  .nav ul{flex-direction:column}
  .nav a{padding:.85em .6em;font-size:1.05rem;border-bottom:1px solid var(--line);border-radius:0}
  .nav a.on{box-shadow:inset 3px 0 0 var(--gold)}
  .nav-tel{display:flex!important;align-items:center;gap:.5em;margin-top:14px;font-weight:800;font-size:1.1rem;text-decoration:none}
  .burger[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .burger[aria-expanded=true] span:nth-child(2){opacity:0}
  .burger[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
}
@media (max-width:560px){.hdr-cta{display:none}.brand-txt small{display:none}.brand-logo{width:40px;height:40px}}

/* герой */
.hero{position:relative;background:radial-gradient(1200px 520px at 85% 10%,var(--mint),transparent 60%),linear-gradient(180deg,var(--cream),var(--paper));overflow:hidden}
.hero-in{display:grid;grid-template-columns:1.08fr .92fr;gap:48px;align-items:start;padding:64px 20px 72px}
.kicker{display:inline-flex;align-items:center;gap:.6em;font-weight:700;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:1.1em}
.kicker::before{content:"";width:28px;height:1.5px;background:var(--gold)}
.hero h1{margin-bottom:.45em}
.lead{font-size:1.15rem;color:var(--ink2);max-width:62ch}
.hero-btns{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 24px}
.hero-note{margin:-8px 0 18px;color:var(--ink2);font-size:.95rem;max-width:56ch}
.trust{display:flex;flex-wrap:wrap;gap:8px 18px;list-style:none;margin:0;padding:0;color:var(--ink2);font-weight:600;font-size:.93rem}
.trust li{display:flex;align-items:center;gap:.4em}.trust .ic{color:var(--teal2)}
.hero-pic{position:relative;justify-self:center;width:min(480px,100%)}
.hero-img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:50% 50% var(--r2) var(--r2);box-shadow:var(--sh)}
.ring{position:absolute;inset:-16px -16px auto auto;width:76%;aspect-ratio:1;border:1.5px solid var(--gold2);border-radius:50%;z-index:-1}
.hero-seal{position:absolute;left:-22px;bottom:-18px;width:112px;height:112px;border-radius:50%;background:#fff;box-shadow:var(--sh);padding:6px}
@media (max-width:900px){.hero-in{grid-template-columns:1fr;gap:34px;padding:40px 20px 54px}.hero-pic{width:min(380px,92%)}.hero-seal{width:86px;height:86px;left:-8px}}

/* секции */
.sec{padding:76px 0}
.sec-soft{background:var(--cream)}
.sec-h{margin-bottom:.9em}
.sec-top{display:flex;align-items:end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:26px}.sec-top .sec-h{margin:0}
@media (max-width:700px){.sec{padding:52px 0}}

.ben{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.ben-i{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px 22px;transition:transform .2s,box-shadow .2s}
.ben-i:hover{transform:translateY(-3px);box-shadow:var(--sh)}
.ben-ic{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--mint);color:var(--teal);margin-bottom:14px}
.ben-ic .ic{width:24px;height:24px}
.ben-i h3{font-size:1.08rem;margin-bottom:.4em}.ben-i p{margin:0;color:var(--ink2);font-size:.95rem}
@media (max-width:1000px){.ben{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.ben{grid-template-columns:1fr}}

.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.card{display:flex;flex-direction:column;background:#fff;border-radius:var(--r);overflow:hidden;text-decoration:none;color:var(--ink);border:1px solid var(--line);transition:transform .2s,box-shadow .2s}
.card:hover{transform:translateY(-4px);box-shadow:var(--sh);color:var(--ink)}
.card-img{width:100%;aspect-ratio:16/10;object-fit:cover}
.card-b{display:flex;flex-direction:column;gap:8px;padding:20px 22px 22px;flex:1}
.card-t{font-family:var(--serif);font-size:1.25rem;font-weight:600;line-height:1.2}
.card-d{color:var(--ink2);font-size:.95rem;flex:1}
.card-more{display:inline-flex;align-items:center;gap:.4em;color:var(--teal);font-weight:700;font-size:.93rem}
@media (max-width:960px){.cards{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.cards{grid-template-columns:1fr}}

.split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.split-pic img,.rounded{border-radius:var(--r2);box-shadow:var(--sh);width:100%;object-fit:cover}
@media (max-width:900px){.split{grid-template-columns:1fr;gap:32px}}

.ptable{border-radius:var(--r);overflow:hidden;border:1px solid var(--line);background:#fff;margin-bottom:12px}
.pt-head,.pt-row{display:grid;grid-template-columns:1fr 1.2fr;gap:12px;padding:15px 20px}
.pt-head{background:var(--teal);color:#fff;font-weight:700;font-size:.9rem;letter-spacing:.02em}
.pt-row+.pt-row{border-top:1px solid var(--line)}
.pt-row:nth-child(even){background:#fbf9f4}
.pt-row b{color:var(--teal)}
@media (max-width:520px){.pt-head{display:none}.pt-head,.pt-row{grid-template-columns:1fr;gap:2px}}

.about-card{display:grid;gap:20px;background:#fff;border:1px solid var(--line);border-radius:var(--r2);padding:16px 16px 24px;box-shadow:var(--sh)}
.about-card>div{padding:0 10px}

/* FAQ */
.faq details{background:#fff;border:1px solid var(--line);border-radius:var(--r);margin-bottom:10px;transition:box-shadow .2s}
.faq details[open]{box-shadow:var(--sh)}
.faq summary{list-style:none;cursor:pointer;padding:19px 56px 19px 22px;font-weight:700;position:relative;font-size:1.03rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:22px;top:50%;width:11px;height:11px;border-right:2px solid var(--teal);border-bottom:2px solid var(--teal);transform:translateY(-70%) rotate(45deg);transition:transform .2s}
.faq details[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
.faq-a{padding:0 22px 8px;color:var(--ink2)}

/* блог */
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.post-card a{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px;text-decoration:none;color:var(--ink);transition:transform .2s,box-shadow .2s;border-top:3px solid var(--gold2)}
.post-card a:hover{transform:translateY(-3px);box-shadow:var(--sh)}
.post-card time{font-size:.82rem;color:var(--muted);font-weight:600}
.post-card h3{margin:.6em 0 .5em;font-size:1.18rem}
.post-card p{color:var(--ink2);font-size:.95rem;flex:1}
@media (max-width:960px){.posts{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.posts{grid-template-columns:1fr}}

/* шапка внутренних страниц */
.phead{background:linear-gradient(180deg,var(--cream),var(--paper));padding:34px 0 30px;border-bottom:1px solid var(--line)}
.phead h1{font-size:clamp(1.8rem,4vw,2.9rem);margin-top:.4em}
.phead .meta{color:var(--muted);font-weight:600;font-size:.92rem}
.crumbs ol{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0;font-size:.86rem;color:var(--muted)}
.crumbs li+li::before{content:"›";margin-right:6px;color:var(--gold)}
.crumbs a{color:var(--muted);text-decoration:none}.crumbs a:hover{color:var(--teal)}

/* текст */
.prose{font-size:1.05rem;overflow-wrap:break-word}
.prose h2{font-size:clamp(1.4rem,2.6vw,1.85rem);margin-top:1.6em}
.prose h3{margin-top:1.4em}
.prose>:first-child{margin-top:0}
.prose ul,.prose ol{padding-left:1.25em;margin:0 0 1.1em}.prose li{margin:.35em 0}
.prose ul li::marker{color:var(--gold)}
.prose blockquote{margin:1.4em 0;padding:16px 22px;border-left:3px solid var(--gold);background:var(--cream);border-radius:0 var(--r) var(--r) 0;font-family:var(--serif);font-size:1.12rem;color:var(--ink2)}
.prose table{width:100%;border-collapse:collapse;margin:1.2em 0;font-size:.96rem;display:block;overflow-x:auto}
.prose th,.prose td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
.prose th{background:var(--mint)}
.prose a{font-weight:600}
.policy h1{font-size:clamp(1.6rem,3.4vw,2.3rem)}
.policy .kon-policy{max-width:none!important}

.with-side{display:grid;grid-template-columns:1fr 340px;gap:48px;align-items:start}
.side{position:sticky;top:96px;display:grid;gap:18px}
.side-box{background:var(--cream);border:1px solid var(--line);border-radius:var(--r);padding:22px}
.side-box .btn{margin-top:14px}
.side-list{list-style:none;margin:0;padding:0}.side-list li{border-top:1px solid var(--line)}.side-list a{display:block;padding:.6em 0;text-decoration:none;font-weight:600}
@media (max-width:960px){.with-side{grid-template-columns:1fr}.side{position:static}}

.creds{display:grid;gap:16px;align-content:start}
.cred-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cred{display:grid;gap:6px;text-decoration:none;color:var(--ink)}.cred b{font-size:.92rem;line-height:1.3}.cred small{color:var(--muted);font-size:.8rem}
.cred-img{border-radius:10px;border:1px solid var(--line);box-shadow:var(--sh);width:100%;aspect-ratio:1/1.41;object-fit:cover;object-position:top}
.author{display:flex;gap:16px;align-items:center;margin-top:40px;padding:20px;border-radius:var(--r);background:var(--cream);border:1px solid var(--line)}
.author img{border-radius:50%}.author div{display:flex;flex-direction:column}.author span{color:var(--muted);font-size:.9rem}

/* контакты и форма */
.clist{list-style:none;margin:20px 0;padding:0;display:grid;gap:10px}
.clist a{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:var(--r);background:#fff;border:1px solid var(--line);text-decoration:none;color:var(--ink);font-weight:700;overflow-wrap:anywhere}
.clist a:hover{border-color:var(--teal3)}
.clist .ic{width:40px;height:40px;padding:9px;border-radius:12px;background:var(--mint);color:var(--teal)}
.clist small{display:block;color:var(--muted);font-weight:600;font-size:.8rem}
.side-box .clist a{padding:10px 12px}.side-box .clist .ic{width:34px;height:34px;padding:7px}
.soc{display:flex;gap:10px;margin-top:16px}
.soc a{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.12);color:#fff}
.soc a:hover{background:var(--gold);color:#fff}
.soc-dark a{background:var(--mint);color:var(--teal)}
.form{background:#fff;border:1px solid var(--line);border-radius:var(--r2);padding:28px;box-shadow:var(--sh);display:grid;gap:14px;scroll-margin-top:100px}
.form label{display:grid;gap:6px;font-weight:700;font-size:.9rem;color:var(--ink2)}
.form input,.form select,.form textarea{width:100%;font:500 1rem/1.4 var(--sans);color:var(--ink);background:var(--paper);border:1.5px solid var(--line);border-radius:12px;padding:.8em .9em;transition:border .15s}
.form input:focus,.form select:focus,.form textarea:focus{outline:0;border-color:var(--teal2);background:#fff}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:560px){.frow{grid-template-columns:1fr}.form{padding:20px}}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.fnote{font-size:.82rem;color:var(--muted);margin:0}
.fmsg{margin:0;font-weight:700}.fmsg.ok{color:#26734d}.fmsg.err{color:#a3392b}

/* полоса-призыв */
.band{background:linear-gradient(135deg,var(--teal),var(--deep));color:#fff;padding:56px 0;position:relative;overflow:hidden}
.band::after{content:"";position:absolute;right:-120px;top:-120px;width:380px;height:380px;border:1.5px solid rgba(216,191,143,.35);border-radius:50%}
.band-in{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:center;position:relative;z-index:1}
.band h2{color:#fff}.band p{color:rgba(255,255,255,.85);margin:0}
.band-btns{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}
@media (max-width:900px){.band-in{grid-template-columns:1fr}.band-btns{justify-content:flex-start}}

/* подвал */
.ftr{background:var(--deep);color:rgba(255,255,255,.78);padding:56px 0 0;font-size:.95rem}
.ftr-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:36px}
.brand-inv{color:#fff}.brand-inv small{color:rgba(255,255,255,.6)}.brand-inv img{border-radius:50%;background:#fff}
.ftr-about{margin:16px 0 0;max-width:38ch}
.ftr-h{font-family:var(--sans);font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold2);margin-bottom:14px}
.ftr-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ftr a{color:rgba(255,255,255,.85);text-decoration:none;overflow-wrap:anywhere}.ftr a:hover{color:#fff;text-decoration:underline}
.ftr-contacts a{display:flex;align-items:center;gap:8px}
.ftr .muted{color:rgba(255,255,255,.55)}
.ftr-bot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;border-top:1px solid rgba(255,255,255,.1);margin-top:44px;padding-top:20px;padding-bottom:24px;font-size:.84rem;color:rgba(255,255,255,.55)}
@media (max-width:900px){.ftr-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.ftr-grid{grid-template-columns:1fr}.ftr{padding-bottom:70px}}

/* нижняя панель телефона */
.mbar{display:none}
@media (max-width:700px){
  .mbar{display:grid;grid-template-columns:1fr 1fr 1.2fr;position:fixed;left:0;right:0;bottom:0;z-index:45;background:#fff;border-top:1px solid var(--line);box-shadow:0 -6px 20px -10px rgba(0,0,0,.2);padding-bottom:env(safe-area-inset-bottom)}
  .mbar a{display:flex;align-items:center;justify-content:center;gap:6px;padding:14px 6px;font-weight:800;font-size:.9rem;text-decoration:none;color:var(--teal)}
  .mbar a+a{border-left:1px solid var(--line)}
  .mbar .mbar-cta{background:var(--teal);color:#fff}
  body{padding-bottom:58px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media print{.hdr,.mbar,.band,.ftr,.form{display:none}}

/* своя графика */
.hart{position:relative;width:100%;aspect-ratio:1/1;max-width:480px;margin:0 auto}
.hart-disc{position:absolute;inset:6%;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--teal2),var(--teal) 55%,var(--deep));box-shadow:0 30px 60px -30px rgba(0,0,0,.55),inset 0 0 0 10px rgba(255,255,255,.06);display:grid;place-items:center;overflow:hidden}
.hart-orn{position:absolute;inset:4%;width:92%;height:92%;color:var(--gold2);opacity:.75}
.hart-logo{position:relative;width:46%;height:auto;border-radius:50%;background:#fff;padding:6px;box-shadow:0 12px 30px -10px rgba(0,0,0,.5)}
.hart::before{content:"";position:absolute;inset:0;border:1.5px solid var(--gold2);border-radius:50%}
.hart::after{content:"";position:absolute;inset:-4%;border:1px dashed rgba(166,132,79,.45);border-radius:50%}
.hart-card{position:absolute;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px 14px 10px 10px;box-shadow:var(--sh);font-size:.86rem;line-height:1.25;max-width:62%}
.hart-card b{display:block;font-weight:800;color:var(--ink)}.hart-card small{color:var(--muted)}
.hart-ic{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:10px;background:var(--mint);color:var(--teal)}
.hart-c1{left:-6%;top:12%}.hart-c2{right:-8%;top:48%}.hart-c3{left:2%;bottom:4%}
@media (max-width:560px){.hart-card{font-size:.76rem;padding:7px 10px 7px 7px}.hart-ic{width:28px;height:28px}.hart-c1{left:-2%}.hart-c2{right:-2%}}
.panel{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:16/10;background:radial-gradient(circle at 30% 25%,var(--teal2),var(--teal) 60%,var(--deep));overflow:hidden}
.panel-orn{position:absolute;width:78%;height:auto;color:var(--gold2);opacity:.35;right:-18%;top:-22%}
.panel-ic{position:relative;display:grid;place-items:center;width:76px;height:76px;border-radius:22px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);color:#fff}
.panel-ic .ic{width:38px;height:38px}
.panel-property .panel-orn{left:-20%;right:auto}.panel-labor .panel-orn{top:auto;bottom:-25%}.panel-online .panel-orn{left:-15%;right:auto;top:auto;bottom:-25%}
.docf{margin:0;background:#fff;border:1px solid var(--line);border-radius:var(--r2);padding:18px;box-shadow:var(--sh);max-width:420px;justify-self:center}
.docf-img{width:100%;border-radius:10px}.docf figcaption{margin-top:10px;font-weight:700;color:var(--ink2);font-size:.9rem;text-align:center}
.about-seal{position:relative;display:grid;place-items:center;aspect-ratio:16/9;border-radius:var(--r);background:radial-gradient(circle at 30% 25%,var(--teal2),var(--teal) 60%,var(--deep));overflow:hidden}
.about-orn{position:absolute;width:70%;height:auto;color:var(--gold2);opacity:.5}
.about-seal img{position:relative;width:34%;border-radius:50%;background:#fff;padding:5px}

/* скорость: секции ниже первого экрана браузер не просчитывает, пока до них не долистали */
.sec:not(.sec-dark){content-visibility:auto;contain-intrinsic-size:auto 900px}
@media (max-width:700px){.hdr{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--paper)}}