:root{--bg:#080c10;--panel:#10161b;--ink:#f0f4f5;--muted:#8c9aa4;--line:#233039;--cyan:#74f4db}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.65}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}::selection{background:var(--cyan);color:var(--bg)}.wrap{width:min(1240px,calc(100% - 96px));margin:auto}header{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);background:#080c10e8;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}nav{height:86px;display:flex;align-items:center;justify-content:space-between;gap:35px}.logo{font-weight:800;font-size:25px;letter-spacing:-1.3px;display:flex;align-items:center;gap:11px}.mark{width:26px;height:29px;background:var(--cyan);clip-path:polygon(0 0,35% 0,35% 62%,65% 40%,65% 0,100% 0,100% 65%,0 100%)}.navlinks{display:flex;gap:28px;font-size:13px;color:#aeb9c1}.navlinks a:hover{color:var(--cyan)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:22px;background:var(--cyan);color:#071410;padding:14px 23px;border:1px solid var(--cyan);font-size:13px;font-weight:700;border-radius:4px;transition:transform .2s,background .2s}.btn:hover{background:#a1ffe9;transform:translateY(-2px)}.btn.secondary{background:transparent;color:var(--ink);border-color:#34414a}.btn.secondary:hover{border-color:var(--cyan)}.menu{display:none;background:none;border:1px solid var(--line);color:#fff;padding:8px 12px}section{padding:108px 0;border-bottom:1px solid var(--line)}.eyebrow{font-family:monospace;text-transform:uppercase;letter-spacing:2px;font-size:11px;color:var(--cyan);margin:0 0 24px;display:flex;align-items:center;gap:12px}.eyebrow:before{content:"";width:6px;height:6px;background:var(--cyan)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(44px,5vw,70px);line-height:1.06;letter-spacing:-3.7px;font-weight:500;margin-bottom:28px}h2{font-size:clamp(34px,3.8vw,49px);line-height:1.12;letter-spacing:-2px;font-weight:500;margin-bottom:22px}h3{font-size:20px;letter-spacing:-.5px;font-weight:500}p{color:var(--muted)}.hero{padding:95px 0 48px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 80% 40%,#1b625520,transparent 50%)}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:45px;align-items:center}.hero .description{max-width:490px;font-size:16px;line-height:1.8}.hero .actions{display:flex;gap:13px;margin-top:35px}.accent{color:var(--cyan)}.architecture{height:485px;position:relative;background-image:linear-gradient(#21312d40 1px,transparent 1px),linear-gradient(90deg,#21312d40 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:linear-gradient(90deg,transparent,black 10%,black 90%,transparent);mask-image:linear-gradient(90deg,transparent,black 10%,black 90%,transparent)}.orbit{position:absolute;border:1px solid #335348;border-radius:50%;width:350px;height:350px;left:90px;top:65px;transform:rotateX(55deg) rotate(-25deg)}.orbit.two{width:470px;height:470px;left:30px;top:4px;transform:rotateX(50deg) rotate(25deg);border-color:#284038}.arch-lines{position:absolute;inset:0;width:100%;height:100%}.arch-lines path{fill:none;stroke:#4b8b78;stroke-width:1;stroke-dasharray:6 6;animation:flow 18s linear infinite}@keyframes flow{to{stroke-dashoffset:-200}}.node{position:absolute;border:1px solid #35463f;background:#101a18ed;box-shadow:0 20px 40px #0006;border-radius:7px;padding:15px 17px;font-family:monospace;font-size:11px;color:#a4b7b1}.node .label{font-size:9px;letter-spacing:1.4px;color:#80a298;margin-bottom:9px}.node strong{font-size:14px;color:#e8f6f0;font-weight:500}.node .dot{display:inline-block;width:5px;height:5px;background:var(--cyan);border-radius:50%;margin-right:7px}.code{top:45px;left:10px;width:242px;transform:rotate(-3deg)}.code pre{font-size:11px;line-height:1.9;margin:0;color:#94b6a7}.cloud{right:0;top:83px}.core{left:155px;top:207px;width:184px;min-height:135px;box-shadow:0 0 65px #59e5c519;border-color:#69a78f;display:flex;align-items:center;justify-content:center;flex-direction:column}.core .logo{font-size:23px;margin-bottom:8px}.database{bottom:40px;left:25px}.analytics{right:3px;bottom:45px;width:178px}.bars{height:42px;display:flex;align-items:end;gap:7px;margin-top:12px}.bars i{flex:1;background:#73e6bd55;border-top:2px solid var(--cyan)}.hero-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:60px;font-family:monospace;font-size:11px;color:#82948e}.status{display:flex;align-items:center;gap:9px}.status:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px #74f4db}.techstrip{padding:29px 0;border-bottom:1px solid var(--line)}.techstrip .wrap{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap;font-size:13px;color:#8e9b9e}.section-head{display:flex;justify-content:space-between;gap:60px;align-items:end;margin-bottom:48px}.section-head h2{max-width:600px;margin-bottom:0}.section-head>p{max-width:340px;margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:7px;overflow:hidden}.service{background:var(--bg);padding:33px;transition:background .25s}.service:hover{background:#111d1b}.service-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:37px;color:#687d79;font:11px monospace}.icon{font-size:25px;color:var(--cyan);font-family:monospace}.service p{font-size:13px;max-width:290px;margin-bottom:4px}.service h3{margin-bottom:12px}.solutions{background:#0b1115}.solution-tabs{display:flex;gap:8px;margin-bottom:30px;flex-wrap:wrap}.tab{background:transparent;border:1px solid var(--line);color:var(--muted);padding:11px 19px;border-radius:4px;font-size:12px}.tab.active{background:var(--cyan);border-color:var(--cyan);color:#071410}.solution-panel{display:grid;grid-template-columns:.85fr 1.3fr;gap:70px;align-items:center}.solution-copy h3{font-size:32px}.solution-copy p{max-width:370px}.text-link{font-size:13px;color:var(--cyan);display:inline-flex;gap:22px}.mockup{background:#10191d;border:1px solid #30413e;border-radius:9px;padding:0;box-shadow:0 25px 80px #0003;overflow:hidden}.mockup-head{padding:13px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;font-size:10px;color:#839a94;font-family:monospace}.mockup-body{display:grid;grid-template-columns:110px 1fr;min-height:300px}.sidebar{padding:21px 14px;border-right:1px solid var(--line);font-size:9px;color:#677c76}.sidebar div{padding:8px;margin-bottom:8px}.sidebar .selected{color:var(--cyan);background:#74f4db0c;border-radius:3px}.dashboard{padding:24px}.dash-title{font-size:15px;margin-bottom:20px;display:flex;justify-content:space-between}.demo-tag{font:8px monospace;color:#81978d;letter-spacing:1px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat{border:1px solid var(--line);padding:12px;border-radius:4px;font-size:9px;color:#92a59d}.stat b{display:block;font-size:20px;color:#e1eee7;font-weight:500;margin-top:5px}.chart{height:105px;display:flex;align-items:end;gap:12px;border-bottom:1px solid var(--line);padding:12px 5px 0;background:repeating-linear-gradient(to top,transparent,transparent 28px,#26352e 29px)}.chart i{flex:1;background:linear-gradient(#74f4db99,#74f4db15);border-top:2px solid var(--cyan)}.table-row{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);font-size:9px;color:#82958d;padding:11px 0}.table-row span:last-child{color:var(--cyan)}.process-grid{display:grid;grid-template-columns:repeat(5,1fr);margin-top:52px}.step{border-top:1px solid #3c5650;padding:28px 22px 0 0;position:relative}.step:before{content:"";position:absolute;top:-4px;width:7px;height:7px;background:var(--cyan)}.step small{color:var(--cyan);font-family:monospace}.step h3{margin:18px 0 10px}.step p{font-size:13px}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.work-card{border:1px solid var(--line);border-radius:6px;overflow:hidden;background:#0e151a;transition:transform .25s,border-color .25s}.work-card:hover{transform:translateY(-6px);border-color:#4a7d6d}.work-art{height:235px;background:radial-gradient(ellipse at center,#204339,#111b1b 75%);padding:35px 26px;overflow:hidden}.mini-ui{height:185px;border:1px solid #476459;background:#101b17;border-radius:5px;padding:16px;transform:rotate(-5deg);box-shadow:0 20px 35px #0005}.mini-title{font-size:11px;border-bottom:1px solid #31443a;padding-bottom:10px}.mini-row{height:19px;margin:8px 0;background:linear-gradient(90deg,#6ca98c33 30%,transparent 30%,transparent 35%,#6ca98c17 35%);border-radius:2px}.mini-chart{display:flex;gap:10px;height:65px;align-items:end}.mini-chart i{flex:1;background:#74f4db55}.work-info{padding:26px}.work-info small{font:9px monospace;letter-spacing:1.2px;color:var(--cyan)}.work-info h3{margin:13px 0 9px}.work-info p{font-size:13px;min-height:44px}.tags{display:flex;gap:7px;flex-wrap:wrap;margin:18px 0 24px}.tags span{font-size:9px;border:1px solid var(--line);color:#94a5a1;padding:3px 8px;border-radius:3px}.case-btn{background:none;border:0;color:var(--ink);padding:0;font-size:12px}.case-btn:hover{color:var(--cyan)}.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:110px}.principle{padding:23px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:35px 1fr;gap:12px}.principle:first-child{padding-top:0}.principle small{font:10px monospace;color:var(--cyan);padding-top:6px}.principle h3{margin-bottom:7px}.principle p{font-size:13px;margin:0}.automation{text-align:center;background:radial-gradient(ellipse at 50% 65%,#14423455,transparent 65%)}.automation .eyebrow{justify-content:center}.automation h2{max-width:650px;margin:0 auto 22px}.automation p{max-width:565px;margin:0 auto}.workflow{display:flex;align-items:center;justify-content:center;margin:48px 0;gap:0}.workflow-node{border:1px solid #39584d;border-radius:5px;background:#111b17;padding:20px 13px;min-width:115px;font-size:11px}.workflow-node b{display:block;color:var(--cyan);font:22px monospace;margin-bottom:9px}.wire{height:1px;flex:1;max-width:32px;background:#477d66;position:relative}.wire:after{content:"";width:4px;height:4px;background:var(--cyan);position:absolute;top:-2px;animation:travel 2s infinite}@keyframes travel{0%{left:0}to{left:100%}}.engineering-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.engineering-grid>div{border-top:1px solid var(--line);padding-top:23px}.engineering-grid h3{font-size:16px}.engineering-grid p{font-family:monospace;font-size:11px;line-height:2}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.about-grid p{font-size:16px;line-height:1.9}.pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:45px}.pillars div{border-top:1px solid var(--line);padding-top:20px;font-size:12px;color:#a3b5af}.pillars span{color:var(--cyan);margin-right:10px}.contact{text-align:center;background:linear-gradient(#0c1917aa,#080c10),linear-gradient(90deg,#23423540 1px,transparent 1px);background-size:auto,45px 45px}.contact h2{font-size:clamp(42px,5vw,66px)}.contact p{max-width:550px;margin:0 auto 28px}.contact .actions{display:flex;justify-content:center;gap:13px}footer{padding:62px 0 24px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:45px}.footer-grid p{font-size:12px;margin-top:16px}.footer-grid h4{font-size:11px;margin:0 0 18px;color:#c2cdc8}.footer-grid a,.footer-grid span{display:block;font-size:12px;color:var(--muted);margin:8px 0}.footer-grid a:hover{color:var(--cyan)}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:22px;margin-top:55px;font-size:10px;color:#637770}.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s,transform .6s}.reveal.visible{opacity:1;transform:none}dialog{border:1px solid #3c6053;border-radius:10px;background:#10191b;color:var(--ink);padding:35px;width:min(600px,calc(100% - 30px));max-height:90vh;overflow:auto}dialog::backdrop{background:#000b;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.close{float:right;background:none;border:0;color:#aabbb4;font-size:23px}.form-fields{display:grid;gap:16px}label{font-size:12px;color:#a9b8b3}input,textarea,select{display:block;width:100%;background:#080f11;border:1px solid #34433e;color:#e2ece6;padding:11px;border-radius:4px;margin-top:6px}textarea{min-height:105px}input:focus,textarea:focus,select:focus{outline:1px solid var(--cyan)}.form-note{font-size:11px;margin:15px 0}.draft-output{white-space:pre-wrap;font-size:13px;background:#080f11;padding:17px;border:1px solid var(--line);margin-top:20px}.hidden{display:none}:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}@media(min-width:1600px){.wrap{width:1400px}.hero-grid{gap:100px}h1{font-size:80px}.architecture{max-width:580px}}@media(max-width:1050px){.wrap{width:calc(100% - 48px)}.navlinks{gap:16px}.nav-cta{display:none}.hero-grid{gap:20px}h1{font-size:52px}.architecture{transform:scale(.85);transform-origin:center;width:490px;margin-left:-30px}.workflow-node{min-width:90px;padding:17px 8px}.solution-panel{gap:30px}.why-grid{gap:50px}}@media(max-width:760px){.wrap{width:calc(100% - 40px)}nav{height:72px}.menu{display:block}.navlinks{display:none;position:absolute;top:72px;left:0;right:0;background:#0b1415;padding:25px;flex-direction:column;border-bottom:1px solid var(--line)}.navlinks.open{display:flex}.hero{padding-top:58px}.hero-grid{grid-template-columns:1fr;gap:30px}h1{font-size:49px;letter-spacing:-2.5px}.hero .eyebrow{font-size:9px;letter-spacing:1.2px}.hero .actions{flex-wrap:wrap}.architecture{height:395px;transform:scale(.8);transform-origin:top left;width:490px;margin:15px 0 -65px}.hero-bottom{margin-top:30px;gap:15px;align-items:start;font-size:9px}.hero-bottom>span{max-width:130px}.techstrip .wrap{justify-content:start;gap:15px 24px}.techstrip{padding:22px 0}.techstrip span{font-size:11px}section{padding:70px 0}.section-head{display:block;margin-bottom:35px}.section-head p{margin-top:20px;max-width:none}.cards{grid-template-columns:1fr}.service{padding:27px}.service-top{margin-bottom:22px}.service p{max-width:none}.solution-panel,.why-grid,.about-grid{grid-template-columns:1fr;gap:35px}.solution-tabs{gap:7px}.tab{font-size:10px;padding:10px 12px}.mockup-body{grid-template-columns:75px 1fr}.sidebar{padding:15px 7px;font-size:8px}.dashboard{padding:16px}.stat{padding:8px;font-size:8px}.stat b{font-size:16px}.process-grid{grid-template-columns:1fr;margin-top:35px}.step{border-top:0;border-left:1px solid #3c5650;padding:0 0 28px 25px}.step:before{left:-4px;top:7px}.step h3{margin:6px 0}.step p{margin:0}.work-grid{grid-template-columns:1fr}.work-art{height:250px;padding:35px 42px}.work-info p{min-height:0}.workflow{flex-wrap:wrap;gap:12px;margin:35px 0}.workflow-node{min-width:95px}.wire{display:none}.engineering-grid{grid-template-columns:1fr 1fr;gap:25px}.pillars{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:35px}.footer-brand{grid-column:1/-1}.footer-bottom{gap:20px;line-height:1.7}.contact .actions{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}:root{--bg:#fcfdff;--panel:#f3f7fd;--ink:#090f1c;--muted:#5e687c;--line:#dde5f0;--cyan:#064bff}body{background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif}header{background:#fcfdfff0;border-bottom:0}nav{height:96px}.logo{letter-spacing:-1px;font-size:29px}.brand-name{position:relative;display:block;line-height:1}.brand-name small{display:block;letter-spacing:6px;font-size:8px;font-weight:500;margin-top:7px}.brand-cursor{color:var(--cyan)}.navlinks{color:#17223a;font-size:12px;gap:30px}.btn{color:#fff;padding:16px 24px;gap:18px;border-radius:5px}.btn:hover{background:#003cd1}.btn.secondary{color:var(--ink);border-color:var(--line)}.btn.secondary:hover{background:#edf3ff}.nav-cta{background:transparent;color:var(--cyan);padding:11px 22px;border-radius:6px}.nav-cta:hover{color:#fff}.eyebrow{color:#5c6e89;font-size:10px;letter-spacing:2px;line-height:1.8}.eyebrow:before{background:var(--cyan);width:17px;height:1px}h1{font-weight:700;font-size:clamp(45px,4.6vw,73px);letter-spacing:-3.5px;line-height:1.04}h2{font-weight:600;font-size:clamp(30px,3.2vw,43px);letter-spacing:-1.7px}h3{font-weight:600}.hero{padding:62px 0 28px;background:radial-gradient(ellipse at 78% 65%,#e7f1ff,#fcfdff 60%)}.hero:before{display:none}.hero-grid{grid-template-columns:.95fr 1.1fr;gap:10px}.hero .description{font-size:17px;max-width:440px}.hero .actions{margin-top:32px}.hero .btn.secondary{border:0;padding-left:12px}.hero-bottom{margin-top:30px;color:#5b6b86;font-size:9px;border-top:1px solid var(--line);padding-top:24px}.status:before{box-shadow:none}.techstrip{padding:28px 0}.techstrip .wrap{color:#16233b;justify-content:space-between}.techstrip span{font-size:13px}section{padding:85px 0}.section-head{margin-bottom:36px}.section-head>p{font-size:13px;max-width:290px}.cards{grid-template-columns:repeat(2,1fr);background:none;border:0;border-radius:0;gap:0 38px}.service{display:grid;grid-template-columns:60px 1fr;column-gap:20px;padding:23px 0;border-top:1px solid var(--line);background:none}.service:hover{background:#f1f6ff}.service-top{grid-row:span 2;flex-direction:column-reverse;justify-content:center;gap:8px;margin:0}.service h3{font-size:17px;margin:0 0 6px}.service p{font-size:12px;max-width:none}.service-top>span:first-child{color:#6a7c99}.icon{font-size:24px}.solutions{background:linear-gradient(135deg,#f8fbff,#eef5ff)}.tab{color:#576884;background:#fff;border-radius:4px}.tab.active{color:#fff}.solution-copy h3{font-size:30px}.solution-copy p{font-size:14px}.mockup{background:#fff;border-color:#d4e0f2;box-shadow:0 18px 40px #1b58b315}.mockup-head{color:#5b6d88}.sidebar{background:#101e37;color:#adbad1}.sidebar .selected{color:#fff;background:#064bff}.stat{color:#6b7890;background:#f8faff}.stat b{color:#14213c}.chart{background:repeating-linear-gradient(to top,transparent,transparent 28px,#e9eff8 29px)}.chart i{background:linear-gradient(#064bffbb,#064bff20)}.table-row{color:#5e6b82}.step{border-color:#b9ceff}.step h3{font-size:17px}.dark-showcase{background:#0d1e36;color:#f2f7ff}.dark-showcase .eyebrow{color:#9db4dc}.dark-showcase p{color:#a8b8d0}.dark-showcase .section-head{align-items:center}.work-card{border:0;border-radius:6px;background:transparent}.work-art{background:#eaf1fb;padding:24px 15px;height:240px}.work-art[style]{background:#f1f5fc!important}.mini-ui{background:#fff;color:#17233b;border:1px solid #d6e2f1;transform:none!important;box-shadow:0 12px 22px #0b397320;height:195px}.mini-title{border-color:#d6e2f1;font-weight:700}.mini-row{background:linear-gradient(90deg,#064bff17 30%,transparent 30%,transparent 35%,#7189b312 35%)}.mini-chart i{background:linear-gradient(#064bff,#c7d9ff)}.work-info{padding:24px 4px}.work-info h3{font-size:21px}.work-info small{color:#8aafff}.work-info .tags span{border-color:#3f5574;color:#c3d2e9}.case-btn{color:inherit}.work-info .case-btn{color:#fff}.why-section .why-grid{align-items:center}.principle{border-color:var(--line)}.automation{background:linear-gradient(110deg,#f3f9ff,#e5f0ff);text-align:left}.automation .eyebrow{justify-content:start}.automation h2{margin:0 0 20px;max-width:none}.automation>div>p{margin:0;max-width:600px}.workflow{margin:38px 0;position:relative}.workflow-node{background:#ffffffd9;border-color:#d0e0f7;color:#1c2b44;box-shadow:0 7px 18px #0a56cb07;border-radius:8px}.workflow-node:nth-of-type(3){background:#064bff;color:#fff}.workflow-node:nth-of-type(3) b{color:#fff}.wire{background:#abc8ff}.automation>.wrap>.btn{display:flex;width:fit-content;margin:auto}.engineering-grid{grid-template-columns:repeat(3,1fr)}.engineering-grid h3{color:#1f2e49}.engineering-grid p{color:#6c7890}.pillars div{color:#576a84}.contact{background:#064bff;color:#fff;position:relative;overflow:hidden}.contact:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff0a 1px,transparent 1px);background-size:50px 50px;pointer-events:none}.contact .wrap{position:relative}.contact h2{font-size:54px}.contact .accent,.contact .eyebrow,.contact p{color:#fff}.contact .btn{background:#fff;color:#064bff;border-color:#fff}.contact .btn.secondary{background:transparent;color:#fff;border-color:#fff5}.contact .btn:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00278255}.footer-grid h4{color:#182843}.footer-grid span,.footer-grid a{color:#687991}.footer-grid .logo{color:#0b1324}.footer-grid .brand-cursor{color:#064bff}.footer-bottom{color:#8392aa}.footer-brand p{margin-top:20px}.system-scene{height:550px;position:relative;perspective:1200px;min-width:0}.scene-inner{position:absolute;inset:0;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .35s ease-out}.system-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.system-lines path{fill:none;stroke:#bed8ff;stroke-width:3;stroke-linejoin:round}.system-lines .pulse{stroke:#0857ff;stroke-width:4;stroke-dasharray:9 470;stroke-linecap:round;filter:drop-shadow(0 0 5px #216dff);animation:dataflow 5s linear infinite}.system-lines .p2{animation-delay:-2s}.system-lines .p3{animation-delay:-3s}@keyframes dataflow{to{stroke-dashoffset:-958}}.api-window{position:absolute;left:2%;top:100px;width:240px;height:330px;background:#101f39;color:#d7e5ff;border:1px solid #8aa5d0;border-radius:9px;box-shadow:10px 20px 28px #22447a20;transform:perspective(900px) rotateY(13deg) rotate(-3deg);animation:floatapi 7s ease-in-out infinite}.window-dots{display:flex;align-items:center;gap:5px;padding:12px;border-bottom:1px solid #ffffff15}.window-dots i{width:5px;height:5px;border-radius:50%;background:#f77}.window-dots i:nth-child(2){background:#ffc05d}.window-dots i:nth-child(3){background:#5ddbb0}.window-dots span{font:7px monospace;letter-spacing:1px;margin-left:auto;color:#8098bd}.api-window pre{font:10px/1.8 monospace;padding:8px 17px}.api-window pre>span{color:#77acff}.api-window pre>.api-success{color:#6aebb2;animation:statusblink 5s infinite}.app-window{position:absolute;top:38px;right:-18px;width:410px;background:#ffffffef;border:1px solid #dce7fa;border-radius:9px;box-shadow:15px 30px 45px #0c4bba20;transform:perspective(1000px) rotateY(-12deg) rotate(4deg);animation:floatapp 8s ease-in-out infinite}.app-window .window-dots{border-color:#e2eafb}.app-layout{display:grid;grid-template-columns:92px 1fr;min-height:310px}.app-side{background:#10213e;border-radius:0 0 0 8px;color:#9baed0;font-size:8px;padding:14px 8px}.app-side>b{font-size:13px;color:#fff;display:block;margin-bottom:22px;letter-spacing:-.7px}.app-side b span{color:#4385ff}.app-side>div{padding:8px 4px;margin-bottom:5px}.app-side .current{background:#064bff;border-radius:3px;color:#fff}.app-content{padding:18px 15px}.app-top{display:flex;justify-content:space-between;font-size:11px;margin-bottom:19px}.app-top span{color:#4176c6}.app-content>small{font-size:8px;color:#70809b;display:block}.app-content>strong{display:block;font-size:24px;margin:3px 0 13px}.app-chart{display:flex;align-items:end;height:93px;gap:7px;border-bottom:1px solid #d4e1f3;background:repeating-linear-gradient(to top,transparent,transparent 29px,#eef3fa 30px)}.app-chart i{flex:1;height:var(--h);background:linear-gradient(#7faaff,#064bff);border-radius:2px 2px 0 0;transform-origin:bottom;animation:chartgrow 7s var(--delay) infinite}.chart-labels{display:flex;justify-content:space-between;color:#95a2b9;font-size:6px;margin-top:5px}.app-table{margin-top:17px;font-size:7px}.app-table>b{font-size:9px}.app-table>div{display:flex;justify-content:space-between;gap:5px;padding:8px 0;border-bottom:1px solid #edf1f8}.app-table em{font-style:normal;font-size:6px;color:#248668;background:#ddf5ea;border-radius:3px;padding:1px 3px}.db-module{position:absolute;left:2%;bottom:35px;display:flex;flex-direction:column;align-items:center;gap:18px}.db-module>span{font:8px monospace;letter-spacing:1.5px;color:#5b739b}.db-cylinder{width:90px;height:85px;position:relative;border-radius:50%/15%;background:linear-gradient(90deg,#d3dff0,#fff 40%,#bccbe4);box-shadow:0 14px 21px #064bff22}.db-cylinder:before{content:"";position:absolute;top:-8px;width:100%;height:23px;background:linear-gradient(120deg,#f4f8ff,#d7e3f6);border:1px solid #c0d1ed;border-radius:50%}.db-cylinder i{position:absolute;left:0;right:0;height:21px;border-bottom:2px solid #387cff;border-radius:50%;top:20px;box-shadow:0 4px 6px #064bff22;animation:dbpulse 4s infinite}.db-cylinder i:nth-child(2){top:42px;animation-delay:.4s}.db-cylinder i:nth-child(3){top:63px;animation-delay:.8s}.automation-mini{position:absolute;right:-15px;bottom:32px;display:flex;align-items:center;gap:6px;width:430px;transform:perspective(1000px) rotateY(-7deg) rotate(4deg)}.auto-step{display:flex;align-items:center;gap:8px;flex:1;padding:13px 9px;background:#fff;border:1px solid #d7e5ff;border-radius:6px;box-shadow:0 9px 20px #1c5dcd11;animation:autostep 6s infinite}.auto-step b{font-size:20px;color:#064bff;font-weight:400}.auto-step span{font-size:8px;font-weight:700;white-space:nowrap}.auto-step small{display:block;font-size:6px;color:#8a9ab7;font-weight:400;margin-top:4px}.auto-step.a2{animation-delay:2s}.auto-step.a3{animation-delay:4s}.automation-mini>i{width:13px;height:2px;background:#4b8bff;position:relative}.automation-mini>i:after{content:"";position:absolute;right:0;top:-2px;width:5px;height:5px;border-radius:50%;background:#064bff}.scene-caption{position:absolute;right:15px;top:0;font:7px monospace;letter-spacing:1.5px;color:#687d9d}.scene-caption span{display:block;font-size:6px;color:#9aaac2;margin-top:6px}.paused .system-scene *{animation-play-state:paused!important}@keyframes floatapp{50%{translate:0 -8px}}@keyframes floatapi{50%{translate:0 6px}}@keyframes chartgrow{0%,to{scale:1 1}50%{scale:1 .85}}@keyframes dbpulse{50%{border-color:#a8ceff;box-shadow:0 4px 10px #064bff55}}@keyframes statusblink{50%{opacity:.55}}@keyframes autostep{0%,30%,to{border-color:#d7e5ff;background:#fff}12%,22%{border-color:#4b86ff;background:#eff5ff;box-shadow:0 0 16px #064bff20}}dialog{background:#fff;color:#0b1931;border-color:#dae5f7;box-shadow:0 30px 100px #0e245a33}input,textarea,select{background:#f7faff;color:#17253e;border-color:#cddaf0}label{color:#586c8e}.draft-output{background:#f3f7ff;border-color:#d4e1f6}.close{color:#566985}.text-link{color:#064bff}@media(min-width:1600px){h1{font-size:84px}.system-scene{height:600px}.app-window{width:470px}.app-layout{grid-template-columns:105px 1fr;min-height:350px}.app-chart{height:125px}.api-window{width:270px}.automation-mini{width:490px}}@media(max-width:1050px){.hero-grid{grid-template-columns:1fr 1fr}h1{font-size:54px;letter-spacing:-2.6px}.hero .eyebrow{font-size:8px;letter-spacing:1.3px}.hero .description{font-size:15px}.hero .actions{gap:5px}.hero .btn{padding:13px 16px;font-size:11px}.system-scene{height:440px}.scene-inner{width:600px;height:540px;transform:scale(.74);transform-origin:top left}.app-window{right:0}.api-window{left:5px}.automation-mini{right:0}.hero-bottom .status{display:none}.workflow-node{min-width:90px}.brand-name small{letter-spacing:5px}}@media(max-width:760px){nav{height:80px}.navlinks{top:80px;background:#fcfdff}.menu{color:#15243f;border-color:#d4dfef}.hero{padding:40px 0 22px}.hero-grid{grid-template-columns:1fr;gap:10px}h1{font-size:clamp(46px,10vw,68px);letter-spacing:-2.3px}.hero .eyebrow{font-size:8px;letter-spacing:1.1px;margin-bottom:24px}.hero .description{font-size:16px;max-width:440px}.hero .actions{gap:10px;margin-top:25px}.hero .btn{font-size:12px;padding:14px 18px}.system-scene{height:375px;overflow:visible;margin-top:24px}.scene-inner{width:600px;height:540px;transform:scale(.61);transform-origin:top left}.app-window{right:0}.hero-bottom{margin-top:10px;font-size:8px}.techstrip .wrap{display:grid;grid-template-columns:1fr 1fr;gap:15px}.techstrip span{font-size:10px}.cards{grid-template-columns:1fr;gap:0}.service{padding:23px 0;grid-template-columns:45px 1fr}.service h3{font-size:17px}.service-top{margin:0}.service p{font-size:12px}.section-head h2{font-size:34px}.section-head>p{max-width:none}.solution-copy h3{font-size:27px}.work-art{height:240px;padding:25px 30px}.work-info{padding:22px 0 30px}.workflow{justify-content:start}.automation h2{font-size:35px}.engineering-grid{grid-template-columns:1fr 1fr}.contact h2{font-size:43px}.footer-grid .brand-name{font-size:28px}.footer-grid .brand-name small{font-size:8px}.footer-brand{margin-bottom:5px}}@media(max-width:380px){.scene-inner{transform:scale(.53)}.system-scene{height:320px}.hero .eyebrow{font-size:7px}.hero .actions{gap:0}.hero .btn{font-size:11px;padding:13px 14px}}@media(prefers-reduced-motion:reduce){.scene-inner{transition:none}.system-scene *{animation:none!important}.system-lines .pulse{stroke-dasharray:none;opacity:.3}}@media(min-width:761px)and (max-width:900px){.scene-inner{transform:scale(.58)}.system-scene{height:350px}h1{font-size:44px}.hero .actions{flex-direction:column;align-items:start}}@media(min-width:381px)and (max-width:420px){.scene-inner{transform:scale(.56)}.system-scene{height:330px}}.concept-flow{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:18px 5px}.concept-flow span{font-size:9px;padding:11px;border:1px solid #cddffd;border-radius:4px;background:#f6f9ff;color:#234369}.concept-flow span:first-child{grid-column:1/-1;background:#eaf2ff;color:#064bff}.store-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:15px}.store-preview div{height:110px;background:#f0f4fa;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;font-size:8px;color:#6c7b92}.store-preview b{font-size:29px;font-weight:400;color:#2859b0}.store-preview small{font-size:7px}