:root{--spn-ink:#182b24;--spn-muted:#62736b;--spn-green:#176b50;--spn-green2:#238463;--spn-mint:#e8f1eb;--spn-paper:#f6f8f6;--spn-gold:#c9a66b;--spn-line:rgba(29,71,53,.12);--spn-shadow:0 22px 70px rgba(26,67,48,.09)}
.spn-site{max-width:1320px;margin:0 auto;padding:clamp(16px,3vw,38px);color:var(--spn-ink);font-family:inherit}.spn-site *,.spn-form *{box-sizing:border-box}.spn-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);gap:clamp(24px,5vw,72px);align-items:center;overflow:hidden;padding:clamp(28px,5vw,70px);border:1px solid rgba(255,255,255,.9);border-radius:34px;background:radial-gradient(ellipse at 90% 8%,rgba(208,228,215,.8),transparent 38%),linear-gradient(135deg,#fff 0%,#f5f8f5 65%,#eaf2ec 100%);box-shadow:var(--spn-shadow)}.spn-eyebrow{display:inline-block;color:var(--spn-green);font-size:11px;font-weight:750;letter-spacing:.17em;line-height:1.5}.spn-hero h1,.spn-page-hero h1{margin:16px 0 18px;font-size:clamp(34px,4.2vw,62px);line-height:1.07;letter-spacing:-.045em;font-weight:650;max-width:760px}.spn-hero-copy>p,.spn-page-hero>p{max-width:620px;color:var(--spn-muted);font-size:clamp(16px,1.35vw,19px);line-height:1.75}.spn-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.spn-btn{display:inline-flex;justify-content:center;align-items:center;gap:12px;min-height:50px;padding:14px 21px;border:1px solid transparent;border-radius:14px;text-decoration:none!important;font:inherit;font-weight:650;font-size:14px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.spn-btn:hover{transform:translateY(-2px)}.spn-btn-primary{background:linear-gradient(135deg,var(--spn-green),var(--spn-green2));color:#fff!important;box-shadow:0 9px 24px rgba(23,107,80,.18)}.spn-btn-primary:hover{box-shadow:0 14px 30px rgba(23,107,80,.25)}.spn-btn-secondary{background:rgba(255,255,255,.8);color:var(--spn-ink)!important;border-color:var(--spn-line)}.spn-trust{display:flex;gap:10px 18px;flex-wrap:wrap;margin-top:25px;color:#63766b;font-size:11px}.spn-hero-art{min-height:350px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}.spn-orbit{position:absolute;border:1px solid rgba(23,107,80,.16);border-radius:50%;aspect-ratio:1;animation:spn-float 9s ease-in-out infinite}.spn-orbit-one{width:min(94%,380px);background:radial-gradient(circle,rgba(255,255,255,.72),rgba(226,239,229,.28) 60%,transparent 70%)}.spn-orbit-two{width:min(72%,290px);border-style:dashed;animation-direction:reverse}.spn-core-mark{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center;width:146px;height:146px;border-radius:42px;background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(230,241,233,.85));border:1px solid rgba(255,255,255,.95);box-shadow:0 18px 55px rgba(31,86,59,.14),inset 0 1px 0 #fff;color:var(--spn-green);font-size:24px;font-weight:750;letter-spacing:-.04em;transform:rotate(-4deg)}.spn-core-mark small{margin-top:4px;font-size:10px;font-weight:550;letter-spacing:.03em;color:var(--spn-muted)}.spn-node{position:absolute;z-index:3;padding:12px 15px;border:1px solid rgba(255,255,255,.9);border-radius:14px;background:rgba(255,255,255,.78);box-shadow:0 12px 35px rgba(31,70,49,.09);backdrop-filter:blur(14px);font-size:12px;font-weight:650;color:#345447}.spn-node-a{top:12%;left:10%}.spn-node-b{top:21%;right:2%}.spn-node-c{bottom:17%;left:2%}.spn-node-d{right:8%;bottom:8%}.spn-section{padding:clamp(42px,7vw,88px) 0}.spn-section-head{max-width:760px;margin:0 0 30px}.spn-section-head h2,.spn-callout h2,.spn-bottom-cta h2{font-size:clamp(27px,3vw,42px);line-height:1.15;letter-spacing:-.035em;font-weight:630;margin:12px 0}.spn-section-head p,.spn-callout p,.spn-bottom-cta p{color:var(--spn-muted);line-height:1.75;font-size:16px}.spn-grid{display:grid;gap:16px}.spn-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.spn-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.spn-card{min-width:0;padding:25px;border:1px solid var(--spn-line);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(249,251,249,.8));box-shadow:0 9px 30px rgba(30,65,46,.035);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.spn-card:hover{transform:translateY(-3px);border-color:rgba(23,107,80,.25);box-shadow:0 18px 40px rgba(30,65,46,.08)}.spn-card-icon{display:flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:14px;background:var(--spn-mint);color:var(--spn-green);font-size:12px;font-weight:750}.spn-card h3{font-size:19px;font-weight:650;letter-spacing:-.025em;margin:20px 0 8px}.spn-card p{font-size:14px;color:var(--spn-muted);line-height:1.7;margin:0}.spn-card-link{display:block;color:inherit;text-decoration:none!important}.spn-card-link h3{display:flex;justify-content:space-between;gap:12px}.spn-card-link h3 span{color:var(--spn-green)}.spn-callout{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:clamp(26px,4vw,48px);border-radius:28px;background:linear-gradient(120deg,#edf4ee,#f9faf8);border:1px solid rgba(255,255,255,.9)}.spn-callout>div{max-width:760px}.spn-bottom-cta{padding:clamp(32px,5vw,62px);border-radius:30px;background:radial-gradient(ellipse at 90% 0%,rgba(75,143,111,.45),transparent 40%),linear-gradient(135deg,#123f30,#176b50);color:#fff;text-align:center}.spn-bottom-cta .spn-eyebrow{color:#cfe5d7}.spn-bottom-cta h2{max-width:750px;margin:14px auto}.spn-bottom-cta p{color:rgba(255,255,255,.77);max-width:650px;margin:0 auto}.spn-btn-light{background:#fff;color:var(--spn-green)!important}.spn-btn-outline-light{border-color:rgba(255,255,255,.45);color:#fff!important;background:rgba(255,255,255,.06)}.spn-bottom-cta .spn-actions{justify-content:center}.spn-page-hero{max-width:1320px;margin:24px auto 32px;padding:clamp(30px,5vw,64px);border:1px solid var(--spn-line);border-radius:28px;background:radial-gradient(ellipse at 100% 0%,#e5f0e8,transparent 46%),linear-gradient(135deg,#fff,#f6f8f6);box-shadow:var(--spn-shadow)}.spn-page-hero h1{font-size:clamp(34px,4vw,54px)}.spn-form{max-width:900px;margin:28px auto 60px;padding:clamp(20px,3.5vw,38px);border:1px solid var(--spn-line);border-radius:24px;background:#fff;box-shadow:var(--spn-shadow)}.spn-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.spn-form label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:650;color:var(--spn-ink)}.spn-form input:not([type=checkbox]),.spn-form select,.spn-form textarea{width:100%;max-width:100%;min-height:48px;padding:12px 14px;border:1px solid #dce6df;border-radius:12px;background:#fbfcfb;color:var(--spn-ink);font:inherit;font-size:15px;outline:none}.spn-form textarea{resize:vertical;line-height:1.65}.spn-form input:focus,.spn-form select:focus,.spn-form textarea:focus{border-color:#65a88b;box-shadow:0 0 0 3px rgba(35,132,99,.1)}.spn-full{grid-column:1/-1}.spn-form .spn-check{display:flex;flex-direction:row;align-items:flex-start;gap:10px;font-weight:450;line-height:1.6;color:var(--spn-muted)}.spn-form .spn-check input{margin-top:4px;flex:0 0 auto}.spn-form-note{font-size:12px;line-height:1.6;color:var(--spn-muted);margin:12px 0 0}.spn-notice{max-width:900px;margin:20px auto;padding:16px 20px;border:1px solid #b7d9c4;border-radius:14px;background:#eff8f1;color:#20573b}.spn-faq{max-width:1000px;margin:24px auto 60px}.spn-faq-item{margin:10px 0;padding:0 20px;border:1px solid var(--spn-line);border-radius:16px;background:#fff}.spn-faq-item summary{padding:20px 28px 20px 0;cursor:pointer;font-weight:650;position:relative;list-style:none}.spn-faq-item summary::-webkit-details-marker{display:none}.spn-faq-item summary:after{content:'+';position:absolute;right:0;color:var(--spn-green);font-size:22px;top:14px}.spn-faq-item[open] summary:after{content:'−'}.spn-faq-item div{padding:0 0 20px;color:var(--spn-muted);line-height:1.75}.spn-site a:focus-visible,.spn-btn:focus-visible{outline:3px solid #9ccfb4;outline-offset:3px}@keyframes spn-float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(2deg)}}
@media(max-width:1000px){.spn-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.spn-hero{grid-template-columns:minmax(0,1fr) minmax(260px,.8fr);padding:32px}.spn-hero-art{min-height:290px}.spn-callout{align-items:flex-start;flex-direction:column}}
@media(max-width:700px){.spn-site{padding:12px}.spn-hero{grid-template-columns:1fr;padding:26px 22px;border-radius:24px;gap:12px}.spn-hero h1{font-size:clamp(32px,9vw,45px)}.spn-hero-art{min-height:270px;max-width:440px;width:100%;margin:0 auto}.spn-trust{display:grid;gap:8px}.spn-grid-3,.spn-grid-4{grid-template-columns:1fr}.spn-card{padding:22px}.spn-section{padding:48px 0}.spn-page-hero{margin:12px;padding:27px 21px;border-radius:22px}.spn-page-hero h1{font-size:clamp(32px,8vw,43px)}.spn-form{margin:18px 12px 40px;padding:20px 16px}.spn-form-grid{grid-template-columns:1fr;gap:16px}.spn-full{grid-column:auto}.spn-actions{flex-direction:column;align-items:stretch}.spn-btn{width:100%}.spn-bottom-cta{padding:34px 20px}.spn-node{font-size:11px;padding:10px 12px}.spn-node-a{left:2%}.spn-node-b{right:0}.spn-node-c{left:0}.spn-node-d{right:2%}}
@media(prefers-reduced-motion:reduce){.spn-orbit,.spn-btn,.spn-card{animation:none!important;transition:none!important}}

/* ДоброСеть 0.2.0 — дополнительные правила аккуратной ширины и читаемости */
.spn-site{width:min(100%,1320px);overflow-wrap:anywhere}.spn-site img,.spn-site video,.spn-site iframe{max-width:100%;height:auto}.spn-page-hero{width:calc(100% - 32px);max-width:1320px;overflow-wrap:anywhere}.spn-site h1,.spn-site h2,.spn-site h3{overflow-wrap:normal;text-wrap:balance}.spn-site p,.spn-site li{overflow-wrap:anywhere}.spn-form button{max-width:100%}.spn-btn:focus-visible,.spn-form input:focus-visible,.spn-form select:focus-visible,.spn-form textarea:focus-visible{outline:3px solid rgba(23,107,80,.28);outline-offset:2px}


/* ДоброСеть 0.3.0 — единый плавающий помощник и контакты на всех страницах */
.spn-has-support-dock{--spn-dock-space:88px}
.spn-support-dock{position:fixed;z-index:99990;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:flex-end;gap:9px;max-width:calc(100vw - 24px);font-family:inherit;isolation:isolate}
.spn-dock-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;max-width:100%;padding:11px 15px;border:1px solid rgba(255,255,255,.86);border-radius:999px;background:rgba(255,255,255,.94);color:#18382b!important;text-decoration:none!important;font-size:13px;font-weight:650;line-height:1.2;box-shadow:0 8px 28px rgba(22,61,42,.16);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}
.spn-dock-button:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(22,61,42,.2)}
.spn-dock-button>span:first-child{display:inline-flex;align-items:center;justify-content:center;width:23px;height:23px;border-radius:50%;font-size:16px}
.spn-assistant-launcher{background:linear-gradient(135deg,#176b50,#238463);color:#fff!important;border-color:rgba(255,255,255,.35);min-height:50px;padding:12px 17px}
.spn-assistant-launcher>span:first-child{background:rgba(255,255,255,.16)}
.spn-dock-telegram>span:first-child{background:#e4f3fb;color:#168ac0}.spn-dock-whatsapp>span:first-child{background:#e4f7e9;color:#168347}
.spn-assistant-panel{position:absolute;right:0;bottom:calc(100% + 12px);display:flex;flex-direction:column;width:min(370px,calc(100vw - 28px));max-height:min(600px,calc(100dvh - 130px));overflow:hidden;border:1px solid rgba(255,255,255,.9);border-radius:22px;background:rgba(250,252,250,.98);box-shadow:0 24px 80px rgba(20,55,38,.24);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);color:#182b24}
.spn-assistant-panel[hidden]{display:none!important}
.spn-assistant-head{display:flex;align-items:center;gap:11px;padding:15px 16px;background:linear-gradient(135deg,#e9f3ec,#fff);border-bottom:1px solid rgba(29,71,53,.1)}
.spn-assistant-avatar{display:flex;align-items:center;justify-content:center;flex:0 0 40px;height:40px;border-radius:14px;background:#176b50;color:#fff;font-size:12px;font-weight:750}.spn-assistant-head strong{display:block;font-size:14px}.spn-assistant-head small{display:block;margin-top:3px;color:#62736b;font-size:11px}.spn-assistant-close{margin-left:auto;width:32px;height:32px;border:0;border-radius:50%;background:#fff;color:#264638;font-size:23px;cursor:pointer}
.spn-assistant-messages{display:flex;flex-direction:column;gap:9px;padding:14px;overflow-y:auto;overscroll-behavior:contain;min-height:90px}.spn-assistant-message{max-width:94%;padding:11px 13px;border-radius:14px;font-size:13px;line-height:1.55;overflow-wrap:anywhere}.spn-assistant-bot{align-self:flex-start;background:#edf4ef;color:#244637;border-bottom-left-radius:4px}.spn-assistant-user{align-self:flex-end;background:#176b50;color:#fff;border-bottom-right-radius:4px}.spn-assistant-message a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.spn-assistant-quick{display:flex;flex-wrap:wrap;gap:7px;padding:0 13px 12px}.spn-assistant-quick button{max-width:100%;padding:8px 10px;border:1px solid #dce8df;border-radius:999px;background:#fff;color:#28543f;font:inherit;font-size:11px;line-height:1.3;cursor:pointer}.spn-assistant-quick button:hover{border-color:#78b394;background:#f5faf6}
.spn-assistant-form{display:flex;gap:8px;padding:11px 12px;border-top:1px solid rgba(29,71,53,.1);background:#fff}.spn-assistant-form input{min-width:0;flex:1;border:1px solid #dce6df;border-radius:12px;padding:10px 12px;font:inherit;font-size:13px}.spn-assistant-form button{width:40px;flex:0 0 40px;border:0;border-radius:12px;background:#176b50;color:#fff;font-size:21px;cursor:pointer}.spn-assistant-disclaimer{margin:0;padding:0 14px 12px;color:#738078;font-size:10px;line-height:1.45;background:#fff}.spn-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.spn-honeypot{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}
.spn-site{width:min(100%,1320px);margin-inline:auto;overflow-wrap:anywhere}.spn-site img,.spn-site video,.spn-site iframe{max-width:100%}.spn-page-hero{box-sizing:border-box;width:calc(100% - 32px);max-width:1320px;margin-inline:auto}.spn-site *,.spn-page-hero *,.spn-form *{min-width:0;box-sizing:border-box}.spn-site table{display:block;max-width:100%;overflow-x:auto}.spn-site pre{max-width:100%;overflow:auto}.spn-site h1,.spn-site h2,.spn-site h3,.spn-page-hero h1{overflow-wrap:break-word;text-wrap:balance}
@media(max-width:600px){.spn-support-dock{right:max(10px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));gap:7px}.spn-dock-button{min-height:42px;padding:10px 12px;font-size:12px}.spn-assistant-launcher{min-height:46px}.spn-assistant-panel{width:calc(100vw - 20px);right:-2px;max-height:calc(100dvh - 100px);border-radius:18px}.spn-assistant-head{padding:12px}.spn-assistant-messages{padding:11px}.spn-assistant-quick{padding:0 10px 10px}.spn-page-hero{width:calc(100% - 24px)}.spn-site{padding:12px}}
@media(prefers-reduced-motion:reduce){.spn-dock-button,.spn-orbit,.spn-card,.spn-btn{transition:none!important;animation:none!important;scroll-behavior:auto!important}.spn-dock-button:hover{transform:none}}
body.spn-has-support-dock{padding-bottom:var(--spn-dock-space,88px)}


/* ДоброСеть 0.4.0 — consistency, viewport safety and admin clarity */
html{scroll-behavior:smooth;scroll-padding-top:90px}
.spn-site,.spn-page-hero{box-sizing:border-box;width:min(100% - 32px,1320px);margin-inline:auto}
.spn-site{max-width:1320px;overflow-wrap:anywhere}
.spn-site img,.spn-site video,.spn-site iframe,.spn-site svg{max-width:100%}
.spn-site pre,.spn-site table{max-width:100%;overflow-x:auto}
.spn-site .spn-grid,.spn-site .spn-form-grid{min-width:0}
.spn-site input,.spn-site select,.spn-site textarea,.spn-site button{max-width:100%}
.spn-assistant-panel{overscroll-behavior:contain}
.spn-assistant-messages{scrollbar-gutter:stable;overscroll-behavior:contain}
.spn-dock-button:focus-visible,.spn-assistant-close:focus-visible,.spn-assistant-quick button:focus-visible,.spn-assistant-form button:focus-visible{outline:3px solid rgba(23,107,80,.42);outline-offset:3px}
@media(max-width:600px){
  .spn-site,.spn-page-hero{width:calc(100% - 24px)}
  .spn-support-dock{max-width:calc(100vw - 16px);right:max(8px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom))}
  .spn-dock-button{white-space:nowrap}
  .spn-assistant-panel{max-height:calc(100dvh - 115px)}
  html{scroll-padding-top:70px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}