/* WEBKON global UX/UI polish */
.wk-v2{--wk-accent:#ff651f;--wk-ink:#11161b;--wk-muted:#687078;--wk-line:#e7eaec;--wk-soft:#f7f8f8}
.wk-v2 *{text-rendering:optimizeLegibility}
.wk-v2 a:focus-visible,.wk-v2 button:focus-visible{outline:3px solid rgba(255,101,31,.28);outline-offset:3px}
.wk-site-header{box-shadow:0 8px 28px rgba(16,24,32,.035)}
.wk-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:22px;color:#8b9298;font-size:12px;font-weight:700}
.wk-breadcrumb a{color:#5e666d}.wk-breadcrumb a:hover{color:#11161b}.wk-breadcrumb span:last-child{color:#8b9298}
.wk-page-hero-grid{gap:clamp(52px,7vw,94px)!important}
.wk-page-hero-copy{max-width:780px}
.wk-page-hero-copy>p{max-width:740px}
.wk-page-hero-visual{transform:translateZ(0)}
.wk-ui-scene{transition:transform .28s ease,box-shadow .28s ease}
.wk-ui-scene:hover{transform:translateY(-4px);box-shadow:0 42px 95px rgba(21,30,39,.11),0 10px 24px rgba(21,30,39,.05)}
.wk-section{position:relative}
.wk-section+.wk-section{border-top:1px solid rgba(231,234,236,.75)}
.wk2-matrix-grid article,.wk2-stack-grid article,.wk2-case-list article,.wk2-note,.wk-contact-panel{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.wk2-matrix-grid article:hover,.wk2-stack-grid article:hover,.wk2-case-list article:hover{transform:translateY(-4px);border-color:#d9dee1;box-shadow:0 18px 42px rgba(17,24,32,.07)}
.wk2-note:hover,.wk-contact-panel:hover{box-shadow:0 18px 42px rgba(17,24,32,.055)}
.wk2-matrix-grid article:nth-child(2n){background:linear-gradient(180deg,#fff 0%,#fbfbfa 100%)}
.wk2-case-list article{overflow:hidden;position:relative}.wk2-case-list article:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#ff5a00,#ff9a64)}
.wk2-risk-table{box-shadow:0 16px 38px rgba(18,26,34,.045)}
.wk2-timeline article:last-child{padding-bottom:0}
.wk-related{padding:76px 0;background:#fff;border-top:1px solid #e8ebed}
.wk-related h2{margin:14px 0 0;font-size:clamp(34px,4vw,50px);line-height:1.03;letter-spacing:-.045em}
.wk-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:32px}
.wk-related-grid a{position:relative;min-height:150px;padding:21px 56px 21px 21px;border:1px solid #e6e9eb;border-radius:18px;background:linear-gradient(180deg,#fff,#fbfcfc);color:#171c20;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.wk-related-grid a:hover{transform:translateY(-3px);border-color:#d5dadd;box-shadow:0 16px 35px rgba(17,24,32,.065)}
.wk-related-grid strong{display:block;font-size:18px}.wk-related-grid span{display:block;margin-top:8px;color:#727a81;font-size:13px;line-height:1.55}.wk-related-grid b{position:absolute;right:18px;top:18px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#fff3ec;color:#ff651f;font-size:16px}
.wk-type-automation .wk-page-hero{background:radial-gradient(circle at 79% 19%,rgba(255,91,0,.11),transparent 24%),linear-gradient(180deg,#fff,#fbfbfb)}
.wk-type-monitoring .wk-page-hero{background:radial-gradient(circle at 79% 19%,rgba(31,121,255,.08),transparent 24%),linear-gradient(180deg,#fff,#fbfbfb)}
.wk-type-backup .wk-page-hero{background:radial-gradient(circle at 79% 19%,rgba(48,177,120,.08),transparent 24%),linear-gradient(180deg,#fff,#fbfbfb)}
.wk-type-tech .wk-page-hero{background:radial-gradient(circle at 79% 19%,rgba(109,90,230,.075),transparent 24%),linear-gradient(180deg,#fff,#fbfbfb)}
.wk-final-cta{padding:88px 0!important}
.wk-final-cta .wk-shell{align-items:center!important}
.wk-final-cta h2{max-width:820px!important}
.wk-site-footer{padding-top:64px!important}
@media(prefers-reduced-motion:reduce){.wk-v2 *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media(max-width:900px){.wk-related-grid{grid-template-columns:1fr}.wk-related-grid a{min-height:0}.wk-breadcrumb{margin-bottom:17px}}
/* Web & e-commerce cross-service section */
.wk-web-offer{padding:82px 0;background:linear-gradient(180deg,#fff,#f7f8f8);border-top:1px solid #e7eaec}
.wk-web-offer-head{display:grid;grid-template-columns:1fr .9fr;gap:60px;align-items:end}
.wk-web-offer-head h2{margin:15px 0 0;font-size:clamp(38px,4.2vw,56px);line-height:1.03;letter-spacing:-.045em;color:#11161b}
.wk-web-offer-head p{margin:0;color:#687078;font-size:16px;line-height:1.7}
.wk-web-offer-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:34px}
.wk-web-offer-grid a{position:relative;min-height:170px;padding:24px 64px 24px 24px;border:1px solid #e4e8ea;border-radius:20px;background:#fff;color:#171c20;box-shadow:0 12px 30px rgba(17,24,32,.035);transition:.22s}
.wk-web-offer-grid a:hover{transform:translateY(-4px);box-shadow:0 20px 44px rgba(17,24,32,.075);border-color:#d7dcdf}
.wk-web-offer-grid strong{display:block;font-size:21px;letter-spacing:-.02em}
.wk-web-offer-grid span{display:block;margin-top:10px;color:#70787f;font-size:14px;line-height:1.6}
.wk-web-offer-grid b{position:absolute;right:22px;top:22px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff3ec;color:#ff651f;font-size:18px}
@media(max-width:800px){.wk-web-offer-head{grid-template-columns:1fr;gap:18px}.wk-web-offer-grid{grid-template-columns:1fr}.wk-web-offer{padding:64px 0}}