:root{--navy:#06182c;--navy2:#0b2948;--ice:#eef3f7;--ink:#07182a;--muted:#8296aa;--wine:#861329;--red:#d42c4d;--line:rgba(181,205,228,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:74px}body{margin:0;background:var(--navy);color:var(--ice);font-family:Arial,"Helvetica Neue",sans-serif;overflow-x:hidden}a{text-decoration:none;color:inherit}
.nav{height:74px;position:fixed;z-index:80;top:0;left:0;right:0;display:flex;align-items:center;padding:0 3.5vw;border-bottom:1px solid var(--line);background:rgba(4,19,36,.82);backdrop-filter:blur(18px)}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:19px}.brand img{width:31px;height:31px;border-radius:8px}.navlinks{margin-left:auto;display:flex;gap:23px;align-items:center;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.navlinks a{opacity:.66;transition:.2s}.navlinks a:hover,.navlinks a.on{opacity:1}.navcta{border:1px solid rgba(255,255,255,.25);padding:11px 14px;opacity:1!important}.menu{display:none;margin-left:auto;background:0;border:0;color:#fff;font-size:24px}
.mono{font-family:Consolas,"Courier New",monospace;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#9eb4ca}
.hero{height:100svh;min-height:690px;position:relative;overflow:hidden;padding:125px 4vw 58px;display:flex;align-items:flex-end;border-bottom:1px solid var(--line)}
canvas.tech{position:absolute;inset:0;width:100%;height:100%}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,24,44,.96) 0%,rgba(6,24,44,.7) 50%,rgba(6,24,44,.12) 100%);pointer-events:none}
.hero-inner{position:relative;z-index:3;max-width:760px}.hero h1{font-size:clamp(48px,5.6vw,82px);line-height:.98;letter-spacing:-.055em;margin:20px 0 25px;font-weight:600}.hero h1 span{color:#aabbd0}.hero p{max-width:610px;color:#a2b3c4;font-size:16px;line-height:1.7;margin-bottom:28px}
.actions{display:flex;gap:10px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:24px;padding:14px 16px;border:1px solid rgba(255,255,255,.25);font-size:10px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;transition:.25s}.btn:hover{background:var(--ice);color:var(--ink);transform:translateY(-2px)}.btn.red{background:var(--wine);border-color:var(--wine)}
.hud{position:absolute;z-index:4;right:4vw;bottom:60px;width:290px;background:rgba(6,24,44,.66);border:1px solid var(--line);backdrop-filter:blur(8px);padding:15px}.hudline{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:7px 0;font:9px Consolas;color:#8199b1}.hudline b{color:#d8e5f1;font-weight:400}.live{display:inline-block;width:6px;height:6px;background:var(--red);box-shadow:0 0 13px var(--red);animation:pulse 1.3s infinite}@keyframes pulse{50%{opacity:.25}}
.ticker{overflow:hidden;padding:12px 0;border-bottom:1px solid var(--line);background:#081f39}.ticker-track{width:max-content;display:flex;animation:ticker 26s linear infinite}.ticker span{padding-right:44px;font:9px Consolas;letter-spacing:.17em;color:#8097af}.ticker i{font-style:normal;color:#d43c58}@keyframes ticker{to{transform:translateX(-50%)}}
.section{padding:92px 4vw;position:relative}.light{background:var(--ice);color:var(--ink)}.sectionhead{display:grid;grid-template-columns:.5fr 1.5fr;gap:50px;margin-bottom:48px}.section h2{font-size:clamp(36px,4.3vw,62px);line-height:1;letter-spacing:-.05em;margin:0;font-weight:600}.lead{max-width:690px;color:#475b70;font-size:16px;line-height:1.7;margin:18px 0 0}.section:not(.light) .lead{color:#9cb0c4}
.service-list{border-top:1px solid #c6d1db}.service{display:grid;grid-template-columns:70px 1.15fr 1fr 45px;align-items:center;min-height:108px;border-bottom:1px solid #c6d1db;position:relative;overflow:hidden;transition:.3s}.service:before{content:"";position:absolute;inset:0;background:var(--ink);transform:translateX(-101%);transition:.35s}.service>*{position:relative;z-index:1}.service:hover:before{transform:none}.service:hover{color:white;padding-left:10px}.service .n{font:9px Consolas;color:var(--wine)}.service h3{font-size:clamp(21px,2vw,30px);letter-spacing:-.035em;margin:0}.service p{font-size:12px;color:#495d72;line-height:1.5}.service:hover p{color:#a6b6c6}.service .go{color:var(--wine);font-size:22px}
.visual-split{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;align-items:center}.visual-copy h2{margin:14px 0 20px}.visual-copy p{color:#8fa3b8;line-height:1.7}.terminal{min-height:420px;border:1px solid var(--line);background:#041426;position:relative;overflow:hidden}.termbar{height:40px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:7px;padding:0 14px}.dot{width:7px;height:7px;border-radius:50%;background:#526b83}.dot.red{background:var(--red)}.termbody{padding:25px;font:10px/1.9 Consolas;color:#7590aa}.termbody b{color:#d6e3ef;font-weight:400}.termbody .r{color:#ff5e7d}.event{opacity:0;animation:event 8s infinite}.e1{animation-delay:0s}.e2{animation-delay:1.2s}.e3{animation-delay:2.4s}.e4{animation-delay:3.6s}.e5{animation-delay:4.8s}@keyframes event{0%,8%{opacity:0;transform:translateY(6px)}12%,72%{opacity:1;transform:none}82%,100%{opacity:.22}}
.bot{position:absolute;right:35px;bottom:30px;width:125px;height:125px;border:1px solid rgba(190,214,235,.23);transform:rotate(45deg);animation:bot 7s ease-in-out infinite}.bot:before,.bot:after{content:"";position:absolute;border:1px solid rgba(212,44,77,.45)}.bot:before{inset:20px}.bot:after{inset:40px;background:rgba(134,19,41,.2)}@keyframes bot{50%{transform:rotate(135deg) scale(.88)}}
.flowstage{height:470px;border:1px solid var(--line);background:#05172b;position:relative;overflow:hidden}.flowstage:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:55px 55px}.node{position:absolute;z-index:2;width:150px;padding:15px;border:1px solid rgba(185,211,234,.23);background:rgba(9,39,68,.88);font:9px Consolas;color:#9db1c5}.node b{display:block;color:#fff;margin-bottom:7px}.n1{left:8%;top:18%}.n2{left:39%;top:38%}.n3{right:7%;top:17%}.n4{right:13%;bottom:12%}.packet{position:absolute;z-index:3;width:9px;height:9px;background:var(--red);box-shadow:0 0 18px var(--red);animation:packet 5s linear infinite}@keyframes packet{0%{left:18%;top:26%}30%{left:48%;top:47%}62%{left:80%;top:25%}100%{left:74%;top:79%}}
.workgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.workcard{min-height:300px;border:1px solid var(--line);background:#092440;padding:25px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden;transition:.3s}.workcard:hover{transform:translateY(-5px);background:#0d2d50}.workcard:after{content:"";position:absolute;width:180px;height:180px;border:1px solid rgba(255,255,255,.07);right:-50px;top:-50px;transform:rotate(45deg);transition:.5s}.workcard:hover:after{transform:rotate(90deg) scale(1.15)}.workcard h3{font-size:27px;margin:8px 0}.workcard p{color:#8da3b9;font-size:13px;line-height:1.55}.tag{font:9px Consolas;letter-spacing:.13em;color:#ff5e7d}
.process{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line)}.step{min-height:230px;padding:22px 18px;border-right:1px solid var(--line);position:relative}.step b{font:9px Consolas;color:#d1425c}.step h3{font-size:21px;margin:72px 0 10px}.step p{color:#8ba0b5;font-size:12px;line-height:1.55}.step:before{content:"";position:absolute;left:0;top:-2px;width:0;height:2px;background:var(--red);transition:.4s}.step:hover:before{width:70%}
.aboutgrid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:35px}.aboutcard{border:1px solid var(--line);padding:26px;min-height:210px;background:#09223d}.aboutcard h3{font-size:26px;margin:45px 0 8px}.aboutcard p{color:#8da2b7;font-size:13px}
.insight-row{display:grid;grid-template-columns:100px 1fr 150px;align-items:center;border-top:1px solid var(--line);min-height:90px}.insight-row:last-child{border-bottom:1px solid var(--line)}.insight-row span{font:9px Consolas;color:#d24a63}.insight-row h3{font-size:22px;margin:0}.insight-row small{color:#7e93a9}
.contact{background:var(--wine);display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.contact h2{max-width:580px}.form{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field{display:flex;flex-direction:column;gap:6px}.full{grid-column:1/-1}.field label{font:10px Consolas;letter-spacing:.1em;color:#f0b9c3}.field input,.field textarea,.field select{border:1px solid rgba(255,255,255,.3);background:rgba(0,0,0,.06);color:#fff;padding:14px;font:13px Arial;outline:none}.field select option{color:#111}.field textarea{min-height:125px}.contact .btn{background:#fff;color:var(--wine);border-color:#fff}
.footer{padding:45px 4vw 25px;background:#020f1d;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#687e94;font:9px Consolas;letter-spacing:.13em}
.pagehero{min-height:68vh;position:relative;overflow:hidden;padding:140px 4vw 65px;display:flex;flex-direction:column;justify-content:flex-end;border-bottom:1px solid var(--line)}.pagehero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,24,44,.95),rgba(6,24,44,.25));pointer-events:none}.pagehero>*:not(canvas){position:relative;z-index:2}.pagehero h1{max-width:850px;font-size:clamp(44px,5.2vw,72px);line-height:.98;letter-spacing:-.052em;margin:18px 0}.pagehero p{max-width:650px;color:#98acc0;line-height:1.65}
.detail{display:grid;grid-template-columns:.5fr 1.5fr;gap:60px}.bigcopy{font-size:clamp(27px,3.3vw,46px);line-height:1.08;letter-spacing:-.04em;margin:0 0 30px}.bullets{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #c6d1db}.bullet{padding:18px 0;border-bottom:1px solid #c6d1db;font-size:13px}.diagram{margin-top:45px;height:370px;background:#06182c;position:relative;overflow:hidden}.diagram .node{transform:scale(.9)}.backbar{padding:18px 4vw;border-bottom:1px solid var(--line);font:9px Consolas;letter-spacing:.13em;color:#8fa4b9}.backbar a:hover{color:#fff}
@media(max-width:900px){.navlinks{display:none}.menu{display:block}.nav.open .navlinks{display:flex;position:absolute;top:74px;left:0;right:0;background:#06182c;padding:25px 4vw;flex-direction:column;align-items:flex-start}.nav.open .navlinks a{padding:10px 0;width:100%;font-size:12px}.hero{min-height:760px}.hero h1{font-size:50px}.hud{display:none}.hero:after{background:rgba(6,24,44,.68)}.sectionhead,.visual-split,.contact,.detail{grid-template-columns:1fr}.service{grid-template-columns:45px 1fr 30px}.service p{display:none}.process{grid-template-columns:1fr}.step{min-height:150px}.step h3{margin-top:35px}.workgrid,.aboutgrid{grid-template-columns:1fr}.form{grid-template-columns:1fr}.full{grid-column:auto}.insight-row{grid-template-columns:65px 1fr}.insight-row small{display:none}}
/* V4.1 service-page differentiation + logo cleanup */
.brand{overflow:visible}.brand img{border-radius:50%;clip-path:circle(46% at 50% 50%);transform:scale(1.08);background:#06182c}
.service-architecture{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:34px}.arch-card{border:1px solid #c6d1db;padding:22px;min-height:170px;background:rgba(255,255,255,.38)}.arch-card .mono{color:#861329}.arch-card h3{font-size:22px;letter-spacing:-.03em;margin:34px 0 8px}.arch-card p{font-size:13px;line-height:1.6;color:#65798d;margin:0}.timeline{margin-top:42px;border-top:1px solid #c6d1db}.timeline-row{display:grid;grid-template-columns:70px 1fr 1.1fr;gap:20px;padding:18px 0;border-bottom:1px solid #c6d1db;align-items:start}.timeline-row b{font:10px Consolas;color:#861329}.timeline-row h4{margin:0;font-size:17px}.timeline-row p{margin:0;color:#65798d;font-size:12px;line-height:1.55}.commercial{margin-top:38px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.commercial>div{background:#07182a;color:#fff;padding:20px;min-height:130px}.commercial b{font:10px Consolas;color:#d84a65}.commercial strong{display:block;font-size:25px;margin:22px 0 4px}.commercial small{color:#91a4b8;line-height:1.45}.service-visual{margin-top:46px;height:330px;background:#06182c;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.service-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(181,205,228,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(181,205,228,.12) 1px,transparent 1px);background-size:48px 48px}.sv-node{position:absolute;z-index:2;padding:13px 14px;border:1px solid rgba(190,214,235,.25);background:rgba(8,35,62,.9);color:#a6bad0;font:9px Consolas;letter-spacing:.08em}.sv-node b{display:block;color:#fff;margin-bottom:6px}.sv1{left:7%;top:20%}.sv2{left:39%;top:43%}.sv3{right:7%;top:18%}.sv4{right:12%;bottom:12%}.sv-packet{position:absolute;z-index:3;width:8px;height:8px;background:#d42c4d;box-shadow:0 0 16px #d42c4d;animation:svpacket 5s linear infinite}@keyframes svpacket{0%{left:16%;top:27%}32%{left:47%;top:51%}65%{left:81%;top:25%}100%{left:76%;top:78%}}@media(max-width:800px){.service-architecture,.commercial{grid-template-columns:1fr}.timeline-row{grid-template-columns:48px 1fr}.timeline-row p{grid-column:2}}