:root{--bg:#fff8f0;--ink:#202327;--accent:#9b6b25;--soft:#f2e7d6;--line:#20232725}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:65px}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.65 Manrope,system-ui,sans-serif}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:4px}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}button{color:inherit}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(36px,4.8vw,72px);line-height:1.08;letter-spacing:-.045em}h2{font-size:clamp(27px,3vw,44px);line-height:1.2;letter-spacing:-.035em}h3{font-size:21px;line-height:1.3;letter-spacing:-.02em}[hidden]{display:none!important}.demo-bar{min-height:45px;background:#15191d;color:#efe6d8;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 28px;font-size:11px;position:relative;z-index:20}.demo-bar span{opacity:.7;text-align:center}.demo-bar a{white-space:nowrap}.demo-skip{position:fixed;top:-100px;left:15px;z-index:100;padding:10px;background:white;color:black}.demo-skip:focus{top:10px}.web-nav{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:24px 5%;max-width:1600px;margin:auto}.web-logo{font-size:23px;font-weight:800;letter-spacing:-.04em}.web-nav nav{display:flex;gap:25px;font-size:13px}.d-button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:8px;background:var(--accent);color:white;padding:13px 21px;line-height:1.4;font-weight:700;font-size:14px;min-height:46px}.d-button:hover{filter:brightness(.94)}.secondary-button{border:1px solid var(--line);border-radius:7px;padding:11px 18px;background:transparent}.text-link{border:0;background:none;display:inline-block;color:inherit;font-weight:600;text-decoration:underline;text-underline-offset:5px;padding:8px 0}.web-hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:5%;padding:60px 5% 80px;max-width:1600px;margin:auto}.web-hero>div>p:not(.overline){max-width:490px;font-size:17px;line-height:1.8}.web-hero>img{width:100%;max-height:530px;object-fit:contain}.web-section{padding:85px 5%;max-width:1600px;margin:auto}.overline{font:600 11px/1.7 'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:.07em;opacity:.7;margin-bottom:20px}.soft-section{background:var(--soft)}.three-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:35px}.three-grid article{border-top:1px solid var(--line);padding:27px 0}.three-grid b{font-size:30px;display:block;margin-bottom:22px}.three-grid p{max-width:350px;opacity:.8}.pill-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0}.pill-tabs button,.finance-feature-tabs button{border:1px solid var(--line);border-radius:30px;padding:9px 17px;background:transparent}.pill-tabs button[aria-pressed=true],.finance-feature-tabs button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:white}.small-note{font-size:12px;line-height:1.8;opacity:.7}.demo-faq{margin:30px 0}.demo-faq details{padding:22px 0;border-top:1px solid var(--line)}.demo-faq summary{cursor:pointer;font-size:18px;font-weight:600}.demo-faq details p{margin:20px 0 0;max-width:850px}.demo-dialog{border:1px solid var(--line);border-radius:16px;padding:40px;background:var(--bg);color:var(--ink);width:min(650px,calc(100% - 28px));max-height:90dvh;overflow:auto}.demo-dialog::backdrop{background:#10131cbb;backdrop-filter:blur(5px)}.demo-dialog h2{font-size:30px;padding-right:20px}.demo-dialog p{font-size:14px}.dialog-x{position:absolute;top:10px;right:16px;border:0;background:transparent;font-size:28px;width:35px;height:35px;line-height:1}.demo-dialog form{display:grid;gap:18px;margin-top:25px}label{display:block;font-size:13px;font-weight:600}input:not([type=checkbox]):not([type=range]),textarea,select{display:block;width:100%;margin-top:7px;background:#ffffff80;border:1px solid var(--line);border-radius:7px;padding:11px 13px;color:inherit;min-width:0}textarea{min-height:95px;resize:vertical}.form-result{margin:0;font-size:13px;font-weight:600}.demo-toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:100;background:#171d25;color:white;padding:13px 22px;border:1px solid #ffffff30;border-radius:30px;box-shadow:0 8px 25px #0003;max-width:calc(100% - 30px);font-size:13px;text-align:center}.check-label{display:flex;align-items:center;gap:10px;margin:17px 0}.check-label input{accent-color:var(--accent);width:18px;height:18px}.check-label input:checked+span{text-decoration:line-through;opacity:.6}
/* ПельмеНина: исходная кремовая палитра, фотографии блюд, ручная лепка. */
.demo-pelmenina{--bg:#fff5e9;--ink:#6a251a;--accent:#a4742b;--soft:#f7e5d0}.demo-pelmenina h1,.demo-pelmenina h2,.demo-pelmenina .web-logo{font-family:Georgia,serif;font-weight:700}.food-hero{background:#ffeadb}.food-hero>img{border-radius:50%;aspect-ratio:1;object-fit:cover}.food-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.food-card{padding:13px;background:#f3e2ca;border-radius:14px;display:flex;flex-direction:column}.food-card>img{width:100%;aspect-ratio:5/4;object-fit:cover;border-radius:9px}.food-card h3{font-size:18px;margin:18px 0 8px}.food-card p{font-size:12px;opacity:.75;flex:1}.food-card select{background:#fff8ed}.food-card>strong{font-family:Georgia,serif;font-size:26px;margin:15px 0}.food-card .d-button{font-size:12px;padding:11px}.cart-float{position:fixed;bottom:22px;right:22px;z-index:10;background:var(--accent);color:white;border:0;border-radius:35px;padding:15px 21px;font-weight:700;box-shadow:0 8px 25px #0003}.cart-float span{display:inline-grid;place-items:center;width:25px;height:25px;background:#fff;color:var(--accent);border-radius:50%;margin-left:10px}.cart-line{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}.cart-line small{display:block}.cart-line button{border:1px solid var(--line);background:transparent;border-radius:50%;width:30px;height:30px}.cart-total{margin-top:25px;font-size:21px!important}.demo-pelmenina .web-nav>.d-button{white-space:nowrap}
/* Профессор Канаев: синий, бирюза и спокойная медицинская подача. */
.demo-kanaev{--bg:#f5f9fa;--ink:#122d42;--accent:#65d3c5;--soft:#e9f1f3}.demo-kanaev .d-button{color:#133d48}.doctor-hero,.doctor-blue{background:linear-gradient(120deg,#23416e,#195f98);color:#f5ffff}.doctor-hero{max-width:none;padding-left:max(5%,calc((100% - 1440px)/2));padding-right:max(5%,calc((100% - 1440px)/2));grid-template-columns:1.4fr .6fr}.doctor-hero h1{font-size:clamp(33px,3.65vw,58px);line-height:1.12}.doctor-hero>img{max-height:450px;object-fit:contain}.doctor-hero .overline{display:inline-block;padding:5px 10px;border-radius:5px;background:#90e1d655;color:white;opacity:1}.doctor-hero .text-link{margin-left:20px}.doctor-symbol{font-size:45px;color:#59b9b8}.doctor-blue{max-width:none}.steps-list{list-style:decimal-leading-zero;padding-left:45px;max-width:900px}.steps-list li{padding:20px;border-bottom:1px solid #ffffff33;font-size:20px}.steps-list li::marker{color:#71d4c9;font-weight:800}
/* Elevate: оранжевый, выразительная типографика и витрина своих работ. */
.demo-elevate{--bg:#fa7b2e;--ink:#21211e;--accent:#21211e;--soft:#ec6f25}.demo-elevate h1,.demo-elevate h2{font-family:Unbounded,sans-serif;font-weight:700;letter-spacing:-.055em}.demo-elevate h1{font-size:clamp(33px,4.1vw,62px)}.demo-elevate .d-button{border-radius:2px;background:#24241e;color:#f8e7c8}.studio-poster{transform:rotate(2deg);background:#ffb54a;padding:20px;box-shadow:12px 15px 0 #382c2425}.studio-poster img{display:block}.studio-poster span{font:10px/1.6 'JetBrains Mono',monospace;display:block;margin-top:15px}.section-line{display:flex;justify-content:space-between;align-items:center;gap:25px}.studio-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.studio-grid>a{display:block;border-bottom:1px solid #28231c70;padding-bottom:20px}.studio-grid img{display:block;width:100%;height:350px;object-fit:contain;background:#f3dabc}.studio-grid h3{margin:20px 0 0}.studio-dark{background:#202320;color:#ffead4;max-width:none}.studio-dark .three-grid article{border-top-color:#ffe7cc50}.demo-elevate .demo-dialog{background:#fff1d8}
/* MoneyPulse: мятный лендинг; исходная панель остаётся иллюстрацией. */
.demo-moneypulse{--bg:#f3f9ee;--ink:#17251d;--accent:#243e2d;--soft:#e4f1db}.finance-hero{text-align:center;padding:65px 5% 0;background:radial-gradient(ellipse at center,#d9f5cb,transparent 65%)}.finance-hero h1{font:700 clamp(36px,5vw,76px)/1.08 Unbounded,sans-serif;letter-spacing:-.06em}.finance-hero>p:not(.overline){font-size:18px}.finance-actions{display:flex;justify-content:center;gap:25px;align-items:center;margin:30px 0 45px}.finance-dashboard{display:block;width:min(1080px,100%);margin:auto;border:1px solid #23452525;border-radius:18px 18px 0 0;box-shadow:0 20px 70px #284c2020}.finance-dark{background:#1b2c22;color:#f2f8ec;max-width:none}.finance-dark .three-grid article{border-color:#ffffff35}.finance-feature-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:30px 0}.finance-explanation{padding:30px;background:#e1efd9;border-radius:18px}.finance-explanation p{max-width:700px}.finance-explanation img{display:block;width:100%;max-width:900px;margin:auto}.finance-dialog{width:min(1100px,calc(100% - 28px))}.finance-dialog img{display:block;width:100%}
/* Общая рамка мобильных прототипов, без маскировки под действующий продукт. */
.app-stage{max-width:1250px;display:grid;grid-template-columns:1fr 430px;gap:90px;align-items:start;margin:auto;padding:65px 35px 90px}.app-context{position:sticky;top:45px;padding-top:35px}.app-context h1{font:700 clamp(34px,4vw,58px)/1.16 Unbounded,sans-serif;letter-spacing:-.05em;overflow-wrap:anywhere}.app-context>p:not(.overline){max-width:490px;opacity:.75}.app-context li{padding:8px 0}.phone-frame{position:relative;border:1px solid #ffffff35;border-radius:28px;overflow:hidden;box-shadow:0 25px 90px #0004;min-width:0}.phone-nav{position:sticky;bottom:0;display:flex;justify-content:space-around;gap:5px;padding:13px 6px;background:inherit;border-top:1px solid #ffffff20;z-index:5}.phone-nav button{display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px 7px;border:0;background:none;color:inherit;font-size:10px;min-width:0;opacity:.5}.phone-nav button span{font-size:23px;line-height:1}.phone-nav button[aria-pressed=true]{opacity:1;color:var(--accent)}.phone-heading{font-size:28px;line-height:1.2;margin-bottom:25px}.phone-card{padding:20px;border-radius:16px;background:#252b39;margin-bottom:17px}.phone-card h3{font-size:20px}.phone-card p{font-size:13px}.phone-topline{display:flex;align-items:center;justify-content:space-between;gap:15px}.room-tabs{display:flex;gap:7px;overflow:auto;white-space:nowrap;margin:20px 0}.room-tabs button{border:1px solid #ffffff25;border-radius:8px;color:inherit;background:#252b39;padding:8px 12px;font-size:12px}.room-tabs button[aria-pressed=true]{background:var(--accent);color:#141722}.device-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.device-grid button{border:0;background:#252b39;border-radius:15px;color:inherit;padding:20px 15px;text-align:left;min-height:150px;position:relative}.device-grid .device-icon{display:block;color:var(--accent);font-size:30px;margin-bottom:17px}.device-grid small{display:block;opacity:.6;font-size:11px}.device-grid strong{display:block;font-size:15px;margin-bottom:6px}.device-grid button.is-on{background:#e8ad44;color:#141722}.device-grid button.is-on .device-icon{color:#141722}.demo-smart-home{--bg:#151a26;--ink:#f4f5f8;--accent:#efb248;--line:#ffffff25}.smart-phone{background:#0c1220}.smart-screen{padding:30px 23px;min-height:600px}.smart-summary{display:grid;grid-template-columns:1fr 1fr;gap:22px 12px}.smart-summary small{display:block;opacity:.6;font-size:11px}.smart-summary strong{font-size:17px}.smart-summary .device-icon{font-size:24px;color:var(--accent);float:left;margin-right:9px}.smart-phone h2{font-size:26px}.smart-phone .d-button{color:#161b25;background:var(--accent)}.smart-phone .phone-nav{background:#111725}.control-slider{width:100%;accent-color:var(--accent);margin:25px 0}.large-value{text-align:center;font-size:60px;line-height:1.4;margin:35px 0 20px;font-weight:700}.climate-control{display:flex;justify-content:center;align-items:center;gap:30px;margin:25px 0}.climate-control button{width:50px;height:50px;border:1px solid #ffffff40;border-radius:50%;background:#252b39;color:inherit;font-size:25px}.climate-control strong{font-size:55px}.camera-picture{width:100%;height:260px;object-fit:cover;display:block;border-radius:14px}.camera-label{margin-top:12px;font-size:11px;opacity:.6}.smart-phone .segmented{display:flex;gap:5px;margin:22px 0}.smart-phone .segmented button{flex:1;border:0;border-radius:8px;padding:10px 4px;background:#252b39;color:inherit;font-size:12px}.smart-phone .segmented button[aria-pressed=true]{background:var(--accent);color:#171b22}
/* Редактор интеграций: сгруппированные поля и режим переменных. */
.demo-integrations{--bg:#0d0f13;--ink:#e8e9ed;--accent:#6593f5;--line:#ffffff20}.integration-stage{display:grid;grid-template-columns:1fr minmax(400px,570px);gap:90px;max-width:1250px;margin:auto;padding:65px 35px}.integration-stage>aside{padding-top:50px}.integration-stage h1{font-size:45px;line-height:1.2}.integration-stage>aside p{opacity:.7}.integration-editor{background:#181a20;border:1px solid #ffffff25;border-radius:14px;overflow:hidden;box-shadow:0 20px 80px #0007}.integration-editor>header{padding:20px;border-bottom:1px solid #ffffff20;display:flex;justify-content:space-between}.integration-top-tabs{display:flex;border-bottom:1px solid #ffffff20}.integration-top-tabs button{flex:1;padding:15px 5px;border:0;border-bottom:2px solid transparent;color:#9a9ca9;background:none;font-size:12px}.integration-top-tabs button[aria-pressed=true]{border-bottom-color:var(--accent);color:var(--accent)}#integration-panel,#integration-other{padding:25px}.integration-editor input:not([type=checkbox]),.integration-editor textarea,.integration-editor select{background:#111319;border-color:#ffffff20}.integration-editor .d-button{background:var(--accent);color:white}.telegram-integration{display:flex;gap:13px;align-items:center;padding:18px 0}.telegram-integration>b{font-size:30px;display:grid;place-items:center;width:45px;height:45px;border-radius:9px;background:#329bd3}.telegram-integration p{font-size:11px;opacity:.55;margin:3px 0 0}.integration-editor .segmented{display:flex;background:#111319;border-radius:8px;padding:4px;margin-bottom:25px}.integration-editor .segmented button{flex:1;border:0;border-radius:6px;background:none;color:#999da9;font-size:12px;padding:8px}.integration-editor .segmented button[aria-pressed=true]{background:var(--accent);color:white}.integration-editor details{border:1px solid #ffffff18;border-radius:8px;margin:12px 0;padding:15px}.integration-editor summary{cursor:pointer;font-size:13px;font-weight:600}.integration-editor summary span{float:right;background:#31bd83;border-radius:5px;padding:0 6px;color:#071610}.integration-editor details label{margin-top:20px;font-size:12px}.integration-editor form>footer{display:flex;justify-content:flex-end;gap:12px;border-top:1px solid #ffffff20;margin-top:25px;padding-top:20px}.integration-editor .secondary-button{color:inherit;border-color:#ffffff30}.integration-editor .form-result{margin-top:20px;color:#85d6b6}
/* Плюмо: исходная тёплая палитра и иллюстрация персонажа. */
.demo-plyumo{--bg:#f6e8d9;--ink:#4c4039;--accent:#7a9ab0;--line:#7e665a35}.plyumo-phone{background:#f8eedf;border-color:#d7b596}.plyumo-top{display:flex;align-items:center;justify-content:space-between;padding:18px;background:#bf8e60}.plyumo-top button,.plyumo-top>span{background:#fff4df;border:0;border-radius:25px;padding:8px 12px;color:#594734}.plyumo-top button{width:40px;height:40px}.plyumo-phone .phone-nav{background:#fcf4e8;border-top-color:#dbc3a9;color:#756355}.plyumo-phone .phone-nav button[aria-pressed=true]{color:#628398}#plyumo-screen{min-height:570px;padding:20px}.plyumo-room{width:calc(100% + 40px);max-width:none;display:block;margin:-20px -20px 20px;height:350px;object-fit:cover;object-position:center}.plyumo-card{background:#fff8ec;border:1px solid #e1ccb4;border-radius:18px;padding:19px;margin-bottom:15px;box-shadow:0 4px 0 #cba57c20}.plyumo-card h2,.plyumo-card h3{font-size:21px;margin-bottom:10px}.plyumo-card p{font-size:13px;margin-bottom:15px}.plyumo-card .d-button{border-radius:25px}.mood-options{display:flex;gap:8px;margin:20px 0}.mood-options button{flex:1;border:1px solid #b89b7d60;background:#fff8ec;border-radius:12px;font-size:26px;padding:9px}.mood-options button[aria-pressed=true]{background:#cce0e9;border-color:#789bb1}.diary-entry{padding:15px 0;border-bottom:1px solid #b4977c40;font-size:13px}.diary-entry strong{display:block}.diary-entry small{opacity:.65}.welcome-penguin{width:140px;height:140px;border-radius:50%;object-fit:cover;object-position:center;margin:20px auto;display:block}.plyumo-phone textarea{background:#fffaf1}.learn-button{display:block;text-align:left;width:100%;background:#fff8ec;border:1px solid #d7bca0;border-radius:16px;padding:18px;margin:14px 0;font-weight:700}.learn-button span{display:block;font-weight:400;font-size:12px;margin-top:6px;opacity:.7}
/* RPG Buddy: тёмный рабочий стол и сиреневые акценты исходного интерфейса. */
.demo-rpg-buddy{--bg:#171520;--ink:#f4efff;--accent:#c0a4ed;--line:#ffffff22}.rpg-app{max-width:1150px;padding:30px;margin:auto}.rpg-header{display:flex;justify-content:space-between;align-items:center;gap:25px;border-bottom:1px solid #ffffff20;padding-bottom:22px}.rpg-header>strong{display:flex;align-items:center;gap:10px}.rpg-header b{display:grid;place-items:center;background:#b18bd8;border-radius:9px;width:32px;height:32px}.rpg-header>span{font-size:12px;color:#c2a6e8}.rpg-tabs{display:flex;gap:10px;margin:25px 0 35px}.rpg-tabs button{border:1px solid #ffffff25;background:#211e2e;border-radius:8px;padding:10px 23px;color:#c7bdd6}.rpg-tabs button[aria-pressed=true]{background:#bea1e8;color:#1a1523}.rpg-app h1{font-size:35px;line-height:1.2}.rpg-date{font:10px 'JetBrains Mono',monospace;color:#a9a0bc;text-transform:uppercase;margin-bottom:12px}.rpg-week{display:flex;gap:9px;margin:25px 0;flex-wrap:wrap}.rpg-week button{display:flex;flex-direction:column;align-items:center;gap:3px;border:1px solid #ffffff20;border-radius:8px;padding:10px 16px;background:#211e2d;color:inherit;font-size:17px}.rpg-week small{font-size:9px;color:#a99fbd}.rpg-week button[aria-pressed=true]{background:#bca1e6;color:#211b2a}.rpg-week button[aria-pressed=true] small{color:#51415f}.rpg-panel{border:1px solid #ffffff1c;border-radius:12px;background:#221f2e;padding:25px;margin-bottom:20px}.rpg-panel h2{font-size:20px}.rpg-board{display:grid;grid-template-columns:1fr 1fr;gap:20px}.rpg-task{display:flex;gap:12px;align-items:flex-start;border-bottom:1px solid #ffffff12;padding:15px 0;font-size:14px}.rpg-task input{accent-color:#bc9fe7;margin-top:5px;flex-shrink:0}.rpg-task span{flex:1}.rpg-task.is-done span{text-decoration:line-through;opacity:.5}.rpg-task button{background:none;border:0;color:#ada1c1;font-size:17px}.rpg-add{display:flex;gap:10px;margin-top:20px}.rpg-add input{background:#15131d!important;border-color:#ffffff20!important;margin:0!important;color:inherit}.rpg-add button{background:#baa0e1;color:#241c30;padding:10px 15px;border:0;border-radius:7px;font-size:12px;white-space:nowrap}.rpg-note{font-size:11px;color:#a39aaf;border-top:1px solid #ffffff20;padding-top:20px;margin-top:30px}.rpg-chat{display:flex;flex-direction:column;gap:16px;min-height:250px;margin-bottom:25px}.rpg-message{max-width:85%;background:#30283e;border:1px solid #ffffff16;padding:17px 21px;border-radius:15px;font-size:14px}.rpg-message.user{align-self:flex-end;background:#4c385f}.rpg-plan-card{border:1px solid #8d6bb2;border-radius:10px;padding:18px;margin-top:15px}.rpg-plan-card h3{font-size:16px}.rpg-plan-card button{background:#baa0e1;border:0;border-radius:6px;padding:8px 14px;color:#211a2b}.rpg-progressbar{height:12px;border-radius:20px;background:#100f16;overflow:hidden;margin:15px 0}.rpg-progressbar>span{display:block;height:100%;width:35%;background:#b998e6;border-radius:20px}.rpg-level{font-size:60px;color:#c3a5ee;line-height:1;margin-bottom:25px}.rpg-badges{display:flex;gap:14px;flex-wrap:wrap}.rpg-badges>span{display:block;padding:20px;background:#30273e;border:1px solid #82619b;border-radius:12px}
/* Оформление канала в контексте ленты. */
.demo-neurounderground{--bg:#111417;--ink:#efe6d8;--accent:#a9cce5;--line:#ffffff30}.channel-stage{display:grid;grid-template-columns:minmax(0,1fr) 430px;gap:70px;max-width:1200px;padding:65px 35px;margin:auto}.channel-context h1{font:400 clamp(28px,3vw,44px)/1.2 'Dela Gothic One',sans-serif;overflow-wrap:anywhere}.channel-context>p:not(.overline){max-width:470px;opacity:.75}.channel-controls{display:flex;flex-wrap:wrap;gap:9px;margin:30px 0}.channel-controls button{background:transparent;color:inherit;border:1px solid #ffffff35;border-radius:30px;padding:9px 14px;font-size:12px}.channel-controls button[aria-pressed=true]{background:#bfd7e8;color:#15191d}.channel-phone{background:#1f2a35;border:1px solid #ffffff25;border-radius:20px;overflow:hidden}.channel-phone>header{display:flex;gap:12px;align-items:center;background:#1b2530;padding:18px}.channel-phone>header img{width:45px;height:45px;border-radius:50%;object-fit:cover}.channel-phone>header strong{font-size:15px}.channel-phone>header small{display:block;font-size:10px;opacity:.6}.channel-date{font-size:10px;background:#344451;width:max-content;border-radius:20px;padding:4px 12px;margin:17px auto}.channel-post{background:#17212b;border-radius:12px;margin:15px;padding:8px 8px 16px}.channel-post>button{background:none;border:0;padding:0;width:100%;display:block;cursor:zoom-in}.channel-post-image{display:block;width:100%;height:auto;border-radius:8px}.channel-post h2{font-size:19px;margin:15px 8px 8px}.channel-post p{font-size:13px;line-height:1.7;margin:0 8px 15px}.channel-post>small{display:block;margin:0 8px;opacity:.5;font-size:9px}.channel-phone>footer{padding:15px;font-size:10px;text-align:center;opacity:.6}.channel-image-dialog{width:min(900px,calc(100% - 20px));background:#111417;padding:40px 15px 15px;color:#efe6d8}.channel-image-dialog img{display:block;margin:auto;max-height:none;max-width:100%;width:auto;height:auto}
/* Элементы, которые создаёт demo-suite.js */
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.food-hero>img{border-radius:0;aspect-ratio:auto;object-fit:contain}.food-card[hidden],.studio-grid>a[hidden]{display:none}.cart-line strong{font-size:14px}.cart-line small{font-size:12px;opacity:.7}.cart-qty{display:flex;align-items:center;gap:8px;flex-shrink:0}.cart-qty span{min-width:18px;text-align:center;font-weight:700}.cart-empty{padding:20px 0;opacity:.7}.demo-pelmenina .web-nav>.d-button span{margin-left:4px}
.smart-all{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;border:0;color:inherit;text-align:left}.smart-all small{display:block;opacity:.6;font-size:12px}.switch{width:46px;height:26px;border-radius:20px;background:#3a4152;position:relative;flex-shrink:0}.switch::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#e9eaf0;transition:left .2s}.switch.is-on{background:var(--accent)}.switch.is-on::after{left:23px}.smart-center{text-align:center}.smart-phone h3{font-size:18px;margin:25px 0 0}.control-slider:disabled{opacity:.35}.cam-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:10px}.cam-grid button{border:0;padding:0;background:#252b39;border-radius:12px;overflow:hidden;color:inherit;text-align:left}.cam-grid img{display:block;width:100%;height:90px;object-fit:cover}.cam-grid span{display:block;padding:8px 10px;font-size:12px}
.variable-chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:10px}.variable-chips small{font-size:11px;opacity:.6;width:100%}.variable-chips button{border:1px solid #6593f560;background:#6593f518;color:#a9c3ff;border-radius:6px;padding:4px 8px;font:11px 'JetBrains Mono',monospace}.integration-editor [aria-invalid=true]{border-color:#ef6a6a!important}.integration-editor summary span.is-incomplete{background:#e5a03c}.code-sample{background:#111319;border:1px solid #ffffff20;border-radius:8px;padding:15px;font:12px/1.6 'JetBrains Mono',monospace;overflow:auto;color:#a9c3ff}.log-line{border-bottom:1px solid #ffffff18;padding:12px 0;font-size:13px}.log-line small{display:block;opacity:.6}.log-line p{margin:4px 0 0;overflow-wrap:anywhere}#integration-other label{margin-top:15px}
.plyumo-welcome{text-align:center}.plyumo-welcome h2{font-size:26px;margin:10px 0 5px}.plyumo-welcome>p{font-size:13px}.age-option{text-align:center}.age-option[aria-pressed=true]{border:2px solid #f0a46a}.d-button.wide{width:100%;border-radius:25px;margin-top:10px;background:#efa46b}.plyumo-hero{position:relative}.plyumo-bubble{position:absolute;top:15px;right:15px;max-width:150px;background:#fff8ec;border-radius:16px;padding:10px 14px;font-size:13px;text-align:center;box-shadow:0 4px 12px #6a4a2a25}.plyumo-stat{margin:8px 0}.plyumo-stat span{font-size:13px;font-weight:700}.plyumo-bar{height:8px;border-radius:8px;background:#ead9c4;overflow:hidden;margin-top:5px}.plyumo-bar i{display:block;height:100%;background:#e9a56f;transition:width .3s}.plyumo-actions{display:flex;gap:8px;margin-bottom:15px}.plyumo-actions button{flex:1;border:0;background:#fff8ec;border-radius:14px;padding:12px 4px;font-weight:700;color:inherit;box-shadow:0 3px 0 #cba57c30}.reward-line{margin:6px 0!important}.plyumo-title{text-align:center;font-size:22px}.plyumo-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:15px}.plyumo-chips button{border:0;background:#fff8ec;border-radius:20px;padding:7px 12px;font-size:12px;color:inherit}.plyumo-chips button[aria-pressed=true]{background:#efa46b;color:#fff}.learn-card summary{cursor:pointer;font-weight:700;font-size:16px;list-style:none}.learn-card summary::-webkit-details-marker{display:none}.learn-card summary small{display:block;font-weight:400;font-size:11px;opacity:.7;margin-top:4px}.learn-card p{margin:12px 0 0!important}.diary-entry span{display:block;overflow-wrap:anywhere}.plyumo-phone .check-label{margin:10px 0;font-size:13px;font-weight:500}
.rpg-quest{background:linear-gradient(160deg,#3a2e52,#251f33)}.rpg-quest h2{font-size:26px!important;line-height:1.25}.rpg-task label{cursor:pointer;overflow-wrap:anywhere}.rpg-plan{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.rpg-day{display:flex;flex-direction:column;gap:6px;text-align:left;color:inherit;margin:0}.rpg-day small{color:#a99fbd;font-size:11px}.rpg-day span{font-size:13px;overflow-wrap:anywhere}.rpg-day span.is-done{text-decoration:line-through;opacity:.5}.rpg-prompts{display:flex;flex-wrap:wrap;gap:8px}.rpg-prompts button{border:1px solid #8d6bb2;background:#221f2e;color:inherit;border-radius:20px;padding:9px 15px;font-size:13px}.rpg-plan-card button:disabled{opacity:.55;cursor:default}
.catalog-actions{display:flex;flex-wrap:wrap;gap:8px 18px}.case-demo-link,.case-live-link{margin:0 12px 12px 0}
@media(max-width:1000px){.web-nav{gap:15px}.web-nav nav{gap:14px;font-size:12px}.web-logo{font-size:19px}.web-nav>.d-button{font-size:12px}.app-stage{grid-template-columns:1fr 390px;gap:35px;padding:40px 25px}.app-context h1{font-size:34px}.integration-stage{grid-template-columns:1fr 470px;gap:35px;padding:40px 25px}.integration-stage h1{font-size:32px}.channel-stage{gap:35px;grid-template-columns:1fr 390px}.food-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-grid img{height:280px}}
@media(max-width:700px){.demo-bar{padding:10px 14px;font-size:10px;gap:12px}.demo-bar span{font-size:8px;max-width:45%;line-height:1.5}.web-nav{padding:20px;flex-wrap:wrap;gap:15px}.web-nav nav{order:3;width:100%;justify-content:space-between;border-top:1px solid var(--line);padding-top:13px;gap:10px;font-size:11px}.web-nav>.d-button{margin-left:auto;padding:10px 12px;min-height:40px;font-size:11px}.web-logo{font-size:21px}.web-hero{grid-template-columns:1fr;gap:30px;padding:38px 22px 50px}.web-hero h1{font-size:38px}.web-hero>div>p:not(.overline){font-size:15px}.web-hero>img{max-height:350px}.web-section{padding:55px 22px}.three-grid{grid-template-columns:1fr;gap:10px}.three-grid article{padding:22px 0}.three-grid p{max-width:none}.three-grid b{font-size:24px;margin-bottom:15px}.overline{font-size:9px;margin-bottom:17px}.d-button{font-size:13px;padding:12px 18px}.food-hero>img{width:100%;max-width:350px;margin:auto}.food-grid{gap:12px}.food-card{padding:10px}.food-card h3{font-size:16px}.food-card p{font-size:11px}.food-card select{font-size:12px;padding:8px}.food-card>strong{font-size:22px}.food-card .d-button{font-size:11px;padding:9px 7px}.cart-float{bottom:16px;right:16px;padding:11px 16px;font-size:12px}.doctor-hero h1{font-size:33px}.doctor-hero>img{max-height:300px;max-width:210px;margin:auto}.doctor-hero .text-link{margin-left:0;display:block;width:max-content}.steps-list li{font-size:17px;padding:15px}.studio-hero h1{font-size:34px}.studio-poster{margin:15px 5px}.section-line{display:block}.studio-grid{grid-template-columns:1fr;gap:25px}.studio-grid img{height:auto;max-height:380px;aspect-ratio:6/5}.finance-hero{padding:40px 20px 0}.finance-hero h1{font-size:34px}.finance-hero>p:not(.overline){font-size:15px}.finance-actions{gap:20px;flex-wrap:wrap}.finance-explanation{padding:20px}.demo-dialog{padding:35px 23px 25px}.demo-dialog h2{font-size:26px}.demo-dialog p{font-size:13px}.demo-faq summary{font-size:16px}.app-stage{display:block;padding:35px 15px 55px}.app-context{position:static;padding:0 8px 25px;max-width:520px;margin:auto}.app-context h1{font-size:30px}.app-context>p:not(.overline){font-size:13px}.app-context ul{display:none}.phone-frame{max-width:420px;margin:auto;border-radius:22px}.smart-screen{padding:25px 20px;min-height:560px}.phone-nav{padding:13px 5px}.phone-nav button{font-size:9px}.phone-heading{font-size:27px}.integration-stage{display:block;padding:35px 15px}.integration-stage>aside{padding:0 8px 20px}.integration-stage h1{font-size:30px}.integration-stage>aside p{font-size:13px}.integration-editor{max-width:550px;margin:auto}.integration-editor>header{font-size:13px;padding:17px}.integration-top-tabs button{font-size:10px}.telegram-integration strong{font-size:13px}.telegram-integration p{font-size:10px}#integration-panel,#integration-other{padding:18px}.integration-editor details{padding:13px}.integration-editor summary{font-size:12px}.integration-editor form>footer{gap:10px}.integration-editor input,.integration-editor textarea{font-size:13px}.plyumo-room{height:320px}.rpg-app{padding:22px 15px}.rpg-header{gap:10px;align-items:flex-start}.rpg-header>strong{font-size:13px}.rpg-header>span{font-size:9px;max-width:140px;text-align:right}.rpg-tabs{gap:6px;margin:20px 0 30px}.rpg-tabs button{font-size:12px;padding:9px 15px;flex:1}.rpg-app h1{font-size:29px}.rpg-week{gap:5px}.rpg-week button{padding:9px 11px;font-size:15px;flex:1}.rpg-panel{padding:20px}.rpg-board{grid-template-columns:1fr;gap:0}.rpg-task{font-size:13px}.rpg-add{gap:7px}.rpg-add button{font-size:11px}.rpg-add input{font-size:13px}.rpg-message{max-width:95%;padding:15px;font-size:13px}.rpg-note{font-size:10px}.channel-stage{display:block;padding:35px 15px}.channel-context{padding:0 8px 25px}.channel-context h1{font-size:29px}.channel-context>p:not(.overline){font-size:13px}.channel-controls{gap:7px;margin:23px 0}.channel-controls button{padding:8px 12px;font-size:11px}.channel-phone{max-width:430px;margin:auto}.channel-image-dialog{padding:40px 12px 12px}}
@media(max-width:360px){.web-hero h1,.doctor-hero h1,.finance-hero h1{font-size:30px}.web-logo{font-size:18px}.web-nav{padding:17px}.food-grid{grid-template-columns:1fr}.food-card>img{max-height:240px}.food-card h3{font-size:19px}.app-context h1,.integration-stage h1{font-size:27px}.device-grid{gap:10px}.device-grid button{padding:17px 12px}.rpg-tabs button{padding:9px 8px;font-size:11px}.rpg-week button{padding:8px}.phone-nav button{padding:4px;font-size:8px}.phone-nav button span{font-size:21px}.channel-context h1{font-size:25px}.demo-bar span{display:none}.demo-bar{min-height:42px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}