:root{--blue:#090979;--blue2:#2929dc;--orange:#ff6b00;--text:#171728;--muted:#6d7085;--border:#e6e7ef}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:#fff}
button,input,textarea,select{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}
.wrap{width:min(1120px,calc(100% - 40px));margin:auto}section{position:relative;padding:82px 0;overflow:hidden}
h1,h2,h3,p{margin-top:0}h1{font-size:clamp(44px,7vw,76px);line-height:.98;letter-spacing:-.06em;font-weight:950;margin:18px 0 24px}
h2{font-size:clamp(32px,4.5vw,52px);line-height:1.06;letter-spacing:-.045em;font-weight:950;margin:14px 0 18px}
h3{font-size:19px;font-weight:900;letter-spacing:-.02em;margin-bottom:10px}p{line-height:1.72;color:var(--muted)}
.eyebrow{display:flex;align-items:center;gap:9px;color:var(--blue);font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.eyebrow:before{content:"";width:28px;height:2px;background:var(--orange)}
.nav{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--border);background:rgba(255,255,255,.92);backdrop-filter:blur(15px)}
.navin{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px;font-weight:950}
.mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--blue),var(--blue2));box-shadow:0 10px 30px rgba(9,9,121,.2)}.brand i{font-style:normal;color:var(--orange)}
.links{display:flex;align-items:center;gap:17px;flex-wrap:wrap;justify-content:flex-end}.links a,.menu-button{font-size:12px;font-weight:800;padding:9px 2px;border:0;background:none;color:inherit}.links .cta{background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;padding:11px 15px;border-radius:11px}
.menu{position:relative}.dropdown{display:none;position:absolute;top:38px;left:-18px;min-width:240px;background:#fff;border:1px solid var(--border);border-radius:14px;padding:8px;box-shadow:0 18px 50px rgba(0,0,0,.12)}.menu.open .dropdown{display:block}.dropdown a{display:block;padding:10px 12px;border-radius:9px}.dropdown a:hover{background:#f3f4fb;color:var(--blue)}
.hero{padding:90px 0 78px;background:radial-gradient(circle at 82% 18%,rgba(41,41,220,.15),transparent 34%),linear-gradient(180deg,#f7f7ff,#fff)}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center}.hero p{font-size:17px;max-width:650px}.hero h1 span{color:var(--blue);position:relative}.hero h1 span:after{content:"";position:absolute;left:2px;right:0;bottom:-8px;height:7px;border-radius:10px;background:linear-gradient(90deg,var(--orange),#ffab70)}
.actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:27px}.btn{border:1px solid var(--border);background:#fff;color:var(--text);padding:13px 18px;border-radius:12px;font-weight:850}.btn.primary{color:#fff;border-color:transparent;background:linear-gradient(135deg,var(--blue),var(--blue2));box-shadow:0 13px 35px rgba(9,9,121,.2)}
.chips,.tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:23px}.chips span,.tags span{padding:7px 10px;border:1px solid var(--border);border-radius:999px;background:#fff;font-size:10px;font-weight:800}
.visual{position:relative;min-height:400px;display:grid;place-items:center}.hero-network-lines{position:absolute;inset:0;z-index:2;width:100%;height:100%;pointer-events:none}.hero-network-line-base,.hero-network-line-flow{fill:none;stroke:#2929dc;stroke-linecap:round;vector-effect:non-scaling-stroke}.hero-network-line-base{stroke-width:3;opacity:.16}.hero-network-line-flow{stroke-width:2.2;stroke-dasharray:9 10;filter:drop-shadow(0 0 6px rgba(41,41,220,.45));animation:networkLineFlow 1.35s linear infinite}.hero-network-line-orange{stroke:#ff6b00}.hero-network-line-flow.hero-network-line-orange{filter:drop-shadow(0 0 7px rgba(255,107,0,.58));animation-duration:1.05s}.hero-network-delay-1{animation-delay:-.25s}.hero-network-delay-2{animation-delay:-.6s}.hero-network-delay-3{animation-delay:-.15s}.hero-network-delay-4{animation-delay:-.48s}.core{position:relative;z-index:3;width:150px;height:150px;border-radius:38px;background:linear-gradient(145deg,#11118c,#2929e6);color:#fff;display:grid;place-items:center;text-align:center;font-weight:950;box-shadow:0 28px 70px rgba(9,9,121,.25);animation:coreFloat 4s ease-in-out infinite}.core small{display:block;color:#cacaef;font-size:9px;margin-top:5px}
.ring{position:absolute;border-radius:50%;border:1px solid rgba(9,9,121,.22);animation:spin 23s linear infinite}.ring.r1{width:270px;height:270px}.ring.r2{width:380px;height:380px;animation-direction:reverse;animation-duration:33s}
.planet{position:absolute;z-index:4;width:68px;height:68px;border-radius:18px;background:#fff;border:1px solid var(--border);box-shadow:0 10px 28px rgba(0,0,0,.07);display:grid;place-items:center;font-size:10px;font-weight:950;transform:translate(-50%,-50%)}.p1{left:50%;top:13.5%}.p2{left:90%;top:42.5%}.p3{left:79%;top:86.5%}.p4{left:19%;top:86.5%}.p5{left:10%;top:42.5%}
.strap{border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.strapgrid{display:grid;grid-template-columns:repeat(4,1fr)}.strapgrid div{padding:21px 18px;border-right:1px solid var(--border)}.strapgrid div:last-child{border-right:0}.strap strong{display:block;font-size:12px;color:var(--blue)}.strap span{display:block;font-size:10px;color:var(--muted);margin-top:4px}
.soft{background:#f8f8fd}.intro{max-width:780px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:34px}.card{position:relative;min-height:230px;padding:24px;border-radius:18px;border:1px solid var(--border);background:#fff;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.card:hover{transform:translateY(-5px);border-color:#bbbbdd;box-shadow:0 18px 45px rgba(9,9,121,.08)}
.icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:#c64f00;color:#fff;border:1px solid #ff8f47;box-shadow:0 8px 18px rgba(255,107,0,.2);font-size:10px;font-weight:950;margin-bottom:18px}.card p{font-size:12px}.card b{position:absolute;left:24px;bottom:20px;font-size:10px;color:var(--blue)}.featured{background:linear-gradient(145deg,#111185,#070743);color:#fff;border-color:transparent}.featured p{color:#cecee6}.featured .icon{background:#c64f00;color:#fff;border-color:#ff9b5a}.featured .service-link,.featured b{color:#fff}
.dark{background:radial-gradient(circle at 18% 0%,#20208b 0,#090935 34%,#05051c 78%);color:#fff}.dark p{color:#cacbe2}.dark .eyebrow{color:#fff}.gridfx{position:absolute;inset:0;pointer-events:none;opacity:.15;background-image:linear-gradient(rgba(255,255,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px);background-size:42px 42px}
.connect{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}.network{position:relative;min-height:350px}.network svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.network-line-base,.network-line-flow{fill:none;stroke:#7188ff;stroke-linecap:round;vector-effect:non-scaling-stroke}.network-line-base{stroke-width:3;opacity:.2}.network-line-flow{stroke-width:2.2;stroke-dasharray:9 10;filter:drop-shadow(0 0 6px rgba(113,136,255,.65));animation:networkLineFlow 1.35s linear infinite}.network-line-orange{stroke:#ff6b00}.network-line-flow.network-line-orange{filter:drop-shadow(0 0 7px rgba(255,107,0,.72));animation-duration:1.05s}.network-line-delay-1{animation-delay:-.3s}.network-line-delay-2{animation-delay:-.65s}.network-line-delay-3{animation-delay:-.2s}.network-line-delay-4{animation-delay:-.55s}.hub,.node{position:absolute;display:grid;place-items:center;font-size:11px;font-weight:950}.hub{width:112px;height:112px;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;color:var(--blue);border-radius:27px;box-shadow:0 17px 45px rgba(0,0,0,.25)}.node{width:74px;height:74px;border-radius:19px;background:#17175a;border:1px solid rgba(255,255,255,.15)}.n1{left:4%;top:10%}.n2{right:4%;top:10%}.n3{right:4%;bottom:8%}.n4{left:4%;bottom:8%}.n5{top:2%;left:50%;transform:translateX(-50%)}
.solutions{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:32px}.solution{padding:20px 5px 6px;border-top:2px solid #d8d8e8}.solution span{font-size:10px;color:var(--orange);font-weight:950}.solution h3{margin:7px 0 8px}.solution p{font-size:12px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.terminal{background:#08081f;border:1px solid #29294c;border-radius:20px;padding:15px;color:#fff;box-shadow:0 24px 65px rgba(9,9,121,.18)}.terminal-head{padding:5px 5px 14px;border-bottom:1px solid #272747;font-size:9px;color:#9b9cb9}.terminal-body{padding:18px 7px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.query b{color:var(--orange)}
.scan{height:3px;background:#202047;border-radius:5px;overflow:hidden;margin:13px 0}.scan:after{content:"";display:block;width:38%;height:100%;background:linear-gradient(90deg,var(--orange),#6262ff);animation:scan 2.8s ease-in-out infinite}.res{display:grid;grid-template-columns:26px 1fr;gap:9px;background:#121232;border:1px solid #25254e;border-radius:11px;padding:10px;margin-top:8px}.res i{font-style:normal;color:#8080ff}
.checks{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:22px}.checks span{font-size:11px;font-weight:800}.checks span:before{content:"✓";color:var(--orange);margin-right:8px}
.browser{border-radius:20px;overflow:hidden;border:1px solid var(--border);background:#fff;box-shadow:0 20px 55px rgba(0,0,0,.08)}.btop{display:flex;gap:6px;padding:12px 15px;border-bottom:1px solid var(--border)}.btop i{width:7px;height:7px;border-radius:50%;background:#c8c8d1}.btop i:first-child{background:var(--orange)}.mockhero{padding:30px;background:linear-gradient(135deg,#10106d,#2929ca);color:#fff}.mockhero small{font-size:9px;letter-spacing:.14em}.mockhero strong{display:block;font-size:27px;line-height:1.06;margin:9px 0}.mockhero span{font-size:10px;color:#dadaf4}.mockcards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:13px}.mockcards div{height:76px;border:1px solid var(--border);border-radius:10px;background:#f4f4fa}
.productbox{border-radius:21px;background:linear-gradient(150deg,#080826,#12116b);color:#fff;padding:21px;border:1px solid #29295d}.producthead{display:flex;justify-content:space-between;font-size:9px;color:#b9bad2}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}.kpi{padding:12px;border-radius:12px;background:#161547;border:1px solid #2b2b5c}.kpi small{display:block;font-size:8px;color:#999ab7}.kpi strong{display:block;font-size:17px;margin-top:5px}.graph{height:105px;display:flex;align-items:flex-end;gap:8px;margin-top:18px}.graph i{flex:1;border-radius:5px 5px 2px 2px;background:linear-gradient(#6d6dff,#2929a3);box-shadow:0 0 16px rgba(99,99,255,.18);animation:glow 2.7s ease-in-out infinite alternate}.graph i:nth-child(even){background:linear-gradient(#ff9a52,#ff6b00);box-shadow:0 0 18px rgba(255,107,0,.26);animation-delay:-1.2s}
.experience{display:grid;grid-template-columns:.75fr 1.25fr;gap:48px}.bigstat{padding-left:18px;border-left:3px solid var(--orange)}.bigstat strong{display:block;color:var(--blue);font-size:60px;line-height:.9;letter-spacing:-.06em}.bigstat span{display:block;font-size:12px;color:var(--muted);margin-top:11px}.sectors{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sector{padding:18px;border-radius:15px;border:1px solid var(--border);background:#fff}.sector small{font-size:9px;color:var(--orange);font-weight:950}.sector strong{display:block;font-size:14px;margin-top:5px}.sector p{font-size:11px;margin:7px 0 0}
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:38px}.step{text-align:center}.step b{width:68px;height:68px;border-radius:21px;display:grid;place-items:center;margin:auto;border:1px solid #ff8f47;background:#c64f00;color:#fff;box-shadow:0 10px 24px rgba(255,107,0,.2);font-size:19px}.step h3{font-size:14px;margin:14px 0 6px}.step p{font-size:10px}
.cases{display:grid;grid-template-columns:1.25fr .75fr;gap:14px;margin-top:32px}.case{position:relative;min-height:210px;padding:24px;border:1px solid var(--border);border-radius:18px;background:#fff;overflow:hidden}.case.main{background:linear-gradient(145deg,#0d0d72,#07072d);color:#fff;border-color:transparent}.case.main p{color:#c7c7df}.case small{font-size:9px;color:var(--orange);font-weight:950;letter-spacing:.1em}.case h3{font-size:21px;margin-top:12px}.case p{font-size:11px}.stack{display:grid;gap:14px}.stack .case{min-height:98px}.stack .case h3{font-size:15px;margin:8px 0 4px}
.contact{text-align:center}.contact .inner{max-width:760px;margin:auto}.contactform{max-width:760px;margin:32px auto 0;padding:22px;border-radius:21px;background:#fff;color:#171728;display:grid;grid-template-columns:1fr 1fr;gap:12px;text-align:left}.contactform label{font-size:10px;font-weight:850}.contactform input,.contactform select,.contactform textarea{display:block;width:100%;margin-top:6px;padding:11px;border-radius:10px;border:1px solid #dedee8;background:#fff;color:#171728;font-size:13px}.contactform .full{grid-column:1/-1}.formstatus{grid-column:1/-1;color:#67687a!important;font-size:10px!important;margin:0}
footer{padding:24px 0;border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:var(--muted);font-size:10px}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes coreFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes networkLineFlow{to{stroke-dashoffset:-38}}@keyframes scan{0%,100%{transform:translateX(-20%)}50%{transform:translateX(180%)}}@keyframes glow{from{filter:brightness(.8)}to{filter:brightness(1.25)}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media(max-width:850px){.links>a:not(.cta),.links>.menu{display:none}.hero-grid,.connect,.split,.experience,.cases{grid-template-columns:1fr}.cards,.solutions{grid-template-columns:1fr 1fr}.strapgrid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.stack{grid-template-columns:1fr 1fr}.contactform{grid-template-columns:1fr}.contactform .full{grid-column:auto}}
@media(max-width:540px){.wrap{width:min(100% - 28px,1120px)}section{padding:62px 0}.hero{padding:60px 0}h1{font-size:42px}.cards,.solutions,.strapgrid,.steps,.stack,.sectors,.checks{grid-template-columns:1fr}.visual{transform:scale(.86);margin:-25px -18px}.actions .btn{width:100%}.kpis{grid-template-columns:1fr}}

/* Public home only: readable text, native navigation and progressive enhancement. */
:root{--muted:#595c70} [id]{scroll-margin-top:100px}
:focus-visible{outline:3px solid #c64f00;outline-offset:5px}
.skip-link{position:fixed;top:8px;left:8px;z-index:100;background:#fff;padding:12px;transform:translateY(-180%)}.skip-link:focus{transform:none}
.nav-toggle{display:none}.navigation:not([open])>.links{display:none}.menu-button{cursor:pointer;list-style:none}.menu-button::after{content:' ▾'}.menu[open] .dropdown{display:block}
.menu-button,.links a{min-height:44px;display:flex;align-items:center}.dropdown a{display:block}
.service-link{display:inline-block;color:var(--blue);font-size:14px;font-weight:750;padding:10px 0}
.eyebrow{font-size:12px}.card p,.solution p,.sector p,.case p,.step p{font-size:15px}.checks span,.tags span,.strapgrid span{font-size:14px}.contactform label,.formstatus,footer{font-size:14px!important}.contactform input,.contactform select,.contactform textarea{font-size:16px}.case small,.sector small{font-size:12px;color:#a84000}.case.main small{color:#ffad75}.bigstat strong{font-size:36px}.bigstat span{font-size:16px}.kpi strong{font-size:14px;overflow-wrap:anywhere}.kpi small,.producthead{font-size:11px}.btn:disabled{cursor:not-allowed;opacity:.65}.split>*,.hero-grid>*,.experience>*{min-width:0}
@media(max-width:850px){.nav{position:relative}.navin{align-items:flex-start;padding:15px 0;flex-wrap:wrap}.navin nav{margin-left:auto}.nav-toggle{display:block;cursor:pointer;padding:10px;font-weight:750}.navigation[open] .links{display:flex;align-items:stretch;flex-direction:column;width:min(290px,calc(100vw - 40px));padding-top:12px}.links>a:not(.cta),.links>.menu{display:block}.dropdown{position:static;min-width:0;margin:5px 0;box-shadow:none}.navin:has(.navigation[open]) nav{flex-basis:100%}.visual{max-width:440px;width:100%;margin:auto}.ring.r2{width:min(380px,100%);aspect-ratio:1;height:auto}[id]{scroll-margin-top:20px}}
@media(max-width:540px){.visual{transform:none;margin:0;min-height:350px}.ring.r1{width:70%;height:auto;aspect-ratio:1}.core{width:125px;height:125px}.planet{width:56px;height:56px}.network{min-height:330px}.node{width:60px;height:60px}.hero h1{font-size:clamp(36px,10vw,48px)}.contactform{padding:18px}.checks{gap:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Shared commercial footer and navigation, Stage 3. */
.site-footer{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:40px;padding:48px 0 24px;font-size:14px;color:#505369}.site-footer strong{display:block;font-size:16px;color:#090979;margin-bottom:12px}.site-footer nav a{display:block;padding:7px 0;min-height:36px}.site-footer a:hover{text-decoration:underline}.footer-brand p{font-size:15px;line-height:1.7}.footer-brand>a{color:#090979;font-weight:750}.footer-bottom{grid-column:1/-1;border-top:1px solid #e6e7ef;padding-top:20px;font-size:12px}.links a[aria-current=page]{color:#090979;text-decoration:underline;text-underline-offset:5px}.dropdown{max-height:min(70vh,520px);overflow-y:auto}.navigation summary:focus-visible{outline:3px solid #a43e00;outline-offset:4px}
@media(max-width:650px){.site-footer{grid-template-columns:1fr 1fr;gap:28px}.footer-brand{grid-column:1/-1}.site-footer nav a{min-height:44px}.site-footer{font-size:14px}}
.solution>span{color:#a33e00;font-size:12px}

/* Reserve the collapsed mobile navigation before deferred JS initializes. */
@media(max-width:850px){.js .navigation:not(.nav-ready) .links{display:none}.js .navin:has(.navigation:not(.nav-ready)) nav{flex-basis:auto}}

/* Public brand image: explicit ratio prevents layout shifts. */
.nav .brand{min-height:44px;flex-shrink:0}
.nav .brand-logo{display:block;width:210px;height:auto;aspect-ratio:6/1;object-fit:contain}
@media(max-width:540px){.nav .brand-logo{width:180px}}

/* Compact public home: keep the overview focused on discovery and conversion. */
.home-page main>section:not(.hero):not(.contact){padding:52px 0}
.home-page .home-note{max-width:850px;margin:26px 0 0}
.home-page .cases-single{grid-template-columns:1fr}
.home-page .cases-single .case{min-height:0}
@media(max-width:540px){.home-page main>section:not(.hero):not(.contact){padding:40px 0}}

/* Home services showcase: six server-rendered service panels with progressive controls. */
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
#services .intro{margin-bottom:30px}
.service-showcase{--showcase-orange:#ff6b00;--showcase-blue:#3131ff;position:relative}
.service-stage{display:grid;touch-action:pan-y}
.service-panel{grid-area:1/1;display:grid;grid-template-columns:minmax(0,.88fr) minmax(430px,1.12fr);gap:44px;align-items:center;min-height:480px;padding:46px;border-radius:30px;overflow:hidden;isolation:isolate;color:#fff;background:#090979;box-shadow:0 26px 65px rgba(9,9,70,.16);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(12px) scale(.988);transition:opacity .55s ease,transform .55s ease,visibility 0s linear .55s}
.service-panel::before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.55))}
.service-panel::after{content:"";position:absolute;width:440px;height:440px;right:-170px;top:-220px;z-index:-1;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 68%)}
.service-panel.is-active{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition-delay:0s}
.service-panel-web{background:radial-gradient(circle at 88% 18%,rgba(41,111,255,.45),transparent 34%),linear-gradient(135deg,#061229,#092c69)}
.service-panel-software{background:radial-gradient(circle at 80% 0%,rgba(120,103,255,.52),transparent 36%),linear-gradient(135deg,#08064d,#1d179c)}
.service-panel-ai{color:#11152e;background:radial-gradient(circle at 85% 10%,rgba(84,187,255,.28),transparent 35%),linear-gradient(135deg,#f4f7ff,#dfeafa)}
.service-panel-automation{background:radial-gradient(circle at 92% 8%,rgba(255,157,84,.55),transparent 34%),linear-gradient(135deg,#161044,#7b2707 72%,#c84e00)}
.service-panel-integrations{background:radial-gradient(circle at 86% 15%,rgba(23,194,201,.28),transparent 35%),linear-gradient(135deg,#03172d,#06445c)}
.service-panel-consulting{color:#171728;background:radial-gradient(circle at 85% 8%,rgba(255,107,0,.18),transparent 32%),linear-gradient(135deg,#f8f5ef,#e8ecf9)}
.service-panel-copy{position:relative;z-index:3;max-width:460px}
.service-panel-name{display:flex;align-items:center;gap:10px;margin:0 0 17px;color:#ffb27d!important;font-size:12px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}
.service-panel-name::before{content:"";width:28px;height:2px;background:var(--showcase-orange)}
.service-panel-ai .service-panel-name,.service-panel-consulting .service-panel-name{color:#a13b00!important}
.service-panel h3{max-width:530px;margin:0 0 17px;font-size:clamp(30px,3.3vw,46px);line-height:1.03;letter-spacing:-.045em}
.service-panel-copy>p:not(.service-panel-name){margin-bottom:20px;color:#d9def0;font-size:16px;line-height:1.68}
.service-panel-ai .service-panel-copy>p:not(.service-panel-name),.service-panel-consulting .service-panel-copy>p:not(.service-panel-name){color:#535a70}
.service-panel-link{display:inline-flex;align-items:center;gap:9px;min-height:46px;padding:11px 17px;border:1px solid rgba(255,255,255,.28);border-radius:12px;background:rgba(255,255,255,.1);color:#fff;font-size:14px;font-weight:850;transition:transform .2s ease,background .2s ease,border-color .2s ease}
.service-panel-link:hover{transform:translateY(-2px);background:rgba(255,255,255,.17);border-color:rgba(255,255,255,.52)}
.service-panel-link span{transition:transform .2s ease}.service-panel-link:hover span{transform:translateX(4px)}
.service-panel-ai .service-panel-link,.service-panel-consulting .service-panel-link{color:#090979;border-color:#b9bfd8;background:rgba(255,255,255,.62)}
.service-panel-link:focus-visible,.service-tabs button:focus-visible{outline:3px solid #ff8d3b;outline-offset:4px}
.service-demo{position:relative;z-index:2;min-width:0;height:360px;border:1px solid rgba(255,255,255,.18);border-radius:24px;background:rgba(3,5,32,.3);box-shadow:inset 0 1px rgba(255,255,255,.08),0 24px 55px rgba(0,0,0,.16);overflow:hidden}
.service-panel-ai .service-demo,.service-panel-consulting .service-demo{border-color:rgba(9,9,121,.14);background:rgba(255,255,255,.55);box-shadow:inset 0 1px #fff,0 24px 55px rgba(30,42,95,.12)}
.service-demo::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 50%,rgba(87,111,255,.14),transparent 55%)}
.service-flow-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.service-flow-track,.service-flow-line{fill:none;stroke:#8da7ff;stroke-linecap:round;vector-effect:non-scaling-stroke}.service-flow-track{stroke-width:3;opacity:.22}.service-flow-line{stroke-width:2.2;stroke-dasharray:8 11;filter:drop-shadow(0 0 6px rgba(95,126,255,.65));animation:serviceFlow 1.45s linear infinite}.service-flow-orange{stroke:#ff8128;filter:drop-shadow(0 0 7px rgba(255,107,0,.75));animation-duration:1.1s}
.flow-node{position:absolute;z-index:2;display:grid;place-items:center;min-width:95px;min-height:62px;padding:10px 12px;border:1px solid rgba(255,255,255,.2);border-radius:15px;background:#fff;color:#10102c;box-shadow:0 12px 28px rgba(0,0,0,.18);font-size:13px;font-weight:900;text-align:center}
.flow-node small{display:block;margin-bottom:4px;color:#72758c;font-size:8px;letter-spacing:.09em;text-transform:uppercase}.flow-node-main{min-width:112px;min-height:74px;background:linear-gradient(145deg,#2323bf,#4141ff);color:#fff}.flow-node-main small{color:#dadaff}
.web-node-visitor{left:4%;top:10%}.web-node-site{left:35%;top:38%;transform:translate(-50%,-50%)}.web-node-form{right:9%;top:13%}.web-node-crm{right:7%;bottom:10%}.web-node-data{left:34%;bottom:7%}
.service-panel.is-active .flow-node{animation:serviceNodeFloat 3.6s ease-in-out infinite}.service-panel.is-active .flow-node:nth-of-type(even){animation-delay:-1.7s}

.software-dashboard{padding:18px;background:rgba(4,4,35,.45)}
.software-top{display:flex;align-items:center;gap:6px;height:42px;padding:0 12px;border-bottom:1px solid rgba(255,255,255,.12)}.software-top span{width:7px;height:7px;border-radius:50%;background:#6f70a5}.software-top span:first-child{background:#ff7420}.software-top strong{margin-left:auto;color:#bfc3e4;font-size:9px;letter-spacing:.12em}
.software-modules{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:14px}.software-modules>div{position:relative;min-height:82px;padding:14px;border:1px solid rgba(255,255,255,.13);border-radius:13px;background:rgba(255,255,255,.07);overflow:hidden}.software-modules small{display:block;color:#aeb3dc;font-size:9px}.software-modules strong{display:block;margin-top:7px;font-size:13px}.software-modules i{position:absolute;left:14px;right:14px;bottom:12px;height:4px;border-radius:10px;background:rgba(255,255,255,.1);overflow:hidden}.software-modules i::after{content:"";display:block;width:48%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7878ff,#ff7420);animation:softwareSync 3s ease-in-out infinite}.software-report{grid-column:1/-1}.software-report span{display:flex;align-items:flex-end;gap:7px;height:39px;margin-top:8px}.software-report b{flex:1;border-radius:3px 3px 1px 1px;background:linear-gradient(#ff9a54,#ff6b00);animation:softwareBars 2.8s ease-in-out infinite alternate}.software-report b:nth-child(1){height:38%}.software-report b:nth-child(2){height:67%;animation-delay:-.5s}.software-report b:nth-child(3){height:52%;animation-delay:-1s}.software-report b:nth-child(4){height:82%;animation-delay:-1.5s}.software-report b:nth-child(5){height:70%;animation-delay:-2s}

.ai-pipeline{display:grid;grid-template-columns:.7fr .55fr 1.25fr;gap:18px;align-items:center;padding:24px}.ai-sources{display:grid;gap:10px}.ai-sources span{padding:12px;border:1px solid #c9d2eb;border-radius:12px;background:#fff;color:#25304c;font-size:11px;font-weight:800;box-shadow:0 8px 18px rgba(38,61,116,.08)}.ai-processor{display:grid;gap:10px;place-items:center}.ai-processor span,.ai-processor strong{display:grid;place-items:center;width:65px;height:65px;border-radius:18px;background:#fff;color:#090979;border:1px solid #cbd2ec;font-size:11px}.ai-processor strong{background:linear-gradient(145deg,#090979,#3d3df1);color:#fff;border:0;font-size:22px;box-shadow:0 13px 28px rgba(9,9,121,.23)}.ai-recommendation{position:relative;padding:20px;border:1px solid #c7d2eb;border-radius:17px;background:#fff;box-shadow:0 15px 35px rgba(38,61,116,.1)}.ai-recommendation small{color:#a33e00;font-size:9px;font-weight:900;letter-spacing:.12em}.ai-recommendation strong{display:block;margin:12px 0;font-size:18px;line-height:1.28}.ai-recommendation span{color:#090979;font-size:11px;font-weight:800}.ai-signal{position:absolute;top:49%;width:10px;height:10px;border-radius:50%;background:#ff6b00;box-shadow:0 0 0 6px rgba(255,107,0,.12);animation:aiSignal 2.8s linear infinite}.ai-signal-one{left:26%}.ai-signal-two{left:50%;animation-delay:-1.4s}

.automation-input,.automation-output{position:absolute;z-index:2;display:grid;gap:62px}.automation-input{left:6%;top:48px}.automation-output{right:5%;top:30px;gap:50px}.automation-input span,.automation-output span{display:grid;place-items:center;min-width:94px;min-height:48px;padding:8px;border:1px solid rgba(255,255,255,.22);border-radius:13px;background:rgba(255,255,255,.93);color:#171728;font-size:11px;font-weight:850;box-shadow:0 10px 24px rgba(0,0,0,.15)}.automation-output span:nth-child(2){background:#ff6b00;color:#fff;border-color:#ff9b58}.automation-core{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:102px;height:102px;border-radius:25px;background:linear-gradient(145deg,#ff8b38,#d94f00);box-shadow:0 18px 40px rgba(91,27,0,.35)}.automation-core small{font-size:8px;letter-spacing:.13em}.automation-core strong{font-size:22px}.automation-core i{position:absolute;inset:-10px;border:1px solid rgba(255,174,115,.5);border-radius:31px;animation:automationPulse 2.3s ease-out infinite}

.integration-node{position:absolute;z-index:2;display:grid;place-items:center;min-width:94px;min-height:52px;padding:9px;border:1px solid rgba(255,255,255,.19);border-radius:14px;background:#fff;color:#12263b;font-size:11px;font-weight:900;box-shadow:0 10px 25px rgba(0,0,0,.17)}.integration-commerce{left:4%;top:42%}.integration-api{left:50%;top:50%;transform:translate(-50%,-50%);min-width:110px;min-height:82px;background:linear-gradient(145deg,#ff8b38,#e45100);color:#fff;border-color:#ffae75;font-size:18px}.integration-crm{right:4%;top:42%}.integration-whatsapp{left:50%;top:4%;transform:translateX(-50%)}.integration-invoice{left:50%;bottom:3%;transform:translateX(-50%)}.integration-market{right:4%;bottom:4%}.data-packet{position:absolute;z-index:4;width:8px;height:8px;border-radius:50%;background:#ff7920;box-shadow:0 0 0 5px rgba(255,107,0,.15);animation:dataPacket 3s ease-in-out infinite}.packet-one{left:22%;top:49%}.packet-two{left:49%;top:22%;animation-delay:-1s}.packet-three{right:21%;top:49%;animation-delay:-2s}

.consulting-route{display:grid;align-content:center;padding:28px}.consulting-route ol{position:relative;display:grid;gap:12px;margin:0;padding:0;list-style:none}.consulting-route ol::before{content:"";position:absolute;left:27px;top:23px;bottom:23px;width:2px;background:linear-gradient(#090979,#ff6b00)}.consulting-route li{position:relative;z-index:2;display:grid;grid-template-columns:54px 1fr;align-items:center;min-height:48px;padding:6px 15px 6px 0;border:1px solid #d8dbe8;border-radius:14px;background:rgba(255,255,255,.8);box-shadow:0 8px 18px rgba(23,25,62,.05)}.consulting-route small{display:grid;place-items:center;width:38px;height:38px;margin-left:8px;border-radius:11px;background:#090979;color:#fff;font-size:9px}.consulting-route li:nth-child(even) small{background:#c64f00}.consulting-route strong{font-size:13px}.service-panel.is-active .consulting-route li{animation:routeReveal 3.2s ease-in-out infinite alternate}.service-panel.is-active .consulting-route li:nth-child(2){animation-delay:-.4s}.service-panel.is-active .consulting-route li:nth-child(3){animation-delay:-.8s}.service-panel.is-active .consulting-route li:nth-child(4){animation-delay:-1.2s}.service-panel.is-active .consulting-route li:nth-child(5){animation-delay:-1.6s}

.service-progress{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin:18px 4px 10px}.service-progress span{position:relative;height:4px;border-radius:99px;background:#e0e2ed;overflow:hidden}.service-progress span::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--service-progress,0%);border-radius:inherit;background:linear-gradient(90deg,#090979,#ff6b00)}
.service-tabs{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.service-tabs button{min-height:50px;padding:10px 8px;border:1px solid transparent;border-radius:12px;background:transparent;color:#626577;font-size:12px;font-weight:800;line-height:1.25;transition:color .2s ease,background .2s ease,border-color .2s ease}.service-tabs button:hover{color:#090979;background:#f6f6fb}.service-tabs button[aria-selected="true"]{color:#090979;border-color:#d9daea;background:#fff;box-shadow:0 9px 23px rgba(9,9,121,.08)}

@keyframes serviceFlow{to{stroke-dashoffset:-38}}
@keyframes serviceNodeFloat{0%,100%{translate:0 0}50%{translate:0 -6px}}
@keyframes softwareSync{0%,100%{transform:translateX(-20%)}50%{transform:translateX(120%)}}
@keyframes softwareBars{from{filter:brightness(.82);transform:scaleY(.86);transform-origin:bottom}to{filter:brightness(1.18);transform:scaleY(1);transform-origin:bottom}}
@keyframes aiSignal{0%{transform:translateX(-16px);opacity:0}20%,80%{opacity:1}100%{transform:translateX(32px);opacity:0}}
@keyframes automationPulse{0%{transform:scale(.88);opacity:.9}100%{transform:scale(1.25);opacity:0}}
@keyframes dataPacket{0%,100%{transform:translateX(-15px);opacity:.25}50%{transform:translateX(20px);opacity:1}}
@keyframes routeReveal{0%{transform:translateX(0);border-color:#d8dbe8}100%{transform:translateX(5px);border-color:#ff9d5c}}

@media(max-width:900px){
  .service-panel{grid-template-columns:1fr;gap:28px;min-height:0;padding:36px}
  .service-panel-copy{max-width:680px}
  .service-demo{height:330px}
  .service-tabs{display:flex;gap:5px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding:4px 2px 10px}
  .service-tabs::-webkit-scrollbar{display:none}.service-tabs button{flex:0 0 auto;min-width:130px;scroll-snap-align:center;padding-inline:14px}
}
@media(max-width:540px){
  #services .intro{margin-bottom:23px}
  .service-panel{gap:24px;padding:26px 20px;border-radius:23px}
  .service-panel h3{font-size:clamp(28px,9vw,38px)}
  .service-panel-copy>p:not(.service-panel-name){font-size:15px;line-height:1.62}
  .service-panel-link{width:100%;justify-content:center;text-align:center}
  .service-demo{height:310px;border-radius:19px}
  .flow-node{min-width:80px;min-height:55px;padding:8px;font-size:11px}.flow-node-main{min-width:96px}
  .web-node-visitor{left:2%}.web-node-form{right:3%}.web-node-crm{right:2%}.web-node-data{left:31%}
  .software-dashboard{padding:12px}.software-modules>div{min-height:78px;padding:11px}.software-modules strong{font-size:11px}
  .ai-pipeline{grid-template-columns:.72fr .55fr 1.1fr;gap:8px;padding:12px}.ai-sources span{padding:9px 6px;font-size:9px}.ai-processor span,.ai-processor strong{width:48px;height:48px;border-radius:13px}.ai-recommendation{padding:13px}.ai-recommendation strong{font-size:13px}.ai-recommendation span{font-size:9px}
  .automation-input span,.automation-output span{min-width:76px;font-size:9px}.automation-input{left:3%}.automation-output{right:2%}.automation-core{width:80px;height:80px;border-radius:21px}
  .integration-node{min-width:76px;min-height:45px;font-size:9px}.integration-commerce{left:2%}.integration-crm,.integration-market{right:2%}.integration-api{min-width:82px;min-height:68px}.integration-whatsapp{top:3%}.integration-invoice{bottom:2%}
  .consulting-route{padding:17px}.consulting-route li{grid-template-columns:49px 1fr}.consulting-route strong{font-size:12px}
  .service-progress{margin-top:14px}.service-tabs button{min-height:48px;min-width:122px}
}
@media(prefers-reduced-motion:reduce){
  .service-panel{transform:none}.service-flow-line{stroke-dasharray:none}.service-progress span::after{width:0!important}
}