/* Cybernetic Pro — parity with Webasyst Site home, 2026-10-20
 * Shared visual components only. Webasyst search/forms/cases remain native. */
:root{--cp-home-ink:#14233a;--cp-home-navy:#081d38;--cp-home-blue:#245df5;--cp-home-muted:#617088}
body.cp-theme-hub,body.cp-theme-shop{background:#fff!important;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
body.cp-theme-hub *,body.cp-theme-shop *{box-sizing:border-box}
body.cp-theme-hub .cp-shell-header,body.cp-theme-shop .cp-shell-header{background:#fff!important;border-bottom:1px solid #e9edf4!important;box-shadow:none!important}
body.cp-theme-hub .cp-shell-inner,body.cp-theme-shop .cp-shell-inner{max-width:1200px;width:100%;min-height:76px;padding:12px 24px;gap:16px}
.cp-shell-header .cp-shell-brand{gap:11px!important;letter-spacing:.025em!important;font-size:19px!important}
.cp-shell-header .cp-shell-mark{width:39px!important;height:39px!important;border-radius:12px!important;background:#1254ed!important;font-size:24px!important;box-shadow:0 7px 18px #1c5af438!important}
.cp-shell-header .cp-shell-mark span{display:none}
.cp-shell-header .cp-shell-wordmark{font-weight:850!important;line-height:1.12!important;font-size:19px!important;letter-spacing:.025em!important;color:#14233a!important}
.cp-shell-header .cp-shell-wordmark small{font-size:10px!important;letter-spacing:.16em!important;color:#68819d!important;font-weight:760!important;margin-top:1px!important}
.cp-shell-header .cp-shell-nav{gap:20px!important}
.cp-shell-header .cp-shell-link{font:680 14px/1.4 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;color:#30435c!important;min-height:auto!important;padding:9px 2px!important;border:0!important;border-radius:0!important;background:transparent!important}
.cp-shell-header .cp-shell-link:hover,.cp-shell-header .cp-shell-link.is-active{color:#245df5!important;background:transparent!important}
.cp-shell-header .cp-shell-auth{gap:4px!important}
.cp-shell-header .cp-shell-auth a{font-size:12px!important;padding:6px 9px!important}
.cp-shell-header .cp-shell-auth__signup{display:none!important}
.cp-shell-header .cp-site-top-action{border-radius:12px;background:#f1f5ff;color:#1d55d8!important;font-size:13px;font-weight:760;padding:11px 16px;text-decoration:none!important;white-space:nowrap}
.cp-shell-header .cp-site-top-action:hover{background:#e2eaff}
body.cp-theme-hub main{max-width:1200px!important;width:100%;margin:0 auto 65px!important;padding:0 24px!important;background:#fff}
body.cp-theme-shop main.f-page{background:#fff!important}
body.cp-theme-shop main.f-page>.f-container{max-width:1200px!important;width:100%;padding:0 24px!important}
.cp-parity-hero{width:100vw!important;max-width:none!important;position:relative!important;isolation:isolate!important;left:50%!important;transform:translateX(-50%)!important;margin:0 0 0!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;background:radial-gradient(ellipse at 79% 36%,#1b4272 0%,#0c284c 32%,#081a35 67%,#071629 100%)!important;color:#fff!important;overflow:hidden!important}
.cp-parity-hero:after{content:"";position:absolute;z-index:-1;width:800px;height:800px;border:1px solid #7ecbff1b;border-radius:50%;right:-280px;top:-360px;box-shadow:0 0 0 70px #8cd6ff08,0 0 0 143px #8cd6ff07,0 0 0 216px #8cd6ff05;pointer-events:none}
.cp-parity-hero__inner{max-width:1200px!important;width:calc(100% - 48px)!important;margin:0 auto!important;display:grid!important;grid-template-columns:1.12fr .88fr!important;align-items:center!important;gap:44px!important;min-height:545px!important;padding:88px 0 90px!important}
.cp-parity-hero__copy{min-width:0!important;max-width:590px!important;position:relative!important;z-index:2!important}
.cp-parity-hero .cp-hub-hero__eyebrow,.cp-parity-hero .cy-shop-hero__eyebrow,.cp-parity-hero .cp-parity-eyebrow{display:block!important;color:#9ddaff!important;font-size:12px!important;text-transform:uppercase!important;letter-spacing:.19em!important;font-weight:800!important;line-height:1.4!important;margin:0 0 22px!important}
.cp-parity-hero h1,.cp-parity-hero h1#cp-hub-title,.cp-parity-hero h1#cy-shop-hero-title{display:block!important;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;font-size:clamp(38px,4.45vw,66px)!important;letter-spacing:-.045em!important;line-height:1.09!important;font-weight:850!important;color:#fff!important;margin:0 0 22px!important;max-width:630px!important}
.cp-parity-hero .cp-hub-hero__description,.cp-parity-hero .cy-shop-hero__lead,.cp-parity-hero .cp-parity-lead{color:#c3d3e7!important;font-size:18px!important;line-height:1.65!important;max-width:575px!important;margin:0!important}
.cp-parity-hero .cp-hub-hero__search,.cp-parity-hero .cy-shop-hero__search{margin-top:31px!important;width:min(590px,100%)!important}
.cp-parity-hero .cp-hub-hero__search label,.cp-parity-hero .cy-shop-hero__search label{display:none!important}
.cp-parity-hero .cp-hub-hero__search-row,.cp-parity-hero .cy-shop-hero__search-row{display:flex!important;align-items:center!important;gap:8px!important;border:1px solid #b8cbdd6a!important;padding:6px!important;background:#f7fbff!important;border-radius:14px!important;box-shadow:0 18px 40px #020e2733!important}
.cp-parity-hero .cp-hub-hero__search input,.cp-parity-hero .cy-shop-hero__search input{border:0!important;background:transparent!important;box-shadow:none!important;outline:0!important;flex:1!important;min-width:0!important;width:100%!important;min-height:43px!important;height:43px!important;font-size:14px!important;padding:8px 10px!important;color:#182f48!important}
.cp-parity-hero .cp-hub-hero__search button,.cp-parity-hero .cy-shop-hero__search button{background:#1e59eb!important;color:#fff!important;font-size:13px!important;font-weight:780!important;padding:13px 17px!important;min-height:44px!important;white-space:nowrap!important;border:0!important;border-radius:9px!important;cursor:pointer!important}
.cp-parity-hero .cp-hub-hero__search button:hover,.cp-parity-hero .cy-shop-hero__search button:hover{background:#1547c2!important}
.cp-parity-art{position:relative!important;min-height:370px!important;display:grid!important;place-items:center!important;isolation:isolate}
.cp-parity-orbit{width:min(90%,380px);aspect-ratio:1;border:1px solid #a9ddff29;border-radius:50%;display:grid;place-items:center;position:relative;box-shadow:0 0 0 30px #8fd7ff06,0 0 0 85px #65bfff06}
.cp-parity-orbit:before{content:"";position:absolute;inset:14%;border:1px dashed #a9ddff37;border-radius:50%}
.cp-parity-lens{width:61%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 48% 50%,#ecffff 0%,#a3e6ff 5%,#338ae0 13%,#123d76 29%,#091c38 46%,#1962a1 56%,#133d6c 63%,#82d3ff 64%,#091a35 67%,#102e55 75%);box-shadow:0 0 65px #3a9bff44,inset 0 0 45px #070c20;position:relative}
.cp-parity-lens:before{content:"";position:absolute;inset:19%;border:1px solid #9adfff55;border-radius:50%}
.cp-parity-floating{position:absolute;z-index:1;border:1px solid #86bff44a;background:#102e50e8;box-shadow:0 16px 30px #02091b59;border-radius:14px;padding:12px 16px;min-width:154px;backdrop-filter:blur(8px)}
.cp-parity-floating b{display:block;font-size:15px;color:#fff}
.cp-parity-floating small{display:block;font-size:11px;color:#93b7d8}
.cp-parity-floating.one{left:0;top:14%}.cp-parity-floating.two{right:0;bottom:17%}
.cp-parity-strip{position:relative;left:50%;transform:translateX(-50%);width:100vw;background:#f7faff;border-bottom:1px solid #e6edf5;max-width:none!important;margin:0!important;padding:0!important}
.cp-parity-strip__inner{max-width:1200px;margin:auto;display:flex;align-items:center;justify-content:center;gap:38px;flex-wrap:wrap;padding:18px 24px;color:#486077;font-size:12px;font-weight:790;letter-spacing:.04em}
.cp-parity-strip__inner span:before{content:"✓";color:#2079d8;margin-right:9px;font-weight:900}
body.cp-theme-hub main>.cp-category-index{padding:70px 0 30px;margin:0!important}
body.cp-theme-hub main>.cp-category-index h2{font-size:clamp(28px,3vw,39px)!important;line-height:1.16!important;font-weight:850!important;letter-spacing:-.035em!important;margin:0 0 28px!important;color:#14233a!important}
body.cp-theme-hub main>.cp-category-index h2:before{content:"С ЧЕГО НАЧАТЬ";display:block;font-size:12px;letter-spacing:.19em;color:#245df5;margin-bottom:12px}
body.cp-theme-hub .cp-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}
body.cp-theme-hub .cp-category-item{position:relative;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;gap:12px!important;min-height:220px!important;border:1px solid #e3eaf3!important;border-radius:22px!important;background:#f6f9fd!important;box-shadow:none!important;padding:28px!important;color:#14233a!important;text-decoration:none!important;transition:transform .2s,background .2s,box-shadow .2s}
body.cp-theme-hub .cp-category-item:before{content:"▣";display:grid;place-items:center;width:52px;height:52px;flex:none;border-radius:15px;background:#e4eeff;color:#285ee1;font-size:25px;margin-bottom:9px}
body.cp-theme-hub .cp-category-item:after{content:"Открыть раздел →";color:#245df5;font-size:14px;font-weight:780;margin-top:auto}
body.cp-theme-hub .cp-category-item>span:first-child{font-weight:790!important;font-size:21px!important;line-height:1.3!important;letter-spacing:-.025em}
body.cp-theme-hub .cp-category-item .cp-cat-count{font-size:12px!important;padding:0!important;background:transparent!important;color:#617088!important}
body.cp-theme-hub .cp-category-item:hover{background:#edf5ff!important;transform:translateY(-3px);box-shadow:0 16px 40px #173f7215!important;border-color:#b8d5ff!important}
body.cp-theme-hub main>.filter{border:1px solid #e3eaf3!important;border-radius:19px!important;padding:24px!important}
body.cp-theme-hub .cp-article-card{border:1px solid #e5edf6!important;border-radius:19px!important;background:#fff!important;margin:18px 0!important;padding:28px!important;box-shadow:0 10px 30px #1e4f8c0b!important}
body.cp-theme-hub .cp-article-card:hover{border-color:#b4cbf7!important;box-shadow:0 14px 30px #1e4f8c11!important}
body.cp-theme-hub main>.cp-hub-spaces{margin:24px 0 0!important}
body.cp-theme-hub .cp-hub-hero__actions{max-width:100%!important;justify-content:flex-start!important;gap:9px 13px!important;margin-top:17px!important}
body.cp-theme-hub main .cp-hub-hero__actions a{color:#c1e2ff!important;font-size:12px!important}
body.cp-theme-hub main .cp-hub-hero__actions a.button{color:#fff!important}
body.cp-theme-shop .cp-home-projectors{padding:70px 0!important;margin:0!important}
body.cp-theme-shop .cp-home-projectors .f-section-head h2{font-size:clamp(28px,3vw,39px)!important;line-height:1.16!important;font-weight:850!important;letter-spacing:-.035em!important}
body.cp-theme-shop .cp-home-projectors .f-card{border-radius:19px!important;border-color:#e5edf6!important;box-shadow:0 7px 24px #1e4f8c0c!important}
body.cp-theme-shop .cp-home-projectors .f-card:hover{border-color:#b4cbf7!important;box-shadow:0 14px 30px #1e4f8c16!important}
.cp-parity-page{margin:0;background:#fff;color:#14233a;font:16px/1.6 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
.cp-parity-page *{box-sizing:border-box}.cp-parity-page a{text-decoration:none;color:inherit}
.cp-parity-page .cp-parity-header{background:#fff;border-bottom:1px solid #e9edf4}
.cp-parity-header__inner{max-width:1200px;min-height:76px;padding:12px 24px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:22px}
.cp-parity-page .cp-parity-logo{display:flex;gap:11px;align-items:center;font-weight:850;letter-spacing:.025em;font-size:19px;white-space:nowrap}
.cp-parity-page .cp-parity-logo-mark{width:39px;height:39px;border-radius:12px;background:#1254ed;color:#fff;display:grid;place-items:center;font-size:24px;font-weight:900;box-shadow:0 7px 18px #1c5af438}
.cp-parity-page .cp-parity-logo small{font-size:10px;font-weight:760;letter-spacing:.16em;color:#68819d;display:block;line-height:1.2;margin-top:2px}
.cp-parity-page .cp-parity-nav{display:flex;gap:31px;align-items:center;font-size:14px;font-weight:680;flex-wrap:wrap}
.cp-parity-page .cp-parity-nav a{color:#30435c}.cp-parity-page .cp-parity-nav a:hover,.cp-parity-page .cp-parity-nav a[aria-current]{color:#245df5}
.cp-parity-page .cp-parity-topaction{background:#f1f5ff;border-radius:12px;padding:11px 16px;font-size:13px;color:#1d55d8!important;font-weight:760;white-space:nowrap}
.cp-parity-page .cp-parity-section{padding:87px 0}
.cp-parity-page .cp-parity-container{width:min(1200px,calc(100% - 48px));margin:auto}
.cp-parity-page .cp-parity-section h2{font-size:clamp(28px,3vw,39px);font-weight:850;letter-spacing:-.035em;line-height:1.16;margin:12px 0 16px}
.cp-parity-page .cp-parity-section__lead{color:#63738a;margin:0 0 32px}
.cp-parity-page .cp-parity-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.cp-parity-page .cp-parity-card{display:flex;flex-direction:column;align-items:flex-start;min-height:268px;border:1px solid #e3eaf3;border-radius:22px;background:#f6f9fd;padding:29px 28px;transition:.2s}
.cp-parity-page .cp-parity-card:hover{background:#edf5ff;transform:translateY(-3px);border-color:#b8d5ff;box-shadow:0 16px 40px #173f7215}
.cp-parity-page .cp-parity-card__icon{width:52px;height:52px;background:#e4eeff;border-radius:15px;display:grid;place-items:center;color:#285ee1;font-size:25px;margin-bottom:22px}
.cp-parity-page .cp-parity-card h3{font-size:22px;letter-spacing:-.025em;line-height:1.27;font-weight:790;margin:0 0 10px}
.cp-parity-page .cp-parity-card p{font-size:14px;color:#62758c;line-height:1.55;margin:0 0 15px}
.cp-parity-page .cp-parity-card__arrow{margin-top:auto;color:#245df5;font-weight:780;font-size:14px;padding-top:10px}
.cp-parity-page .cp-parity-contact{background:#f5f8fc}
.cp-parity-page .cp-parity-contact__row{display:flex;gap:24px;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:32px;border:1px solid #e5edf6;border-radius:22px;background:#fff}
.cp-parity-page .cp-parity-contact__row h2{margin:0 0 13px}
.cp-parity-page .cp-parity-contact__row p{max-width:720px;color:#63738a;margin:0}
.cp-parity-page .cp-parity-button{display:inline-flex;align-items:center;justify-content:center;min-height:49px;padding:12px 20px;border-radius:13px;background:#3978ff;color:#fff!important;font-size:14px;font-weight:760}
.cp-parity-page .cp-parity-button:hover{background:#568bff}
.cp-parity-page .cp-parity-footer{background:#081b32;color:#d3e2f2;padding:45px 0 22px}
.cp-parity-page .cp-parity-footer__inner{display:flex;gap:36px;flex-wrap:wrap;align-items:flex-start;justify-content:space-between}
.cp-parity-page .cp-parity-footer__inner strong{font-size:18px;color:#fff}.cp-parity-page .cp-parity-footer__inner p{font-size:13px;color:#91a8c2;max-width:420px;margin-top:12px}
.cp-parity-page .cp-parity-footer__nav{display:flex;flex-wrap:wrap;gap:18px 28px;font-size:13px;font-weight:740}
.cp-parity-page .cp-parity-legal{border-top:1px solid #274363;margin-top:35px;padding-top:19px;color:#8aa3bf;font-size:12px}
@media(max-width:1040px){.cp-parity-hero__inner{grid-template-columns:1fr .75fr!important;gap:15px!important}.cp-parity-floating{display:none}.cp-shell-header .cp-shell-nav{gap:13px!important}}
@media(max-width:760px){
  .cp-parity-hero__inner{grid-template-columns:1fr!important;padding:55px 0 45px!important;min-height:0!important;width:calc(100% - 32px)!important}
  .cp-parity-art{display:none!important}.cp-parity-hero h1,.cp-parity-hero h1#cp-hub-title,.cp-parity-hero h1#cy-shop-hero-title{font-size:clamp(38px,10vw,51px)!important}
  .cp-parity-hero .cp-hub-hero__description,.cp-parity-hero .cy-shop-hero__lead,.cp-parity-hero .cp-parity-lead{font-size:16px!important}
  .cp-parity-strip__inner{gap:9px 22px;justify-content:flex-start;padding:17px 16px!important}
  body.cp-theme-hub main{padding:0 16px!important}
  body.cp-theme-shop main.f-page>.f-container{padding:0 16px!important}
  body.cp-theme-hub .cp-category-grid{grid-template-columns:1fr!important}
  body.cp-theme-hub .cp-category-item{min-height:0!important}
  body.cp-theme-hub main>.cp-category-index{padding:56px 0 20px}
  .cp-parity-page .cp-parity-cards{grid-template-columns:1fr}
  .cp-parity-page .cp-parity-card{min-height:0}
  .cp-parity-header__inner{flex-wrap:wrap;min-height:70px;gap:12px;padding:12px 16px}
  .cp-parity-page .cp-parity-nav{order:3;width:100%;justify-content:space-between;gap:8px;font-size:12px}
  .cp-parity-page .cp-parity-topaction{display:none}
  .cp-parity-page .cp-parity-section{padding:58px 0}.cp-parity-page .cp-parity-container{width:calc(100% - 32px)}
  .cp-shell-header .cp-site-top-action{display:none}
}
@media(max-width:480px){.cp-parity-hero .cp-hub-hero__search-row,.cp-parity-hero .cy-shop-hero__search-row{gap:4px!important}.cp-parity-hero .cp-hub-hero__search button,.cp-parity-hero .cy-shop-hero__search button{padding:11px 12px!important}.cp-parity-hero .cp-hub-hero__search input,.cp-parity-hero .cy-shop-hero__search input{font-size:13px!important}.cp-parity-page .cp-parity-logo{font-size:16px}}

.cp-parity-hero .cp-parity-subtitle{color:#83d6ff!important;font-size:clamp(21px,2vw,27px)!important;font-weight:760!important;letter-spacing:-.025em!important;margin:-8px 0 16px!important;line-height:1.3!important}

/* CYBERNETIC FAMILY POLISH 20261020 */
/* Full-bleed 100vw sections must never create a second horizontal scrollbar. */
html:has(body.cp-theme-shop),html:has(body.cp-theme-hub),html:has(body.cp-theme-blog),html:has(.cp-parity-page),
body.cp-theme-shop,body.cp-theme-hub,body:has(.cp-parity-page),body.cp-theme-blog{
  overflow-x:clip!important
}
body.cp-theme-shop:has(.cp-parity-hero) main.f-page{
  padding-top:0!important;margin-top:0!important
}
body.cp-theme-shop:has(.cp-parity-hero) main.f-page>.f-container{padding-top:0!important}
.cp-family-footer-brand{display:flex;align-items:center;gap:11px}
.cp-family-footer-mark{flex:none;display:grid;place-items:center;width:39px;height:39px;
 background:#1254ed;color:#fff;font-size:24px;font-weight:900;border-radius:12px;
 box-shadow:0 7px 18px #1c5af438}
.cp-family-footer-title{display:block;font-size:19px;font-weight:850;line-height:1.15;
 letter-spacing:.025em;color:#fff}
.cp-family-footer-title small{display:block;font-size:10px;letter-spacing:.16em;
 color:#82a0be;font-weight:760;margin-top:2px}
body.cp-theme-shop .cp-shop-unified-footer .cp-family-footer-title,
body.cp-theme-hub .cp-shell-footer .cp-family-footer-title,
body.cp-theme-blog .cp-shell-footer .cp-family-footer-title{color:#fff!important}
.cp-family-blog-hero{left:0!important;transform:none!important;width:100%!important}
.cp-family-blog-hero .cp-parity-hero__inner{width:min(1200px,calc(100% - 48px))!important}
body.cp-theme-blog .cp-family-blog-hero h1{font-size:clamp(38px,4.45vw,66px)!important;color:#fff!important;font-weight:850!important}
body.cp-theme-blog .cp-family-blog-hero .cp-parity-lead{font-size:18px!important;color:#c3d3e7!important}
body.cp-theme-blog:has(.cp-family-blog-hero) main.maincontent{background:#fff!important}
body.cp-theme-blog:has(.cp-family-blog-hero) main.maincontent>.container{padding-top:68px!important}
body.cp-theme-blog:has(.cp-family-blog-hero) main.maincontent .cybernetic-index-heading{display:none!important}
.cp-family-blog-search{margin-top:31px;display:flex;gap:8px;align-items:center;width:min(590px,100%);
 background:#f7fbff;border:1px solid #b8cbdd6a;border-radius:14px;padding:6px;
 box-shadow:0 18px 40px #020e2733}
.cp-family-blog-search input{background:transparent!important;flex:1;min-width:0!important;
 border:0!important;color:#182f48!important;font-size:14px!important;height:44px!important;
 outline:none!important;padding:8px 12px!important;box-shadow:none!important}
.cp-family-blog-search button{background:#1e59eb!important;color:#fff!important;border:0!important;
 border-radius:9px!important;cursor:pointer;font-weight:780!important;font-size:13px!important;
 min-height:44px!important;padding:11px 17px!important}
body:has(.cp-parity-page) [data-block-id="id6ad7c084cb37c"]{
 background:#081b32!important;color:#91a8c2!important;border-top:1px solid #274363!important;
 padding:12px!important;min-height:0!important
}
body:has(.cp-parity-page) [data-block-id="id6ad7c084cb37c"] a{color:#c7d9ec!important}
@media(max-width:760px){
 .cp-family-blog-hero .cp-parity-hero__inner{width:calc(100% - 32px)!important}
 body.cp-theme-blog:has(.cp-family-blog-hero) main.maincontent>.container{padding-top:38px!important}
}

/* FAMILY BLOG CONDITIONAL FIX */
body.cp-theme-blog .cp-family-blog-hero,body.cp-theme-blog .cp-family-blog-strip{
  display:none!important
}
body.cp-theme-blog:has(.cybernetic-index-heading) .cp-family-blog-hero,
body.cp-theme-blog:has(.cybernetic-index-heading) .cp-family-blog-strip{
  display:block!important
}
body.cp-theme-blog:has(.cybernetic-index-heading) main.maincontent{
  background:#fff!important
}
body.cp-theme-blog:has(.cybernetic-index-heading) main.maincontent>.container{
  padding-top:68px!important
}
body.cp-theme-blog:has(.cybernetic-index-heading) main.maincontent .cybernetic-index-heading{
  display:none!important
}
@media(max-width:760px){
 body.cp-theme-blog:has(.cybernetic-index-heading) main.maincontent>.container{
  padding-top:38px!important
 }
}
