@scope (.wersis-catalog-content) {
:scope{--ink:#202338;--muted:#73788c;--line:#e7e3e9;--paper:#faf8f7;--white:#fff;--purple:#7f0ece;--purple-dark:#4c1d66;--rose:#c3948e;--blue:#6d2dad;--font:Arial,"Helvetica Neue",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--white);color:var(--ink);font:400 16px/1.55 var(--font);-webkit-font-smoothing:antialiased}a{color:inherit}.site-header{height:78px;padding:0 max(5.5vw,24px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f0f1f5;background:#fff}.brand{display:inline-flex;align-items:center;width:138px;height:50px}.brand img{display:block;width:100%;height:100%;object-fit:contain;object-position:left center}.main-nav{display:flex;gap:34px;margin-left:auto;margin-right:44px}.main-nav a,.site-footer>a:last-child{font-size:14px;text-decoration:none;color:#53596d}.main-nav a:hover,.site-footer>a:last-child:hover{color:var(--purple)}.header-link{display:inline-flex;gap:12px;align-items:center;padding:11px 17px;border:1px solid var(--line);border-radius:7px;text-decoration:none;font-size:13px;font-weight:700}.header-link span{color:var(--purple);font-size:18px}.header-link:hover{border-color:#cdb5e8;background:#fbf8ff}
.hero{min-height:525px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(380px,.9fr);align-items:center;gap:45px;padding:68px max(9vw,34px) 76px;background:linear-gradient(110deg,#f8f6fc 0%,#f8f9fc 60%,#f1f5fc 100%);overflow:hidden}.hero-copy{position:relative;z-index:1;max-width:660px}.eyebrow{margin:0 0 17px;color:var(--purple);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.eyebrow-dot{display:inline-block;width:7px;height:7px;margin:0 8px 1px 0;border-radius:50%;background:var(--rose)}.hero h1{margin:0;color:#25223a;font-size:clamp(38px,5.2vw,62px);line-height:1.08;letter-spacing:-.045em;font-weight:700}.hero h1 span{color:var(--purple)}.hero-lead{max-width:555px;margin:24px 0 28px;color:#646a7c;font-size:18px;line-height:1.65}.button{display:inline-flex;align-items:center;gap:19px;padding:14px 20px;border-radius:7px;font-size:14px;font-weight:700;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}.button-primary{background:var(--purple);color:#fff;box-shadow:0 8px 18px #6b2bbd2b}.button-primary:hover{transform:translateY(-2px);box-shadow:0 12px 24px #6b2bbd38}.button-primary span{font-size:18px}.hero-caption{margin:16px 0 0;color:#888b98;font-size:12px}
.hero-visual{position:relative;min-height:350px;display:grid;place-items:center}.visual-orbit{position:absolute;border:1px solid rgba(107,43,189,.1);border-radius:50%}.orbit-a{width:380px;height:380px;right:2%;top:-1%;box-shadow:0 0 0 42px rgba(107,43,189,.025),0 0 0 86px rgba(107,43,189,.02)}.orbit-b{width:245px;height:245px;right:20%;top:18%;background:radial-gradient(circle at 55% 40%,#e9ddf8aa,transparent 68%)}.portal-window{position:relative;z-index:1;width:min(100%,430px);overflow:hidden;border:1px solid #e8e5ed;border-radius:13px;background:#fff;box-shadow:0 25px 60px #2c1d4621;transform:rotate(-2deg)}.window-top{height:51px;padding:0 17px;display:flex;align-items:center;gap:11px;border-bottom:1px solid #f0edf4;color:#777687;font-size:11px}.window-mark{width:23px;height:23px;display:grid;place-items:center;border-radius:6px;background:var(--purple);color:white;font-weight:700;font-size:12px}.window-menu{margin-left:auto;letter-spacing:2px}.window-content{padding:20px 20px 22px}.window-label{margin:0 0 12px 3px;color:#9996a5;font-size:9px;font-weight:700;letter-spacing:.14em}.mini-app{min-height:61px;padding:10px 12px;display:flex;align-items:center;gap:12px;border-top:1px solid #f0eef3}.mini-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:9px;font-size:17px;font-weight:700}.mini-task .mini-icon{background:#f2eafb;color:#712dbb}.mini-export .mini-icon{background:#fff0ef;color:#bd6472}.mini-crm .mini-icon{background:#f0effa;color:#6960a7}.mini-app b,.mini-app small{display:block}.mini-app b{font-size:12px}.mini-app small{margin-top:3px;color:#8c8998;font-size:10px}.mini-app i{margin-left:auto;color:#9b91a8;font-size:16px;font-style:normal}.visual-badge{position:absolute;z-index:2;right:0;bottom:23px;width:119px;height:72px;display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid #f0e8f7;border-radius:10px;background:#fff;box-shadow:0 12px 26px #39214e16;transform:rotate(3deg)}.visual-badge>span:first-child{color:var(--purple);font-size:34px;font-weight:700}.visual-badge>span:last-child{color:#777487;font-size:10px;line-height:1.3}
.section-wrap{max-width:1280px;margin:0 auto;padding:82px 34px 96px}.section-intro{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:36px}.eyebrow-dark{margin-bottom:10px}.section-intro h2,.about-band h2{margin:0;font-size:clamp(30px,4vw,42px);line-height:1.16;letter-spacing:-.035em}.section-intro>p{max-width:350px;margin:0 0 4px;color:var(--muted);font-size:14px}.category-list{border-top:1px solid var(--line)}.category-row{display:grid;grid-template-columns:minmax(210px,.74fr) minmax(0,1.55fr);gap:34px;padding:29px 0;border-bottom:1px solid var(--line)}.category-heading{display:flex;align-items:flex-start;gap:17px;padding-top:4px}.category-index{color:#aaa8b4;font-size:12px;font-weight:700;letter-spacing:.08em}.category-heading h3{margin:0 0 4px;font-size:19px;line-height:1.3}.category-heading p{max-width:230px;margin:0;color:#888b99;font-size:12px;line-height:1.5}.app-entry{min-height:132px;padding:20px 22px;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:18px;border:1px solid var(--line);border-radius:10px;background:#fff;transition:border-color .2s,box-shadow .2s,transform .2s}.app-entry:hover{transform:translateY(-2px);border-color:#d9c9eb;box-shadow:0 12px 27px #3218540c}.app-symbol{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;font-size:21px;font-weight:700}.symbol-violet{background:#f1e9fa;color:#702fb8}.symbol-rose{background:#fff0ef;color:#be6875}.symbol-lilac{background:#f0effa;color:#6b60a6}.app-type{margin:0 0 4px;color:#878495;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.app-copy h4{margin:0 0 5px;font-size:17px;line-height:1.35}.app-copy>p:last-child{max-width:520px;margin:0;color:#717587;font-size:12px;line-height:1.55}.entry-link{display:inline-flex;align-items:center;gap:9px;color:var(--blue);font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap}.entry-link span{font-size:17px;transition:transform .2s}.entry-link:hover span{transform:translateX(3px)}.entry-meta{display:grid;justify-items:start;gap:8px}.status{display:inline-block;padding:4px 8px;border-radius:4px;background:#fff4e7;color:#986522;font-size:10px;font-weight:700;white-space:nowrap}
.about-band{min-height:230px;padding:50px max(9vw,34px);display:grid;grid-template-columns:75px minmax(240px,1fr) minmax(260px,.8fr);align-items:center;gap:28px;background:var(--purple-dark);color:#fff}.about-mark{width:56px;height:56px;display:grid;place-items:center;border:1px solid #ffffff48;border-radius:15px;color:#fff;font-size:24px;font-weight:700}.about-band .eyebrow{margin-bottom:10px;color:#eacadd}.about-band h2{font-size:clamp(23px,3vw,32px)}.about-band>p{max-width:420px;margin:0;color:#e2dbe9;font-size:13px;line-height:1.7}.site-footer{min-height:88px;padding:16px max(5.5vw,24px);display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);background:#fff}.brand-footer{width:118px;height:43px}.site-footer>span{color:#888b99;font-size:12px}.site-footer>a:last-child{font-size:12px}
/* Страницы отдельных приложений используют те же базовые цвета. */
.topbar,footer{min-height:76px;padding:12px max(6vw,24px);display:flex;align-items:center;justify-content:space-between;background:var(--purple-dark);color:#fff}.top-link,.text-link{font-weight:700;text-decoration:none}.top-link{color:#fff}.top-link:hover,.text-link:hover{color:var(--rose)}.detail-hero{padding:60px max(8vw,24px);background:var(--paper)}.breadcrumb{margin:0 0 28px;color:var(--muted);font-size:13px}.breadcrumb a{color:var(--purple);text-decoration:none}.detail-hero h1{max-width:860px;margin:0;color:var(--purple-dark);font-size:clamp(36px,5vw,58px);line-height:1.12;letter-spacing:-.035em}.detail-hero .lead{max-width:680px;color:var(--muted)}.detail-body{max-width:1020px;margin:auto;padding:55px 24px 90px}.detail-body h2{margin-top:35px;font-size:25px}.detail-body p,.detail-body li{color:#5f6473}.detail-body ul{padding-left:21px}.detail-panel{margin-top:28px;padding:22px 24px;border-left:4px solid var(--rose);border-radius:0 10px 10px 0;background:var(--paper)}.detail-panel p{margin:0}.back-link{display:inline-block;margin-top:20px;color:var(--blue);font-weight:700;text-decoration:none}.back-link:hover{color:var(--purple)}
.topbar .brand,footer .brand{width:auto;min-width:138px;gap:9px;color:#fff;font-size:15px;font-weight:700;text-decoration:none}.brand-mark{width:29px;height:29px;display:grid;place-items:center;border-radius:7px;background:#fff;color:var(--purple-dark);font-size:15px;font-weight:700}
@media(max-width:900px){.hero{grid-template-columns:1fr minmax(300px,.8fr);gap:20px;padding-left:6vw;padding-right:6vw}.hero-visual{min-height:300px}.portal-window{width:100%}.orbit-a{right:-18%}.category-row{grid-template-columns:200px minmax(0,1fr);gap:20px}.app-entry{grid-template-columns:44px minmax(0,1fr);gap:15px}.app-entry>.entry-link,.entry-meta{grid-column:2}.entry-meta{display:flex;align-items:center;gap:12px}.about-band{grid-template-columns:55px 1fr 1fr;padding-left:6vw;padding-right:6vw}}
@media(max-width:680px){.site-header{height:68px;padding:0 20px}.brand{width:116px;height:43px}.main-nav{display:none}.header-link{padding:9px 11px;font-size:11px}.hero{grid-template-columns:1fr;padding:52px 24px 36px;gap:18px}.hero h1{font-size:clamp(37px,10vw,52px)}.hero-lead{margin:18px 0 22px;font-size:16px}.hero-visual{min-height:270px;margin:0 5px}.portal-window{max-width:390px}.orbit-a{width:285px;height:285px;right:4%;top:0}.orbit-b{right:20%;top:10%}.visual-badge{right:0;bottom:9px}.section-wrap{padding:58px 20px 66px}.section-intro{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:25px}.section-intro h2{font-size:32px}.category-row{grid-template-columns:1fr;gap:14px;padding:22px 0}.category-heading{gap:12px}.category-heading p{max-width:none}.app-entry{padding:16px;grid-template-columns:43px minmax(0,1fr);gap:13px}.app-copy h4{font-size:15px}.app-copy>p:last-child{font-size:12px}.entry-link{font-size:12px}.about-band{grid-template-columns:52px 1fr;gap:14px;padding:36px 22px}.about-mark{width:48px;height:48px}.about-band>p{grid-column:2}.site-footer{min-height:75px;padding:14px 20px;flex-wrap:wrap}.site-footer>span{font-size:10px}.site-footer>a:last-child{display:none}.topbar,footer{min-height:66px}.detail-hero{padding:42px 22px}.detail-body{padding:38px 22px 65px}}
@media(max-width:390px){.header-link{font-size:10px}.hero h1{font-size:35px}.app-entry{grid-template-columns:38px minmax(0,1fr);gap:11px}.app-symbol{width:38px;height:38px}.about-band{grid-template-columns:1fr}.about-band>p{grid-column:1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

/* Тёплая палитра и выразительные заголовки в духе основного сайта Wersis. */
.hero{background:linear-gradient(112deg,#fbf8f7 0%,#faf7fc 58%,#f4eff8 100%)}
.hero h1,.section-intro h2,.about-band h2,.detail-hero h1{font-family:Georgia,"Times New Roman",serif}
.eyebrow-dot{background:var(--rose)}
.about-band{background:linear-gradient(115deg,#4c1d66,#64258a)}
.about-mark{border-color:#c3948e;color:#e2ada7}
.detail-panel{border-left-color:var(--rose)}

/* Шапка и контактный подвал повторяют композицию основного сайта Веры. */
.site-header{height:auto;min-height:92px;padding:14px max(5.5vw,24px);gap:30px;background:#fff;border-bottom:1px solid #eee9e7}
.site-header .brand{width:222px;height:auto;flex:0 0 222px}
.site-header .brand img{width:100%;height:auto;object-fit:contain}
.main-nav{gap:27px;margin-left:auto;margin-right:0}
.main-nav a{color:#423d40;font-size:12px;font-weight:600;letter-spacing:.07em;text-transform:uppercase}
.main-nav a:hover{color:var(--purple)}
.header-contact{display:flex;flex-direction:column;align-items:flex-start;gap:3px;white-space:nowrap}
.header-contact span{color:#81777a;font-family:Georgia,"Times New Roman",serif;font-size:14px}
.header-contact a{color:#302b2e;font-size:16px;font-weight:700;text-decoration:none}
.header-contact a:hover{color:var(--purple)}
.app-symbol{overflow:hidden;padding:0;background:transparent}
.app-symbol img{display:block;width:100%;height:100%;object-fit:contain}
.contact-footer{position:relative;overflow:hidden;padding:62px max(6vw,24px) 0;background:#e1d9d6;color:#292527}
.contact-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,380px);align-items:end;gap:34px;max-width:1220px;margin:0 auto}
.contact-content{padding:0 0 52px}
.contact-content>h2{max-width:650px;margin:0 0 40px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(29px,3.3vw,42px);font-weight:400;line-height:1.22}
.contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 42px}
.contact-item h3{margin:0 0 13px;font-family:Georgia,"Times New Roman",serif;font-size:22px;font-weight:400}
.contact-hours{display:flex;align-items:center;gap:8px;margin:0 0 9px;color:#61595b;font-size:13px}
.online-dot{width:8px;height:8px;border-radius:50%;background:#6ab58a}
.contact-phone,.contact-email{color:#322c2f;font-size:18px;font-weight:700;text-decoration:none}
.contact-phone:hover,.contact-email:hover{color:var(--purple)}
.contact-icons{display:flex;align-items:center;gap:11px}
.contact-icons a{width:40px;height:40px;display:grid;place-items:center;border:1px solid #ffffffa6;border-radius:50%;background:#fff;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}
.contact-icons a:hover{transform:translateY(-2px);box-shadow:0 6px 14px #30202c1a}
.contact-icons img{display:block;width:20px;height:20px;object-fit:contain}
.contact-portrait{display:block;width:100%;max-width:380px;max-height:515px;object-fit:contain;object-position:center bottom;align-self:end}
.wersis-apps-page .footer-bottom{display:block;min-height:0;padding:28px 0 20px}
@media(max-width:900px){.site-header{gap:18px;padding-left:24px;padding-right:24px}.site-header .brand{width:190px;flex-basis:190px}.main-nav{gap:14px}.main-nav a{font-size:10px}.header-contact a{font-size:14px}.contact-inner{grid-template-columns:minmax(0,1fr) 290px;gap:20px}.contact-grid{gap:25px 20px}.contact-portrait{max-height:440px}}
@media(max-width:680px){.site-header{min-height:76px;padding:12px 20px;flex-wrap:wrap;justify-content:space-between;gap:10px 16px}.site-header .brand{width:168px;flex-basis:168px;height:auto}.main-nav{order:3;width:100%;justify-content:space-between;margin:3px 0 0;padding-top:10px;border-top:1px solid #f0edec}.main-nav a{font-size:9px;letter-spacing:.04em}.header-contact span{font-size:12px}.header-contact a{font-size:13px}.contact-footer{padding:42px 22px 0}.contact-inner{grid-template-columns:1fr;gap:0}.contact-content{padding-bottom:26px}.contact-content>h2{margin-bottom:27px;font-size:30px}.contact-grid{gap:24px 15px}.contact-item h3{font-size:19px}.contact-phone,.contact-email{font-size:15px}.contact-portrait{width:min(75%,300px);max-height:370px;margin:0 auto}.footer-bottom{min-height:0;padding:19px 22px;align-items:flex-start;flex-direction:column;gap:8px}.footer-bottom span:first-child{font-size:18px}}

}