:root{
  --bg:#f5f4f1;
  --panel:#fff;
  --ink:#0b172b;
  --muted:#6e7a77;
  --muted-2:#87918e;
  --line:#e4e8e5;
  --orange:#ff5b22;
  --orange-dark:#ee4b12;
  --blue:#2d86ff;
  --green:#16a864;
  --shell:1680px;
  --radius:22px;
  --shadow:0 14px 42px rgba(25,35,32,.055);
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Segoe UI",Arial,sans-serif;
  color:var(--ink);
  font-synthesis:none;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;overflow-x:hidden;background:linear-gradient(#faf9f7 0%,#f5f4f1 100%);color:var(--ink);font-size:16px;line-height:1.4;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
button,input{font:inherit}
button{color:inherit}
.shell{width:min(var(--shell),calc(100% - 64px));margin-inline:auto}

/* HERO */
.hero{height:610px;position:relative;overflow:hidden;background:#f8f8f6}
.hero__bg{position:absolute;inset:-40px;background:url('/assets/landing-v3/hero-bg.jpg') center 43%/cover no-repeat;filter:saturate(.94) contrast(.97);opacity:.98;transform:scale(1.025)}
.hero:after{content:"";position:absolute;inset:0;background:
  radial-gradient(circle at 47% 32%,rgba(255,255,255,.04) 0 25%,rgba(255,255,255,.72) 68%),
  linear-gradient(90deg,rgba(255,255,255,.95) 0%,rgba(255,255,255,.77) 30%,rgba(255,255,255,.22) 63%,rgba(255,255,255,.48) 100%);pointer-events:none}
.hero__inner{height:100%;position:relative;z-index:2}
.header{height:88px;display:flex;align-items:center;justify-content:space-between}
.brand{display:block;width:176px;height:58px}
.brand img{width:176px;height:58px;display:block;object-fit:contain;object-position:left center}
.header__actions{display:flex;align-items:center;gap:32px}
.login-link{font-weight:800;color:#111b19;text-decoration:none;font-size:16px}
.btn{border:0;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;gap:14px;height:52px;padding:0 25px;font-weight:800;text-decoration:none;cursor:pointer;white-space:nowrap;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.btn:hover{transform:translateY(-1px)}
.btn b{font-size:21px;font-weight:500;line-height:1}
.btn--orange{color:#fff;background:linear-gradient(180deg,#ff6b38,#f45119);box-shadow:0 12px 28px rgba(244,79,24,.23)}
.btn--orange:hover{box-shadow:0 15px 34px rgba(244,79,24,.31)}
.btn--white{color:#14201d;background:rgba(255,255,255,.92);border:1px solid rgba(207,215,211,.98);box-shadow:0 7px 20px rgba(24,35,31,.07)}
.btn--header{height:48px;padding:0 23px;font-size:14px}
.play{font-size:11px;color:#2583ff}
.hero__grid{height:522px;display:grid;grid-template-columns:minmax(420px,.78fr) minmax(760px,1.45fr);gap:42px;align-items:start}
.hero__copy{padding:40px 0 0 4px;position:relative;z-index:3}
.hero__copy h1{margin:0;color:#08142a;font-weight:870;font-size:clamp(48px,3.45vw,68px);letter-spacing:-2.5px;line-height:.98}
.hero__copy p{max-width:560px;margin:22px 0 22px;color:#596663;font-size:17px;line-height:1.42}
.hero__buttons{display:flex;gap:14px;align-items:center}
.hero__buttons .btn{font-size:15px}
.hero__stats{display:grid;grid-template-columns:repeat(3,1fr);width:460px;margin-top:24px}
.hero__stats div{padding:0 22px 0 4px;border-right:1px solid rgba(208,214,210,.9)}
.hero__stats div:last-child{border-right:0}
.hero__stats strong{display:block;font-size:30px;line-height:1;font-weight:860;color:#0f1816}
.hero__stats small{display:block;font-size:11px;color:#7c8784;margin-top:7px}
.hero__visual{padding-top:20px;display:flex;justify-content:flex-end;align-items:flex-start;min-width:0}
.device{width:min(910px,100%);border:0;background:transparent;padding:0;cursor:pointer;filter:drop-shadow(0 25px 28px rgba(16,25,22,.12))}
.device__screen{display:block;border-radius:24px 24px 10px 10px;background:#171d1b;padding:13px 13px 15px;box-shadow:0 24px 54px rgba(20,27,25,.17)}
.device__screen img{display:block;width:100%;height:400px;object-fit:cover;object-position:top left;border-radius:9px;background:#fff}
.device__base{height:20px;display:block;margin:-3px -32px 0;background:linear-gradient(#e4e4e2,#aaaead);border-radius:3px 3px 60% 60%;box-shadow:0 6px 8px rgba(0,0,0,.13)}

/* MODULES */
.module-strip{min-height:116px;margin-top:0;position:relative;z-index:3;display:grid;grid-template-columns:repeat(6,1fr);background:rgba(255,255,255,.96);border:1px solid rgba(226,229,226,.98);border-radius:22px;box-shadow:var(--shadow);overflow:hidden}
.module{border:0;border-right:1px solid #eceeec;background:transparent;padding:18px 20px;display:flex;align-items:center;gap:15px;text-align:left;cursor:pointer;transition:background .18s ease}
.module:hover{background:#fbfbfa}
.module:last-child{border-right:0}
.module__icon{width:54px;height:54px;flex:0 0 54px;border:1px solid #e3e8e4;border-radius:50%;display:grid;place-items:center;background:#fff;color:#151d1b;font-size:27px;line-height:1}.module__icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.module:first-child .module__icon{color:var(--orange);background:#fff4ee}
.module b{display:block;font-size:15px;line-height:1.12}
.module small{display:block;margin-top:5px;color:#87918e;font-size:11px;line-height:1.25}

/* PROCESS */
.process{min-height:176px;margin-top:16px;display:grid;grid-template-columns:minmax(380px,.75fr) 1.55fr;background:#fff;border:1px solid #e7e9e7;border-radius:22px;box-shadow:var(--shadow);overflow:hidden}
.process__copy{padding:28px 34px;display:flex;flex-direction:column;justify-content:center}
.process__copy h2{font-size:30px;line-height:1.02;letter-spacing:-1px;margin:0;max-width:430px}
.process__copy p{font-size:13px;color:#77827f;margin:14px 0 14px;max-width:470px}
.text-link{padding:0;border:0;background:transparent;color:var(--orange);font-size:13px;font-weight:800;cursor:pointer;text-align:left}
.text-link b{font-size:17px}
.steps{display:grid;grid-template-columns:1fr 28px 1fr 28px 1fr 28px 1fr;align-items:stretch}
.steps article{position:relative;padding:30px 22px 18px;border-left:1px solid #eef0ee;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.steps>b{display:grid;place-items:center;color:#2b85ff;font-size:24px;font-weight:500}
.steps .stepnum{position:absolute;left:20px;top:18px;width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#2d87ff;color:#fff;font-size:14px;font-weight:800}
.steps i{display:block;font-style:normal;line-height:1;margin:0 0 9px 50px}.steps i svg{width:27px;height:27px;fill:none;stroke:#121c2d;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.steps h3{font-size:17px;margin:0 0 5px}
.steps p{font-size:12px;line-height:1.3;color:#8a9491;margin:0}

/* FEATURE CARDS */
.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}
.feature-card{min-height:245px;display:grid;grid-template-columns:minmax(220px,.72fr) minmax(330px,1.28fr);gap:22px;padding:24px 18px 20px 30px;overflow:hidden;background:#fff;border:1px solid #e7e9e7;border-radius:22px;box-shadow:var(--shadow)}
.feature-card__copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0}
.feature-card h2{margin:0 0 10px;font-size:28px;letter-spacing:-.7px;line-height:1.05}
.feature-card p{margin:0 0 18px;font-size:14px;line-height:1.38;color:#74807d;max-width:310px}
.product-shot,.audience-shot{align-self:center;width:100%;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 10px 28px rgba(31,41,38,.08)}
.product-shot{border:0;padding:0;cursor:pointer}
.product-shot img,.audience-shot img{display:block;width:100%;height:190px;object-fit:cover;object-position:center top}
.audience-shot img{object-position:center}

/* NETWORK */
.network{margin-top:16px;padding:28px 32px 24px;border:1.5px solid #ffb395;border-radius:26px;background:linear-gradient(90deg,#fff4ec 0%,#fffaf6 52%,#effbf4 100%);box-shadow:0 12px 34px rgba(35,43,40,.04)}
.network__top{display:grid;grid-template-columns:minmax(430px,.86fr) minmax(650px,1.25fr);gap:30px;min-height:320px}
.kicker{font-size:11px;letter-spacing:2.5px;color:#f05a26;font-weight:900}
.network__copy{display:flex;flex-direction:column;justify-content:center}
.network__copy h2{font-size:36px;line-height:1.02;letter-spacing:-1.2px;margin:10px 0 14px}
.network__copy p{font-size:14px;line-height:1.46;color:#697673;margin:0 0 20px;max-width:620px}
.btn--network{height:48px;font-size:14px;padding:0 24px;align-self:flex-start}
.network__visual{position:relative;display:flex;align-items:center;justify-content:center;min-height:300px}
.network-shot{border:0;background:transparent;padding:0;width:min(620px,74%);position:relative;z-index:2;cursor:pointer}
.network-shot img{display:block;width:100%;height:245px;object-fit:cover;object-position:center top;border-radius:14px;box-shadow:0 14px 34px rgba(33,43,40,.12)}
.network-node{position:absolute;z-index:4;width:235px;min-height:84px;border-radius:18px;background:#fff;display:flex;align-items:center;gap:14px;padding:14px 16px;box-shadow:0 10px 24px rgba(34,44,41,.08)}
.network-node i{width:48px;height:48px;flex:0 0 48px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:18px}
.network-node b{display:block;font-size:14px}
.network-node small{display:block;font-size:11px;color:#8b9592;line-height:1.2;margin-top:4px}
.network-node--left{left:0;top:110px;border:1px solid #ffb99e}
.network-node--left i{background:#fff0e8;color:#ff5a1f}
.network-node--right{right:0;top:110px;border:1px solid #a9e1c1}
.network-node--right i{background:#e8f8ef;color:#11a85d}
.network-lines{position:absolute;inset:0;width:100%;height:100%;z-index:1;fill:none;stroke:#ff7442;stroke-width:1.7;stroke-dasharray:6 6}
.network-lines path:last-child{stroke:#1caf67}
.network__benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:8px}
.network__benefits article{min-height:108px;display:flex;gap:13px;padding:18px 17px;background:#fff;border:1px solid #eadfd8;border-radius:17px;align-items:flex-start}
.network__benefits i{font-style:normal;font-size:24px;color:var(--orange);line-height:1}
.network__benefits h3{font-size:14px;line-height:1.18;margin:0}
.network__benefits p{font-size:11px;line-height:1.3;color:#8e9794;margin:7px 0 0}

/* COMMERCIAL / PRICING */
.commercial-row{display:grid;grid-template-columns:1fr;gap:16px;margin-top:16px}
.pricing{background:#fff;border:1px solid #e7e9e7;border-radius:22px;box-shadow:var(--shadow)}
.pricing{padding:24px 28px 26px}
.pricing__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:18px}
.pricing__head>div:first-child{display:flex;align-items:baseline;gap:18px;min-width:0}
.pricing__head h2{font-size:30px;margin:0;line-height:1}
.pricing__head p{font-size:11px;color:#8b9491;margin:0}
.billing-toggle{display:flex;align-items:center;gap:5px;flex:0 0 auto}
.billing-toggle button{border:0;background:#f3f5f3;color:#6f7a77;font-size:11px;height:36px;padding:0 16px;border-radius:14px;cursor:pointer}
.billing-toggle button.active{background:var(--orange);color:#fff}
.billing-toggle span{font-size:10px;color:#f05a26}
.pricing__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.pricing__grid[data-count="2"]{grid-template-columns:repeat(2,1fr)}
.price-card{min-height:260px;border:1px solid #dfe4df;border-radius:17px;padding:22px;background:#fff;display:flex;flex-direction:column;position:relative}
.price-card.featured{border:1.6px solid var(--orange);box-shadow:0 9px 26px rgba(255,91,34,.08)}
.price-card .badge{position:absolute;right:14px;top:-10px;background:var(--orange);color:#fff;border-radius:11px;padding:4px 9px;font-size:10px;font-weight:800}
.price-card h3{font-size:20px;margin:0 0 8px}
.price-card .desc{font-size:12px;line-height:1.35;color:#7d8885;min-height:34px}
.price-card .price{font-size:31px;line-height:1.1;font-weight:860;margin:14px 0 12px;color:#101b2b}
.price-card .price small{font-size:11px;font-weight:600;color:#89928f}
.price-card ul{list-style:none;padding:0;margin:0 0 18px;display:grid;gap:6px;flex:1}
.price-card li{font-size:12px;color:#687572;line-height:1.26;padding-left:19px;position:relative}
.price-card li:before{content:"✓";position:absolute;left:0;color:#10a857;font-weight:900}
.price-cta{height:40px;border:1px solid #dfe3df;border-radius:12px;display:grid;place-items:center;text-decoration:none;color:#17201e;background:#fff;font-size:12px;font-weight:800;cursor:pointer}
.featured .price-cta{background:var(--orange);border-color:var(--orange);color:#fff}

/* REQUEST */
.request{min-height:150px;margin-top:16px;padding:22px 28px;display:grid;grid-template-columns:340px 1fr;gap:28px;align-items:center;background:#fff;border:1px solid #e7e9e7;border-radius:22px;box-shadow:var(--shadow)}
.request__copy h2{font-size:30px;line-height:1.02;margin:0 0 7px;letter-spacing:-.8px}
.request__copy p{font-size:12px;color:#7d8885;margin:0}
.request__form{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 190px;grid-template-rows:54px 28px;gap:8px 10px;align-items:end}
.request__form>label{font-size:10px;color:#7f8986;font-weight:600}
.request__form input:not([type="checkbox"]){display:block;width:100%;height:37px;padding:0 12px;border:1px solid #dfe3df;border-radius:10px;background:#fff;font-size:12px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}
.request__form input:not([type="checkbox"]):focus{border-color:#ff9e79;box-shadow:0 0 0 3px rgba(255,91,34,.08)}
.request__submit{grid-column:5;grid-row:1;height:46px;font-size:12px;padding:0 15px;border-radius:13px}
.consent{grid-column:1/5;grid-row:2;display:flex;align-items:center;gap:5px;flex-wrap:wrap;font-size:10px;color:#818c89;line-height:1.2}
.consent input{width:17px;height:17px;margin:0 3px 0 0;accent-color:var(--orange);flex:0 0 auto}
.consent label{cursor:pointer}
.legal-inline{border:0;background:transparent;color:#ef5822;padding:0;text-decoration:underline;text-underline-offset:2px;cursor:pointer;font-size:inherit}
.hp{position:absolute!important;left:-9999px!important}
.form-status{grid-column:1/6;font-size:10px;color:#667270}

/* FOOTER / COOKIE */
.footer{min-height:74px;margin-top:16px;border-top:1px solid #e3e6e3;background:#fff}
.footer__inner{min-height:74px;display:grid;grid-template-columns:230px 1fr;align-items:center;gap:20px}
.footer__brand{display:flex;align-items:center;gap:9px}
.footer__brand img{width:140px;height:46px;object-fit:contain;object-position:left center}
.footer__brand small{display:none}
.footer nav{display:flex;justify-content:center;gap:26px;flex-wrap:wrap}
.footer nav button{border:0;background:transparent;color:#77827f;font-size:10px;cursor:pointer;padding:4px 0}
.footer nav button:hover{color:#26312e}
.cookie{position:fixed;z-index:40;left:50%;bottom:16px;transform:translateX(-50%);width:min(1180px,calc(100% - 36px));min-height:54px;padding:8px 12px;display:flex;align-items:center;gap:12px;border:1px solid #ddd9cc;border-radius:16px;background:rgba(252,250,244,.96);box-shadow:0 12px 32px rgba(30,40,37,.14);backdrop-filter:blur(16px)}
.cookie[hidden]{display:none}
.cookie__icon{width:34px;height:34px;flex:0 0 34px;border-radius:50%;display:grid;place-items:center;background:#f4e8d1;color:#a17d26;font-size:12px}
.cookie p{flex:1;margin:0;font-size:11px;color:#707a77}
.cookie__link{border:0;background:transparent;text-decoration:underline;font-size:11px;cursor:pointer;padding:5px 8px}
.cookie__accept{height:34px;padding:0 20px;border:0;border-radius:10px;background:#10221d;color:#fff;font-size:11px;cursor:pointer}

/* MODALS */
.modal,.screen-modal,.request-modal{border:0;padding:0;color:#14201d;box-shadow:0 28px 90px rgba(10,20,17,.28)}
.modal{width:min(820px,calc(100% - 40px));border-radius:22px;background:#fff}
.screen-modal{width:min(1380px,calc(100% - 44px));max-height:92vh;border-radius:18px;background:rgba(255,255,255,.985);overflow:hidden}
.modal::backdrop,.screen-modal::backdrop,.request-modal::backdrop{background:rgba(11,17,15,.58);backdrop-filter:blur(10px)}
.modal__close{position:absolute;right:14px;top:12px;width:38px;height:38px;border:0;border-radius:50%;background:#eef1ef;font-size:24px;line-height:1;cursor:pointer;z-index:5}
.modal>div{padding:40px 42px 34px}
.modal h2{font-size:31px;margin:0 0 13px}
.modal p,.modal li{font-size:15px;line-height:1.58;color:#60706b}
.screen-modal .modal__close{color:#1c2623;background:rgba(255,255,255,.92);box-shadow:0 4px 14px rgba(0,0,0,.10)}
.screen-modal img{display:block;width:auto;max-width:100%;height:auto;max-height:88vh;margin:auto;object-fit:contain;background:#fff}
.skeleton{opacity:.55}

/* RESPONSIVE */
@media (max-width:1320px){
  .shell{width:min(100% - 40px,1180px)}
  .hero{height:550px}.header{height:78px}.hero__grid{height:472px;grid-template-columns:390px 1fr;gap:28px}.hero__copy{padding-top:31px}.hero__copy h1{font-size:49px}.hero__copy p{font-size:14px}.hero__stats{width:390px}.hero__stats strong{font-size:25px}.device__screen img{height:350px}
  .module-strip{min-height:100px}.module{padding:14px 12px;gap:10px}.module__icon{width:46px;height:46px;flex-basis:46px}.module b{font-size:13px}.module small{font-size:9px}
  .process{grid-template-columns:330px 1fr}.process__copy{padding:22px 24px}.process__copy h2{font-size:25px}.steps article{padding-inline:14px}.steps i{margin-left:42px}
  .feature-card{grid-template-columns:190px 1fr;min-height:220px;padding-left:22px}.feature-card h2{font-size:24px}.feature-card p{font-size:12px}.product-shot img,.audience-shot img{height:166px}
  .network__top{grid-template-columns:390px 1fr}.network__copy h2{font-size:31px}.network-shot{width:70%}.network-node{width:205px}
  .request{grid-template-columns:300px 1fr}.request__form{grid-template-columns:1fr 1fr 1fr 1fr 170px}
}
@media (max-width:980px){
  .shell{width:min(100% - 24px,760px)}
  .hero{height:auto}.header{height:74px}.brand{width:150px}.brand img{width:150px}.header__actions{gap:16px}.login-link{font-size:14px}.btn--header{height:44px}
  .hero__grid{height:auto;grid-template-columns:1fr;gap:14px;padding-bottom:28px}.hero__copy{padding:26px 6px 0}.hero__copy h1{font-size:48px}.hero__copy p{font-size:15px;max-width:620px}.hero__visual{order:-1;padding-top:4px}.device{width:100%}.device__screen img{height:auto;aspect-ratio:2.1/1}.hero__stats{width:min(480px,100%)}
  .module-strip{grid-template-columns:1fr 1fr 1fr;min-height:0}.module{min-height:94px;border-bottom:1px solid #eceeec}.module:nth-child(3n){border-right:0}
  .process{grid-template-columns:1fr}.process__copy{padding-bottom:16px}.steps{grid-template-columns:1fr 1fr}.steps>b{display:none}.steps article{min-height:125px}.steps article:nth-child(4){border-top:1px solid #eef0ee}.steps article:nth-child(6){border-top:1px solid #eef0ee}
  .feature-grid{grid-template-columns:1fr}.feature-card{grid-template-columns:minmax(210px,.75fr) 1.25fr}
  .network__top{grid-template-columns:1fr}.network__copy{padding-bottom:8px}.network__visual{min-height:280px}.network__benefits{grid-template-columns:1fr 1fr}
  .commercial-row{grid-template-columns:1fr}.pricing__grid,.pricing__grid[data-count="2"]{grid-template-columns:1fr 1fr}
  .request{grid-template-columns:1fr}.request__form{grid-template-columns:1fr 1fr;grid-template-rows:auto}.request__submit{grid-column:2;grid-row:auto}.consent{grid-column:1/3;grid-row:auto}.form-status{grid-column:1/3}
  .footer__inner{grid-template-columns:1fr;justify-items:center;padding:16px 0;gap:8px}.footer nav{gap:14px}.footer__social{text-align:center}
}
@media (max-width:620px){
  .shell{width:calc(100% - 18px)}
  body{font-size:14px}.header{height:68px}.brand{width:128px;height:44px}.brand img{width:128px;height:44px}.header__actions{gap:10px}.login-link{font-size:12px}.btn--header{height:40px;padding-inline:14px;font-size:11px}
  .hero__copy{padding-top:18px}.hero__copy h1{font-size:41px;letter-spacing:-1.8px}.hero__copy p{font-size:14px}.hero__buttons{flex-wrap:wrap}.hero__buttons .btn{font-size:12px;height:46px}.hero__stats{margin-top:20px}.hero__stats strong{font-size:23px}.hero__stats small{font-size:9px}
  .module-strip{grid-template-columns:1fr 1fr}.module:nth-child(3n){border-right:1px solid #eceeec}.module:nth-child(2n){border-right:0}
  .process__copy h2{font-size:26px}.steps{grid-template-columns:1fr}.steps article{border-top:1px solid #eef0ee;min-height:112px}.steps article:first-child{border-top:0}.steps i{margin-left:50px}
  .feature-card{grid-template-columns:1fr;min-height:0;padding:22px}.feature-card p{max-width:none}.product-shot img,.audience-shot img{height:auto;aspect-ratio:2.2/1}
  .network{padding:22px 18px}.network__copy h2{font-size:29px}.network__copy p{font-size:13px}.network__visual{min-height:230px}.network-shot{width:100%}.network-shot img{height:auto;aspect-ratio:2.45/1}.network-node{display:none}.network-lines{display:none}.network__benefits{grid-template-columns:1fr}
  .pricing{padding:20px 16px}.pricing__head{align-items:flex-start}.pricing__head>div:first-child{display:block}.pricing__head p{margin-top:5px}.pricing__grid,.pricing__grid[data-count="2"]{grid-template-columns:1fr}.price-card{min-height:230px}
  .request{padding:22px 18px}.request__form{grid-template-columns:1fr}.request__submit,.consent,.form-status{grid-column:1}.consent{align-items:flex-start}
  .cookie{align-items:flex-start;flex-wrap:wrap;padding:10px}.cookie p{min-width:calc(100% - 48px);font-size:10px}.cookie__link,.cookie__accept{margin-left:auto}
}


/* V5 — INTERACTIONS / THEME / RESPONSIVE POLISH */
.theme-control{display:flex;align-items:center;padding:3px;border:1px solid rgba(205,213,209,.95);border-radius:14px;background:rgba(255,255,255,.72);box-shadow:0 6px 18px rgba(20,29,26,.05);backdrop-filter:blur(12px)}
.theme-control button{position:relative;width:34px;height:32px;border:0;border-radius:10px;background:transparent;color:#6d7875;display:grid;place-items:center;cursor:pointer;transition:background .16s ease,color .16s ease,box-shadow .16s ease}
.theme-control button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.theme-control button span{position:absolute;right:4px;bottom:2px;font-size:7px;font-weight:900;line-height:1}
.theme-control button.active{background:#fff;color:#13201d;box-shadow:0 2px 8px rgba(20,29,26,.10)}

.request-modal{width:min(760px,calc(100% - 32px));border-radius:24px;background:#fff;overflow:visible}
.request-modal__inner{padding:38px 40px 34px}
.request-modal__head{padding-right:44px}
.request-modal__head h2{margin:8px 0 10px;font-size:34px;line-height:1.02;letter-spacing:-1px}
.request-modal__head p{margin:0 0 24px;color:#6c7975;font-size:14px;line-height:1.5;max-width:620px}
.request-modal__form{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px}
.request-modal__form>label{font-size:11px;color:#6f7b78;font-weight:700}
.request-modal__form input:not([type="checkbox"]){display:block;width:100%;height:46px;margin-top:6px;padding:0 13px;border:1px solid #dbe1dd;border-radius:12px;background:#fff;color:#111b19;font-size:13px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}
.request-modal__form input:not([type="checkbox"]):focus{border-color:#ff9e79;box-shadow:0 0 0 3px rgba(255,91,34,.09)}
.request-modal__consent{grid-column:1/3;grid-row:auto;font-size:11px;line-height:1.35}
.request-modal__submit{grid-column:1/3;width:100%;margin-top:2px}
.request-modal__form .form-status{grid-column:1/3;font-size:12px;min-height:18px}

.scroll-top{position:fixed;z-index:35;right:24px;bottom:86px;width:48px;height:48px;border:1px solid rgba(207,215,211,.95);border-radius:50%;background:rgba(255,255,255,.92);color:#16211e;display:grid;place-items:center;box-shadow:0 12px 30px rgba(18,28,24,.14);backdrop-filter:blur(14px);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease,background .2s ease}
.scroll-top.visible{opacity:1;visibility:visible;transform:none}
.scroll-top:hover{background:#fff;transform:translateY(-2px)}
.scroll-top svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* DARK THEME */
html[data-theme="dark"]{--bg:#0c100f;--panel:#151a18;--ink:#f2f5f3;--muted:#9da8a4;--muted-2:#86918d;--line:#29312e;--shadow:0 16px 46px rgba(0,0,0,.22);color-scheme:dark}
html[data-theme="dark"] body{background:linear-gradient(#0e1211 0%,#0b0f0e 100%);color:var(--ink)}
html[data-theme="dark"] .hero{background:#0e1211}
html[data-theme="dark"] .hero__bg{filter:saturate(.7) brightness(.42) contrast(1.04);opacity:.92}
html[data-theme="dark"] .hero:after{background:radial-gradient(circle at 60% 32%,rgba(11,16,14,.06) 0 24%,rgba(11,16,14,.48) 66%),linear-gradient(90deg,rgba(11,16,14,.93) 0%,rgba(11,16,14,.72) 33%,rgba(11,16,14,.20) 64%,rgba(11,16,14,.55) 100%)}
html[data-theme="dark"] .hero__copy h1,html[data-theme="dark"] .hero__stats strong,html[data-theme="dark"] .login-link{color:#f4f7f5}
html[data-theme="dark"] .hero__copy p,html[data-theme="dark"] .hero__stats small{color:#abb6b2}
html[data-theme="dark"] .hero__stats div{border-color:#37403d}
html[data-theme="dark"] .theme-control{background:rgba(19,24,22,.76);border-color:#3a4541}
html[data-theme="dark"] .theme-control button{color:#9aa7a2}
html[data-theme="dark"] .theme-control button.active{background:#2b3431;color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.28)}
html[data-theme="dark"] .btn--white{background:rgba(24,30,28,.92);border-color:#3b4642;color:#f2f5f3;box-shadow:none}
html[data-theme="dark"] .module-strip,html[data-theme="dark"] .process,html[data-theme="dark"] .feature-card,html[data-theme="dark"] .pricing,html[data-theme="dark"] .price-card,html[data-theme="dark"] .request,html[data-theme="dark"] .footer,html[data-theme="dark"] .network__benefits article{background:#151a18;border-color:#2a322f}
html[data-theme="dark"] .module{border-color:#29312e}
html[data-theme="dark"] .module:hover{background:#1b211f}
html[data-theme="dark"] .module__icon{background:#111614;border-color:#303a36;color:#e9efec}
html[data-theme="dark"] .module:first-child .module__icon{background:#2a1b15}
html[data-theme="dark"] .module small,html[data-theme="dark"] .process__copy p,html[data-theme="dark"] .steps p,html[data-theme="dark"] .feature-card p,html[data-theme="dark"] .network__copy p,html[data-theme="dark"] .network__benefits p,html[data-theme="dark"] .pricing__head p,html[data-theme="dark"] .price-card .desc,html[data-theme="dark"] .price-card li,html[data-theme="dark"] .request__copy p{color:#9ca7a3}
html[data-theme="dark"] .steps article{border-color:#29312e}
html[data-theme="dark"] .steps i svg{stroke:#f0f4f2}
html[data-theme="dark"] .product-shot,html[data-theme="dark"] .audience-shot{background:#f7f8f7}
html[data-theme="dark"] .network{background:linear-gradient(90deg,#211711 0%,#171a18 52%,#102019 100%);border-color:#75412f}
html[data-theme="dark"] .network-node{background:#151a18;color:#f2f5f3}
html[data-theme="dark"] .network__benefits article{border-color:#3a312d}
html[data-theme="dark"] .billing-toggle button{background:#232a27;color:#aab5b1}
html[data-theme="dark"] .price-card .price{color:#f2f5f3}
html[data-theme="dark"] .price-cta{background:#171d1b;border-color:#35403c;color:#f2f5f3}
html[data-theme="dark"] .featured .price-cta{background:var(--orange);border-color:var(--orange)}
html[data-theme="dark"] .request__form input:not([type="checkbox"]),html[data-theme="dark"] .request-modal__form input:not([type="checkbox"]){background:#101513;border-color:#35403c;color:#eef3f0}
html[data-theme="dark"] .request-modal,html[data-theme="dark"] .modal,html[data-theme="dark"] .screen-modal{background:#151a18;color:#f2f5f3}
html[data-theme="dark"] .request-modal__head p,html[data-theme="dark"] .modal p,html[data-theme="dark"] .modal li{color:#a3afaa}
html[data-theme="dark"] .modal__close{background:#27302d;color:#fff}
html[data-theme="dark"] .footer{border-color:#29312e}
html[data-theme="dark"] .footer nav button{color:#9da8a4}
html[data-theme="dark"] .cookie{background:rgba(20,25,23,.95);border-color:#39423e;color:#eef3f0}
html[data-theme="dark"] .cookie p{color:#aab4b0}
html[data-theme="dark"] .cookie__accept{background:#eef3f0;color:#101513}
html[data-theme="dark"] .scroll-top{background:rgba(20,25,23,.93);border-color:#3b4642;color:#f2f5f3}

/* V5 RESPONSIVE HARDENING */
@media (max-width:980px){
  .header__actions{gap:12px}.theme-control button{width:32px}
  .pricing__grid,.pricing__grid[data-count="2"]{grid-template-columns:1fr 1fr}
}
@media (max-width:720px){
  .pricing__head{align-items:flex-start;flex-direction:column}.billing-toggle{align-self:flex-start}
  .request-modal__inner{padding:32px 24px 26px}.request-modal__form{grid-template-columns:1fr}.request-modal__consent,.request-modal__submit,.request-modal__form .form-status{grid-column:1}
}
@media (max-width:620px){
  .header{height:auto;min-height:118px;padding:10px 0 12px;flex-wrap:wrap;align-content:flex-start;gap:4px}
  .brand{width:132px;height:42px}.brand img{width:132px;height:42px}
  .header__actions{width:100%;justify-content:space-between;gap:7px;order:2}
  .login-link{font-size:12px}.theme-control{order:2;padding:2px;border-radius:12px}.theme-control button{width:30px;height:29px}.theme-control button svg{width:14px;height:14px}
  .btn--header{height:39px;padding-inline:13px;font-size:10px;border-radius:13px}
  .hero__grid{padding-bottom:24px}.hero__copy h1{font-size:clamp(34px,11vw,43px);line-height:1}.hero__copy p{font-size:13px;line-height:1.45}
  .hero__buttons{display:grid;grid-template-columns:1fr}.hero__buttons .btn{width:100%}
  .hero__stats{width:100%;grid-template-columns:repeat(3,1fr)}.hero__stats div{padding-right:8px}.hero__stats strong{font-size:21px}.hero__stats small{font-size:8px}
  .module{padding:13px 11px}.module__icon{width:42px;height:42px;flex-basis:42px}.module b{font-size:12px}.module small{font-size:8px}
  .process__copy{padding:22px 20px}.process__copy h2{font-size:25px}.steps article{padding-right:16px}
  .feature-card{padding:20px 18px}.feature-card h2{font-size:25px}.feature-card p{font-size:12px}.product-shot img,.audience-shot img{aspect-ratio:2.15/1}
  .network{padding:20px 16px}.network__copy h2{font-size:28px}.network__benefits article{min-height:auto}
  .pricing{padding:20px 14px}.pricing__head h2{font-size:28px}.pricing__grid,.pricing__grid[data-count="2"]{grid-template-columns:1fr}.price-card{padding:18px;min-height:220px}
  .request__copy h2{font-size:27px}.request__form>label{font-size:11px}.request__form input:not([type="checkbox"]){height:42px}
  .footer__inner{grid-template-columns:1fr;justify-items:center;padding:16px 0;gap:8px}.footer nav{gap:12px}
  .request-modal{width:calc(100% - 18px);border-radius:20px}.request-modal__inner{padding:30px 18px 22px}.request-modal__head h2{font-size:28px}.request-modal__head p{font-size:13px}.request-modal__form{gap:11px}.request-modal__form input:not([type="checkbox"]){height:44px}
  .modal{width:calc(100% - 18px)}.modal>div{padding:34px 20px 26px}.modal h2{font-size:27px}.modal p,.modal li{font-size:14px}
  .screen-modal{width:calc(100% - 12px);max-height:94vh;border-radius:14px}.screen-modal img{max-height:92vh}
  .scroll-top{right:14px;bottom:88px;width:44px;height:44px}
}
@media (max-width:380px){
  .shell{width:calc(100% - 14px)}
  .header__actions{gap:5px}.theme-control button{width:28px}.btn--header{padding-inline:10px}.btn--header b{display:none}
  .module-strip{grid-template-columns:1fr}.module{border-right:0!important}.module:nth-child(odd){border-right:0}
  .hero__copy h1{font-size:35px}.network__copy h2{font-size:26px}
  .cookie{width:calc(100% - 16px);bottom:8px}
}

/* =========================================================
   V6 — conversion polish / anti-abuse UX / colored icon system
   ========================================================= */

/* Color system for the main navigation modules — visible in both themes */
.module:nth-child(1) .module__icon{color:#ff5b22;background:#fff1eb;border-color:#ffd5c4}
.module:nth-child(2) .module__icon{color:#2478ff;background:#eef5ff;border-color:#cfe0ff}
.module:nth-child(3) .module__icon{color:#7657ff;background:#f3f0ff;border-color:#ddd5ff}
.module:nth-child(4) .module__icon{color:#e59a16;background:#fff8e8;border-color:#f4dfad}
.module:nth-child(5) .module__icon{color:#10a866;background:#ebfaf3;border-color:#c9eedc}
.module:nth-child(6) .module__icon{color:#0f96aa;background:#eaf9fb;border-color:#c9edf2}
.module:hover .module__icon{transform:translateY(-1px);box-shadow:0 8px 18px rgba(20,31,27,.08)}
.module__icon{transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease,color .18s ease}

/* Colored process and network icon accents */
.steps article:nth-of-type(1) i{color:#2478ff}.steps article:nth-of-type(2) i{color:#ff5b22}.steps article:nth-of-type(3) i{color:#7657ff}.steps article:nth-of-type(4) i{color:#10a866}
.steps i svg{stroke:currentColor}
.network__benefits article:nth-child(1) i{color:#ff5b22}.network__benefits article:nth-child(2) i{color:#2478ff}.network__benefits article:nth-child(3) i{color:#e59a16}.network__benefits article:nth-child(4) i{color:#10a866}

/* Pricing: clearer hierarchy and the key unlimited-seats advantage */
.pricing{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff 0%,#fdfdfc 100%)}
.pricing:before{content:"";position:absolute;inset:-140px auto auto -120px;width:330px;height:250px;background:radial-gradient(circle,rgba(255,91,34,.09),rgba(255,91,34,0) 70%);pointer-events:none}
.pricing__head,.pricing__grid{position:relative;z-index:1}
.price-card{overflow:hidden;min-height:390px;padding:24px;border-color:#dce3df;background:linear-gradient(180deg,#fff 0%,#fbfcfb 100%);box-shadow:0 8px 28px rgba(23,34,30,.04);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.price-card:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(23,34,30,.08);border-color:#ccd7d2}
.price-card:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#ff5b22,#ff8c57)}
.price-card.plan-manufacturer:before{background:linear-gradient(90deg,#2478ff,#10a866)}
.price-card.featured{border:1.5px solid rgba(255,91,34,.72);box-shadow:0 14px 36px rgba(255,91,34,.10)}
.price-card__eyebrow{margin-bottom:9px;font-size:9px;font-weight:850;letter-spacing:.15em;color:#9aa39f}
.price-card h3{font-size:22px;letter-spacing:-.35px}
.price-card .desc{min-height:42px;font-size:12.5px;line-height:1.42}
.price-card .price{margin:18px 0 14px;font-size:36px;letter-spacing:-1px}
.price-highlight{display:flex;align-items:flex-start;gap:12px;margin:0 0 18px;padding:14px 15px;border:1px solid #ffd4c3;border-radius:14px;background:linear-gradient(135deg,#fff6f1 0%,#fff 72%)}
.plan-manufacturer .price-highlight{border-color:#cfe4dd;background:linear-gradient(135deg,#effaf6 0%,#fff 72%)}
.price-highlight__icon{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:11px;background:#ff5b22;color:#fff;font-size:22px;font-weight:800;line-height:1;box-shadow:0 6px 16px rgba(255,91,34,.18)}
.plan-manufacturer .price-highlight__icon{background:linear-gradient(135deg,#2478ff,#10a866);box-shadow:0 6px 16px rgba(36,120,255,.15)}
.price-highlight strong{display:block;color:#16201e;font-size:12.5px;line-height:1.25}
.price-highlight small{display:block;margin-top:4px;color:#7e8985;font-size:10.5px;line-height:1.35}
.price-card ul{gap:7px;margin-bottom:20px}
.price-card li{font-size:12.5px}
.price-cta{height:45px;border-radius:13px;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
.price-cta:hover{transform:translateY(-1px);border-color:#bccac4;box-shadow:0 8px 18px rgba(23,34,30,.06)}
.featured .price-cta:hover{box-shadow:0 10px 22px rgba(255,91,34,.20)}

/* Final request block: visually closes the landing instead of looking like a utility form */
.request{position:relative;overflow:hidden;min-height:178px;padding:28px 30px;border:1px solid transparent;background:linear-gradient(110deg,rgba(255,248,244,.98) 0%,#fff 42%,rgba(240,249,246,.98) 100%) padding-box,linear-gradient(100deg,rgba(255,91,34,.40),rgba(36,120,255,.16),rgba(16,168,102,.30)) border-box;box-shadow:0 14px 38px rgba(24,35,31,.07)}
.request:before{content:"";position:absolute;left:-80px;bottom:-120px;width:300px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(255,91,34,.10),rgba(255,91,34,0) 70%);pointer-events:none}
.request:after{content:"";position:absolute;right:-90px;top:-130px;width:320px;height:270px;border-radius:50%;background:radial-gradient(circle,rgba(16,168,102,.08),rgba(16,168,102,0) 70%);pointer-events:none}
.request__copy,.request__form{position:relative;z-index:1}
.request__copy h2{font-size:32px}.request__copy p{font-size:12.5px;line-height:1.45}
.request__form>label{font-size:10.5px;letter-spacing:.01em;color:#697672}
.request__form input:not([type="checkbox"]),.request-modal__form input:not([type="checkbox"]){border-color:#d7dfdb;background:rgba(255,255,255,.94)}
.request__form input:not([type="checkbox"]):hover,.request-modal__form input:not([type="checkbox"]):hover{border-color:#c4d0ca}
.request__form input.is-invalid,.request-modal__form input.is-invalid{border-color:#e34f4f!important;box-shadow:0 0 0 3px rgba(227,79,79,.10)!important;background:#fffafa!important}
.consent.is-invalid{padding:7px 9px;margin:-7px -9px;border:1px solid rgba(227,79,79,.48);border-radius:10px;background:rgba(227,79,79,.055)}
.form-status{min-height:0;padding:0;border-radius:10px;line-height:1.35}
.form-status:not([hidden]){padding:8px 10px}
.form-status.pending{color:#5f6c68;background:#f2f5f3;border:1px solid #e1e7e3}
.form-status.error{color:#9f2f2f;background:#fff3f3;border:1px solid #f0c9c9}
.form-status.success{color:#157844;background:#eef9f3;border:1px solid #c7ead7}
.form-status strong{font-weight:850}.form-status ul{margin:5px 0 0 17px;padding:0}.form-status li{margin:2px 0}
.request__submit:disabled,.request-modal__submit:disabled{opacity:.65;cursor:wait;transform:none!important}

/* Dark theme keeps the icon language colorful instead of turning everything monochrome */
html[data-theme="dark"] .module:nth-child(1) .module__icon{color:#ff7040;background:#2d1c16;border-color:#5a3022}
html[data-theme="dark"] .module:nth-child(2) .module__icon{color:#65a0ff;background:#142138;border-color:#263e65}
html[data-theme="dark"] .module:nth-child(3) .module__icon{color:#9c86ff;background:#201a37;border-color:#3b3260}
html[data-theme="dark"] .module:nth-child(4) .module__icon{color:#f0b84e;background:#2d2514;border-color:#594923}
html[data-theme="dark"] .module:nth-child(5) .module__icon{color:#39c987;background:#112a20;border-color:#24533e}
html[data-theme="dark"] .module:nth-child(6) .module__icon{color:#48bfd0;background:#12272a;border-color:#285057}
html[data-theme="dark"] .pricing{background:linear-gradient(180deg,#151a18 0%,#121715 100%);border-color:#2a322f}
html[data-theme="dark"] .price-card{background:linear-gradient(180deg,#171d1b 0%,#131816 100%);border-color:#303a36;box-shadow:0 12px 34px rgba(0,0,0,.16)}
html[data-theme="dark"] .price-card:hover{border-color:#46524d;box-shadow:0 18px 42px rgba(0,0,0,.24)}
html[data-theme="dark"] .price-card__eyebrow{color:#7f8d87}
html[data-theme="dark"] .price-highlight{border-color:#603526;background:linear-gradient(135deg,#2b1d17 0%,#171d1b 78%)}
html[data-theme="dark"] .plan-manufacturer .price-highlight{border-color:#245144;background:linear-gradient(135deg,#132b23 0%,#171d1b 78%)}
html[data-theme="dark"] .price-highlight strong{color:#f0f4f2}html[data-theme="dark"] .price-highlight small{color:#96a39e}
html[data-theme="dark"] .request{background:linear-gradient(110deg,#201713 0%,#151a18 46%,#102019 100%) padding-box,linear-gradient(100deg,#6b3928,#2e415e,#24533e) border-box}
html[data-theme="dark"] .request__form input.is-invalid,html[data-theme="dark"] .request-modal__form input.is-invalid{background:#261717!important;border-color:#d86161!important}
html[data-theme="dark"] .form-status.pending{color:#aab5b1;background:#1c2421;border-color:#303a36}
html[data-theme="dark"] .form-status.error{color:#ffb5b5;background:#2a1818;border-color:#5d3030}
html[data-theme="dark"] .form-status.success{color:#8ae0b0;background:#13271d;border-color:#28513b}
html[data-theme="dark"] .consent.is-invalid{background:rgba(216,97,97,.08);border-color:#6a3838}

@media (max-width:980px){
  .price-card{min-height:370px}.request{padding:26px 24px}
}
@media (max-width:620px){
  .price-card{min-height:0;padding:20px}.price-highlight{padding:12px}.price-highlight strong{font-size:12px}
  .request{padding:24px 18px;gap:20px}.request__copy h2{font-size:29px}.request__form{gap:10px}.form-status{font-size:11px}
}
.price-card .badge{top:12px;right:14px;z-index:2}
.price-card.featured .price-card__head{padding-right:92px}
@media (max-width:620px){.price-card.featured .price-card__head{padding-right:80px}.price-card .badge{font-size:9px}}

/* =========================================================
   V7 — final layout polish from approved V6 direction
   ========================================================= */

/* Process — Variant A: number + title + description only. */
.steps--simple article{
  padding:26px 22px 22px;
  justify-content:center;
  align-items:flex-start;
}
.steps--simple .stepnum{
  position:static;
  width:32px;
  height:32px;
  flex:0 0 32px;
  margin:0 0 16px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#2d87ff;
  color:#fff;
  font-size:14px;
  font-weight:850;
  box-shadow:0 6px 16px rgba(45,135,255,.15);
}
.steps--simple h3{margin:0 0 6px;font-size:17px;line-height:1.15}
.steps--simple p{margin:0;font-size:12px;line-height:1.35}
.steps--simple>b{
  color:#2d87ff;
  opacity:.62;
  font-size:21px;
  font-weight:600;
  user-select:none;
}

/* Pricing — visually symmetric cards and no internal helper copy in the heading. */
.pricing__head>div:first-child{display:block}
.pricing__grid{align-items:stretch}
.price-card{
  height:100%;
  min-height:438px;
}
.price-card__head{
  min-height:86px;
}
.price-card .desc{
  min-height:44px;
  max-height:54px;
  overflow:hidden;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
}
.price-card .price{min-height:42px;display:flex;align-items:baseline}
.price-highlight{
  min-height:74px;
  align-items:center;
}
.price-highlight__icon{
  width:38px;
  height:38px;
  flex:0 0 38px;
  padding:0;
  display:grid;
  place-items:center;
}
.price-highlight__icon svg{
  display:block;
  width:25px;
  height:17px;
  fill:none;
  stroke:currentColor;
  stroke-width:3;
  stroke-linecap:round;
  stroke-linejoin:round;
  overflow:visible;
}
.price-card ul{align-content:start}

/* Final CTA — deliberately strong, flat orange; no gradient. */
.request{
  min-height:184px;
  color:#fff;
  background:#ff5b22;
  border:1px solid #ff5b22;
  box-shadow:0 18px 42px rgba(244,79,24,.22);
}
.request:before,.request:after{display:none}
.request__copy h2,.request__copy p{color:#fff}
.request__copy p{opacity:.86}
.request__form>label{color:rgba(255,255,255,.90)}
.request__form input:not([type="checkbox"]){
  background:#fff;
  color:#14201d;
  border-color:rgba(255,255,255,.72);
  box-shadow:0 2px 10px rgba(128,39,8,.05);
}
.request__form input:not([type="checkbox"]):hover{border-color:#fff}
.request__form input:not([type="checkbox"]):focus{border-color:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.24)}
.request .consent{color:rgba(255,255,255,.92)}
.request .legal-inline{color:#fff;text-decoration-color:rgba(255,255,255,.75)}
.request .request__submit{
  background:#101b2b;
  color:#fff;
  border:1px solid #101b2b;
  box-shadow:0 10px 24px rgba(11,23,43,.20);
}
.request .request__submit:hover{background:#17253a;box-shadow:0 13px 28px rgba(11,23,43,.25)}
.request .consent.is-invalid{background:rgba(94,16,6,.18);border-color:rgba(255,255,255,.58)}

/* Back-to-top — compact utility, not a floating design element. */
.scroll-top{
  right:16px;
  bottom:16px;
  width:36px;
  height:36px;
  border-radius:11px;
  background:rgba(255,255,255,.88);
  border:1px solid rgba(205,214,210,.92);
  box-shadow:0 7px 18px rgba(18,28,24,.10);
  backdrop-filter:blur(12px);
}
.scroll-top.with-cookie{bottom:82px}
.scroll-top:hover{transform:translateY(-1px);box-shadow:0 9px 20px rgba(18,28,24,.13)}
.scroll-top svg{width:17px;height:17px;stroke-width:2.1}

/* Dark theme: CTA stays the same high-contrast brand orange. */
html[data-theme="dark"] .request{
  color:#fff;
  background:#ff5b22;
  border-color:#ff5b22;
  box-shadow:0 18px 46px rgba(0,0,0,.30);
}
html[data-theme="dark"] .request__copy h2,
html[data-theme="dark"] .request__copy p{color:#fff}
html[data-theme="dark"] .request__form>label{color:rgba(255,255,255,.90)}
html[data-theme="dark"] .request__form input:not([type="checkbox"]){background:#fff;border-color:rgba(255,255,255,.72);color:#14201d}
html[data-theme="dark"] .request .consent{color:rgba(255,255,255,.92)}
html[data-theme="dark"] .request .legal-inline{color:#fff}
html[data-theme="dark"] .request .request__submit{background:#101b2b;border-color:#101b2b;color:#fff}
html[data-theme="dark"] .scroll-top{background:rgba(20,25,23,.90);border-color:#39443f;color:#f2f5f3}

@media (max-width:980px){
  .steps--simple article{padding:24px 20px;min-height:128px}
  .steps--simple article:nth-of-type(n+3){border-top:1px solid #eef0ee}
  .price-card{min-height:410px}
  .price-card__head{min-height:92px}
}
@media (max-width:620px){
  .steps--simple article{min-height:0;padding:20px 18px}
  .steps--simple article:not(:first-of-type){border-top:1px solid #eef0ee}
  .steps--simple .stepnum{width:29px;height:29px;flex-basis:29px;margin-bottom:12px;font-size:12px;box-shadow:none}
  .steps--simple h3{font-size:16px}
  .price-card{min-height:0}
  .price-card__head{min-height:0}
  .price-card .desc{min-height:0;max-height:none;-webkit-line-clamp:unset;display:block}
  .price-highlight{min-height:0}
  .request{min-height:0;padding:24px 18px}
  .request__copy h2{font-size:30px}
  .request__copy p{font-size:13px}
  .scroll-top{right:10px;bottom:10px;width:34px;height:34px;border-radius:10px}
  .scroll-top.with-cookie{bottom:92px}
}

/* =========================================================
   V9 — exact correction of approved notes
   1) CTA submit = same visual height as input controls
   2) tariff internals use strict shared rows
   3) network benefit icons match approved render direction
   4) process Variant A restored: no secondary icons
   ========================================================= */

/* Final orange CTA: the dark action button is the same height/radius as the white input fields. */
@media (min-width:981px){
  .request__submit{
    height:37px;
    min-height:37px;
    border-radius:10px;
    align-self:end;
    padding-inline:16px;
  }
}

/* Tariffs: both cards share identical internal row geometry. */
.pricing__grid{align-items:stretch}
.price-card{
  display:grid;
  grid-template-rows:108px 58px 78px minmax(190px,1fr) 45px;
  min-height:510px;
  height:100%;
  align-content:stretch;
}
.price-card__head{
  height:108px;
  min-height:108px;
  overflow:hidden;
}
.price-card__eyebrow{margin-bottom:9px}
.price-card h3{margin:0 0 8px}
.price-card .desc{
  min-height:0;
  max-height:50px;
  margin:0;
  overflow:hidden;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
}
.price-card .price{
  height:58px;
  min-height:58px;
  margin:0;
  display:flex;
  align-items:center;
}
.price-highlight{
  height:78px;
  min-height:78px;
  margin:0;
  align-items:center;
}
.price-card ul{
  min-height:0;
  margin:16px 0 18px;
  align-content:start;
}
.price-card .price-cta{
  align-self:end;
  margin:0;
  height:45px;
}

/* Network benefit rectangles: render-style full pictograms, not text glyphs. */
.network__benefits article{
  align-items:center;
}
.network-benefit-icon{
  width:42px;
  height:42px;
  flex:0 0 42px;
  display:grid;
  place-items:center;
  color:#ff5b22;
}
.network-benefit-icon svg{
  width:36px;
  height:36px;
  display:block;
}
.network-benefit-icon .fill{fill:currentColor;stroke:none}
.network-benefit-icon .cut{
  fill:none;
  stroke:#fff;
  stroke-width:2.3;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.network__benefits article:nth-child(n) .network-benefit-icon{color:#ff5b22}

/* Process = approved Variant A. Numbers are the only step markers. */
.steps--simple article{
  min-height:176px;
  padding:26px 24px 24px;
  justify-content:center;
}
.steps--simple .step-icon{display:none!important}
.steps--simple .stepnum{
  margin:0 0 20px;
}
.steps--simple h3{margin:0 0 7px}
.steps--simple>b{
  align-self:center;
  margin:0;
}

html[data-theme="dark"] .network-benefit-icon{color:#ff7547}

@media (max-width:980px){
  .price-card{
    grid-template-rows:112px 58px 78px minmax(178px,1fr) 45px;
    min-height:500px;
  }
  .steps--simple article{min-height:138px;padding:22px 20px}
  .steps--simple .stepnum{margin-bottom:15px}
}
@media (max-width:620px){
  .price-card{
    display:flex;
    min-height:0;
    height:auto;
  }
  .price-card__head{height:auto;min-height:0;overflow:visible}
  .price-card .desc{max-height:none;display:block;overflow:visible}
  .price-card .price{height:auto;min-height:0;margin:18px 0 14px}
  .price-highlight{height:auto;min-height:0;margin:0 0 18px}
  .price-card ul{margin:0 0 18px}
  .steps--simple article{min-height:0;padding:19px 18px}
  .steps--simple .stepnum{margin-bottom:12px}
  .network-benefit-icon{width:38px;height:38px;flex-basis:38px}
  .network-benefit-icon svg{width:32px;height:32px}
}

/* =========================================================
   V10 — exact visual fixes + functional CMS block ordering
   ========================================================= */

/* Network role cards: render-style pictograms instead of placeholder marks. */
.network-node i{
  width:52px;height:52px;flex:0 0 52px;border-radius:50%;
  display:grid;place-items:center;font-style:normal;
}
.network-node i svg{width:38px;height:38px;display:block;fill:currentColor;stroke:none}
.network-node--left i{background:#fff0e8;color:#ff5b22}
.network-node--right i{background:#e8f8ef;color:#10a866}
.network-node--left i .badge-ring{fill:#ff5b22;stroke:#fff;stroke-width:2.5}
.network-node--left i .badge-line{fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}

/* Process: no ordinal circles; larger hierarchy, copy and flow arrows. */
.steps--simple article{min-height:170px;padding:30px 28px;justify-content:center}
.steps--simple .stepnum{display:none!important}
.steps--simple h3{font-size:20px;line-height:1.15;margin:0 0 11px;letter-spacing:-.22px}
.steps--simple p{font-size:14px;line-height:1.42;color:#7c8884}
.steps--simple>b{font-size:30px;line-height:1;color:#2d87ff;opacity:.78;font-weight:500}

/* Billing selector: discount becomes a proper control-sized pill when annual billing is active. */
.billing-toggle{gap:7px}
.billing-toggle button,.billing-toggle #annualDiscount{
  height:36px;min-width:96px;padding:0 16px;border-radius:14px;
  display:inline-flex;align-items:center;justify-content:center;
  box-sizing:border-box;font-size:11px;line-height:1;font-weight:700;
}
.billing-toggle #annualDiscount:empty{display:none}
.billing-toggle #annualDiscount:not(:empty){
  background:#fff0e9;color:#ff5b22;border:1px solid #ffc6b2;
}
html[data-theme="dark"] .billing-toggle #annualDiscount:not(:empty){background:#2d1e18;border-color:#70412f;color:#ff8257}

/* Price period: explicit and readable, so amount cannot be mistaken for daily pricing. */
.price-card .price{gap:10px}
.price-card .price .price-period{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:29px;padding:0 10px;border-radius:9px;
  border:1px solid #dce4df;background:#f4f7f5;
  color:#687572;font-size:12px;font-weight:800;white-space:nowrap;
}
html[data-theme="dark"] .price-card .price .price-period{background:#202724;border-color:#39443f;color:#b9c4bf}

/* CMS ordering creates temporary layout wrappers; they inherit the same geometry as original ones. */
.cms-feature-flow{display:grid}
.cms-pricing-flow{display:block}

@media (max-width:980px){
  .steps--simple article{min-height:134px;padding:24px 21px}
  .steps--simple h3{font-size:18px}.steps--simple p{font-size:13px}.steps--simple>b{font-size:27px}
}
@media (max-width:620px){
  .steps--simple article{min-height:0;padding:20px 18px}
  .steps--simple h3{font-size:17px}.steps--simple p{font-size:13px}.steps--simple>b{font-size:24px}
  .billing-toggle{flex-wrap:wrap}.billing-toggle button,.billing-toggle #annualDiscount{min-width:auto;height:34px;padding-inline:13px}
  .price-card .price{align-items:center;flex-wrap:wrap;gap:8px}
  .price-card .price .price-period{min-height:27px;font-size:11px}
}

/* =========================================================
   MESHRUT_FORM_LAYOUT_INN_UX_V1
   Keep INN feedback stable and restore the final CTA grid.
   ========================================================= */

/* Inline request form: five fields + CTA must be six columns on wide screens. */
@media (min-width:1281px){
  .request__form{
    grid-template-columns:
      minmax(126px,1fr)
      minmax(126px,1fr)
      minmax(150px,1fr)
      minmax(150px,1fr)
      minmax(150px,1fr)
      190px;
    grid-template-rows:auto auto auto;
    column-gap:10px;
    row-gap:8px;
    align-items:start;
  }

  .request__submit{
    grid-column:6;
    grid-row:1;
    align-self:start;
    margin-top:15px;
    height:37px;
  }

  .request .consent{
    grid-column:1/7;
    grid-row:2;
    align-self:center;
    margin:0;
  }

  .request .form-status{
    grid-column:1/7;
    grid-row:3;
  }
}

/* Medium desktop: do not squeeze six controls into the old narrow grid. */
@media (min-width:981px) and (max-width:1280px){
  .request{
    grid-template-columns:1fr;
    align-items:start;
  }

  .request__copy{
    max-width:720px;
  }

  .request__copy h2 br{
    display:none;
  }

  .request__form{
    grid-template-columns:repeat(3,minmax(0,1fr));
    grid-template-rows:auto;
    align-items:start;
  }

  .request__submit{
    grid-column:3;
    grid-row:auto;
    align-self:end;
    height:42px;
  }

  .request .consent,
  .request .form-status{
    grid-column:1/4;
    grid-row:auto;
  }
}

/* INN feedback always owns the same vertical slot: no jumping layout. */
.demo-form label:has(input[name="tax_id"]){
  min-width:0;
}

.demo-form small[data-inn-status]{
  display:block;
  box-sizing:border-box;
  height:15px;
  min-height:15px;
  margin-top:2px;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  font-size:9px;
  font-weight:650;
  line-height:13px;
  color:#66736f;
}

/* Inline orange block needs readable feedback against the brand background. */
.request .demo-form small[data-inn-status]{
  color:rgba(255,255,255,.92);
}

/* Modal keeps exactly the same two-column geometry while feedback appears. */
.request-modal__form > label{
  min-width:0;
}

.request-modal__form small[data-inn-status]{
  font-size:10px;
  line-height:13px;
  color:#5f6d68;
}

/* Error panel belongs below the form, never inside the field row. */
.request .form-status:not([hidden]){
  margin-top:0;
}

/* Tablet/mobile: natural stacking remains intact. */
@media (max-width:980px){
  .request__form{
    align-items:start;
  }

  .request__submit{
    align-self:end;
  }
}

@media (max-width:620px){
  .demo-form small[data-inn-status]{
    white-space:normal;
    height:28px;
    min-height:28px;
    line-height:13px;
  }
}

/* =========================================================
   MESHRUT_MODAL_INN_UX_V1
   Modal: INN + company flow without row jumping.
   ========================================================= */
.request-modal__form > label:has(input[name="phone"]){
  grid-column:1/3;
}

.request-modal__form small[data-inn-status]{
  display:block;
  box-sizing:border-box;
  height:15px;
  min-height:15px;
  margin-top:2px;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  font-size:10px;
  font-weight:650;
  line-height:13px;
  color:#5f6d68;
}

@media (max-width:720px){
  .request-modal__form > label:has(input[name="phone"]){
    grid-column:1;
  }
}


/* =========================================================
   MESHRUT_UI_QA_V2_20261002
   Corrective UI patch after owner visual review.
   No feature-card enlargement or screenshot crop.
   ========================================================= */

/* One explicit native UI font stack across text and controls.
   Prevent synthetic bold/fallback differences. */
html,body,button,input,select,textarea{
  font-family:"Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,
              BlinkMacSystemFont,Roboto,Arial,sans-serif!important;
  font-synthesis:none;
}
body{font-weight:400;}
b,strong{font-weight:700;}

/* Keep hierarchy, remove excessively heavy tiny text. */
.module b,
.text-link,
.login-link,
.btn,
.price-cta,
.billing-toggle button,
.price-highlight strong,
.price-card__eyebrow,
.price-card .badge{font-weight:600!important;}
.module small,
.feature-card p,
.process__copy p,
.steps p,
.network__copy p,
.network__benefits p,
.pricing__head p,
.price-card .desc,
.price-card li,
.price-highlight small,
.price-period{font-weight:400!important;}
h1,h2,h3{font-weight:700;}

/* No extra external focus contour on landing buttons/toggles/links.
   Form inputs keep their own dedicated focus state. */
button:focus,
button:focus-visible,
a:focus,
a:focus-visible,
[role="button"]:focus,
[role="button"]:focus-visible{
  outline:none!important;
}

/* Orange primary buttons do not get a black decorative border. */
.btn--orange,
.btn--header.btn--orange,
.request__submit,
.request-modal__submit,
.featured .price-cta{border-color:transparent!important;}

/* Header controls: identical OUTER HEIGHT. CTA stays dominant by color/width. */
.header__actions{display:flex;align-items:center;gap:11px;}
.login-link{
  box-sizing:border-box;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:44px;
  min-height:44px;
  padding:0 14px;
  border:1px solid rgba(205,213,209,.95);
  border-radius:14px;
  background:rgba(255,255,255,.72);
  color:var(--ink);
  line-height:1;
}
.theme-control{
  box-sizing:border-box;
  height:44px;
  min-height:44px;
  padding:4px;
  border-radius:14px;
}
.theme-control button{height:34px;}
.btn--header{
  box-sizing:border-box;
  height:44px!important;
  min-height:44px!important;
  padding-inline:20px;
  border-radius:14px;
}
html[data-theme="dark"] .login-link{
  background:rgba(19,24,22,.76);
  border-color:#3a4541;
  color:#f4f7f5;
}

/* Established compact section rhythm; no oversized gap. */
.module-strip{margin-top:16px!important;}

/* Geometric close icon, independent of font glyph metrics. */
.modal__close{
  display:grid;
  place-items:center;
  padding:0;
  font-size:0!important;
  line-height:0!important;
}
.modal__close::before,
.modal__close::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:14px;
  height:1.6px;
  border-radius:99px;
  background:currentColor;
  transform-origin:center;
}
.modal__close::before{transform:translate(-50%,-50%) rotate(45deg);}
.modal__close::after{transform:translate(-50%,-50%) rotate(-45deg);}

/* Audience wrapper became a button only for lightbox behavior.
   Keep its original visual geometry. */
button.audience-shot{
  appearance:none;
  -webkit-appearance:none;
  display:block;
  width:100%;
  padding:0;
  margin:0;
  border:0;
  background:transparent;
  text-align:initial;
  font:inherit;
  cursor:zoom-in;
}

/* Higher-quality raster source, exact original V10 box geometry. */
.product-shot,
.audience-shot,
.network-shot{overflow:hidden;}
.product-shot img,
.audience-shot img,
.network-shot img{image-rendering:auto;}

@media (max-width:620px){
  .header__actions{gap:7px;align-items:center;}
  .login-link,
  .theme-control,
  .btn--header{
    height:40px!important;
    min-height:40px!important;
    border-radius:12px;
  }
  .login-link{padding-inline:11px;}
  .theme-control{padding:4px;}
  .theme-control button{height:30px;}
  .btn--header{padding-inline:13px;}
  .module-strip{margin-top:14px!important;}
}
/* MESHRUT_UI_QA_V2_20261002_END */


/* =========================================================
   MESHRUT_UI_QA_V3_1_20261002
   Hero-only readability + CMS-safe stats + direct capabilities scroll.
   ========================================================= */

.hero__stats strong.hero-stat--text{
  display:block;
  max-width:150px;
  font-size:14px!important;
  line-height:1.12!important;
  letter-spacing:0!important;
  white-space:normal!important;
  overflow-wrap:anywhere;
  word-break:normal;
  text-transform:none;
  font-weight:600!important;
}
.hero__stats div{
  min-width:0;
  overflow:hidden;
}

.hero__visual .device__screen{
  overflow:hidden;
}
.hero__visual .device__screen img{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  object-fit:contain!important;
  object-position:center!important;
  image-rendering:auto;
  transform:none!important;
  filter:none!important;
}

.feature-grid .product-shot img,
.feature-grid .audience-shot img{
  transform:none!important;
}

[data-cms-section="modules"]{
  scroll-margin-top:0;
}

/* Main module strip is informational, not interactive. */
.module-strip .module{
  cursor:default!important;
}
.module-strip .module:hover{
  background:inherit!important;
}
.module-strip .module:hover .module__icon{
  transform:none!important;
  box-shadow:none!important;
}
.module-strip .module>span:last-child{
  display:grid;
  grid-template-rows:18px minmax(34px,auto);
  align-content:start;
  min-height:52px;
}
.module-strip .module b{
  display:block;
  height:18px;
  line-height:18px;
  margin:0;
  align-self:start;
}
.module-strip .module small{
  display:block;
  line-height:17px;
  margin:0;
  align-self:start;
}

@media (max-width:980px){
  .hero__stats strong.hero-stat--text{
    max-width:130px;
    font-size:13px!important;
  }
}
@media (max-width:620px){
  .hero__stats strong.hero-stat--text{
    max-width:100%;
    font-size:11px!important;
    line-height:1.15!important;
  }
}
/* MESHRUT_UI_QA_V3_1_20261002_END */


/* =========================================================
   MESHRUT_UI_QA_V3_2_20261002
   CMS first-paint stability + repeated-card vertical rhythm.
   ========================================================= */

html.meshrut-cms-pending body{
  visibility:hidden;
}

.module-strip .module{
  align-items:flex-start!important;
}
.module-strip .module__icon{
  align-self:center!important;
  margin-top:0!important;
}
.module-strip .module>span:last-child{
  align-self:flex-start!important;
  display:grid!important;
  grid-template-rows:20px auto!important;
  align-content:start!important;
  min-width:0;
  margin-top:0!important;
}
.module-strip .module b{
  height:20px!important;
  min-height:20px!important;
  line-height:20px!important;
  margin:0!important;
}
.module-strip .module small{
  margin:0!important;
  padding-top:2px!important;
  align-self:start!important;
}

.network__benefits article{
  align-items:flex-start!important;
}
.network__benefits .network-benefit-icon{
  align-self:center!important;
}
.network__benefits article>div{
  min-width:0;
  display:grid!important;
  grid-template-rows:38px auto!important;
  align-content:start!important;
}
.network__benefits article h3{
  margin:0!important;
  height:38px!important;
  min-height:38px!important;
  line-height:18px!important;
  display:block!important;
}
.network__benefits article p{
  margin:0!important;
  padding-top:4px!important;
  align-self:start!important;
}

@media (max-width:620px){
  .network__benefits article>div{grid-template-rows:auto auto!important;}
  .network__benefits article h3{height:auto!important;min-height:0!important;}
}
/* MESHRUT_UI_QA_V3_2_20261002_END */


/* =========================================================
   MESHRUT_LANDING_RECOVERY_V3_3_FINAL_20261002
   Exact production snapshot fix.
   ========================================================= */

/* Footer copyright from CMS must be visible. */
.footer__brand{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:1px!important;
}
.footer__brand small{
  display:block!important;
  margin:0!important;
  max-width:220px;
  color:#7c8884;
  font-size:10px;
  line-height:1.3;
}

/* Six top modules: icon, title and description share deterministic top rows. */
@media (min-width:981px){
  .module-strip .module{
    align-items:flex-start!important;
    padding-top:20px!important;
    padding-bottom:20px!important;
  }
  .module-strip .module__icon{
    align-self:flex-start!important;
    margin-top:0!important;
  }
  .module-strip .module>span:last-child{
    align-self:flex-start!important;
    display:grid!important;
    grid-template-rows:20px auto!important;
    align-content:start!important;
    margin-top:0!important;
    padding-top:0!important;
    min-width:0;
  }
  .module-strip .module b{
    display:block!important;
    height:20px!important;
    min-height:20px!important;
    line-height:20px!important;
    margin:0!important;
  }
  .module-strip .module small{
    display:block!important;
    margin:0!important;
    padding-top:4px!important;
    line-height:1.35!important;
    align-self:start!important;
  }
}

/* Process cards: titles and descriptions start at identical Y positions. */
@media (min-width:981px){
  .steps--simple article{
    display:grid!important;
    grid-template-rows:28px auto!important;
    align-content:start!important;
    align-items:start!important;
    justify-content:stretch!important;
    padding-top:38px!important;
    padding-bottom:24px!important;
  }
  .steps--simple h3{
    margin:0!important;
    min-height:28px!important;
    line-height:24px!important;
    align-self:start!important;
  }
  .steps--simple p{
    margin:0!important;
    padding-top:5px!important;
    align-self:start!important;
  }
}

/* Manufacturer benefits: shared title row + shared description row. */
@media (min-width:981px){
  .network__benefits article{
    display:grid!important;
    grid-template-columns:48px minmax(0,1fr)!important;
    align-items:start!important;
    align-content:start!important;
  }
  .network__benefits .network-benefit-icon{
    align-self:start!important;
    margin-top:0!important;
  }
  .network__benefits article>div{
    display:grid!important;
    grid-template-rows:42px auto!important;
    align-content:start!important;
    min-width:0;
  }
  .network__benefits article h3{
    display:block!important;
    height:42px!important;
    min-height:42px!important;
    margin:0!important;
    line-height:19px!important;
  }
  .network__benefits article p{
    margin:0!important;
    padding-top:4px!important;
    align-self:start!important;
  }
}

/* Full article modal: natural height until viewport, then internal scroll. */
#infoModal.modal--article{
  width:min(1040px,calc(100vw - 32px))!important;
  max-width:1040px!important;
  height:auto!important;
  max-height:calc(100dvh - 32px)!important;
  overflow:auto!important;
}
#infoModal.modal--article>div{
  padding:44px 46px 40px!important;
}
.info-modal__article{
  margin-top:2px;
  color:#60706b;
  font-size:15px;
  line-height:1.68;
}
.info-modal__article p{margin:0 0 16px}
.info-modal__article h2,.info-modal__article h3,.info-modal__article h4{
  color:#14201d;
  margin:28px 0 12px;
  line-height:1.2;
}
.info-modal__article ul,.info-modal__article ol{margin:12px 0 18px;padding-left:24px}
.info-modal__article blockquote{
  margin:18px 0;
  padding:14px 18px;
  border-left:3px solid var(--orange);
  background:#fff7f2;
  border-radius:0 12px 12px 0;
}
.info-modal__article a{color:var(--orange);text-decoration:underline;text-underline-offset:3px}
.modal-article-cta{margin-top:24px}
@media (max-width:620px){
  #infoModal.modal--article{width:calc(100vw - 20px)!important;max-height:calc(100dvh - 20px)!important}
  #infoModal.modal--article>div{padding:38px 22px 28px!important}
}
/* MESHRUT_LANDING_RECOVERY_V3_3_FINAL_20261002_END */

/* =========================================================
   MESHRUT_NETWORK_BENEFITS_RESPONSIVE_V1_20261002
   Manufacturer benefit cards:
   - no title/description overlap
   - adaptive 4 -> 2 -> 1 grid
   - pictogram column stretches to card content height
   ========================================================= */

.network__benefits article{
  display:grid!important;
  grid-template-columns:clamp(72px,22%,112px) minmax(0,1fr)!important;
  align-items:stretch!important;
  align-content:stretch!important;
  gap:clamp(12px,1.25vw,20px)!important;
}

.network__benefits .network-benefit-icon{
  width:100%!important;
  height:100%!important;
  min-height:72px!important;
  align-self:stretch!important;
  margin:0!important;
  display:flex!important;
  align-items:stretch!important;
  justify-content:center!important;
}

.network__benefits .network-benefit-icon svg{
  width:100%!important;
  height:100%!important;
  min-height:72px!important;
  max-width:none!important;
  max-height:none!important;
  display:block!important;
}

.network__benefits article>div{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-self:stretch!important;
}

.network__benefits article h3{
  display:block!important;
  height:auto!important;
  min-height:42px!important;
  margin:0!important;
  padding:0!important;
  line-height:1.18!important;
  overflow:visible!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}

.network__benefits article p{
  display:block!important;
  margin:7px 0 0!important;
  padding:0!important;
  line-height:1.35!important;
  overflow:visible!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}

/* A four-column row becomes too narrow before the old 980px breakpoint,
   especially with browser scaling / small laptop viewports. */
@media (max-width:1180px){
  .network__benefits{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
  }

  .network__benefits article{
    min-height:132px!important;
    grid-template-columns:clamp(70px,20%,104px) minmax(0,1fr)!important;
    padding:18px!important;
  }

  .network__benefits article h3{
    height:auto!important;
    min-height:0!important;
  }

  .network__benefits .network-benefit-icon,
  .network__benefits .network-benefit-icon svg{
    min-height:82px!important;
  }
}

@media (max-width:620px){
  .network__benefits{
    grid-template-columns:1fr!important;
  }

  .network__benefits article{
    min-height:118px!important;
    grid-template-columns:clamp(58px,21%,82px) minmax(0,1fr)!important;
    gap:14px!important;
    padding:16px!important;
  }

  .network__benefits article h3{
    min-height:0!important;
    line-height:1.2!important;
  }

  .network__benefits article p{
    margin-top:6px!important;
  }

  .network__benefits .network-benefit-icon,
  .network__benefits .network-benefit-icon svg{
    min-height:68px!important;
  }
}
/* MESHRUT_NETWORK_BENEFITS_RESPONSIVE_V1_20261002_END */

/* =========================================================
   MESHRUT_LANDING_RESPONSIVE_TARGETED_V2_20261002

   Narrow corrective pass only:
   1) preserve desktop geometry;
   2) align feature-card titles/text/buttons;
   3) keep tariff rows aligned and show full descriptions;
   4) make network role cards wider/equal on desktop and adaptive on narrow screens;
   5) hide decorative dashed lines only when the network layout changes;
   6) make process/module grids wrap earlier without touching normal desktop;
   7) copyright on the right without rebuilding footer structure.
   ========================================================= */

/* ---------- HERO STATS: preserve desktop; align rows only on narrower viewports ---------- */
@media (max-width:980px){
  .hero__stats{
    width:100%!important;
    max-width:100%!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .hero__stats div{
    min-width:0!important;
    overflow:visible!important;
    display:grid!important;
    grid-template-rows:minmax(34px,auto) minmax(28px,auto)!important;
    align-content:start!important;
  }
  .hero__stats strong.hero-stat--text{
    max-width:none!important;
    height:auto!important;
    min-height:34px!important;
    font-size:13px!important;
    line-height:1.15!important;
  }
  .hero__stats small{
    min-height:28px!important;
    line-height:1.25!important;
  }
}

@media (max-width:520px){
  .hero__stats{
    grid-template-columns:1fr!important;
  }
  .hero__stats div{
    grid-template-rows:auto auto!important;
    padding:11px 0!important;
    border-right:0!important;
    border-top:1px solid rgba(208,214,210,.9)!important;
  }
  .hero__stats div:first-child{border-top:0!important;}
}

/* ---------- TOP MODULES: wrap earlier, but keep normal desktop untouched ---------- */
@media (max-width:1320px){
  .module-strip{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    min-height:0!important;
  }
  .module-strip .module{
    min-height:118px!important;
  }
}

@media (max-width:820px){
  .module-strip{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media (max-width:520px){
  .module-strip{
    grid-template-columns:1fr!important;
  }
}

/* ---------- FEATURE CARDS: shared vertical rows so all "Подробнее" align ---------- */
@media (min-width:981px){
  .feature-card__copy{
    display:grid!important;
    grid-template-rows:64px 126px 30px!important;
    align-content:center!important;
    justify-content:stretch!important;
  }

  .feature-card h2{
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    align-self:start!important;
  }

  .feature-card p{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    overflow:visible!important;
    align-self:start!important;
  }

  .feature-card .text-link{
    align-self:end!important;
    margin:0!important;
  }
}

/* ---------- PROCESS: keep 4 columns on normal desktop; 2x2 only when really needed ---------- */
@media (max-width:1280px){
  .process{
    grid-template-columns:1fr!important;
  }

  .steps{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .steps>b{
    display:none!important;
  }

  .steps article{
    min-height:0!important;
  }

  .steps article:nth-of-type(n+3){
    border-top:1px solid #eef0ee!important;
  }
}

@media (max-width:700px){
  .steps{
    grid-template-columns:1fr!important;
  }

  .steps article{
    border-left:0!important;
    border-top:1px solid #eef0ee!important;
  }

  .steps article:first-of-type{
    border-top:0!important;
  }
}

/* ---------- NETWORK ROLE CARDS: wider/equal on desktop, controlled adaptive layout ---------- */
@media (min-width:1281px){
  .network-node{
    width:292px!important;
    min-height:96px!important;
    height:96px!important;
    padding:14px 18px!important;
  }

  .network-node b{
    white-space:nowrap!important;
  }

  .network-node small{
    white-space:nowrap!important;
  }

  .network-shot{
    width:62%!important;
  }
}

@media (max-width:1280px){
  .network__top{
    grid-template-columns:1fr!important;
  }

  .network__visual{
    min-height:0!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-areas:
      "left right"
      "shot shot"!important;
    gap:16px!important;
    align-items:stretch!important;
  }

  .network-node{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    width:100%!important;
    max-width:none!important;
    min-height:104px!important;
    height:104px!important;
    padding:14px 18px!important;
  }

  .network-node--left{grid-area:left!important;}
  .network-node--right{grid-area:right!important;}

  .network-node span{
    min-width:0!important;
    display:grid!important;
    grid-template-rows:auto auto!important;
    align-content:center!important;
  }

  .network-node b{
    white-space:normal!important;
    overflow-wrap:normal!important;
  }

  .network-node small{
    white-space:normal!important;
    overflow-wrap:normal!important;
  }

  .network-shot{
    grid-area:shot!important;
    width:100%!important;
    max-width:100%!important;
  }

  .network-lines{
    display:none!important;
  }
}

@media (max-width:700px){
  .network__visual{
    grid-template-columns:1fr!important;
    grid-template-areas:
      "left"
      "right"
      "shot"!important;
  }

  .network-node{
    height:auto!important;
    min-height:96px!important;
  }
}

/* ---------- BENEFITS: keep the previous good adaptive/full-height icon fix ---------- */
@media (max-width:1180px){
  .network__benefits{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media (max-width:620px){
  .network__benefits{
    grid-template-columns:1fr!important;
  }
}

/* ---------- PRICING: restore shared rows, only enlarge the head enough to show full text ---------- */
@media (min-width:621px){
  .price-card{
    display:grid!important;
    grid-template-rows:138px 58px 78px minmax(190px,1fr) 45px!important;
    min-height:540px!important;
    height:100%!important;
    align-content:stretch!important;
  }

  .price-card__head{
    height:138px!important;
    min-height:138px!important;
    overflow:visible!important;
  }

  .price-card .desc{
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    display:block!important;
    -webkit-line-clamp:unset!important;
    -webkit-box-orient:unset!important;
  }

  .price-card .price{
    height:58px!important;
    min-height:58px!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
  }

  .price-highlight{
    height:78px!important;
    min-height:78px!important;
    margin:0!important;
  }

  .price-card ul{
    min-height:0!important;
    margin:16px 0 18px!important;
    align-content:start!important;
  }

  .price-card .price-cta{
    align-self:end!important;
    margin:0!important;
    height:45px!important;
  }
}

@media (max-width:900px){
  .pricing__grid,
  .pricing__grid[data-count="2"]{
    grid-template-columns:1fr!important;
  }
}

/* ---------- FOOTER: copyright right on desktop, without display:contents ---------- */
@media (min-width:981px){
  .footer__inner{
    position:relative!important;
    padding-right:300px!important;
  }

  .footer__brand{
    flex-direction:row!important;
    align-items:center!important;
  }

  .footer__brand small{
    position:absolute!important;
    right:0!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:280px!important;
    max-width:280px!important;
    margin:0!important;
    text-align:right!important;
    font-size:11px!important;
    line-height:1.35!important;
  }
}

@media (max-width:980px){
  .footer__inner{
    padding-right:0!important;
  }

  .footer__brand{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    gap:5px!important;
  }

  .footer__brand small{
    position:static!important;
    transform:none!important;
    width:auto!important;
    max-width:none!important;
    text-align:center!important;
    margin:0!important;
  }
}

/* MESHRUT_LANDING_RESPONSIVE_TARGETED_V2_20261002_END */

/* =========================================================
   MESHRUT_HERO_MIDWIDTH_HEIGHT_FIX_V1_20261002
   Only fixes the 981–1320 px range where the fixed hero height
   clips the three statistic blocks after text/button wrapping.
   Desktop >1320 and mobile <=980 remain untouched.
   ========================================================= */

@media (min-width:981px) and (max-width:1320px){
  .hero{
    height:auto!important;
    min-height:550px!important;
  }

  .hero__grid{
    height:auto!important;
    min-height:472px!important;
    padding-bottom:34px!important;
  }

  .hero__copy{
    padding-bottom:8px!important;
  }

  .hero__stats{
    margin-top:24px!important;
  }
}

/* MESHRUT_HERO_MIDWIDTH_HEIGHT_FIX_V1_20261002_END */

/* =========================================================
   MESHRUT_HERO_STATS_MOBILE_HEADER_V2_20261002

   Exact remaining fixes:
   1) 981–1320: buttons row and statistics row share exactly
      the same width;
   2) statistic titles are one line, including "ЕДИНАЯ ИСТОРИЯ";
   3) phone <=620: hero statistics are hidden completely;
   4) phone <=620: logo + login + CTA + theme stay in one row.
   ========================================================= */

/* ----- MID-WIDTH HERO: same width for buttons and stats ----- */
@media (min-width:981px) and (max-width:1320px){
  .hero__buttons,
  .hero__stats{
    width:min(760px,calc(100vw - 64px))!important;
    max-width:none!important;
  }

  .hero__buttons{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1.18fr)!important;
    gap:14px!important;
    align-items:stretch!important;
  }

  .hero__buttons .btn{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }

  .hero__stats{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    margin-top:24px!important;
  }

  .hero__stats div{
    min-width:0!important;
    overflow:visible!important;
    display:grid!important;
    grid-template-rows:22px 38px!important;
    align-content:start!important;
    padding:0 16px 0 10px!important;
  }

  .hero__stats strong.hero-stat--text{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    height:22px!important;
    min-height:22px!important;
    line-height:22px!important;
    white-space:nowrap!important;
    overflow:visible!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    font-size:13px!important;
  }

  .hero__stats small{
    display:block!important;
    min-height:38px!important;
    margin-top:5px!important;
    line-height:1.25!important;
  }
}

/* ----- PHONE: statistics are not useful in this compact hero ----- */
@media (max-width:620px){
  .hero__stats{
    display:none!important;
  }

  /* One adaptive row: logo | login | connect | theme */
  .header{
    height:62px!important;
    min-height:62px!important;
    padding:6px 0!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    align-content:center!important;
    gap:5px!important;
  }

  .brand{
    width:92px!important;
    height:38px!important;
    flex:0 0 92px!important;
    min-width:0!important;
  }

  .brand img{
    width:92px!important;
    height:38px!important;
    object-fit:contain!important;
    object-position:left center!important;
  }

  .header__actions{
    width:auto!important;
    min-width:0!important;
    flex:1 1 auto!important;
    order:initial!important;
    justify-content:flex-end!important;
    align-items:center!important;
    gap:4px!important;
  }

  .login-link{
    order:1!important;
    flex:0 0 auto!important;
    height:36px!important;
    min-height:36px!important;
    padding:0 8px!important;
    border-radius:11px!important;
    font-size:10px!important;
    white-space:nowrap!important;
  }

  .btn--header{
    order:2!important;
    flex:0 1 auto!important;
    width:auto!important;
    min-width:0!important;
    height:36px!important;
    min-height:36px!important;
    padding:0 9px!important;
    gap:5px!important;
    border-radius:11px!important;
    font-size:9px!important;
    white-space:nowrap!important;
  }

  .btn--header b{
    display:inline!important;
    font-size:15px!important;
    line-height:1!important;
  }

  .theme-control{
    order:3!important;
    flex:0 0 auto!important;
    width:auto!important;
    height:36px!important;
    min-height:36px!important;
    padding:3px!important;
    border-radius:11px!important;
  }

  .theme-control button{
    width:24px!important;
    height:28px!important;
    min-width:24px!important;
    padding:0!important;
    border-radius:8px!important;
  }

  .theme-control button svg{
    width:13px!important;
    height:13px!important;
  }

  .theme-control button span{
    right:2px!important;
    bottom:1px!important;
    font-size:6px!important;
  }
}

/* Extra compression only for very narrow phones. */
@media (max-width:380px){
  .brand{
    width:82px!important;
    flex-basis:82px!important;
  }

  .brand img{
    width:82px!important;
  }

  .header__actions{
    gap:3px!important;
  }

  .login-link{
    padding-inline:6px!important;
    font-size:9px!important;
  }

  .btn--header{
    padding-inline:7px!important;
    font-size:8.5px!important;
  }

  .btn--header b{
    display:none!important;
  }

  .theme-control button{
    width:22px!important;
    min-width:22px!important;
  }
}

/* MESHRUT_HERO_STATS_MOBILE_HEADER_V2_20261002_END */

/* =========================================================
   MESHRUT_VISIBILITY_MODAL_SCROLL_HERO_DESKTOP_V1_20261002
   System fixes:
   - CMS disabled blocks always disappear, even when a component has display:...!important
   - dark article modal keeps all rich text readable
   - full desktop hero stats match button-row width and title row stays single-line
   - phone hero stats hidden and compact header remains one row
   ========================================================= */

/* CMS visibility must win against component display:grid/flex !important rules. */
[hidden]{
  display:none!important;
}

/* Dark rich-text/article modal. */
html[data-theme="dark"] #infoModal.modal--article,
html[data-theme="dark"] #infoModal.modal--article>div{
  color:#f2f5f3!important;
}

html[data-theme="dark"] .info-modal__article{
  color:#a3afaa!important;
}

html[data-theme="dark"] .info-modal__article h2,
html[data-theme="dark"] .info-modal__article h3,
html[data-theme="dark"] .info-modal__article h4,
html[data-theme="dark"] .info-modal__article strong,
html[data-theme="dark"] .info-modal__article b{
  color:#f2f5f3!important;
}

html[data-theme="dark"] .info-modal__article blockquote{
  color:#c7d0cc!important;
  background:#202724!important;
  border-left-color:var(--orange)!important;
}

html[data-theme="dark"] .info-modal__article a{
  color:#ff8257!important;
}

/* Full desktop: buttons and stats are one common-width block.
   This extends the already-correct 981–1320 behavior to >1320. */
@media (min-width:1321px){
  .hero__buttons,
  .hero__stats{
    width:100%!important;
    max-width:100%!important;
  }

  .hero__buttons{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1.18fr)!important;
    gap:14px!important;
    align-items:stretch!important;
  }

  .hero__buttons .btn{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }

  .hero__stats{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }

  .hero__stats div{
    min-width:0!important;
    overflow:visible!important;
    display:grid!important;
    grid-template-rows:22px 38px!important;
    align-content:start!important;
    padding:0 12px!important;
  }

  .hero__stats strong.hero-stat--text{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    height:22px!important;
    min-height:22px!important;
    line-height:22px!important;
    white-space:nowrap!important;
    overflow:visible!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    font-size:13px!important;
  }

  .hero__stats small{
    min-height:38px!important;
    margin-top:5px!important;
    line-height:1.25!important;
  }
}

/* Phone: hide the stats entirely and keep header controls on one line.
   These rules are repeated here so the final patch works whether or not
   the optional previous mobile-header patch was run. */
@media (max-width:620px){
  .hero__stats{
    display:none!important;
  }

  .header{
    height:62px!important;
    min-height:62px!important;
    padding:6px 0!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    gap:5px!important;
  }

  .brand{
    width:92px!important;
    height:38px!important;
    flex:0 0 92px!important;
    min-width:0!important;
  }

  .brand img{
    width:92px!important;
    height:38px!important;
    object-fit:contain!important;
    object-position:left center!important;
  }

  .header__actions{
    width:auto!important;
    min-width:0!important;
    flex:1 1 auto!important;
    order:initial!important;
    justify-content:flex-end!important;
    align-items:center!important;
    gap:4px!important;
  }

  .login-link{
    order:1!important;
    flex:0 0 auto!important;
    height:36px!important;
    min-height:36px!important;
    padding:0 8px!important;
    border-radius:11px!important;
    font-size:10px!important;
    white-space:nowrap!important;
  }

  .btn--header{
    order:2!important;
    flex:0 1 auto!important;
    width:auto!important;
    min-width:0!important;
    height:36px!important;
    min-height:36px!important;
    padding:0 9px!important;
    gap:5px!important;
    border-radius:11px!important;
    font-size:9px!important;
    white-space:nowrap!important;
  }

  .theme-control{
    order:3!important;
    flex:0 0 auto!important;
    width:auto!important;
    height:36px!important;
    min-height:36px!important;
    padding:3px!important;
    border-radius:11px!important;
  }

  .theme-control button{
    width:24px!important;
    min-width:24px!important;
    height:28px!important;
    padding:0!important;
  }
}

@media (max-width:380px){
  .brand{
    width:82px!important;
    flex-basis:82px!important;
  }

  .brand img{
    width:82px!important;
  }

  .login-link{
    padding-inline:6px!important;
    font-size:9px!important;
  }

  .btn--header{
    padding-inline:7px!important;
    font-size:8.5px!important;
  }

  .btn--header b{
    display:none!important;
  }

  .theme-control button{
    width:22px!important;
    min-width:22px!important;
  }
}

/* MESHRUT_VISIBILITY_MODAL_SCROLL_HERO_DESKTOP_V1_20261002_END */

/* =========================================================
   MESHRUT_MODULE_ICON_PANELS_V1_20261002
   Module-strip icons become adaptive vertical panels instead of circles.
   Text geometry stays unchanged.
   ========================================================= */

.module-strip .module{
  display:grid!important;
  grid-template-columns:clamp(62px,22%,78px) minmax(0,1fr)!important;
  align-items:stretch!important;
  column-gap:14px!important;
}

.module-strip .module__icon{
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  flex:none!important;
  align-self:stretch!important;
  margin:0!important;
  border-radius:16px!important;
  display:grid!important;
  place-items:center!important;
  box-sizing:border-box!important;
}

.module-strip .module__icon svg{
  width:clamp(27px,42%,38px)!important;
  height:clamp(27px,42%,38px)!important;
  max-width:38px!important;
  max-height:38px!important;
}

.module-strip .module>span:last-child{
  min-width:0!important;
  align-self:start!important;
}

/* Keep the panel proportion compact as cards wrap. */
@media (max-width:1320px){
  .module-strip .module{
    grid-template-columns:64px minmax(0,1fr)!important;
  }

  .module-strip .module__icon{
    border-radius:14px!important;
  }
}

@media (max-width:820px){
  .module-strip .module{
    grid-template-columns:58px minmax(0,1fr)!important;
  }
}

@media (max-width:520px){
  .module-strip .module{
    grid-template-columns:54px minmax(0,1fr)!important;
    column-gap:12px!important;
  }

  .module-strip .module__icon{
    border-radius:13px!important;
  }

  .module-strip .module__icon svg{
    width:28px!important;
    height:28px!important;
  }
}

/* MESHRUT_MODULE_ICON_PANELS_V1_20261002_END */

/* =========================================================
   MESHRUT_ARROW_PRICING_POLISH_V2_20261002
   - inline arrows optically centered
   - process flow arrows untouched
   - bright plan-specific CTA buttons
   - stronger "per month / per year" pills
   - professional compact unlimited-users row
   ========================================================= */

/* ---------- Inline arrows ---------- */
.btn > b.ui-inline-arrow,
.text-link > b.ui-inline-arrow,
.btn > b,
.text-link > b{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  width:1em!important;
  height:1em!important;
  margin:0!important;
  padding:0!important;
  line-height:1!important;
  vertical-align:middle!important;
  position:relative!important;
  top:0!important;
  transform:translateY(-.03em)!important;
}

.text-link{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
}

.steps--simple>b{
  transform:none!important;
}

/* ---------- Bright pricing CTAs ---------- */
.price-card .price-cta{
  border-color:transparent!important;
  color:#fff!important;
  font-weight:700!important;
  letter-spacing:.01em!important;
}

.price-card.plan-service .price-cta{
  background:linear-gradient(180deg,#ff6a36 0%,#f45119 100%)!important;
  box-shadow:0 9px 22px rgba(244,81,25,.20)!important;
}

.price-card.plan-manufacturer .price-cta{
  background:linear-gradient(135deg,#287cff 0%,#10a66c 100%)!important;
  box-shadow:0 9px 22px rgba(20,129,145,.18)!important;
}

.price-card .price-cta:hover{
  color:#fff!important;
  transform:translateY(-1px)!important;
  filter:saturate(1.04) brightness(1.02)!important;
}

/* ---------- "за месяц / за год": visible, but quieter than CTA ---------- */
.price-card .price .price-period{
  min-height:31px!important;
  padding:0 11px!important;
  border-width:1px!important;
  border-style:solid!important;
  font-weight:650!important;
  letter-spacing:0!important;
  box-shadow:0 2px 8px rgba(20,34,29,.04)!important;
}

.price-card.plan-service .price .price-period{
  background:#fff0e9!important;
  border-color:#ffc1a8!important;
  color:#c94a1c!important;
}

.price-card.plan-manufacturer .price .price-period{
  background:linear-gradient(135deg,#edf4ff 0%,#eaf8f2 100%)!important;
  border-color:#b7d9cf!important;
  color:#18776f!important;
}

/* ---------- Professional unlimited-users row ---------- */
.price-highlight{
  height:78px!important;
  min-height:78px!important;
  margin:0!important;
  padding:11px 14px!important;
  gap:11px!important;
  align-items:center!important;
  border:1px solid #e2e7e4!important;
  border-left-width:3px!important;
  border-radius:12px!important;
  background:#f8faf9!important;
  box-shadow:none!important;
}

.price-card.plan-service .price-highlight{
  border-left-color:#ff6a36!important;
  background:linear-gradient(90deg,#fff8f4 0%,#fafbfa 34%,#f8faf9 100%)!important;
}

.price-card.plan-manufacturer .price-highlight{
  border-color:#dce7e3!important;
  border-left-color:#168b7d!important;
  background:linear-gradient(90deg,#f1faf7 0%,#fafbfa 34%,#f8faf9 100%)!important;
}

.price-highlight__icon{
  width:32px!important;
  height:32px!important;
  flex:0 0 32px!important;
  border-radius:9px!important;
  box-shadow:none!important;
}

.price-card.plan-service .price-highlight__icon{
  background:#fff0e9!important;
  color:#df5621!important;
}

.price-card.plan-manufacturer .price-highlight__icon{
  background:#e8f7f2!important;
  color:#148071!important;
}

.price-highlight__icon svg{
  width:22px!important;
  height:15px!important;
  stroke:currentColor!important;
  stroke-width:2.7!important;
}

.price-highlight > span:last-child{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}

.price-highlight strong{
  display:block!important;
  margin:0!important;
  color:#18211f!important;
  font-size:12px!important;
  line-height:1.25!important;
  font-weight:700!important;
}

.price-highlight small{
  display:block!important;
  margin-top:3px!important;
  color:#7b8783!important;
  font-size:10.5px!important;
  line-height:1.3!important;
}

/* ---------- Dark mode ---------- */
html[data-theme="dark"] .price-card.plan-service .price .price-period{
  background:#2d1e18!important;
  border-color:#70412f!important;
  color:#ff956f!important;
}

html[data-theme="dark"] .price-card.plan-manufacturer .price .price-period{
  background:linear-gradient(135deg,#17243a 0%,#163128 100%)!important;
  border-color:#315f58!important;
  color:#7ed6c1!important;
}

html[data-theme="dark"] .price-highlight{
  border-color:#303a36!important;
  background:#181e1c!important;
}

html[data-theme="dark"] .price-card.plan-service .price-highlight{
  border-left-color:#ff7040!important;
  background:linear-gradient(90deg,#241b17 0%,#181e1c 36%)!important;
}

html[data-theme="dark"] .price-card.plan-manufacturer .price-highlight{
  border-left-color:#42b9a1!important;
  background:linear-gradient(90deg,#14241f 0%,#181e1c 36%)!important;
}

html[data-theme="dark"] .price-card.plan-service .price-highlight__icon{
  background:#2d1e18!important;
  color:#ff8257!important;
}

html[data-theme="dark"] .price-card.plan-manufacturer .price-highlight__icon{
  background:#173029!important;
  color:#62ceb6!important;
}

html[data-theme="dark"] .price-highlight strong{
  color:#f0f4f2!important;
}

html[data-theme="dark"] .price-highlight small{
  color:#99a59f!important;
}

/* MESHRUT_ARROW_PRICING_POLISH_V2_20261002_END */

/* =========================================================
   MESHRUT_PRICING_COHESIVE_PRO_V3_20261002

   Cohesive B2B pricing visual language:
   - service = MESHRUT orange;
   - manufacturer = solid graphite/navy, no gradient;
   - compact unlimited-users feature chip instead of wide banner;
   - restrained but visible period pills;
   - subtle CTA glow, not neon.
   ========================================================= */

/* ---------- Card accents: one language, two restrained identities ---------- */
.price-card:before{
  background:#ff5b22!important;
}

.price-card.plan-manufacturer:before{
  background:#20364d!important;
}

.price-card.plan-manufacturer{
  border-color:#d9e0e5!important;
}

/* ---------- Compact unlimited-users feature chip ---------- */
.price-highlight{
  width:max-content!important;
  max-width:100%!important;
  height:auto!important;
  min-height:52px!important;
  margin:0!important;
  padding:8px 11px 8px 10px!important;
  gap:10px!important;
  align-items:center!important;

  border:1px solid #e4e9e6!important;
  border-radius:12px!important;
  background:#f7f9f8!important;

  box-shadow:inset 3px 0 0 #ff5b22!important;
}

.price-card.plan-manufacturer .price-highlight{
  border-color:#e0e6ea!important;
  background:#f6f8fa!important;
  box-shadow:inset 3px 0 0 #20364d!important;
}

.price-highlight__icon{
  width:30px!important;
  height:30px!important;
  flex:0 0 30px!important;
  border-radius:9px!important;
  box-shadow:none!important;
}

.price-card.plan-service .price-highlight__icon{
  background:#fff0e9!important;
  color:#e85a24!important;
}

.price-card.plan-manufacturer .price-highlight__icon{
  background:#eaf0f5!important;
  color:#20364d!important;
}

.price-highlight__icon svg{
  width:20px!important;
  height:14px!important;
  stroke:currentColor!important;
  stroke-width:2.6!important;
}

.price-highlight > span:last-child{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}

.price-highlight strong{
  margin:0!important;
  color:#17201e!important;
  font-size:11.5px!important;
  line-height:1.2!important;
  font-weight:700!important;
  white-space:nowrap!important;
}

.price-highlight small{
  margin-top:2px!important;
  color:#7c8783!important;
  font-size:10px!important;
  line-height:1.25!important;
  white-space:nowrap!important;
}

/* Give the compact feature exactly the row it needs, keeping both cards aligned. */
@media (min-width:621px){
  .price-card{
    grid-template-rows:138px 58px 62px minmax(190px,1fr) 45px!important;
  }
}

/* ---------- Period pills: visible but secondary ---------- */
.price-card .price .price-period{
  min-height:30px!important;
  padding:0 11px!important;
  border-radius:9px!important;
  border:1px solid!important;
  font-weight:650!important;
  box-shadow:none!important;
}

.price-card.plan-service .price .price-period{
  background:#fff0e9!important;
  border-color:#ffc3ac!important;
  color:#c84a1d!important;
}

.price-card.plan-manufacturer .price .price-period{
  background:#eef2f6!important;
  border-color:#cfd9e2!important;
  color:#314b64!important;
}

/* ---------- CTA: solid colors + small professional glow ---------- */
.price-card .price-cta{
  border:1px solid transparent!important;
  color:#fff!important;
  font-weight:750!important;
  letter-spacing:.01em!important;
  transform:none!important;
  transition:
    transform .16s ease,
    box-shadow .16s ease,
    background-color .16s ease,
    border-color .16s ease!important;
}

.price-card.plan-service .price-cta{
  background:#ff5b22!important;
  border-color:#ff5b22!important;
  box-shadow:
    0 7px 18px rgba(255,91,34,.18),
    0 0 18px rgba(255,91,34,.09)!important;
}

.price-card.plan-manufacturer .price-cta{
  background:#20364d!important;
  border-color:#20364d!important;
  box-shadow:
    0 7px 18px rgba(32,54,77,.16),
    0 0 18px rgba(67,105,143,.08)!important;
}

.price-card.plan-service .price-cta:hover{
  background:#f45119!important;
  border-color:#f45119!important;
  transform:translateY(-1px)!important;
  box-shadow:
    0 9px 22px rgba(255,91,34,.23),
    0 0 22px rgba(255,91,34,.12)!important;
}

.price-card.plan-manufacturer .price-cta:hover{
  background:#172d43!important;
  border-color:#172d43!important;
  transform:translateY(-1px)!important;
  box-shadow:
    0 9px 22px rgba(32,54,77,.22),
    0 0 22px rgba(67,105,143,.11)!important;
}

/* ---------- Dark mode ---------- */
html[data-theme="dark"] .price-card.plan-manufacturer{
  border-color:#33413f!important;
}

html[data-theme="dark"] .price-highlight{
  border-color:#303936!important;
  background:#191f1d!important;
  box-shadow:inset 3px 0 0 #ff6b38!important;
}

html[data-theme="dark"] .price-card.plan-manufacturer .price-highlight{
  border-color:#303a43!important;
  background:#181f25!important;
  box-shadow:inset 3px 0 0 #607d99!important;
}

html[data-theme="dark"] .price-card.plan-service .price-highlight__icon{
  background:#2c1d17!important;
  color:#ff8257!important;
}

html[data-theme="dark"] .price-card.plan-manufacturer .price-highlight__icon{
  background:#22303d!important;
  color:#9db4ca!important;
}

html[data-theme="dark"] .price-highlight strong{
  color:#f1f4f2!important;
}

html[data-theme="dark"] .price-highlight small{
  color:#98a39f!important;
}

html[data-theme="dark"] .price-card.plan-service .price .price-period{
  background:#2d1e18!important;
  border-color:#70412f!important;
  color:#ff956f!important;
}

html[data-theme="dark"] .price-card.plan-manufacturer .price .price-period{
  background:#202a33!important;
  border-color:#405264!important;
  color:#b7c7d7!important;
}

html[data-theme="dark"] .price-card.plan-manufacturer .price-cta{
  background:#29435d!important;
  border-color:#29435d!important;
  box-shadow:
    0 7px 18px rgba(0,0,0,.20),
    0 0 18px rgba(87,126,165,.10)!important;
}

/* ---------- Small screens ---------- */
@media (max-width:620px){
  .price-highlight{
    width:100%!important;
  }

  .price-highlight strong,
  .price-highlight small{
    white-space:normal!important;
  }
}

/* MESHRUT_PRICING_COHESIVE_PRO_V3_20261002_END */

/* =========================================================
   MESHRUT_PRICING_UNIFY_GLOW_V4_20261002

   User request:
   1) left pricing block must be fully same color family as right;
   2) CTA glow should be visible, but still premium and controlled.
   ========================================================= */

/* ---------- Make both plans one graphite / navy visual system ---------- */
.price-card.plan-service:before,
.price-card.plan-manufacturer:before{
  background:#20364d!important;
}

.price-card.plan-service,
.price-card.plan-manufacturer{
  border-color:#d9e0e5!important;
}

.price-card.plan-service .price .price-period,
.price-card.plan-manufacturer .price .price-period{
  background:#eef2f6!important;
  border-color:#cfd9e2!important;
  color:#314b64!important;
}

.price-card.plan-service .price-highlight,
.price-card.plan-manufacturer .price-highlight{
  border-color:#e0e6ea!important;
  background:#f6f8fa!important;
  box-shadow:inset 3px 0 0 #20364d!important;
}

.price-card.plan-service .price-highlight__icon,
.price-card.plan-manufacturer .price-highlight__icon{
  background:#eaf0f5!important;
  color:#20364d!important;
}

/* ---------- More visible glow on CTA ---------- */
.price-card.plan-service .price-cta,
.price-card.plan-manufacturer .price-cta{
  background:#20364d!important;
  border-color:#20364d!important;
  color:#fff!important;
  box-shadow:
    0 10px 24px rgba(32,54,77,.22),
    0 0 26px rgba(67,105,143,.18)!important;
}

.price-card.plan-service .price-cta:hover,
.price-card.plan-manufacturer .price-cta:hover{
  background:#172d43!important;
  border-color:#172d43!important;
  color:#fff!important;
  transform:translateY(-1px)!important;
  box-shadow:
    0 12px 28px rgba(32,54,77,.28),
    0 0 30px rgba(67,105,143,.23)!important;
}

/* ---------- Dark mode ---------- */
html[data-theme="dark"] .price-card.plan-service,
html[data-theme="dark"] .price-card.plan-manufacturer{
  border-color:#33413f!important;
}

html[data-theme="dark"] .price-card.plan-service .price .price-period,
html[data-theme="dark"] .price-card.plan-manufacturer .price .price-period{
  background:#202a33!important;
  border-color:#405264!important;
  color:#b7c7d7!important;
}

html[data-theme="dark"] .price-card.plan-service .price-highlight,
html[data-theme="dark"] .price-card.plan-manufacturer .price-highlight{
  border-color:#303a43!important;
  background:#181f25!important;
  box-shadow:inset 3px 0 0 #607d99!important;
}

html[data-theme="dark"] .price-card.plan-service .price-highlight__icon,
html[data-theme="dark"] .price-card.plan-manufacturer .price-highlight__icon{
  background:#22303d!important;
  color:#9db4ca!important;
}

html[data-theme="dark"] .price-card.plan-service .price-cta,
html[data-theme="dark"] .price-card.plan-manufacturer .price-cta{
  background:#29435d!important;
  border-color:#29435d!important;
  box-shadow:
    0 10px 24px rgba(0,0,0,.24),
    0 0 26px rgba(95,137,177,.20)!important;
}

html[data-theme="dark"] .price-card.plan-service .price-cta:hover,
html[data-theme="dark"] .price-card.plan-manufacturer .price-cta:hover{
  background:#355370!important;
  border-color:#355370!important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.30),
    0 0 30px rgba(112,160,204,.24)!important;
}

/* MESHRUT_PRICING_UNIFY_GLOW_V4_20261002_END */

/* =========================================================
   MESHRUT_PRICING_GREEN_SYSTEM_V5_20261002

   Unified MESHRUT pricing accent:
   - both tariffs use one restrained deep green system;
   - no gradients;
   - CTA has a visible but soft green glow;
   - period pills and unlimited-user chips use pale green tints;
   - CTA label is visually uppercase;
   - dark theme has its own green palette.
   ========================================================= */

:root{
  --pricing-green:#197457;
  --pricing-green-hover:#145f48;
  --pricing-green-soft:#edf7f2;
  --pricing-green-soft-2:#f5faf7;
  --pricing-green-border:#bfdccf;
  --pricing-green-text:#256a52;
}

/* ---------- Both tariff cards share the same green identity ---------- */
.price-card.plan-service:before,
.price-card.plan-manufacturer:before{
  background:var(--pricing-green)!important;
}

.price-card.plan-service,
.price-card.plan-manufacturer{
  border-color:#dce5e0!important;
}

/* Featured badge also stays in the same system. */
.price-card .badge{
  background:var(--pricing-green)!important;
  color:#fff!important;
  box-shadow:0 5px 14px rgba(25,116,87,.16)!important;
}

/* ---------- Period pills ---------- */
.price-card.plan-service .price .price-period,
.price-card.plan-manufacturer .price .price-period{
  background:var(--pricing-green-soft)!important;
  border-color:var(--pricing-green-border)!important;
  color:var(--pricing-green-text)!important;
  box-shadow:none!important;
}

/* ---------- Compact unlimited-users chip ---------- */
.price-card.plan-service .price-highlight,
.price-card.plan-manufacturer .price-highlight{
  border-color:#dfe9e4!important;
  background:var(--pricing-green-soft-2)!important;
  box-shadow:inset 3px 0 0 var(--pricing-green)!important;
}

.price-card.plan-service .price-highlight__icon,
.price-card.plan-manufacturer .price-highlight__icon{
  background:#e5f3ec!important;
  color:var(--pricing-green)!important;
}

/* ---------- CTA: green + visible soft glow ---------- */
.price-card.plan-service .price-cta,
.price-card.plan-manufacturer .price-cta{
  background:var(--pricing-green)!important;
  border-color:var(--pricing-green)!important;
  color:#fff!important;
  text-transform:uppercase!important;
  letter-spacing:.045em!important;
  font-weight:800!important;

  box-shadow:
    0 8px 20px rgba(25,116,87,.22),
    0 0 24px rgba(25,116,87,.18)!important;

  transition:
    transform .16s ease,
    background-color .16s ease,
    border-color .16s ease,
    box-shadow .16s ease!important;
}

.price-card.plan-service .price-cta:hover,
.price-card.plan-manufacturer .price-cta:hover{
  background:var(--pricing-green-hover)!important;
  border-color:var(--pricing-green-hover)!important;
  color:#fff!important;
  transform:translateY(-1px)!important;

  box-shadow:
    0 11px 25px rgba(25,116,87,.28),
    0 0 30px rgba(25,116,87,.23)!important;
}

/* ---------- Dark theme ---------- */
html[data-theme="dark"]{
  --pricing-green:#35a77c;
  --pricing-green-hover:#45b88d;
  --pricing-green-soft:#1b2d26;
  --pricing-green-soft-2:#18251f;
  --pricing-green-border:#335b4b;
  --pricing-green-text:#8bd6b7;
}

html[data-theme="dark"] .price-card.plan-service,
html[data-theme="dark"] .price-card.plan-manufacturer{
  border-color:#314039!important;
}

html[data-theme="dark"] .price-card .badge{
  background:#2f936e!important;
  color:#fff!important;
  box-shadow:0 5px 14px rgba(47,147,110,.18)!important;
}

html[data-theme="dark"] .price-card.plan-service .price .price-period,
html[data-theme="dark"] .price-card.plan-manufacturer .price .price-period{
  background:var(--pricing-green-soft)!important;
  border-color:var(--pricing-green-border)!important;
  color:var(--pricing-green-text)!important;
}

html[data-theme="dark"] .price-card.plan-service .price-highlight,
html[data-theme="dark"] .price-card.plan-manufacturer .price-highlight{
  border-color:#31463d!important;
  background:var(--pricing-green-soft-2)!important;
  box-shadow:inset 3px 0 0 #3aa57d!important;
}

html[data-theme="dark"] .price-card.plan-service .price-highlight__icon,
html[data-theme="dark"] .price-card.plan-manufacturer .price-highlight__icon{
  background:#20392f!important;
  color:#73c9a8!important;
}

html[data-theme="dark"] .price-card.plan-service .price-cta,
html[data-theme="dark"] .price-card.plan-manufacturer .price-cta{
  background:#2f936e!important;
  border-color:#2f936e!important;
  color:#fff!important;

  box-shadow:
    0 8px 20px rgba(0,0,0,.24),
    0 0 25px rgba(61,175,132,.20)!important;
}

html[data-theme="dark"] .price-card.plan-service .price-cta:hover,
html[data-theme="dark"] .price-card.plan-manufacturer .price-cta:hover{
  background:#39a87e!important;
  border-color:#39a87e!important;

  box-shadow:
    0 11px 25px rgba(0,0,0,.28),
    0 0 31px rgba(72,195,148,.26)!important;
}

/* MESHRUT_PRICING_GREEN_SYSTEM_V5_20261002_END */

/* =========================================================
   MESHRUT_PRICING_FINAL_POLISH_V6_20261002

   Final pricing polish:
   - neutral cards, green only as system accent;
   - clearly visible billing selection in light/dark themes;
   - compact unlimited-employees note;
   - graphite CTA with soft green glow;
   - tighter card composition;
   - no gradients.
   ========================================================= */

/* ---------- Billing toggle ---------- */
.pricing .billing-toggle button{
  border:1px solid #dce4df!important;
  background:#f1f4f2!important;
  color:#68736f!important;
  box-shadow:none!important;
}

.pricing .billing-toggle button.active{
  background:#197457!important;
  border-color:#197457!important;
  color:#fff!important;
  box-shadow:
    0 0 0 1px rgba(25,116,87,.08),
    0 7px 18px rgba(25,116,87,.16)!important;
}

html[data-theme="dark"] .pricing .billing-toggle button{
  background:#202925!important;
  border-color:#2b3732!important;
  color:#a9b3ae!important;
}

html[data-theme="dark"] .pricing .billing-toggle button.active{
  background:#35a77c!important;
  border-color:#35a77c!important;
  color:#08130f!important;
  box-shadow:
    0 0 0 1px rgba(53,167,124,.20),
    0 0 20px rgba(53,167,124,.18)!important;
}

/* Discount remains secondary and visually separate from the active period. */
.pricing .billing-toggle #annualDiscount{
  border-color:#9b5439!important;
  background:#33221c!important;
  color:#ff8b62!important;
}

html:not([data-theme="dark"]) .pricing .billing-toggle #annualDiscount{
  border-color:#ffc6ae!important;
  background:#fff1eb!important;
  color:#c95b31!important;
}

/* ---------- Neutral cards; green becomes an accent, not the fill ---------- */
.pricing .price-card.plan-service,
.pricing .price-card.plan-manufacturer{
  border-color:#dfe6e2!important;
  background:#fff!important;
}

.pricing .price-card.plan-service:before,
.pricing .price-card.plan-manufacturer:before{
  background:#197457!important;
}

html[data-theme="dark"] .pricing .price-card.plan-service,
html[data-theme="dark"] .pricing .price-card.plan-manufacturer{
  border-color:#303b36!important;
  background:#151c19!important;
}

html[data-theme="dark"] .pricing .price-card.plan-service:before,
html[data-theme="dark"] .pricing .price-card.plan-manufacturer:before{
  background:#35a77c!important;
}

/* ---------- Reduce the large empty gap before price ---------- */
@media (min-width:621px){
  .pricing .price-card{
    grid-template-rows:auto auto auto minmax(0,1fr) 45px!important;
    align-content:stretch!important;
    row-gap:12px!important;
  }
}

/* ---------- Period badge: quiet secondary accent ---------- */
.pricing .price-card.plan-service .price .price-period,
.pricing .price-card.plan-manufacturer .price .price-period{
  background:#f4f8f6!important;
  border-color:#c9ddd3!important;
  color:#34715a!important;
  box-shadow:none!important;
}

html[data-theme="dark"] .pricing .price-card.plan-service .price .price-period,
html[data-theme="dark"] .pricing .price-card.plan-manufacturer .price .price-period{
  background:#1b2a24!important;
  border-color:#355746!important;
  color:#88c7aa!important;
}

/* ---------- Unlimited employees: compact information line ---------- */
.pricing .price-card.plan-service .price-highlight,
.pricing .price-card.plan-manufacturer .price-highlight{
  width:max-content!important;
  max-width:min(100%,430px)!important;
  min-height:46px!important;
  padding:7px 11px!important;
  gap:9px!important;
  border:0!important;
  border-radius:11px!important;
  background:#f7faf8!important;
  box-shadow:inset 2px 0 0 #197457!important;
}

.pricing .price-highlight__icon{
  width:28px!important;
  height:28px!important;
  flex:0 0 28px!important;
  border-radius:8px!important;
  background:#e9f3ee!important;
  color:#197457!important;
}

.pricing .price-highlight strong{
  font-size:11.5px!important;
  line-height:1.2!important;
}

.pricing .price-highlight small{
  margin-top:2px!important;
  font-size:9.8px!important;
  line-height:1.25!important;
}

html[data-theme="dark"] .pricing .price-card.plan-service .price-highlight,
html[data-theme="dark"] .pricing .price-card.plan-manufacturer .price-highlight{
  background:#19231f!important;
  box-shadow:inset 2px 0 0 #35a77c!important;
}

html[data-theme="dark"] .pricing .price-highlight__icon{
  background:#20352c!important;
  color:#70c5a2!important;
}

/* ---------- CTA: graphite button, green only in border/glow ---------- */
.pricing .price-card.plan-service .price-cta,
.pricing .price-card.plan-manufacturer .price-cta{
  background:#142019!important;
  border:1px solid #2f8f68!important;
  color:#fff!important;
  text-transform:uppercase!important;
  letter-spacing:.055em!important;
  font-weight:800!important;
  box-shadow:
    0 9px 22px rgba(18,42,31,.18),
    0 0 22px rgba(47,143,104,.16)!important;
}

.pricing .price-card.plan-service .price-cta:hover,
.pricing .price-card.plan-manufacturer .price-cta:hover{
  background:#0f1914!important;
  border-color:#3ba476!important;
  color:#fff!important;
  transform:translateY(-1px)!important;
  box-shadow:
    0 11px 26px rgba(18,42,31,.22),
    0 0 28px rgba(59,164,118,.22)!important;
}

html[data-theme="dark"] .pricing .price-card.plan-service .price-cta,
html[data-theme="dark"] .pricing .price-card.plan-manufacturer .price-cta{
  background:#0e1512!important;
  border-color:#3aa476!important;
  color:#fff!important;
  box-shadow:
    0 9px 24px rgba(0,0,0,.28),
    0 0 26px rgba(58,164,118,.22)!important;
}

html[data-theme="dark"] .pricing .price-card.plan-service .price-cta:hover,
html[data-theme="dark"] .pricing .price-card.plan-manufacturer .price-cta:hover{
  background:#111b16!important;
  border-color:#4cbc8a!important;
  box-shadow:
    0 11px 28px rgba(0,0,0,.32),
    0 0 32px rgba(76,188,138,.27)!important;
}

/* MESHRUT_PRICING_FINAL_POLISH_V6_20261002_END */

/* =========================================================
   MESHRUT_PRICING_CLEANUP_V7_20261002

   - remove the legacy orange radial glow behind "ТАРИФЫ"
     in both light and dark themes;
   - remove the green outline from pricing CTA buttons
     in light theme only;
   - keep the existing graphite CTA fill and soft green glow;
   - dark theme CTA styling remains intact.
   ========================================================= */

/* Legacy orange halo behind the pricing heading/container. */
.pricing:before{
  content:none!important;
  display:none!important;
  background:none!important;
  opacity:0!important;
  box-shadow:none!important;
}

/* Light theme: no visible green stroke around CTA. */
html:not([data-theme="dark"]) .pricing .price-card.plan-service .price-cta,
html:not([data-theme="dark"]) .pricing .price-card.plan-manufacturer .price-cta{
  border-color:transparent!important;
}

/* MESHRUT_PRICING_CLEANUP_V7_20261002_END */

/* =========================================================
   MESHRUT_NETWORK_SOLID_MINT_V1_20261002

   Key network block:
   - solid bright MESHRUT-style mint background;
   - absolutely no gradient;
   - dedicated dark-theme solid green-black background;
   - existing content/cards/layout remain unchanged.
   ========================================================= */

.network{
  background:#EAF8F1!important;
  background-image:none!important;
  border-color:#92D5B5!important;
  box-shadow:0 12px 34px rgba(25,92,67,.06)!important;
}

html[data-theme="dark"] .network{
  background:#10231B!important;
  background-image:none!important;
  border-color:#2E6E54!important;
  box-shadow:0 12px 30px rgba(0,0,0,.22)!important;
}

/* MESHRUT_NETWORK_SOLID_MINT_V1_20261002_END */


/* =========================================================
   MESHRUT_NETWORK_BLACK_BRAND_ORANGE_V5_20261002

   Exact MESHRUT brand orange from production variables:
   --orange: #ff5b22
   --orange-dark: #ee4b12

   Black network block:
   - brand orange accents;
   - white primary typography;
   - dark internal cards;
   - no gradients;
   - dark mode included.
   ========================================================= */

.network{
  background:#0B0D0C!important;
  background-image:none!important;
  border:1px solid rgba(255,91,34,.34)!important;
  box-shadow:0 16px 38px rgba(0,0,0,.10)!important;
}

.network .kicker{
  color:#ff5b22!important;
}

.network__copy h2{
  color:#FFFFFF!important;
}

.network__copy p{
  color:#E9E4DF!important;
}

.network .btn--network{
  background:#ff5b22!important;
  border-color:#ff5b22!important;
  color:#FFFFFF!important;
  box-shadow:0 10px 26px rgba(255,91,34,.22)!important;
}

.network .btn--network span,
.network .btn--network b{
  color:#FFFFFF!important;
}

.network .btn--network:hover{
  background:#ee4b12!important;
  border-color:#ee4b12!important;
  box-shadow:0 12px 30px rgba(255,91,34,.30)!important;
}

.network-node{
  background:#151816!important;
  color:#FFFFFF!important;
  border:1px solid rgba(255,91,34,.28)!important;
  box-shadow:0 12px 26px rgba(0,0,0,.22)!important;
}

.network-node b{
  color:#FFFFFF!important;
}

.network-node small{
  color:#FFB197!important;
}

.network-node i,
.network-node--left i,
.network-node--right i{
  background:#2A1711!important;
  color:#ff5b22!important;
}

.network-node--left i .badge-ring{
  fill:#ff5b22!important;
  stroke:#151816!important;
}

.network-node--left i .badge-line{
  stroke:#151816!important;
}

.network-lines,
.network-lines path,
.network-lines path:last-child{
  stroke:#ff5b22!important;
}

.network__benefits article{
  background:#141715!important;
  border-color:rgba(255,91,34,.22)!important;
  box-shadow:none!important;
}

.network__benefits h3{
  color:#FFFFFF!important;
}

.network__benefits p{
  color:#F0B49F!important;
}

.network__benefits article:nth-child(n) .network-benefit-icon{
  color:#ff5b22!important;
}

/* Dark theme */
html[data-theme="dark"] .network{
  background:#070908!important;
  background-image:none!important;
  border-color:rgba(255,91,34,.38)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.28)!important;
}

html[data-theme="dark"] .network__copy h2,
html[data-theme="dark"] .network__benefits h3,
html[data-theme="dark"] .network-node b{
  color:#FFFFFF!important;
}

html[data-theme="dark"] .network__copy p{
  color:#E3DDD8!important;
}

html[data-theme="dark"] .network__benefits p,
html[data-theme="dark"] .network-node small{
  color:#EFB099!important;
}

html[data-theme="dark"] .network__benefits article,
html[data-theme="dark"] .network-node{
  background:#111311!important;
  border-color:rgba(255,91,34,.24)!important;
}

html[data-theme="dark"] .network .btn--network{
  background:#ff5b22!important;
  border-color:#ff5b22!important;
  color:#FFFFFF!important;
  box-shadow:0 10px 28px rgba(255,91,34,.24)!important;
}

/* MESHRUT_NETWORK_BLACK_BRAND_ORANGE_V5_20261002_END */

/* === MESHRUT_LANDING_FINAL_POLISH_V1_20261002 START === */

/* 1. Network: orange stays as accent; secondary copy becomes neutral. */
.network-node small,
.network__benefits p{
  font-family:inherit!important;
  font-weight:400!important;
  letter-spacing:0!important;
  color:#A9B1AE!important;
}

.network-node small{
  line-height:1.28!important;
}

.network__benefits p{
  line-height:1.38!important;
}

html[data-theme="dark"] .network-node small,
html[data-theme="dark"] .network__benefits p{
  color:#AEB6B2!important;
}

/* 2. Process: remove foreign blue accents. */
.steps>b{
  color:#ff5b22!important;
}

.steps .stepnum{
  background:#ff5b22!important;
  color:#fff!important;
}

html[data-theme="dark"] .steps>b{
  color:#ff6a34!important;
}

html[data-theme="dark"] .steps .stepnum{
  background:#ff5b22!important;
  color:#fff!important;
}

/* 3. Pricing: orange/graphite UI; green remains only for semantic checklist ticks. */
.pricing .billing-toggle button.active{
  background:#ff5b22!important;
  border-color:#ff5b22!important;
  color:#fff!important;
  box-shadow:
    0 0 0 1px rgba(255,91,34,.08),
    0 7px 18px rgba(255,91,34,.18)!important;
}

html[data-theme="dark"] .pricing .billing-toggle button.active{
  background:#ff5b22!important;
  border-color:#ff5b22!important;
  color:#fff!important;
  box-shadow:
    0 0 0 1px rgba(255,91,34,.16),
    0 0 20px rgba(255,91,34,.20)!important;
}

.pricing .price-card.plan-service:before,
.pricing .price-card.plan-manufacturer:before{
  background:#ff5b22!important;
}

html[data-theme="dark"] .pricing .price-card.plan-service:before,
html[data-theme="dark"] .pricing .price-card.plan-manufacturer:before{
  background:#ff5b22!important;
}

.pricing .price-card.plan-service .price .price-period,
.pricing .price-card.plan-manufacturer .price .price-period{
  background:#fff5f1!important;
  border-color:#ffd0bf!important;
  color:#b84720!important;
  box-shadow:none!important;
}

html[data-theme="dark"] .pricing .price-card.plan-service .price .price-period,
html[data-theme="dark"] .pricing .price-card.plan-manufacturer .price .price-period{
  background:#2a1913!important;
  border-color:#6b3524!important;
  color:#ff9a75!important;
}

.pricing .price-card.plan-service .price-highlight,
.pricing .price-card.plan-manufacturer .price-highlight{
  background:#faf9f7!important;
  box-shadow:inset 2px 0 0 #ff5b22!important;
}

.pricing .price-highlight__icon{
  background:#fff0ea!important;
  color:#ff5b22!important;
}

html[data-theme="dark"] .pricing .price-card.plan-service .price-highlight,
html[data-theme="dark"] .pricing .price-card.plan-manufacturer .price-highlight{
  background:#1d1b19!important;
  box-shadow:inset 2px 0 0 #ff5b22!important;
}

html[data-theme="dark"] .pricing .price-highlight__icon{
  background:#321d15!important;
  color:#ff7a4a!important;
}

.pricing .price-card.plan-service .price-cta,
.pricing .price-card.plan-manufacturer .price-cta{
  background:#142019!important;
  border-color:transparent!important;
  color:#fff!important;
  box-shadow:
    0 9px 22px rgba(18,42,31,.18),
    0 0 20px rgba(255,91,34,.14)!important;
}

.pricing .price-card.plan-service .price-cta:hover,
.pricing .price-card.plan-manufacturer .price-cta:hover{
  background:#0f1914!important;
  border-color:#ff5b22!important;
  color:#fff!important;
  box-shadow:
    0 11px 26px rgba(18,42,31,.22),
    0 0 26px rgba(255,91,34,.20)!important;
}

html[data-theme="dark"] .pricing .price-card.plan-service .price-cta,
html[data-theme="dark"] .pricing .price-card.plan-manufacturer .price-cta{
  background:#0e1512!important;
  border-color:#3b2620!important;
  color:#fff!important;
  box-shadow:
    0 9px 24px rgba(0,0,0,.28),
    0 0 24px rgba(255,91,34,.18)!important;
}

html[data-theme="dark"] .pricing .price-card.plan-service .price-cta:hover,
html[data-theme="dark"] .pricing .price-card.plan-manufacturer .price-cta:hover{
  background:#111b16!important;
  border-color:#ff5b22!important;
  box-shadow:
    0 11px 28px rgba(0,0,0,.32),
    0 0 30px rgba(255,91,34,.24)!important;
}

/* Keep green only for success semantics. */
.pricing .price-card li:before{
  color:#10a857!important;
}

html[data-theme="dark"] .pricing .price-card li:before{
  color:#35c97f!important;
}

/* === MESHRUT_LANDING_FINAL_POLISH_V1_20261002 END === */

/* === MESHRUT_REQUEST_FULL_RESPONSIVE_V7_20261002 START === */

/*
  IMPORTANT:
  The original production layout is already correct at:
    >=1281px  — compact 6-column desktop
    <=980px   — stacked section + 2-column form
    <=620px   — single-column mobile

  The actual weak zone is 981–1280px.
  We do not redesign the whole component anymore.
  We only compact that transition range:
    - copy stays ABOVE the form, so fields get full width;
    - headline + description sit on one horizontal copy row;
    - form stays a balanced 3x2 grid;
    - no giant empty area;
    - no squeezed fields beside the copy column.
*/

/* ---------- medium desktop / resized browser ---------- */
@media (min-width:981px) and (max-width:1280px){
  .request{
    grid-template-columns:1fr!important;
    min-height:0!important;
    padding:22px 26px!important;
    gap:14px!important;
    align-items:start!important;
  }

  .request__copy{
    max-width:none!important;
    min-width:0!important;
    display:grid!important;
    grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr)!important;
    gap:28px!important;
    align-items:end!important;
  }

  .request__copy h2{
    margin:0!important;
    font-size:30px!important;
    line-height:1.03!important;
  }

  .request__copy h2 br{
    display:none!important;
  }

  .request__copy p{
    margin:0!important;
    max-width:680px!important;
    font-size:12.5px!important;
    line-height:1.45!important;
  }

  .request__form{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-template-rows:auto!important;
    column-gap:12px!important;
    row-gap:8px!important;
    align-items:start!important;
  }

  .request__submit{
    grid-column:3!important;
    grid-row:2!important;
    align-self:end!important;
    height:42px!important;
    min-height:42px!important;
    margin:0!important;
  }

  .request .consent{
    grid-column:1/4!important;
    grid-row:3!important;
    margin:0!important;
  }

  .request .form-status{
    grid-column:1/4!important;
    grid-row:4!important;
  }
}

/* ---------- tablet: make the existing production 2-column state deterministic ---------- */
@media (min-width:621px) and (max-width:980px){
  .request{
    min-height:0!important;
    padding:24px 20px!important;
    gap:18px!important;
    align-items:start!important;
  }

  .request__copy{
    display:block!important;
    max-width:760px!important;
  }

  .request__copy h2 br{
    display:none!important;
  }

  .request__form{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:auto!important;
    column-gap:12px!important;
    row-gap:10px!important;
    align-items:start!important;
  }

  .request__submit{
    grid-column:2!important;
    grid-row:3!important;
    align-self:end!important;
    height:42px!important;
    min-height:42px!important;
    margin:0!important;
  }

  .request .consent{
    grid-column:1/3!important;
    grid-row:4!important;
  }

  .request .form-status{
    grid-column:1/3!important;
    grid-row:5!important;
  }
}

/* ---------- mobile: one natural vertical flow ---------- */
@media (max-width:620px){
  .request{
    min-height:0!important;
    padding:22px 18px!important;
    gap:16px!important;
    align-items:start!important;
  }

  .request__copy{
    display:block!important;
  }

  .request__copy h2 br{
    display:none!important;
  }

  .request__form{
    grid-template-columns:1fr!important;
    grid-template-rows:auto!important;
    gap:10px!important;
  }

  .request__submit,
  .request .consent,
  .request .form-status{
    grid-column:1!important;
    grid-row:auto!important;
  }

  .request__submit{
    width:100%!important;
    height:44px!important;
    min-height:44px!important;
    margin:0!important;
  }
}

/* Keep the approved dark-pricing CTA visibility improvement. */
html[data-theme="dark"] .pricing .price-card.plan-service .price-cta,
html[data-theme="dark"] .pricing .price-card.plan-manufacturer .price-cta{
  background:#1B2520!important;
  border:1px solid rgba(255,91,34,.78)!important;
  color:#FFFFFF!important;
  box-shadow:
    0 8px 22px rgba(0,0,0,.34),
    0 0 0 1px rgba(255,91,34,.08),
    0 0 22px rgba(255,91,34,.15)!important;
}

html[data-theme="dark"] .pricing .price-card.plan-service .price-cta:hover,
html[data-theme="dark"] .pricing .price-card.plan-manufacturer .price-cta:hover{
  background:#ff5b22!important;
  border-color:#ff5b22!important;
  color:#FFFFFF!important;
  box-shadow:
    0 10px 26px rgba(0,0,0,.38),
    0 0 28px rgba(255,91,34,.26)!important;
}

/* === MESHRUT_REQUEST_FULL_RESPONSIVE_V7_20261002 END === */

/* MESHRUT_TRIAL_GRACE_SYSTEM_V2 */
.price-trial-badge{display:inline-flex;align-items:center;gap:8px;width:max-content;max-width:100%;margin:2px 0 14px;padding:7px 11px;border:1px solid rgba(25,116,87,.24);border-radius:999px;background:rgba(25,116,87,.08);color:#176449;line-height:1.15}
.price-trial-badge strong{font-size:12px;font-weight:800;letter-spacing:-.01em}.price-trial-badge span{font-size:10px;font-weight:600;opacity:.72}
html[data-theme="dark"] .price-trial-badge{border-color:rgba(73,184,141,.34);background:rgba(53,167,124,.13);color:#8bd6b7}
@media(max-width:640px){.price-trial-badge{margin-bottom:12px;padding:7px 10px}}

/* MESHRUT_PRICING_LAYOUT_BLACK_HIGHLIGHT_V1 */
.pricing .price-card.plan-service,
.pricing .price-card.plan-manufacturer{
  display:flex!important;
  flex-direction:column!important;
  height:auto!important;
  min-height:0!important;
  align-self:stretch!important;
}
.pricing .price-card .price-card__head{min-height:0!important}
.pricing .price-card .price{margin:22px 0 12px!important}
.pricing .price-card .price-trial-badge{margin:0 0 12px!important}
.pricing .price-card.plan-service .price-highlight,
.pricing .price-card.plan-manufacturer .price-highlight{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  width:max-content!important;
  max-width:100%!important;
  min-height:0!important;
  margin:0 0 14px!important;
  padding:7px 11px!important;
  border:1px solid #101211!important;
  border-radius:999px!important;
  background:#101211!important;
  box-shadow:none!important;
  color:#fff!important;
}
.pricing .price-highlight__icon{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
  border:0!important;
  border-radius:7px!important;
  background:rgba(255,255,255,.14)!important;
  color:#fff!important;
}
.pricing .price-highlight>div:last-child{
  display:flex!important;
  align-items:baseline!important;
  gap:7px!important;
  flex-wrap:wrap!important;
}
.pricing .price-highlight strong{
  margin:0!important;
  color:#fff!important;
  font-size:12px!important;
  line-height:1.15!important;
  font-weight:800!important;
}
.pricing .price-highlight small{
  margin:0!important;
  color:rgba(255,255,255,.72)!important;
  font-size:10px!important;
  line-height:1.15!important;
  font-weight:600!important;
}
html[data-theme="dark"] .pricing .price-card.plan-service .price-highlight,
html[data-theme="dark"] .pricing .price-card.plan-manufacturer .price-highlight{
  border-color:#050606!important;
  background:#050606!important;
  color:#fff!important;
}
.pricing .price-card ul{
  position:static!important;
  inset:auto!important;
  flex:0 0 auto!important;
  margin:0 0 14px!important;
  padding-bottom:0!important;
}
.pricing .price-card.plan-service .price-cta,
.pricing .price-card.plan-manufacturer .price-cta{
  position:static!important;
  inset:auto!important;
  transform:none!important;
  flex:0 0 auto!important;
  width:100%!important;
  margin-top:auto!important;
}
@media(max-width:640px){
  .pricing .price-card .price{margin-top:18px!important}
  .pricing .price-card.plan-service .price-highlight,
  .pricing .price-card.plan-manufacturer .price-highlight{
    width:100%!important;
    border-radius:14px!important;
  }
}

/* MESHRUT_PRICING_COMPACT_BLACK_BADGES_V2 */
.pricing .price-card .price-card__head{
  min-height:0!important;
  height:auto!important;
  flex:0 0 auto!important;
  margin:0!important;
  padding:0!important;
}
.pricing .price-card .price{
  margin:14px 0 12px!important;
}
.pricing .price-card .price-trial-badge,
.pricing .price-card.plan-service .price-highlight,
.pricing .price-card.plan-manufacturer .price-highlight{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  width:max-content!important;
  max-width:100%!important;
  min-height:34px!important;
  box-sizing:border-box!important;
  margin:0 0 10px!important;
  padding:6px 11px!important;
  border:1px solid #101211!important;
  border-radius:999px!important;
  background:#101211!important;
  box-shadow:none!important;
  color:#fff!important;
  line-height:1.15!important;
}
.pricing .price-card .price-trial-badge strong,
.pricing .price-card .price-highlight strong{
  margin:0!important;
  color:#fff!important;
  font-size:12px!important;
  line-height:1.15!important;
  font-weight:800!important;
  letter-spacing:-.01em!important;
}
.pricing .price-card .price-trial-badge span,
.pricing .price-card .price-highlight small{
  margin:0!important;
  color:rgba(255,255,255,.72)!important;
  font-size:10px!important;
  line-height:1.15!important;
  font-weight:600!important;
  opacity:1!important;
}
.pricing .price-highlight__icon{
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  border:0!important;
  border-radius:6px!important;
  background:#fff!important;
  color:#101211!important;
}
.pricing .price-highlight__icon svg,
.pricing .price-highlight__icon svg path{
  fill:#101211!important;
  stroke:#101211!important;
}
.pricing .price-plan-description{
  max-width:720px!important;
  margin:2px 0 14px!important;
  color:#71807b!important;
  font-size:11px!important;
  line-height:1.45!important;
}
html[data-theme="dark"] .pricing .price-plan-description{
  color:#9ca7a3!important;
}
html[data-theme="dark"] .pricing .price-card .price-trial-badge,
html[data-theme="dark"] .pricing .price-card.plan-service .price-highlight,
html[data-theme="dark"] .pricing .price-card.plan-manufacturer .price-highlight{
  border-color:#050606!important;
  background:#050606!important;
  color:#fff!important;
}
.pricing .price-card ul{
  margin-top:0!important;
}
@media(max-width:640px){
  .pricing .price-card .price-trial-badge,
  .pricing .price-card.plan-service .price-highlight,
  .pricing .price-card.plan-manufacturer .price-highlight{
    width:100%!important;
    border-radius:14px!important;
  }
}


/* =========================================================
   MESHRUT_COMPANIES_PUBLIC_V1_20261006
   ========================================================= */
.companies-section{padding-top:28px;padding-bottom:30px;overflow:hidden}
.companies-section__head{text-align:center;max-width:760px;margin:0 auto 24px}
.companies-section__head h2{margin:0;font-size:clamp(29px,3.2vw,44px);line-height:1.08;letter-spacing:-.035em;color:var(--ink)}
.companies-section__head p{margin:10px auto 0;max-width:680px;color:var(--muted);font-size:14px;line-height:1.55}
.companies-stage{position:relative;overflow:hidden;border-radius:24px;padding:8px 0}
.companies-stage.has-edge-fade{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%)}
.companies-rows{display:grid;gap:14px}
.companies-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--companies-gap,18px)}
.company-card{min-width:0;min-height:92px;border:1px solid rgba(29,51,45,.10);border-radius:18px;background:rgba(255,255,255,.78);display:flex;align-items:center;justify-content:center;text-align:center;padding:14px 18px;transition:border-color .18s,background .18s,transform .18s,box-shadow .18s;text-decoration:none;color:inherit;position:relative}
a.company-card:hover{border-color:rgba(29,51,45,.20);background:#fff;box-shadow:0 12px 32px rgba(19,39,33,.07);transform:translateY(-1px)}
a.company-card:focus-visible{outline:3px solid rgba(239,109,46,.28);outline-offset:3px}
.company-card__visual{width:100%;min-height:58px;display:grid;place-items:center;gap:7px}
.company-card__logo{display:block;width:100%;height:54px;max-width:190px;object-fit:contain;object-position:center}
.company-card__fallback{width:100%;min-height:54px;display:grid;place-items:center;gap:3px}
.company-card__fallback[hidden]{display:none!important}
.company-card__monogram{font-size:21px;font-weight:820;letter-spacing:-.02em;line-height:1;color:#1f342e}
.company-card__fallback-name{max-width:180px;font-size:12px;line-height:1.2;font-weight:720;color:#52635d;overflow-wrap:anywhere}
.company-card__name{font-size:11px;line-height:1.2;font-weight:700;color:#62726c;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.companies-marquee{--companies-duration:28s;overflow:hidden;width:100%}
.companies-marquee__track{display:flex;width:max-content;will-change:transform;animation:meshrutCompaniesMarquee var(--companies-duration) linear infinite}
.companies-marquee.is-reverse .companies-marquee__track{animation-direction:reverse}
.companies-marquee.is-paused .companies-marquee__track,.companies-marquee:hover.pause-on-hover .companies-marquee__track{animation-play-state:paused}
.companies-marquee__group{display:flex;align-items:stretch;gap:var(--companies-gap,18px);padding-right:var(--companies-gap,18px);flex:none}
.companies-marquee .company-card{width:210px;flex:0 0 210px}
@keyframes meshrutCompaniesMarquee{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
html[data-theme="dark"] .company-card{background:rgba(24,31,29,.82);border-color:rgba(255,255,255,.09)}
html[data-theme="dark"] a.company-card:hover{background:#1d2623;border-color:rgba(255,255,255,.16);box-shadow:0 14px 34px rgba(0,0,0,.18)}
html[data-theme="dark"] .company-card__monogram{color:#edf2ef}
html[data-theme="dark"] .company-card__fallback-name,html[data-theme="dark"] .company-card__name{color:#aebbb6}
@media (prefers-reduced-motion:reduce){.companies-marquee__track{animation:none!important;transform:none!important}.companies-marquee{overflow-x:auto;scrollbar-width:none}.companies-marquee::-webkit-scrollbar{display:none}}
@media (max-width:1100px){.companies-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:760px){.companies-section{padding-top:18px;padding-bottom:22px}.companies-section__head{margin-bottom:18px}.companies-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.company-card{min-height:80px;padding:11px 12px;border-radius:15px}.companies-marquee .company-card{width:164px;flex-basis:164px}.company-card__logo{height:45px}.companies-stage.has-edge-fade{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 3.5%,#000 96.5%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 3.5%,#000 96.5%,transparent 100%)}}
@media (max-width:380px){.companies-grid{grid-template-columns:1fr 1fr}.companies-marquee .company-card{width:148px;flex-basis:148px}}

/* MESHRUT_COMPANIES_PUBLIC_LAYOUT_V1_2_1
   Rebased on production 2026-10-06.
   Full landing card + centered compact 1-6 layout + larger contained logos. */
.companies-section{
  margin-top:16px;
  padding:28px 30px 24px;
  overflow:hidden;
  background:#fff;
  border:1px solid #e7e9e7;
  border-radius:22px;
  box-shadow:var(--shadow);
}
.companies-section__head{
  max-width:820px;
  margin:0 auto 20px;
  padding:0 12px;
  text-align:center;
}
.companies-stage{
  position:relative;
  overflow:hidden;
  border-radius:18px;
  padding:0;
}
.companies-rows{gap:14px}

/* Static Auto/Grid mode: compact cards are centered for every count, including 1. */
.companies-grid{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:stretch;
  gap:var(--companies-gap,18px);
  width:100%;
  margin-inline:auto;
}
.companies-grid .company-card{
  flex:0 1 clamp(196px,14vw,248px);
  width:clamp(196px,14vw,248px);
  max-width:248px;
}
.companies-grid .company-card:only-child{
  flex-basis:min(248px,100%);
  width:min(248px,100%);
}

.company-card{
  min-height:104px;
  padding:8px 13px;
}
.company-card__visual{
  min-height:78px;
  gap:4px;
}
.company-card__logo{
  display:block;
  width:100%;
  height:74px;
  max-width:224px;
  object-fit:contain;
  object-position:center;
}
.company-card__fallback{min-height:70px}
.company-card__fallback-name{max-width:210px}
.company-card__name{max-width:216px}
.companies-marquee .company-card{
  width:236px;
  flex:0 0 236px;
}

html[data-theme="dark"] .companies-section{
  background:#151a18;
  border-color:#2a322f;
}

@media (max-width:1100px){
  .companies-section{padding:26px 24px 22px}
  .companies-grid .company-card{
    flex:0 1 calc(25% - 14px);
    width:calc(25% - 14px);
    max-width:246px;
    min-width:174px;
  }
  .companies-grid .company-card:only-child{
    flex-basis:min(246px,100%);
    width:min(246px,100%);
    min-width:min(246px,100%);
  }
}

@media (max-width:760px){
  .companies-section{
    margin-top:12px;
    padding:21px 16px 19px;
    border-radius:20px;
  }
  .companies-section__head{
    margin-bottom:16px;
    padding:0 2px;
  }
  .companies-section__head h2{font-size:clamp(27px,8vw,34px)}
  .companies-section__head p{font-size:13px}
  .companies-stage{padding-top:0}
  .companies-grid{gap:10px}
  .companies-grid .company-card{
    flex:0 1 calc(50% - 5px);
    width:calc(50% - 5px);
    max-width:none;
    min-width:0;
  }
  .companies-grid .company-card:only-child{
    flex-basis:min(230px,100%);
    width:min(230px,100%);
  }
  .company-card{
    min-height:92px;
    padding:7px 10px;
  }
  .company-card__visual{min-height:68px}
  .company-card__logo{
    width:100%;
    height:64px;
    max-width:200px;
  }
  .companies-marquee .company-card{
    width:178px;
    flex-basis:178px;
  }
}

@media (max-width:380px){
  .companies-section{padding-inline:12px}
  .companies-grid{gap:8px}
  .companies-grid .company-card{
    flex-basis:calc(50% - 4px);
    width:calc(50% - 4px);
  }
  .companies-grid .company-card:only-child{
    flex-basis:min(220px,100%);
    width:min(220px,100%);
  }
  .companies-marquee .company-card{
    width:158px;
    flex-basis:158px;
  }
}


/* =========================================================
   MESHRUT_COMPANIES_PUBLIC_LAYOUT_V1_3
   Compact horizontal heading + full-width logo stage.
   Auto rendering contract remains: 1-6 static, 7-15 one marquee,
   16+ two marquee rows (server-side companySettings contract).
   ========================================================= */
.companies-section{
  padding:20px 26px 18px;
}
.companies-section__head{
  display:grid;
  grid-template-columns:minmax(340px,.72fr) minmax(460px,1.28fr);
  align-items:center;
  gap:38px;
  width:100%;
  max-width:none;
  margin:0 0 13px;
  padding:0 4px;
  text-align:left;
}
.companies-section__head h2{
  margin:0;
  font-size:clamp(28px,2.05vw,34px);
  line-height:1.04;
  letter-spacing:-.03em;
  white-space:nowrap;
}
.companies-section__head p{
  margin:0;
  max-width:none;
  font-size:13px;
  line-height:1.42;
  text-align:left;
}
.companies-stage{
  border-radius:16px;
  padding:0;
}
.companies-rows{
  gap:10px;
}
.companies-grid{
  gap:var(--companies-gap,14px);
}
.companies-grid .company-card{
  flex:0 1 clamp(188px,13vw,236px);
  width:clamp(188px,13vw,236px);
  max-width:236px;
}
.companies-grid .company-card:only-child{
  flex-basis:min(236px,100%);
  width:min(236px,100%);
}
.company-card{
  min-height:92px;
  padding:6px 10px;
  border-radius:16px;
}
.company-card__visual{
  min-height:76px;
  gap:3px;
}
.company-card__logo{
  width:100%;
  height:80px;
  max-width:226px;
}
.company-card__fallback{
  min-height:72px;
}
.company-card__fallback-name{
  max-width:206px;
}
.company-card__name{
  max-width:210px;
}
.companies-marquee .company-card{
  width:224px;
  flex:0 0 224px;
}

@media (max-width:1100px){
  .companies-section{
    padding:20px 22px 18px;
  }
  .companies-section__head{
    grid-template-columns:minmax(300px,.8fr) minmax(360px,1.2fr);
    gap:26px;
  }
  .companies-section__head h2{
    font-size:clamp(27px,3vw,32px);
  }
  .companies-grid .company-card{
    flex:0 1 calc(25% - 11px);
    width:calc(25% - 11px);
    min-width:168px;
    max-width:228px;
  }
  .companies-grid .company-card:only-child{
    flex-basis:min(232px,100%);
    width:min(232px,100%);
    min-width:min(232px,100%);
  }
}

@media (max-width:980px){
  .companies-section__head{
    display:block;
    margin-bottom:12px;
    padding:0 2px;
    text-align:center;
  }
  .companies-section__head h2{
    white-space:normal;
  }
  .companies-section__head p{
    margin:7px auto 0;
    max-width:680px;
    text-align:center;
  }
}

@media (max-width:760px){
  .companies-section{
    padding:18px 14px 16px;
  }
  .companies-section__head{
    margin-bottom:11px;
  }
  .companies-section__head h2{
    font-size:clamp(25px,7.2vw,31px);
  }
  .companies-section__head p{
    margin-top:6px;
    font-size:12px;
    line-height:1.4;
  }
  .companies-rows{
    gap:8px;
  }
  .companies-grid{
    gap:8px;
  }
  .companies-grid .company-card{
    flex:0 1 calc(50% - 4px);
    width:calc(50% - 4px);
    max-width:none;
    min-width:0;
  }
  .companies-grid .company-card:only-child{
    flex-basis:min(218px,100%);
    width:min(218px,100%);
  }
  .company-card{
    min-height:84px;
    padding:5px 8px;
    border-radius:14px;
  }
  .company-card__visual{
    min-height:68px;
  }
  .company-card__logo{
    height:70px;
    max-width:198px;
  }
  .companies-marquee .company-card{
    width:170px;
    flex-basis:170px;
  }
}

@media (max-width:380px){
  .companies-section{
    padding-inline:11px;
  }
  .companies-grid .company-card:only-child{
    flex-basis:min(210px,100%);
    width:min(210px,100%);
  }
  .companies-marquee .company-card{
    width:154px;
    flex-basis:154px;
  }
}

/* =========================================================
   MESHRUT_COMPANIES_PUBLIC_LAYOUT_V1_4
   Correct visual hierarchy: compact centered heading on top,
   full-width logo stage below. No side columns are reserved for copy.
   Rendering contract remains: 1-6 static, 7-15 one marquee,
   16+ two marquee rows.
   ========================================================= */
.companies-section{
  padding:20px 26px 20px;
}
.companies-section__head{
  display:block!important;
  width:100%;
  max-width:none;
  margin:0 0 12px;
  padding:0;
  text-align:center!important;
}
.companies-section__head h2{
  margin:0;
  font-size:clamp(28px,2vw,34px);
  line-height:1.04;
  letter-spacing:-.03em;
  white-space:normal;
  text-align:center;
}
.companies-section__head p{
  margin:5px auto 0;
  max-width:820px;
  font-size:12px;
  line-height:1.4;
  text-align:center!important;
}
.companies-stage{
  width:100%;
  margin:0;
  padding:0;
  border-radius:16px;
}
.companies-rows{
  width:100%;
  gap:10px;
}
.companies-grid{
  width:100%;
  gap:var(--companies-gap,14px);
}
.companies-grid .company-card{
  flex:0 1 clamp(170px,12.5vw,226px);
  width:clamp(170px,12.5vw,226px);
  max-width:226px;
}
.companies-grid .company-card:only-child{
  flex-basis:min(226px,100%);
  width:min(226px,100%);
}
.company-card{
  min-height:88px;
  padding:4px 9px;
  border-radius:16px;
}
.company-card__visual{
  min-height:72px;
  gap:2px;
}
.company-card__logo{
  width:100%;
  height:78px;
  max-width:218px;
  object-fit:contain;
  object-position:center;
}
.company-card__fallback{
  min-height:68px;
}
.companies-marquee .company-card{
  width:214px;
  flex:0 0 214px;
}

@media (max-width:1100px){
  .companies-section{padding:19px 22px 19px}
  .companies-section__head{margin-bottom:11px}
  .companies-grid .company-card{
    flex-basis:clamp(164px,20vw,214px);
    width:clamp(164px,20vw,214px);
    min-width:0;
    max-width:214px;
  }
  .companies-grid .company-card:only-child{
    flex-basis:min(220px,100%);
    width:min(220px,100%);
  }
}

@media (max-width:760px){
  .companies-section{
    padding:17px 13px 16px;
  }
  .companies-section__head{
    margin-bottom:10px;
  }
  .companies-section__head h2{
    font-size:clamp(25px,7.2vw,31px);
  }
  .companies-section__head p{
    margin-top:5px;
    max-width:560px;
    font-size:12px;
    line-height:1.38;
  }
  .companies-rows{gap:8px}
  .companies-grid{gap:8px}
  .companies-grid .company-card{
    flex:0 1 calc(50% - 4px);
    width:calc(50% - 4px);
    max-width:none;
    min-width:0;
  }
  .companies-grid .company-card:only-child{
    flex-basis:min(214px,100%);
    width:min(214px,100%);
  }
  .company-card{
    min-height:82px;
    padding:4px 7px;
    border-radius:14px;
  }
  .company-card__visual{min-height:66px}
  .company-card__logo{
    height:70px;
    max-width:196px;
  }
  .companies-marquee .company-card{
    width:168px;
    flex-basis:168px;
  }
}

@media (max-width:380px){
  .companies-section{padding-inline:10px}
  .companies-grid .company-card:only-child{
    flex-basis:min(206px,100%);
    width:min(206px,100%);
  }
  .companies-marquee .company-card{
    width:152px;
    flex-basis:152px;
  }
}


/* =========================================================
   MESHRUT_COMPANIES_PUBLIC_LAYOUT_V1_5
   Low-count density polish only.
   When a static grid contains 1-2 companies, reduce vertical
   whitespace without changing logo scale or the 7+/16+ marquee contract.
   ========================================================= */
@supports selector(.companies-section:has(.company-card)){
  .companies-section:has(.companies-grid .company-card:first-child):not(:has(.companies-grid .company-card:nth-child(3))){
    padding-top:14px;
    padding-bottom:14px;
  }
  .companies-section:has(.companies-grid .company-card:first-child):not(:has(.companies-grid .company-card:nth-child(3))) .companies-section__head{
    margin-bottom:8px;
  }
  .companies-section:has(.companies-grid .company-card:first-child):not(:has(.companies-grid .company-card:nth-child(3))) .company-card{
    min-height:82px;
    padding-top:2px;
    padding-bottom:2px;
  }
  .companies-section:has(.companies-grid .company-card:first-child):not(:has(.companies-grid .company-card:nth-child(3))) .company-card__visual{
    min-height:68px;
  }
  .companies-section:has(.companies-grid .company-card:first-child):not(:has(.companies-grid .company-card:nth-child(3))) .company-card__logo{
    height:76px;
  }
}

@media (max-width:760px){
  @supports selector(.companies-section:has(.company-card)){
    .companies-section:has(.companies-grid .company-card:first-child):not(:has(.companies-grid .company-card:nth-child(3))){
      padding-top:13px;
      padding-bottom:13px;
    }
    .companies-section:has(.companies-grid .company-card:first-child):not(:has(.companies-grid .company-card:nth-child(3))) .companies-section__head{
      margin-bottom:8px;
    }
    .companies-section:has(.companies-grid .company-card:first-child):not(:has(.companies-grid .company-card:nth-child(3))) .company-card{
      min-height:78px;
    }
    .companies-section:has(.companies-grid .company-card:first-child):not(:has(.companies-grid .company-card:nth-child(3))) .company-card__visual{
      min-height:64px;
    }
    .companies-section:has(.companies-grid .company-card:first-child):not(:has(.companies-grid .company-card:nth-child(3))) .company-card__logo{
      height:68px;
    }
  }
}
/* MESHRUT_NETWORK_INTELLIGENCE_V1 | self-contained design matching approved manufacturer concept */
.network.network--intelligence{--net-bg:#08111a;--net-surface:#101c28;--net-surface2:#1a2835;--net-line:#62788b;--net-text:#edf3f8;--net-muted:#b5c4d1;--net-orange:#f5884d;--net-green:#54c49e;--net-danger:#f16b6b;isolation:isolate;max-width:1560px;margin:26px auto 32px;padding:clamp(18px,2.6vw,38px);border:1px solid #344d60;border-radius:25px;background:radial-gradient(ellipse at 80% 0%,#1a2d3d,#08111a 55%,#070d14 100%);color:var(--net-text);box-shadow:0 28px 75px #11192026;overflow:hidden;letter-spacing:normal}
.network--intelligence *{box-sizing:border-box}.network--intelligence img{max-width:100%}.network--intelligence button{font-family:inherit}.network--intelligence :focus-visible{outline:2px solid var(--net-orange);outline-offset:3px}
.network--intelligence .net-hero{display:grid;grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr);gap:clamp(22px,3vw,46px);align-items:center;margin-bottom:46px}.network--intelligence .net-hero.is-reversed .net-copy{order:2}.network--intelligence .net-hero.is-reversed .net-dashboard{order:1}
.network--intelligence .net-copy{min-width:0}.network--intelligence .net-eyebrow{color:var(--net-orange);font-size:11px;font-weight:900;letter-spacing:.2em;margin:0 0 18px;text-transform:uppercase}.network--intelligence .net-copy h2{color:#f3f6fa;font-weight:850;font-size:clamp(27px,2.7vw,48px);line-height:1.15;letter-spacing:-.035em;margin:0 0 20px;overflow-wrap:anywhere}.network--intelligence .net-copy>p{color:#c2cbd5;font-size:clamp(13px,1.15vw,17px);line-height:1.6;margin:0 0 17px;max-width:680px}.network--intelligence .net-copy .net-principle{border-left:2px solid var(--net-orange);padding:4px 0 4px 15px;color:#e7edf2;font-size:clamp(12px,1vw,15px)}.network--intelligence .net-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;align-items:center}.network--intelligence .net-buttons .btn{display:inline-flex;align-items:center;gap:14px;font-size:13px;min-height:48px;text-transform:uppercase;border-radius:12px;padding:11px 20px}.network--intelligence .net-outline-button{background:#152432;border:1px solid #62788a;color:#fff;border-radius:12px;padding:11px 17px;min-height:48px;font-weight:700;font-size:12px;cursor:pointer;display:inline-flex;gap:10px;align-items:center}.network--intelligence .net-outline-button:hover{background:#223749}
.network--intelligence .net-dashboard{min-width:0;border-radius:17px;overflow:hidden;background:#101d2a;border:1px solid #718395;box-shadow:0 22px 46px #0007}
.network--intelligence .net-dashboard--render{display:block;padding:0;background:linear-gradient(180deg,#0b1520,#08131d);border:1px solid #6e8397;border-radius:20px;box-shadow:0 24px 50px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.08)}
.network--intelligence .net-dashboard--render .net-hero-render{display:block;width:100%;height:auto;aspect-ratio:7/4;object-fit:cover;object-position:center;background:#08131d}
.network--intelligence .net-dash-head{background:#1a2b38;border-bottom:1px solid #3b4e5e;display:flex;align-items:center;gap:13px;padding:12px 15px;font-size:13px}.network--intelligence .net-dash-head strong{font-weight:900;font-size:12px;letter-spacing:.1em;color:white}.network--intelligence .net-dash-head>span{font-weight:650;color:#bac8d3;flex:1}.network--intelligence .net-dash-head small{font-size:9px;letter-spacing:.08em;color:#ffb889;border:1px solid #775943;border-radius:5px;padding:3px 6px}.network--intelligence .net-dash-main{padding:clamp(11px,1.5vw,21px);background:linear-gradient(128deg,#152634,#111e2a)}.network--intelligence .net-dash-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.network--intelligence .net-dash-kpi{min-width:0;padding:11px 8px;border-radius:9px;border:1px solid #405667;background:linear-gradient(125deg,#213444,#1c2d3a)}.network--intelligence .net-dash-kpi small{display:block;line-height:1.28;color:#adbcca;font-size:clamp(8px,.74vw,11px);min-height:28px}.network--intelligence .net-dash-kpi b{display:block;font-size:clamp(18px,1.65vw,27px);color:white;line-height:1.4;font-weight:850}.network--intelligence .net-dash-chart-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:17px 0 9px;color:#eaf0f5;font-size:13px}.network--intelligence .net-dash-tabs{display:flex;gap:5px}.network--intelligence .net-dash-tabs button{border:1px solid #3d4e5b;border-radius:7px;background:#202e3a;color:#a9bac5;padding:6px 8px;font-size:10px}.network--intelligence .net-dash-tabs button.is-active{background:#7b49339a;border-color:#d78e5d;color:#fff}.network--intelligence .net-dash-chart{display:block;width:100%;height:135px;overflow:visible}.network--intelligence .net-dash-grid{stroke:#3e5060;stroke-width:1;fill:none}.network--intelligence [data-net-chart-line]{stroke:#ff945a;stroke-width:3;fill:none;stroke-linejoin:round;stroke-linecap:round}.network--intelligence .net-months{display:flex;justify-content:space-between;gap:4px;color:#8395a5;font-size:10px}.network--intelligence .net-dash-note{margin:13px 0 0;text-align:right;color:#8394a3;font-size:10px}
.network--intelligence .net-section-header{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;padding-bottom:13px;border-bottom:1px solid #5e402f;margin:16px 0 14px}.network--intelligence .net-section-header h2{margin:0;line-height:1.32;font-weight:900;text-transform:uppercase;color:#f1f5f8;font-size:clamp(15px,1.65vw,23px);letter-spacing:.045em;max-width:760px}.network--intelligence .net-section-header p{font-size:12px;color:#adbfcb;margin:0 0 2px;text-align:right;max-width:360px}.network--intelligence .net-questions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.network--intelligence .net-question{min-width:0;min-height:295px;border:1px solid #657a8e;background:linear-gradient(142deg,#111d29,#1c2b38 75%,#101b27);border-radius:15px;padding:17px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:inset 0 1px #e3eaf011;overflow:hidden}.network--intelligence .net-question-top{display:flex;gap:13px;align-items:flex-start;min-height:130px}.network--intelligence .net-icon{flex:0 0 49px;width:49px;height:49px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#26313e,#2f353d);border:1px solid #6a7380;color:#ffab72}.network--intelligence .net-icon svg{width:27px;height:27px}.network--intelligence .net-question-top>div{min-width:0}.network--intelligence .net-question h3{font-size:clamp(15px,1.16vw,19px);color:white;line-height:1.3;letter-spacing:-.015em;margin:0 0 9px}.network--intelligence .net-question p{font-size:clamp(11px,.82vw,13px);line-height:1.45;color:#b9c8d4;margin:0;hyphens:auto}.network--intelligence .net-question-bottom{display:grid;grid-template-columns:36% minmax(0,1fr);gap:10px;align-items:end;min-width:0;margin-top:12px}.network--intelligence .net-question-photo{width:100%;height:122px;object-fit:contain;object-position:bottom center;border-radius:8px;filter:drop-shadow(0 8px 13px #0005)}.network--intelligence .net-question-viz{min-width:0;align-self:center;overflow:hidden;border-radius:9px;padding:10px;background:#09151fb0;border:1px solid #314657;min-height:112px}.network--intelligence .net-bar-line{display:grid;grid-template-columns:minmax(0,85px) minmax(0,1fr) 21px;gap:5px;align-items:center;margin:7px 0;font-size:clamp(8px,.71vw,11px);color:#bdcbd7}.network--intelligence .net-bar-line>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.network--intelligence .net-bar-line strong{color:#eaf0f5;font-weight:700;text-align:right}.network--intelligence .net-track{height:7px;background:#293c4b;border-radius:9px;overflow:hidden}.network--intelligence .net-track i{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,#fa743a,#ffb57e)}.network--intelligence .net-ring{height:62px;width:62px;margin:0 auto 2px;background:conic-gradient(#f8844a 0 39%,#aab9c8 39% 67%,#647f92 67% 100%);border-radius:100%;display:grid;place-items:center}.network--intelligence .net-ring:before{content:"";position:absolute;width:42px;height:42px;background:#101c28;border-radius:50%}.network--intelligence .net-ring span{position:relative;z-index:1;font-size:7px;letter-spacing:.06em;color:#dbe6ee}.network--intelligence .net-status-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:clamp(9px,.76vw,12px);color:#ccd5df;padding:7px 0;border-bottom:1px solid #344758}.network--intelligence .net-status-row b{background:#30485a;border:1px solid #4b6475;padding:2px 6px;color:#ffbc8e;border-radius:6px}.network--intelligence .net-cost-amount{font-weight:900;font-size:clamp(15px,1.4vw,22px);line-height:1.3;color:white}.network--intelligence .net-cost-svg{display:block;width:100%;height:67px;margin-top:6px}.network--intelligence .net-cost-grid{fill:none;stroke:#365063}.network--intelligence .net-cost-svg polyline{stroke:#fc9156;stroke-width:2.8;fill:none;stroke-linecap:round;stroke-linejoin:round}.network--intelligence .net-recommend{display:flex;flex-direction:column;gap:7px}.network--intelligence .net-recommend span{display:block;color:#d9e5ed;font-size:11px;background:#263746;border-left:2px solid #f78a4a;border-radius:4px;padding:6px 7px}
.network--intelligence .net-flow-intro{margin-top:30px}.network--intelligence .net-flow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.network--intelligence .net-flow-card{min-width:0;background:linear-gradient(155deg,#192936,#101c28 77%);border:1px solid #73889a;border-radius:14px;padding:13px;display:flex;flex-direction:column;min-height:226px;position:relative}.network--intelligence .net-flow-card:not(:last-child):after{content:'→';display:grid;place-items:center;position:absolute;right:-19px;top:47%;z-index:3;font-size:27px;font-weight:800;color:#ffac76;text-shadow:0 1px 6px #091018}.network--intelligence .net-flow-heading{display:flex;align-items:flex-start;gap:11px;min-height:103px}.network--intelligence .net-flow-heading .net-icon{height:44px;width:44px;flex-basis:44px}.network--intelligence .net-flow-heading h3{margin:0 0 6px;color:#fff;font-size:clamp(12px,1.06vw,16px);line-height:1.2}.network--intelligence .net-flow-heading p{margin:0;color:#c4cfd9;font-size:clamp(10px,.8vw,12px);line-height:1.36}.network--intelligence .net-flow-visual{display:grid;grid-template-columns:46% minmax(0,1fr);gap:7px;align-items:end;flex:1}.network--intelligence .net-flow-photo{height:94px;width:100%;object-fit:contain;object-position:bottom}.network--intelligence .net-flow-tags{display:flex;flex-direction:column;gap:7px;align-self:center;min-width:0}.network--intelligence .net-flow-tags span{display:block;background:#263643e8;border:1px solid #354b5b;border-radius:6px;font-size:9px;line-height:1.3;color:#cfdee8;padding:6px}.network--intelligence .net-footnote{font-size:11px;color:#8a9ba8;margin:20px 0 0}
html[data-theme="dark"] .network.network--intelligence,html[data-theme="light"] .network.network--intelligence{color:var(--net-text);background:radial-gradient(ellipse at 80% 0%,#1a2d3d,#08111a 55%,#070d14 100%);border-color:#344d60}
@media(min-width:1700px){.network.network--intelligence{max-width:1560px}}
@media(max-width:1190px){.network--intelligence .net-hero{grid-template-columns:1fr 1.15fr}.network--intelligence .net-questions{grid-template-columns:repeat(2,minmax(0,1fr))}.network--intelligence .net-question{min-height:272px}.network--intelligence .net-flow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.network--intelligence .net-flow-card:nth-child(2):after{display:none}.network--intelligence .net-flow-card:nth-child(3):after{top:42%}}
@media(max-width:880px){.network--intelligence .net-hero{grid-template-columns:1fr}.network--intelligence .net-hero.is-reversed .net-copy,.network--intelligence .net-hero.is-reversed .net-dashboard{order:unset}.network--intelligence .net-section-header{flex-direction:column;align-items:flex-start;gap:8px}.network--intelligence .net-section-header p{text-align:left}.network--intelligence .net-question{min-height:260px}}
@media(max-width:650px){.network.network--intelligence{margin:16px 8px 20px;padding:17px 12px;border-radius:17px}.network--intelligence .net-copy h2{font-size:29px}.network--intelligence .net-buttons{gap:8px}.network--intelligence .net-buttons .btn,.network--intelligence .net-outline-button{width:100%;justify-content:center}.network--intelligence .net-dashboard{border-radius:12px}.network--intelligence .net-dashboard--render{border-radius:14px}.network--intelligence .net-dash-head{padding:10px;flex-wrap:wrap}.network--intelligence .net-dash-main{padding:9px}.network--intelligence .net-dash-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.network--intelligence .net-dash-kpi small{font-size:10px;min-height:0}.network--intelligence .net-dash-chart-head{flex-wrap:wrap}.network--intelligence .net-questions,.network--intelligence .net-flow-grid{grid-template-columns:1fr}.network--intelligence .net-question{min-height:245px}.network--intelligence .net-question-top{min-height:unset}.network--intelligence .net-question h3{font-size:17px}.network--intelligence .net-question p{font-size:12px}.network--intelligence .net-question-photo{height:138px}.network--intelligence .net-flow-card{min-height:210px}.network--intelligence .net-flow-card:after{display:none!important}.network--intelligence .net-flow-heading h3{font-size:16px}.network--intelligence .net-flow-heading p{font-size:12px}.network--intelligence .net-flow-photo{height:115px}}
@media(max-width:380px){.network--intelligence .net-question-bottom{grid-template-columns:30% 1fr}.network--intelligence .net-question-viz{padding:6px}.network--intelligence .net-bar-line{grid-template-columns:60px 1fr 18px}.network--intelligence .net-flow-visual{grid-template-columns:38% 1fr}}


/* MESHRUT MANUFACTURER NETWORK / APPROVED REFERENCE LAYOUT V5
   Scope: #manufacturer-network only; no platform or global layout changes.
   Image sizing: preserve complete source (object-fit: contain).
   CMS remains source of all copy/media/order/position.
*/
.network.network--intelligence{
  max-width:none;
  margin:18px auto 22px;
  padding:clamp(14px,1.4vw,24px);
  border-radius:22px;
  background:radial-gradient(ellipse at 65% 5%,#122333 0%,#08131d 57%,#07121b 100%);
  border-color:#354b5f;
}
.network--intelligence .net-hero{
  gap:clamp(20px,2.5vw,44px);
  margin-bottom:19px;
}
.network--intelligence .net-section-header{
  align-items:center;
  padding-bottom:10px;
  margin:13px 0 12px;
  border-bottom:1px solid #594638;
}
.network--intelligence .net-section-header h2{
  max-width:unset;
  line-height:1.18;
  font-size:clamp(17px,1.55vw,26px);
  letter-spacing:.05em;
}
.network--intelligence .net-section-header p{max-width:430px;font-size:clamp(10px,.84vw,13px)}
.network--intelligence .net-questions{gap:12px}
.network--intelligence .net-question{
  aspect-ratio:1.86;
  min-height:0;
  height:auto;
  padding:clamp(10px,1vw,15px);
  border-radius:14px;
  border:1px solid #71869b;
  background:linear-gradient(155deg,#142533 0%,#172735 63%,#0d1b28 100%);
  box-shadow:inset 0 1px rgba(255,255,255,.11),0 8px 19px rgba(0,0,0,.15);
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  gap:0;
}
.network--intelligence .net-question-top{min-height:0;flex:1 1 auto;gap:11px}
.network--intelligence .net-question-top>div{flex:1;min-width:0}
.network--intelligence .net-question h3{font-size:clamp(14px,1.1vw,18px);line-height:1.2;margin:0 0 6px;hyphens:none}
.network--intelligence .net-question p{font-size:clamp(10px,.83vw,13px);line-height:1.32;hyphens:none;overflow-wrap:break-word}
.network--intelligence .net-icon{flex-basis:47px;width:47px;height:47px;border-radius:11px}
.network--intelligence .net-question-bottom{
  flex:0 0 51%;
  min-height:0;
  display:grid;
  grid-template-columns:minmax(0,47fr) minmax(0,53fr);
  gap:8px;
  align-items:stretch;
  margin-top:8px;
}
.network--intelligence .net-question-photo{
  display:block;
  width:100%;
  height:100%;
  min-height:0;
  max-height:none;
  object-fit:contain;
  object-position:center bottom;
  border-radius:7px;
  filter:drop-shadow(0 5px 8px #0005);
}
.network--intelligence .net-question-viz{
  display:flex;
  min-width:0;
  min-height:0;
  height:100%;
  flex-direction:column;
  justify-content:center;
  align-self:stretch;
  padding:clamp(6px,.7vw,11px);
  border:1px solid #41586a;
  background:linear-gradient(155deg,#122435eb,#0c1824ed);
  border-radius:9px;
  overflow:hidden;
}
.network--intelligence .net-bar-line{font-size:clamp(8px,.72vw,11px);grid-template-columns:minmax(0,33%) minmax(0,1fr) 20px;gap:5px;margin:5px 0}
.network--intelligence .net-track{height:7px}
.network--intelligence .net-ring{flex-shrink:0}
.network--intelligence .net-status-row{padding:4px 0}
.network--intelligence .net-recommend{gap:5px}
.network--intelligence .net-recommend span{font-size:clamp(9px,.73vw,11px);padding:5px 7px}
.network--intelligence .net-flow-intro{margin-top:19px}
.network--intelligence .net-flow-grid{gap:12px}
.network--intelligence .net-flow-card{
  min-height:0;
  aspect-ratio:1.83;
  padding:clamp(9px,.75vw,13px);
  border:1px solid #71869b;
  background:linear-gradient(145deg,#172b3d,#101f30);
  box-shadow:inset 0 1px rgba(255,255,255,.09);
  border-radius:14px;
}
.network--intelligence .net-flow-heading{min-height:0;flex:1 1 auto;gap:9px}
.network--intelligence .net-flow-heading h3{font-size:clamp(11px,.91vw,15px);margin-bottom:4px}
.network--intelligence .net-flow-heading p{font-size:clamp(10px,.73vw,12px);line-height:1.31}
.network--intelligence .net-flow-visual{height:48%;flex:0 0 48%;grid-template-columns:44% minmax(0,1fr);gap:8px;align-items:stretch}
.network--intelligence .net-flow-photo{display:block;width:100%;height:100%;min-height:0;object-fit:contain;object-position:center bottom}
.network--intelligence .net-flow-tags{gap:5px;align-self:center}
.network--intelligence .net-flow-tags span{font-size:clamp(8px,.61vw,10px);padding:4px 5px;white-space:normal}
.network--intelligence .net-flow-card:not(:last-child):after{right:-20px;top:57%;color:#ffad77;font-size:30px}
.network--intelligence .net-footnote{margin:12px 0 0}
@media(min-width:1700px){.network.network--intelligence{max-width:none}}
@media(max-width:1190px){
  .network--intelligence .net-question{aspect-ratio:1.84}
  .network--intelligence .net-question h3{font-size:clamp(15px,1.4vw,18px)}
  .network--intelligence .net-question p{font-size:clamp(11px,1vw,13px)}
  .network--intelligence .net-flow-card{aspect-ratio:1.9}
  .network--intelligence .net-flow-heading h3{font-size:15px}
  .network--intelligence .net-flow-heading p{font-size:12px}
  .network--intelligence .net-flow-tags span{font-size:10px}
}
@media(max-width:880px){
  .network--intelligence .net-hero{margin-bottom:16px}
  .network--intelligence .net-question{aspect-ratio:auto;min-height:245px}
  .network--intelligence .net-question-top{flex:0 0 auto}
  .network--intelligence .net-question-bottom{flex:1 1 auto;min-height:119px;margin-top:12px}
  .network--intelligence .net-flow-card{aspect-ratio:auto;min-height:218px}
  .network--intelligence .net-flow-heading{flex:0 0 auto}
  .network--intelligence .net-flow-visual{flex:1 1 auto;min-height:120px}
}
@media(max-width:650px){
  .network.network--intelligence{max-width:none;margin:15px auto 20px;padding:13px 12px;border-radius:17px}
  .network--intelligence .net-questions,.network--intelligence .net-flow-grid{gap:11px}
  .network--intelligence .net-section-header{margin:13px 0 10px}
  .network--intelligence .net-question{min-height:0;aspect-ratio:auto;padding:12px}
  .network--intelligence .net-question-top{gap:10px}
  .network--intelligence .net-question h3{font-size:16px}
  .network--intelligence .net-question p{font-size:12px;line-height:1.45}
  .network--intelligence .net-question-bottom{height:138px;flex:0 0 138px;min-height:0;grid-template-columns:43% minmax(0,1fr);gap:8px}
  .network--intelligence .net-question-photo{height:100%}
  .network--intelligence .net-question-viz{height:100%}
  .network--intelligence .net-flow-card{aspect-ratio:auto;min-height:0;padding:12px}
  .network--intelligence .net-flow-heading h3{font-size:15px}
  .network--intelligence .net-flow-visual{height:132px;flex:0 0 132px;min-height:0;margin-top:8px}
  .network--intelligence .net-flow-photo{height:100%}
  .network--intelligence .net-flow-tags span{font-size:10px}
}
@media(max-width:380px){
  .network--intelligence .net-question-bottom{grid-template-columns:39% minmax(0,1fr)}
  .network--intelligence .net-flow-visual{grid-template-columns:40% minmax(0,1fr)}
}

/* MESHRUT_NETWORK_EXACT_REFERENCE_V6 – pixel-exact original, no recreation */
.network.network--intelligence{
  max-width:none!important;
  width:min(var(--shell),calc(100% - 64px))!important;
  --exact-pad:clamp(14px,2vw,26px);
  padding:var(--exact-pad)!important;
  margin:26px auto 32px!important;
  background:#060c12!important;
  border:1px solid #344d60!important;
}
.network--intelligence .net-approved-render{display:block;position:relative;margin:clamp(20px,2.2vw,34px) calc(-1 * var(--exact-pad)) 0;line-height:0}
.network--intelligence .net-approved-master{width:100%;height:auto;max-width:100%;display:block;object-fit:contain;border:0;border-radius:0;filter:none;}
.network--intelligence .net-approved-mobile{display:none}
.network--intelligence .net-editable-content{display:none!important}
.network--intelligence.net-editable-mode .net-editable-content{display:block!important}
.network--intelligence.net-editable-mode .net-approved-render{display:none!important}
.network--intelligence.net-editable-mode .net-question{aspect-ratio:auto;min-height:260px}
.network--intelligence.net-editable-mode .net-question-top{min-height:0}
.network--intelligence.net-editable-mode .net-question-bottom{margin-top:14px}
@media (max-width:1250px){
  .network--intelligence:not(.net-custom-master) .net-approved-master{display:none}
  .network--intelligence:not(.net-custom-master) .net-approved-mobile{display:block;line-height:0;padding:0 12px 12px}
  .network--intelligence .net-approved-heading{display:block;width:100%;height:auto;margin:0 auto 12px}
  .network--intelligence .net-approved-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 22px}
  .network--intelligence .net-approved-cards img{display:block;max-width:100%;width:100%;height:auto;object-fit:contain;border-radius:10px}
}
@media (max-width:650px){
  .network.network--intelligence{width:calc(100% - 18px)!important;margin:16px auto 20px!important;--exact-pad:12px;padding:var(--exact-pad)!important}
  .network--intelligence .net-approved-render{margin-top:20px}
  .network--intelligence:not(.net-custom-master) .net-approved-mobile{padding:0 10px 12px}
  .network--intelligence .net-approved-cards{grid-template-columns:1fr;gap:12px;margin-bottom:20px}
  .network--intelligence .net-approved-heading{margin-bottom:8px;min-height:0}
}


/* MESHRUT_NETWORK_EDITORIAL_V8 — right-side text, no second dashboard, no cards. */
.network--intelligence .net-story{
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:clamp(6px,1vw,18px) clamp(2px,.7vw,11px) clamp(6px,1vw,18px) clamp(13px,2vw,35px);
  border:0;
  border-left:1px solid rgba(150,171,189,.3);
  border-radius:0;
  box-shadow:none;
  background:none;
  overflow:visible;
  color:#f4f7fb;
}
.network--intelligence .net-story-eyebrow{
  margin-bottom:12px;
  font-weight:750;
  font-size:clamp(10px,.77vw,12px);
  letter-spacing:.14em;
  line-height:1.4;
  color:#ff9558;
}
.network--intelligence .net-story-title{
  margin:0 0 12px;
  max-width:24ch;
  font-size:clamp(25px,2.12vw,36px);
  line-height:1.13;
  letter-spacing:-.032em;
  font-weight:790;
  color:#f7f9fc;
}
.network--intelligence .net-story-lead{
  margin:0 0 19px;
  font-size:clamp(14px,1vw,16px);
  line-height:1.58;
  color:#bdcbd7;
}
.network--intelligence .net-story-points{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:17px 25px;
  margin:0 0 17px;
}
.network--intelligence .net-story-point{
  min-width:0;
  padding:0 0 0 14px;
  border-left:2px solid rgba(255,140,77,.82);
}
.network--intelligence .net-story-point h4{
  margin:0 0 5px;
  font-size:clamp(14px,.97vw,16px);
  font-weight:720;
  line-height:1.2;
  letter-spacing:-.005em;
  color:#f0f4f8;
}
.network--intelligence .net-story-point p{
  margin:0;
  font-size:clamp(12px,.88vw,14px);
  line-height:1.47;
  color:#a9b9c7;
}
.network--intelligence .net-story-result{
  margin:0;
  padding-top:13px;
  border-top:1px solid rgba(143,166,186,.27);
  font-size:clamp(13px,.94vw,15px);
  line-height:1.5;
  font-weight:630;
  color:#f3d1b9;
}
@media(max-width:1250px){
 .network--intelligence .net-story-points{gap:14px 16px}
 .network--intelligence .net-story{padding-left:20px}
}
@media(max-width:880px){
 .network--intelligence .net-story{
  border-left:0;
  border-top:1px solid rgba(150,171,189,.3);
  padding:20px 0 6px;
 }
 .network--intelligence .net-story-title{max-width:unset}
}
@media(max-width:520px){
 .network--intelligence .net-story-points{grid-template-columns:1fr;gap:13px}
 .network--intelligence .net-story-title{font-size:25px}
 .network--intelligence .net-story-lead{font-size:14px}
}
/* END MESHRUT_NETWORK_EDITORIAL_V8 */

/* MESHRUT_NETWORK_SPLIT_V9: each part is a standalone CMS section. */
.network.network--intelligence.network--intro,
.network.network--intelligence.network--showcase{width:100%;}
.network--intelligence.network--intro .net-hero{margin-bottom:0;}
.network--intelligence.network--showcase .net-approved-render{margin-top:0;}
.network--intelligence.network--intro[hidden],
.network--intelligence.network--showcase[hidden]{display:none!important;}
@media(max-width:650px){
 .network.network--intelligence.network--intro,
 .network.network--intelligence.network--showcase{width:auto;}
}

/* MESHRUT_MODULAR_CONTENT_V10: independent role-oriented CMS editorial sections */
.meshrut-editorial-section{box-sizing:border-box;width:100%;max-width:none;margin:18px auto 22px;padding:clamp(24px,3vw,48px);border:1px solid #384d5d;border-radius:20px;background:radial-gradient(ellipse at 88% 5%,#172737,#08111a 65%,#090e12);color:#f2f6f8}
.meshrut-editorial-section[hidden]{display:none!important}
.meshrut-editorial-kicker{color:#ff995f;font-size:12px;font-weight:850;letter-spacing:.18em;text-transform:uppercase;margin-bottom:12px}
.meshrut-editorial-copy h2{font-size:clamp(25px,2.3vw,40px);font-weight:850;line-height:1.13;letter-spacing:-.027em;max-width:1040px;margin:0 0 16px}
.meshrut-editorial-copy p{font-size:clamp(14px,1vw,17px);color:#b6c6d1;line-height:1.6;max-width:1100px;margin:0 0 12px}
.meshrut-editorial-lead{color:#e5edf3!important}
.meshrut-editorial-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px 22px;margin:25px 0;border-top:1px solid #334451;padding-top:21px}
.meshrut-editorial-point{border-left:2px solid #f4773f;padding-left:13px;min-width:0}
.meshrut-editorial-point h3{font-size:clamp(14px,1.1vw,18px);line-height:1.3;margin:0 0 7px;color:#fff}
.meshrut-editorial-point p{font-size:clamp(13px,.95vw,15px);line-height:1.48;color:#afc0cb;margin:0}
.meshrut-editorial-result{color:#f9cdb5;font-size:clamp(14px,1vw,17px);font-weight:700;border-top:1px solid #3c4c58;padding-top:15px;margin:20px 0 0}
@media(max-width:880px){.meshrut-editorial-points{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:580px){.meshrut-editorial-section{padding:20px 15px;margin:14px auto;border-radius:16px}.meshrut-editorial-points{grid-template-columns:1fr;gap:13px}.meshrut-editorial-copy h2{font-size:27px}}
/* Keep original approved V8 2-column layout and approved dark/orange palette. */