@import"https://fonts.googleapis.com/css2?family=Unbounded:wght@400;600;700&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap";:root{--bg: #f4f9f5;--paper: #ffffff;--text: #0e2e24;--muted: #4d7063;--primary: #14845e;--accent: #ff8c21;--line: #d6ebe1;--shadow: 0 18px 48px rgba(15, 62, 49, .09);--radius: 20px}*{box-sizing:border-box}body{margin:0;font-family:IBM Plex Sans,sans-serif;background:radial-gradient(circle at 10% -10%,#d8f8eb 0%,transparent 34%),radial-gradient(circle at 85% 15%,#ffe9d3 0%,transparent 28%),var(--bg);color:var(--text)}a{color:inherit}.app-shell{width:min(1240px,92vw);margin:18px auto 40px}.hero{position:relative;overflow:hidden;border-radius:28px;background:linear-gradient(125deg,#f6fff9,#eaf8ff);border:1px solid var(--line);box-shadow:var(--shadow)}.hero-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 15% 20%,rgba(20,132,94,.18),transparent 40%),radial-gradient(circle at 82% 10%,rgba(255,140,33,.22),transparent 44%);pointer-events:none}.hero-content{position:relative;z-index:2;padding:38px clamp(20px,4vw,48px) 42px}.eyebrow{letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;color:var(--muted)}h1,h2,h3,h4{margin:0;font-family:Unbounded,sans-serif;line-height:1.24}h1{margin-top:12px;font-size:clamp(1.8rem,3.5vw,3rem);max-width:13ch}.hero p{max-width:68ch;margin:16px 0 0}.hero-controls{margin-top:24px;display:flex;flex-wrap:wrap;align-items:center;gap:12px}.hero-controls a{border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:10px 16px;font-weight:600;text-decoration:none}.city-switcher{display:inline-flex;border:1px solid var(--line);background:#fbfffd;border-radius:999px;padding:4px;gap:4px}.city-link{border-radius:999px;padding:8px 14px;font-size:.94rem;color:#2d5446;transition:background .22s ease,color .22s ease,transform .22s ease}.city-link:hover{transform:translateY(-1px)}.city-link.active{background:#e5f8ef;color:#0f6f4f;border:1px solid #bee8d5}.phone-pill{white-space:nowrap}.hero-badges{margin-top:18px;display:flex;flex-wrap:wrap;gap:10px}.hero-badges span{background:#ffffffb3;border:1px solid var(--line);border-radius:999px;padding:8px 12px;font-size:.9rem}.section{margin-top:18px;border-radius:var(--radius);border:1px solid var(--line);background:var(--paper);padding:clamp(18px,3vw,30px);box-shadow:var(--shadow)}.section-header p{margin:10px 0 0;color:var(--muted)}.map-grid{margin-top:20px;display:grid;gap:14px;grid-template-columns:1.1fr 1fr}.three-map{min-height:340px;border-radius:16px;border:1px solid var(--line);background:radial-gradient(circle at 80% 20%,rgba(20,132,94,.15),transparent 45%),#e8f9f1}.yandex-map-wrapper{border-radius:16px;border:1px solid var(--line);padding:12px;background:#fbfffd}.yandex-map-header p{margin-top:8px;font-size:.92rem;color:var(--muted)}.yandex-map{margin-top:10px;height:260px;border-radius:12px;overflow:hidden;border:1px solid var(--line)}.map-note{margin-top:10px;font-size:.9rem;color:var(--muted)}.map-note-error{color:#a53914}.pickup-points{margin-top:16px}.pickup-points ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;padding:0;margin:12px 0 0;list-style:none}.pickup-points li{border:1px solid var(--line);border-radius:14px;padding:12px;background:#f8fffb}.pickup-points li span{display:block;margin-top:5px;color:var(--muted);font-size:.92rem}.calculator-grid{margin-top:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.field{display:grid;gap:8px;color:var(--muted)}.field select,.field input[type=number],.chat-controls input{border:1px solid var(--line);border-radius:10px;padding:10px 12px;font:inherit;color:var(--text);background:#fff}.field input[type=range]{accent-color:var(--primary)}.calc-result{margin-top:16px;border:1px solid var(--line);border-radius:14px;background:#f8fffb;padding:14px}.calc-result p{margin:0}.calc-result p+p{margin-top:6px}.result-bar{margin-top:14px;height:10px;border-radius:999px;background:#dff3ea;overflow:hidden}.result-bar span{display:block;height:100%;background:linear-gradient(90deg,#14845e,#40c486);transition:width .3s ease}.waste-buttons{margin-top:16px;display:flex;flex-wrap:wrap;gap:10px}.waste-btn{border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 16px;display:flex;align-items:center;gap:8px;font:inherit;cursor:pointer;transition:transform .22s ease,background .22s ease}.waste-btn:hover{transform:translateY(-2px)}.waste-btn.active{background:#e7f9f0;border-color:#2ea778}.process-card{margin-top:16px;border:1px solid var(--line);border-radius:16px;padding:16px;background:linear-gradient(180deg,#fbfffd,#f2fbf6)}.process-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.recycling-rate{border:1px solid #b7e6cf;color:#0d6f4f;border-radius:999px;padding:6px 10px;font-size:.88rem;font-weight:600}.process-steps{margin-top:12px;display:grid;gap:10px}.process-step{border:1px dashed #bde6d2;background:#fffc;border-radius:12px;padding:12px;display:flex;align-items:center;gap:10px;opacity:0;transform:translate(-8px);animation:fadeSlide .36s forwards ease}.step-index{width:28px;height:28px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#dcf7ea;color:#0d6f4f;font-weight:700}.timeline-track{margin-top:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.timeline-item{border:1px solid var(--line);border-radius:14px;padding:14px;background:#fbfffd;animation:rise .4s forwards ease;opacity:0}.timeline-number{width:30px;height:30px;border-radius:50%;background:#fbe4cc;color:#b45a0d;display:inline-flex;align-items:center;justify-content:center;font-weight:700}.timeline-item h3{margin-top:10px;font-size:1rem}.timeline-item p{margin:8px 0 0;color:var(--muted);font-size:.93rem}.ar-layout{margin-top:16px;display:grid;gap:12px;grid-template-columns:1.1fr .9fr}.camera-frame{position:relative;min-height:280px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#deefe7}.camera-frame video{width:100%;height:100%;object-fit:cover}.camera-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;display:flex;align-items:center;justify-content:center;color:var(--muted)}.ar-overlay{position:absolute;left:12px;right:12px;bottom:12px;background:#ffffffe0;border:1px solid var(--line);border-radius:12px;padding:10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ar-overlay p{margin:6px 0 0;font-size:.92rem}.ar-controls{border:1px solid var(--line);border-radius:16px;padding:14px;background:#fbfffd;display:grid;align-content:start;gap:10px}button{border:1px solid #d2e8dd;background:#fff;border-radius:10px;padding:10px 12px;font:inherit;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease}button:hover:not(:disabled){border-color:#46ad82;background:#f4fff9;transform:translateY(-1px)}button:disabled{opacity:.45;cursor:not-allowed}.error-note{color:#b2431f;font-size:.9rem;margin:0}.gamification-layout{margin-top:14px;display:grid;gap:12px;grid-template-columns:.85fr 1.15fr}.score-card{border:1px solid var(--line);border-radius:14px;padding:14px;background:#f8fff9}.score-card p{margin:0;color:var(--muted)}.score-card strong{display:block;margin-top:8px;font-size:1.8rem;color:var(--primary)}.score-card button{margin-top:12px}.score-card span{display:block;margin-top:8px;color:var(--muted);font-size:.9rem}.district-table-wrap{border:1px solid var(--line);border-radius:14px;overflow:auto}.district-table,.comparison-table{width:100%;border-collapse:collapse;font-size:.94rem}.district-table th,.district-table td,.comparison-table th,.comparison-table td{text-align:left;padding:10px;border-bottom:1px solid #edf6f1}.district-table thead,.comparison-table thead{background:#f5fbf8}.chat-window{margin-top:14px;border:1px solid var(--line);border-radius:14px;background:#f9fffb;padding:12px;max-height:300px;overflow:auto;display:grid;gap:10px}.chat-message{max-width:85%;border-radius:12px;padding:10px}.chat-message span{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.chat-message p{margin:5px 0 0}.chat-message.bot{border:1px solid #cde9dc;background:#fff}.chat-message.user{margin-left:auto;border:1px solid #f0d7bd;background:#fff4e8}.chat-controls{margin-top:12px;display:grid;grid-template-columns:1fr auto;gap:10px}.alice-fast-answers,.faq-list,.howto,.expert-articles,.comparison-table-wrap,.seo-queries{margin-top:16px;border:1px solid var(--line);border-radius:14px;padding:14px;background:#fbfffd}.fast-answer-grid{margin-top:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.fast-answer-item{border:1px dashed #bce2d1;border-radius:12px;padding:12px}.fast-answer-item p{margin:8px 0 0;color:var(--muted);font-size:.92rem}.faq-list article{border-top:1px dashed #d2ebe0;padding-top:10px;margin-top:10px}.faq-list article:first-of-type{border-top:0;padding-top:0;margin-top:0}.faq-list p{margin:8px 0 0;color:var(--muted)}.howto ol{margin:10px 0 0;padding-left:20px;color:var(--muted)}.howto li+li{margin-top:8px}.author-credentials{margin-top:10px;color:var(--muted)}.article-grid{margin-top:12px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.article-grid article{border:1px solid #dceee5;border-radius:12px;padding:12px}.article-grid time{display:block;margin-top:8px;color:#4b7468;font-size:.87rem}.article-grid p{margin:8px 0 0;color:var(--muted)}.seo-queries ul{margin:10px 0 0;padding-left:20px}.seo-queries li+li{margin-top:6px}.site-footer{margin-top:18px;border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(140deg,#f8fffb,#fff5ea);box-shadow:var(--shadow);display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px;padding:20px}.site-footer p{margin:8px 0 0;color:var(--muted)}.footer-docs{display:flex;flex-wrap:wrap;gap:10px}.footer-docs a{color:#0f6f4f;text-decoration:none;border-bottom:1px solid #7fc9ab}.footer-docs a:hover{border-bottom-color:#0f6f4f}@keyframes fadeSlide{to{opacity:1;transform:translate(0)}}@keyframes rise{to{opacity:1;transform:translateY(0)}0%{opacity:0;transform:translateY(8px)}}@media (max-width: 1000px){.map-grid,.ar-layout,.gamification-layout{grid-template-columns:1fr}.three-map{min-height:300px}}@media (max-width: 680px){.app-shell{width:94vw}.chat-controls{grid-template-columns:1fr}.hero-controls{gap:8px}.city-switcher{width:100%;justify-content:space-between}.city-link{flex:1;width:auto;text-align:center}.phone-pill{width:100%;text-align:center}}