/* SVOI IT 3.0 — unified live graphics, callback module and back-to-top */
.brand-service-badge{display:inline-flex;align-items:center;min-height:28px;padding:0 9px;margin-left:4px;border-radius:9px;border:1px solid color-mix(in srgb,var(--accent) 42%,transparent);background:color-mix(in srgb,var(--accent) 12%,#07111f);color:var(--accent);font-size:10px;font-weight:900;letter-spacing:.12em;box-shadow:0 0 22px color-mix(in srgb,var(--accent) 15%,transparent)}
.direction-visual-live{min-height:590px;padding:0!important;overflow:hidden!important;background:#071321!important;border-color:color-mix(in srgb,var(--accent) 22%,var(--line))!important}.direction-visual-live:before{display:none}.live-service-map{--mx:0px;--my:0px;position:relative;width:100%;min-height:590px;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 50% 49%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 27%),linear-gradient(155deg,#09192a,#06101c 75%);transform-style:preserve-3d}.live-service-map:after{content:"";position:absolute;inset:-15%;z-index:-1;background:conic-gradient(from 110deg,transparent,color-mix(in srgb,var(--accent) 8%,transparent),transparent 38%);animation:lsmSweep 12s linear infinite}.lsm-grid{position:absolute;inset:-10%;background-image:linear-gradient(color-mix(in srgb,var(--accent) 7%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--accent) 7%,transparent) 1px,transparent 1px);background-size:42px 42px;transform:translate(var(--mx),var(--my));mask-image:radial-gradient(circle at center,#000 25%,transparent 84%);animation:lsmGrid 14s linear infinite}.lsm-particles{position:absolute;inset:0;pointer-events:none}.lsm-particles i{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent);animation:lsmParticle 3.4s ease-in-out infinite var(--d)}.lsm-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 7px color-mix(in srgb,var(--accent) 55%,transparent));transform:translate(calc(var(--mx)*.4),calc(var(--my)*.4))}.lsm-lines path{stroke-dasharray:7 10;animation:lsmFlow 2.4s linear infinite}.lsm-signal circle{fill:var(--accent);filter:drop-shadow(0 0 8px var(--accent))}.lsm-radar{position:absolute;left:50%;top:50%;width:340px;height:340px;transform:translate(-50%,-50%);border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);border-radius:50%;animation:lsmRotate 25s linear infinite}.lsm-radar:before,.lsm-radar:after,.lsm-radar i{content:"";position:absolute;inset:12%;border:1px dashed color-mix(in srgb,var(--accent) 24%,transparent);border-radius:50%}.lsm-radar:after{inset:25%;border-style:solid;opacity:.55}.lsm-radar i:nth-child(1){inset:-1px;border-top-color:var(--accent);border-right-color:transparent}.lsm-radar i:nth-child(2){inset:35%;animation:lsmRotate 8s linear infinite reverse}.lsm-radar i:nth-child(3){inset:48%;box-shadow:0 0 36px color-mix(in srgb,var(--accent) 28%,transparent)}.lsm-core{position:absolute;left:50%;top:50%;width:190px;height:190px;transform:translate(calc(-50% + var(--mx)*.14),calc(-50% + var(--my)*.14));display:grid;place-content:center;text-align:center;border-radius:46px;color:#06101d;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 70%,white),color-mix(in srgb,var(--accent2) 84%,#2664ff));border:1px solid rgba(255,255,255,.66);box-shadow:0 0 0 9px color-mix(in srgb,var(--accent) 7%,transparent),0 0 70px color-mix(in srgb,var(--accent) 42%,transparent),inset 0 2px 1px rgba(255,255,255,.45);z-index:4;animation:lsmCore 5s ease-in-out infinite}.lsm-core span{font-size:42px;line-height:1;font-weight:1000;letter-spacing:-.04em}.lsm-core strong{margin-top:9px;font-size:21px;letter-spacing:.01em}.lsm-core em{position:absolute;inset:10px;border-radius:37px;border:1px solid rgba(255,255,255,.35);pointer-events:none}.lsm-node{position:absolute;width:154px;min-height:106px;padding:16px 14px;display:grid;grid-template-columns:38px 1fr;align-content:center;gap:2px 10px;border:1px solid color-mix(in srgb,var(--accent) 35%,#29445f);border-radius:25px;background:linear-gradient(145deg,rgba(15,37,61,.94),rgba(5,17,30,.92));box-shadow:0 18px 45px rgba(0,0,0,.33),inset 0 1px rgba(255,255,255,.05);backdrop-filter:blur(12px);z-index:3;animation:lsmNode 6s ease-in-out infinite;transition:.35s}.lsm-node:hover{transform:translateY(-6px) scale(1.03);border-color:var(--accent);box-shadow:0 20px 55px rgba(0,0,0,.36),0 0 28px color-mix(in srgb,var(--accent) 22%,transparent)}.lsm-node>span{grid-row:span 2;width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent)}.lsm-node svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.lsm-node b{align-self:end;font-size:16px}.lsm-node small{color:#8fa5bc;font-size:10px;line-height:1.25}.lsm-audit{left:7%;top:10%}.lsm-architecture{right:7%;top:10%;animation-delay:-1.5s}.lsm-implementation{left:7%;bottom:12%;animation-delay:-3s}.lsm-support{right:7%;bottom:12%;animation-delay:-4.5s}.lsm-chips{position:absolute;inset:0;pointer-events:none}.lsm-chip{position:absolute;left:50%;top:50%;padding:7px 10px;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);background:rgba(6,20,34,.76);color:#cfe2f5;font-size:10px;white-space:nowrap;backdrop-filter:blur(8px);transform:rotate(calc(var(--i)*72deg)) translateY(-224px) rotate(calc(var(--i)*-72deg));transform-origin:center;animation:lsmChip 6s ease-in-out infinite calc(var(--i)*-.8s)}.lsm-status{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);display:flex;gap:8px;align-items:center;padding:8px 12px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(4,14,25,.78);color:#a9bbcf;font-size:10px;white-space:nowrap}.lsm-status i{width:7px;height:7px;border-radius:50%;background:#66e5ad;box-shadow:0 0 12px #66e5ad;animation:nodePulse 2s infinite}.service-profile-panel{overflow:hidden;position:relative}.service-profile-panel:after{content:"";position:absolute;right:-60px;bottom:-80px;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 18%,transparent),transparent 68%)}.service-profile-panel h3{max-width:620px;margin-top:14px}.profile-flow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:30px 0 22px}.profile-flow span{padding:10px 12px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--accent) 7%,transparent);font-size:13px}.profile-flow i{color:var(--accent);font-style:normal}.profile-tags{display:flex;gap:8px;flex-wrap:wrap}.profile-tags b{padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.055);color:#b9cbe0;font-size:11px;font-weight:650}
.floating-tools{position:fixed;right:22px;bottom:22px;z-index:105;display:flex;flex-direction:column;align-items:flex-end;gap:10px}.callback-launch{position:relative;display:flex;align-items:center;gap:12px;min-height:64px;padding:8px 16px 8px 9px;border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);border-radius:20px;background:linear-gradient(135deg,rgba(10,30,50,.96),rgba(5,17,30,.96));color:white;box-shadow:0 18px 50px rgba(0,0,0,.38),0 0 24px color-mix(in srgb,var(--accent) 13%,transparent);cursor:pointer;backdrop-filter:blur(16px);isolation:isolate;transition:.28s}.callback-launch:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:0 22px 58px rgba(0,0,0,.42),0 0 34px color-mix(in srgb,var(--accent) 25%,transparent)}.floating-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#06101d;box-shadow:0 0 25px color-mix(in srgb,var(--accent) 28%,transparent)}.floating-icon svg,.to-top svg,.callback-close svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.floating-label{display:grid;text-align:left;line-height:1.18}.floating-label b{font-size:14px}.floating-label small{margin-top:3px;color:#91a7bf;font-size:10px}.callback-pulse{position:absolute;left:20px;top:20px;width:24px;height:24px;border:1px solid var(--accent);border-radius:50%;z-index:-1;animation:callbackPulse 2.4s ease-out infinite}.to-top{width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--line);border-radius:15px;background:rgba(6,20,34,.9);color:white;box-shadow:0 15px 38px rgba(0,0,0,.3);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(12px);transition:.28s}.to-top.is-visible{opacity:1;visibility:visible;transform:none}.to-top:hover{color:var(--accent);border-color:var(--accent);transform:translateY(-2px)}.callback-modal{position:fixed;inset:0;z-index:180;display:grid;place-items:center;padding:20px;opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}.callback-modal.is-open{opacity:1;visibility:visible}.callback-backdrop{position:absolute;inset:0;background:rgba(1,7,14,.72);backdrop-filter:blur(9px)}.callback-dialog{position:relative;width:min(470px,100%);max-height:calc(100vh - 40px);overflow:auto;padding:34px;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));border-radius:28px;background:linear-gradient(150deg,#10263d,#071321 70%);box-shadow:0 35px 100px rgba(0,0,0,.55),0 0 55px color-mix(in srgb,var(--accent) 12%,transparent);transform:translateY(20px) scale(.97);transition:transform .3s cubic-bezier(.2,.8,.2,1)}.callback-modal.is-open .callback-dialog{transform:none}.callback-close{position:absolute;right:15px;top:15px;width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.04);color:#b7c8da;cursor:pointer}.callback-close:hover{color:white;border-color:var(--accent)}.callback-brand{display:flex;align-items:center;gap:12px;margin-bottom:22px;color:var(--accent);font-size:11px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.callback-brand img{width:54px;height:54px}.callback-dialog h2{font-size:42px;margin-bottom:12px}.callback-dialog>p{margin:0 0 24px;color:#a9bbcf}.callback-form{display:grid;gap:14px}.callback-form label:not(.callback-consent){display:grid;gap:6px}.callback-form label>span{font-size:12px;color:#b7c8da}.callback-form input,.callback-form select{width:100%;min-height:50px;padding:0 14px;border:1px solid var(--line);border-radius:13px;background:rgba(1,10,20,.44);color:white;outline:none}.callback-form input:focus,.callback-form select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 10%,transparent)}.callback-consent{display:flex!important;gap:9px;align-items:flex-start}.callback-consent input{width:17px!important;min-height:auto!important;margin-top:2px;accent-color:var(--accent)}.callback-note{margin-top:16px;padding-top:15px;border-top:1px solid var(--line);color:#7189a3;font-size:10px}.callback-hp{position:absolute!important;left:-9999px!important}.modal-open{overflow:hidden}.demo-editor{left:18px!important;right:auto!important}.toast{z-index:220!important}
@keyframes lsmSweep{to{transform:rotate(360deg)}}@keyframes lsmGrid{to{background-position:42px 42px,42px 42px}}@keyframes lsmFlow{to{stroke-dashoffset:-34}}@keyframes lsmRotate{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes lsmCore{50%{filter:brightness(1.08);box-shadow:0 0 0 14px color-mix(in srgb,var(--accent) 5%,transparent),0 0 95px color-mix(in srgb,var(--accent) 50%,transparent),inset 0 2px 1px rgba(255,255,255,.5)}}@keyframes lsmNode{50%{margin-top:-6px}}@keyframes lsmParticle{50%{opacity:.25;transform:translateY(-10px) scale(.65)}}@keyframes lsmChip{50%{filter:brightness(1.35);margin-top:-5px}}@keyframes callbackPulse{to{transform:scale(3);opacity:0}}
@media(max-width:1100px){.direction-visual-live,.live-service-map{min-height:540px}.lsm-node{width:136px}.lsm-audit,.lsm-implementation{left:3%}.lsm-architecture,.lsm-support{right:3%}.lsm-chip{display:none}}
@media(max-width:760px){.site-header .brand-service-badge{display:none}.direction-visual-live,.live-service-map{min-height:500px}.lsm-core{width:152px;height:152px;border-radius:38px}.lsm-core span{font-size:34px}.lsm-core strong{font-size:17px}.lsm-radar{width:270px;height:270px}.lsm-node{width:116px;min-height:84px;padding:11px 9px;grid-template-columns:29px 1fr;border-radius:19px}.lsm-node>span{width:29px;height:29px}.lsm-node svg{width:20px;height:20px}.lsm-node b{font-size:13px}.lsm-node small{display:none}.lsm-audit,.lsm-architecture{top:8%}.lsm-implementation,.lsm-support{bottom:11%}.lsm-status{max-width:88%;white-space:normal;text-align:center}.floating-tools{right:12px;bottom:12px}.floating-label{display:none}.callback-launch{min-height:58px;padding:6px;border-radius:18px}.floating-icon{width:46px;height:46px}.callback-dialog{padding:27px 20px}.callback-dialog h2{font-size:34px}.demo-editor{left:12px!important;right:76px!important;bottom:12px!important}.profile-flow i{display:none}}
@media(prefers-reduced-motion:reduce){.live-service-map *,.callback-pulse{animation:none!important}.callback-launch,.to-top,.callback-dialog{transition:none!important}}