:root{--bg:#080d17;--panel:#101a29;--text:#eaf1fb;--muted:#9caec5;--blue:#36bdf4;--line:#25344b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}.container{width:min(1160px,calc(100% - 48px));margin:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(8,13,23,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(111,161,209,.13)}.nav{height:82px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;flex-direction:column;line-height:1}.brand>span{font-weight:900;font-size:27px;letter-spacing:-1.5px}.brand-blue{color:var(--blue)}.brand small{font-size:8px;letter-spacing:1.35px;color:#91a3b8;margin-top:7px}.nav nav{display:flex;gap:34px;align-items:center;font-size:13px;color:#c4d0de}.nav nav a:hover{color:var(--blue)}.nav-cta{border:1px solid #3a6d91;padding:10px 16px;border-radius:5px}.nav-cta span{color:var(--blue);margin-left:8px}.menu-toggle{display:none}.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 78% 42%,#12314e 0%,transparent 43%),linear-gradient(135deg,#0b1424,#080d17 65%)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#2c689018 1px,transparent 1px),linear-gradient(90deg,#2c689018 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to right,transparent,#000)}.hero-glow{position:absolute;width:500px;height:500px;right:8%;top:0;border-radius:50%;background:#0a75b91c;filter:blur(90px)}.hero-inner{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;min-height:650px;padding-top:65px;padding-bottom:85px}.eyebrow,.section-kicker{font-size:11px;font-weight:800;letter-spacing:2.3px;color:#55cdf5}.eyebrow{display:flex;align-items:center;gap:12px}.pulse{width:7px;height:7px;border-radius:50%;background:#43e3c1;box-shadow:0 0 13px #43e3c1}.hero h1{font-size:clamp(48px,5.3vw,76px);letter-spacing:-3.8px;line-height:1.09;margin:25px 0}.hero h1 span{color:#5bcaf4}.hero-copy>p{font-size:17px;max-width:560px;color:#b5c5d8;line-height:1.85}.hero-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:35px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;font-size:13px;font-weight:750;padding:14px 20px;border-radius:5px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.primary{background:#36bdf4;color:#06131e}.primary:hover{background:#79d9ff}.secondary{border:1px solid #46617c;color:#d5e3f2}.secondary:hover{background:#14293d}.hero-foot{margin-top:55px;border-top:1px solid #2a3e54;padding-top:19px;font-size:10px;letter-spacing:1.5px;color:#718da9}.hero-visual{position:relative;min-width:0}.orb{position:absolute;border-radius:50%;filter:blur(50px)}.orb-a{width:200px;height:200px;background:#1275bb44;top:-40px;right:0}.orb-b{width:140px;height:140px;background:#28a2b344;bottom:-40px;left:10px}.visual-frame{position:relative;background:linear-gradient(145deg,#11243bdb,#08121fe8);border:1px solid #2b5878;border-radius:12px;box-shadow:0 20px 100px #0009,0 0 70px #1378ba23;overflow:hidden}.frame-top,.frame-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:15px 18px;color:#85a4bd;font-size:9px;letter-spacing:1px;border-bottom:1px solid #24435a}.frame-bottom{border-top:1px solid #24435a;border-bottom:0;justify-content:center;font-size:8px;flex-wrap:wrap}.frame-dots{display:flex;gap:5px}.frame-dots i{display:block;width:6px;height:6px;border-radius:50%;background:#46718b}.status{color:#65d8bc}.status b{display:inline-block;width:6px;height:6px;background:#65d8bc;border-radius:50%;margin-right:4px}.visual-frame svg{display:block;width:100%;height:auto}.trust-strip{border-block:1px solid #1f344b;background:#0c1522}.trust-content{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:23px 0;font-size:10px;letter-spacing:1.8px;color:#91a8bf;font-weight:750}.section{padding:105px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin:14px 0 43px}.section h2{font-size:clamp(38px,4.5vw,60px);letter-spacing:-2.4px;line-height:1.15;margin:18px 0 24px}.section h2 em{font-style:normal;color:#55c9f2}.section-heading p{max-width:385px;color:var(--muted);margin-bottom:20px}.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.service-card{background:#101a29;border:1px solid #24354b;border-radius:9px;overflow:hidden;transition:border-color .25s,transform .25s}.service-card:hover{border-color:#369ad0;transform:translateY(-4px)}.service-art{height:195px;position:relative;overflow:hidden;background:radial-gradient(ellipse at center,#173b5a,#0c192a 72%)}.service-body{padding:27px 30px 32px}.service-index{color:#4cbfe8;font-size:10px;font-weight:800;letter-spacing:1.7px}.service-card h3{font-size:23px;letter-spacing:-.7px;margin:9px 0}.service-card p{color:#9fb1c5;font-size:14px;margin:0;max-width:470px}.art-node{position:absolute;width:45px;height:45px;border-radius:10px;border:1px solid #45b6e9;background:#163d5b;box-shadow:0 0 28px #1c91cb66}.art-node.a{top:76px;left:19%}.art-node.b{top:28px;left:46%}.art-node.c{top:117px;left:46%}.art-node.d{top:76px;right:17%}.art-link{position:absolute;height:2px;background:#278fbe;transform-origin:left;box-shadow:0 0 14px #36bdf4}.l1{width:29%;left:25%;top:92px;transform:rotate(-27deg)}.l2{width:28%;left:25%;top:103px;transform:rotate(26deg)}.l3{width:24%;left:55%;top:98px}.fake-window{position:absolute;left:19%;top:24px;width:62%;height:170px;border:1px solid #397ba5;border-radius:9px;background:#0d2034;padding:22px;box-shadow:0 0 45px #2b9bcc22}.fake-line{height:7px;background:#234f6b;border-radius:6px;margin-bottom:12px}.fake-line.wide{width:78%}.fake-line.mid{width:50%}.fake-line.short{width:40%}.fake-bubble{margin:13px 0 15px auto;background:#1d6b92;border-radius:8px 8px 2px 8px;width:max-content;max-width:100%;padding:9px 14px;font-size:12px;color:#c6f0ff}.art-servers{display:flex;justify-content:center;align-items:center;gap:15px}.rack{width:95px;height:150px;border:2px solid #376788;border-radius:6px;background:#0a1423;padding:11px;transform:perspective(350px) rotateY(-12deg);box-shadow:15px 10px 30px #0008}.rack-2{transform:perspective(350px) rotateY(12deg)}.rack i{display:block;height:18px;border:1px solid #34536a;background:linear-gradient(90deg,#182e42,#101b2c);margin-bottom:7px;border-radius:2px}.rack i:after{content:"";display:block;background:#4ce3e7;box-shadow:0 0 8px #4ce3e7;width:4px;height:4px;border-radius:50%;margin:6px}.integration-circle{position:absolute;border:1px solid #2479a4;border-radius:50%;width:150px;height:150px;top:22px;left:calc(50% - 75px)}.integration-circle.c2{transform:translateX(-75px);opacity:.65}.integration-circle.c3{transform:translateX(75px);opacity:.65}.integration-core{position:absolute;top:66px;left:calc(50% - 39px);width:78px;height:65px;display:grid;place-items:center;border:1px solid #5fd7fa;background:#0f304a;border-radius:12px;color:#66d9ff;font-size:22px;font-weight:700;box-shadow:0 0 40px #208dce55}.approach-section{background:#0d1725;border-block:1px solid #1c3047}.approach-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px}.approach-intro{max-width:470px;color:var(--muted);font-size:17px}.text-link{display:inline-block;margin-top:20px;color:#5acdf5;font-weight:750;font-size:14px}.text-link span{margin-left:8px}.steps{border-top:1px solid #304158}.step{display:flex;gap:25px;padding:24px 0;border-bottom:1px solid #304158}.step>span{color:#5bc9f4;font-weight:800;font-size:13px}.step h3{margin:0 0 5px;font-size:19px}.step p{margin:0;color:#9caec5;font-size:14px}.about-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:95px;align-items:center}.about-visual{min-height:390px;border:1px solid #2c526e;border-radius:9px;background:radial-gradient(circle at 50% 50%,#173c5a,#0b1929 65%);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.about-mark{font-size:115px;font-weight:900;letter-spacing:-9px;line-height:1;color:#e2f6ff;text-shadow:0 0 50px #37b9f477}.about-mark span{color:#43bff0;font-size:60px;vertical-align:top;letter-spacing:0}.about-mark-caption{font-size:11px;letter-spacing:2px;text-align:center;color:#8fb6d1;margin-top:20px}.about-layout p{color:#a8bad0}.about-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}.about-tags span{border:1px solid #2e4961;border-radius:3px;padding:7px 10px;color:#83b4d4;font-size:10px;letter-spacing:1px}.contact-section{padding-top:25px}.contact-box{background:radial-gradient(ellipse at 80% 50%,#184568,#10243a 58%,#0b1727);border:1px solid #2c5976;border-radius:12px;text-align:center;padding:75px 24px}.contact-box p{max-width:550px;margin:0 auto 28px;color:#b5c9dc}.contact-box small{display:block;color:#8298ae;font-size:11px;margin-top:18px}footer{border-top:1px solid #20364b;padding:35px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-inner>div{text-align:right}.footer-inner p{margin:0;font-size:13px;color:#c0d1e3}.footer-inner small{color:#728ba5;font-size:11px}@media(max-width:900px){.hero-inner{grid-template-columns:1fr;min-height:auto;padding-top:85px}.hero-copy{max-width:680px}.hero-visual{max-width:630px;width:100%;margin:auto}.approach-layout,.about-layout{gap:45px}.section-heading{align-items:start;flex-direction:column;gap:0}.section-heading p{max-width:600px}.nav nav{gap:17px}}@media(max-width:640px){.container{width:min(100% - 32px,1160px)}.nav{height:70px}.brand>span{font-size:24px}.brand small{font-size:7px}.menu-toggle{display:block;border:1px solid #36516a;background:#102033;color:#d4eafa;border-radius:5px;padding:5px 12px;font-size:21px}.nav nav{display:none;position:absolute;top:70px;left:0;right:0;padding:20px 24px;background:#0b1421;border-bottom:1px solid #29415a;flex-direction:column;align-items:stretch;gap:17px}.nav nav.open{display:flex}.nav-cta{text-align:center}.hero-inner{padding-top:66px;padding-bottom:60px;gap:38px}.hero h1{font-size:clamp(43px,10vw,64px);letter-spacing:-2.7px}.hero-copy>p{font-size:15px}.hero-foot{margin-top:38px}.frame-top{font-size:7px;padding:10px}.frame-bottom{font-size:7px}.trust-content{justify-content:center;text-align:center;font-size:9px}.section{padding:70px 0}.section h2{letter-spacing:-1.7px}.service-grid,.approach-layout,.about-layout{grid-template-columns:1fr}.service-art{height:175px}.service-body{padding:24px}.approach-layout,.about-layout{gap:32px}.about-visual{min-height:290px}.about-mark{font-size:90px}.contact-section{padding-top:0}.contact-box{padding:55px 18px}.footer-inner{align-items:flex-start;flex-direction:column}.footer-inner>div{text-align:left}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
