:root{--ink:#0c1424;--muted:#697386;--blue:#087cff;--blue2:#00a6ff;--line:#dfe6ef;--soft:#f5f8fc;--white:#fff;--dark:#07111f;--radius:28px;--shadow:0 26px 80px rgba(30,54,90,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fbfcfe;color:var(--ink);font-family:"DM Sans",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.section{width:min(1440px,calc(100% - 64px));margin:auto;padding:128px 0}.page-glow{position:fixed;width:680px;height:680px;border-radius:50%;filter:blur(80px);opacity:.1;pointer-events:none;z-index:-1}.glow-one{background:#199cff;top:-280px;right:-180px}.glow-two{background:#7fd9ff;left:-300px;top:42%}.site-header{position:fixed;inset:18px 0 auto;z-index:100;transition:.3s}.site-header.scrolled{inset:10px 0 auto}.nav-shell{width:min(1440px,calc(100% - 40px));height:78px;margin:auto;padding:0 16px 0 22px;border:1px solid rgba(215,224,235,.85);background:rgba(255,255,255,.78);backdrop-filter:blur(22px);border-radius:22px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 14px 45px rgba(25,42,70,.06)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{font:800 24px/1 "Manrope";letter-spacing:-1px;color:var(--ink)}.brand-mark>span{color:var(--blue)}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy strong{font:800 12px "Manrope";letter-spacing:.18em}.brand-copy small{font:600 8px "Manrope";letter-spacing:.32em;color:#778298;margin-top:5px}.main-nav{display:flex;gap:30px;align-items:center}.main-nav a{font-size:14px;font-weight:600;color:#394356;position:relative}.main-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:var(--blue);transition:.25s}.main-nav a:hover:after{right:0}.nav-cta,.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:15px;font-weight:700;transition:.25s}.nav-cta{background:var(--ink);color:#fff;padding:15px 18px;font-size:14px}.nav-cta:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(7,17,31,.18)}.menu-toggle{display:none;background:none;border:0}.hero{min-height:920px;padding-top:190px;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:70px}.eyebrow,.kicker{font:700 12px "Manrope";letter-spacing:.17em;text-transform:uppercase;color:#677184}.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:30px}.eyebrow>span{width:28px;height:2px;background:var(--blue)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:"Manrope",sans-serif;letter-spacing:-.055em}h1{font-size:clamp(62px,6vw,104px);line-height:.94;margin-bottom:32px;font-weight:700}h1 em,h2 em{font-style:normal;color:var(--blue)}.hero-copy>p{font-size:19px;line-height:1.75;color:var(--muted);max-width:720px}.hero-actions{display:flex;gap:12px;margin:38px 0 48px}.button{padding:17px 22px;border:1px solid transparent}.button-primary{background:var(--blue);color:#fff;box-shadow:0 16px 34px rgba(8,124,255,.23)}.button-primary:hover{background:#006ee8;transform:translateY(-2px)}.button-secondary{border-color:var(--line);background:#fff;color:#354054}.button-secondary:hover{border-color:#bac8d9}.trust-row{display:flex;gap:36px;padding-top:24px;border-top:1px solid var(--line)}.trust-row>div{display:flex;flex-direction:column;gap:5px}.trust-row strong{font:800 20px "Manrope"}.trust-row span{font-size:12px;color:#7c8797}.hero-visual{min-height:650px;position:relative}.visual-halo{position:absolute;width:520px;height:520px;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,#e9f6ff 0,#f4f9fd 55%,transparent 70%)}.visual-halo:before,.visual-halo:after{content:"";position:absolute;border:1px solid #d9e8f3;border-radius:50%;inset:35px}.visual-halo:after{inset:95px;border-style:dashed;animation:spin 25s linear infinite}.glass-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-4deg);width:390px;padding:15px;background:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.9);backdrop-filter:blur(18px);border-radius:32px;box-shadow:var(--shadow)}.logo-card img{width:100%;display:block;border-radius:20px}.product-float{position:absolute;background:#fff;border:1px solid #e0e8f1;border-radius:24px;box-shadow:0 24px 60px rgba(25,45,78,.13);padding:15px}.float-phone{right:0;top:90px;width:190px;transform:rotate(7deg);animation:float 6s ease-in-out infinite}.float-sd{left:6px;bottom:70px;width:160px;transform:rotate(-7deg);animation:float 6s ease-in-out infinite reverse}.mini-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.mini-label b{font:800 10px "Manrope";color:var(--blue)}.mini-label span{font:700 8px "Manrope";letter-spacing:.14em;color:#8b95a4}.phone-device{height:220px;border-radius:30px;background:linear-gradient(155deg,#0d1622,#303a48);padding:8px;box-shadow:inset 0 0 0 1px #55606e;position:relative}.phone-island{position:absolute;top:14px;left:50%;transform:translateX(-50%);width:58px;height:16px;border-radius:10px;background:#07101b}.phone-screen{height:100%;border-radius:23px;background:linear-gradient(155deg,#59c8ff,#2453ff 45%,#1a1d44);display:flex;align-items:flex-end;gap:6px;padding:14px}.phone-screen i{width:26px;height:26px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.3);border-radius:8px}.sd-card{margin:0 auto;width:100px;height:126px;clip-path:polygon(0 0,75% 0,100% 22%,100% 100%,0 100%);background:linear-gradient(145deg,#202a38,#080d14);color:#fff;padding:18px 12px;display:flex;flex-direction:column;box-shadow:0 16px 30px #ccd5e0}.sd-card small{font-size:9px;color:#a7b5c7}.sd-card strong{font:800 35px/1 "Manrope";margin-top:auto}.sd-card span{font-size:12px;color:#6fc9ff}.status-pill{position:absolute;right:16px;bottom:82px;background:#fff;border:1px solid var(--line);border-radius:99px;padding:11px 16px;font-size:11px;font-weight:700;box-shadow:0 12px 35px rgba(30,50,80,.08)}.status-pill span{display:inline-block;width:8px;height:8px;border-radius:50%;background:#20c878;margin-right:8px;box-shadow:0 0 0 5px #e1faed}.statement-band{overflow:hidden;background:var(--ink);color:#fff;transform:rotate(-1deg);margin:-10px -20px 0;padding:21px 0}.marquee-track{display:flex;width:max-content;align-items:center;gap:26px;animation:marquee 28s linear infinite;font:700 12px "Manrope";letter-spacing:.22em}.marquee-track i{color:var(--blue);font-style:normal}.section-heading{margin-bottom:70px}.section-heading.split{display:flex;justify-content:space-between;align-items:flex-end;gap:80px}.section-heading.split>p{max-width:430px;margin:0;color:var(--muted);font-size:17px;line-height:1.7}.kicker{display:block;margin-bottom:20px;color:#6b7688}.kicker.light{color:#9db1ca}h2{font-size:clamp(46px,5.2vw,78px);line-height:1.04;margin:0;font-weight:650}.about-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:80px;align-items:center}.about-intro .lead{font:600 29px/1.35 "Manrope";letter-spacing:-.03em;color:var(--ink)}.about-intro p:not(.lead){color:var(--muted);font-size:17px;line-height:1.78}.text-link{display:inline-flex;gap:10px;margin-top:18px;font-weight:700;color:var(--blue)}.about-panel{min-height:520px;border-radius:var(--radius);background:linear-gradient(135deg,#edf7ff,#f8fbfe);border:1px solid #ddeaf4;padding:28px;display:flex;flex-direction:column;box-shadow:var(--shadow)}.panel-top,.panel-foot{display:flex;justify-content:space-between;color:#768497;font:700 9px "Manrope";letter-spacing:.16em}.panel-foot{border-top:1px solid #d5e4ef;padding-top:18px}.route-map{position:relative;flex:1}.map-node{position:absolute;width:74px;height:74px;border-radius:50%;background:#fff;border:1px solid #d4e1ec;box-shadow:0 16px 30px rgba(35,60,90,.08);display:grid;place-items:center;font:700 13px "Manrope";z-index:2}.map-node small{font-size:8px;position:absolute;bottom:13px;color:#8a96a5}.node-nl{width:110px;height:110px;background:var(--ink);color:#fff;left:46%;top:43%;transform:translate(-50%,-50%);font-size:24px;border:7px solid #fff}.node-a{left:7%;top:17%}.node-b{right:7%;top:13%}.node-c{right:13%;bottom:12%}.map-line{height:1px;background:#b9d3e6;transform-origin:left center;position:absolute;left:45%;top:43%;z-index:1}.line-a{width:220px;transform:rotate(205deg)}.line-b{width:235px;transform:rotate(-31deg)}.line-c{width:235px;transform:rotate(35deg)}.section-soft{width:100%;max-width:none;background:var(--soft);padding-left:max(32px,calc((100% - 1440px)/2));padding-right:max(32px,calc((100% - 1440px)/2))}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service-card{min-height:390px;background:#fff;border:1px solid #e3e9f0;border-radius:24px;padding:28px;display:flex;flex-direction:column;transition:.35s}.service-card:hover{transform:translateY(-8px);box-shadow:0 24px 60px rgba(40,60,90,.1);border-color:#cbd8e6}.service-number{font:700 10px "Manrope";color:#8e99a8}.service-icon{margin:42px 0 50px;width:58px;height:58px;border-radius:18px;background:#eef7ff;color:var(--blue);display:grid;place-items:center;font-size:26px}.service-card h3,.product-card h3{font:700 26px "Manrope";letter-spacing:-.035em;margin-bottom:13px}.service-card p,.product-card p{color:var(--muted);line-height:1.65}.service-card a{margin-top:auto;font-size:13px;font-weight:700;color:#2e3a4e}.experience-shell{min-height:720px;border-radius:36px;background:var(--dark);color:#fff;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.experience-copy{padding:82px}.experience-copy>p{font-size:17px;line-height:1.75;color:#9eb0c4;max-width:600px;margin:28px 0 40px}.experience-list>div{display:flex;gap:20px;padding:20px 0;border-top:1px solid #1c2a3b}.experience-list>div>span{color:#47a9ff;font:700 11px "Manrope";padding-top:4px}.experience-list p{display:flex;flex-direction:column;gap:6px;margin:0}.experience-list strong{font:600 15px "Manrope"}.experience-list small{color:#8699ad}.experience-graphic{position:relative;background:radial-gradient(circle at 50% 50%,#14345a 0,#0a1829 37%,#07111f 65%);overflow:hidden}.orbital{width:330px;height:330px;border:1px solid #274968;border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center}.orbital:before,.orbital:after{content:"";position:absolute;border:1px dashed #1d496f;border-radius:50%;inset:47px;animation:spin 18s linear infinite}.orbital:after{inset:-55px;animation-direction:reverse;animation-duration:25s}.orbital b{width:115px;height:115px;border-radius:35px;background:linear-gradient(145deg,#0e88ff,#2d4aff);display:grid;place-items:center;font:800 28px "Manrope";box-shadow:0 0 70px rgba(0,128,255,.35);z-index:2}.orbital span,.orbital i{position:absolute;width:13px;height:13px;border-radius:50%;background:#60baff;box-shadow:0 0 20px #2a9eff}.orbital span{top:5px;left:70px}.orbital i{bottom:30px;right:30px}.metric-card{position:absolute;width:190px;padding:18px;border:1px solid rgba(127,170,210,.18);background:rgba(14,35,56,.68);backdrop-filter:blur(12px);border-radius:20px;z-index:3}.metric-card small{font:700 8px "Manrope";letter-spacing:.16em;color:#7892aa}.metric-card strong{display:block;font:700 28px "Manrope";margin:9px 0 3px}.metric-card span{font-size:10px;color:#8ba0b5}.metric-one{top:70px;left:60px}.metric-two{right:48px;top:210px}.metric-three{left:70px;bottom:70px}.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.product-card{min-height:570px;background:#fff;border:1px solid #e2e8ef;border-radius:28px;padding:34px;position:relative;overflow:hidden;transition:.35s}.product-card:hover{transform:translateY(-5px);box-shadow:0 25px 70px rgba(35,58,87,.11)}.product-card.product-blue{background:linear-gradient(145deg,#eaf6ff,#fff)}.product-meta{display:flex;justify-content:space-between;align-items:center}.product-meta span{font:800 12px "Manrope";color:var(--blue)}.product-meta small{font:700 9px "Manrope";letter-spacing:.16em;color:#8b97a6}.product-card h3{font-size:42px;margin:28px 0 8px}.product-card>p{max-width:360px}.product-card>a{position:absolute;left:34px;bottom:30px;font-size:13px;font-weight:700;display:flex;gap:10px}.product-art{position:absolute;right:15px;bottom:58px;width:58%;height:300px}.art-phone .p-phone{position:absolute;width:145px;height:285px;border-radius:30px}.art-phone .back{right:95px;top:10px;background:linear-gradient(145deg,#6fb2ff,#1765de);transform:rotate(-9deg);box-shadow:0 25px 45px rgba(45,95,170,.2)}.art-phone .back i{position:absolute;width:35px;height:35px;background:#11213a;border:4px solid #80b4f1;border-radius:50%;top:18px}.art-phone .back i:nth-child(1){left:17px}.art-phone .back i:nth-child(2){left:57px}.art-phone .back i:nth-child(3){left:37px;top:58px}.art-phone .front{right:0;background:#131c28;border:7px solid #1d2734;transform:rotate(8deg);padding:6px}.art-phone .front span{display:block;height:100%;border-radius:20px;background:radial-gradient(circle at 40% 28%,#86d9ff 0,#2384ff 32%,#20275f 70%)}.art-cable{display:grid;place-items:center}.cable-line{width:220px;height:170px;border:14px solid #e0e5eb;border-right-color:transparent;border-radius:50%;transform:rotate(20deg)}.plug{position:absolute;width:52px;height:80px;border-radius:13px;background:linear-gradient(145deg,#fff,#ccd3dc);box-shadow:0 15px 30px rgba(40,50,60,.15)}.plug:after{content:"";position:absolute;width:18px;height:20px;border:4px solid #adb7c3;border-radius:5px;left:13px;top:-18px;background:#dfe5eb}.plug-a{left:70px;bottom:35px;transform:rotate(-22deg)}.plug-b{right:60px;top:40px;transform:rotate(155deg)}.art-charger{display:grid;place-items:center}.charger-body{width:190px;height:210px;border-radius:40px;background:linear-gradient(145deg,#fff,#dce3ea);box-shadow:0 28px 55px rgba(35,55,80,.18);position:relative;transform:rotate(-8deg)}.charger-body:before,.charger-body:after{content:"";position:absolute;top:-45px;width:11px;height:57px;border-radius:7px;background:#b6c0cb}.charger-body:before{left:55px}.charger-body:after{right:55px}.charger-body i{position:absolute;left:50%;top:95px;transform:translate(-50%,-50%);width:42px;height:42px;border:3px solid #8795a5;border-radius:50%}.charger-body span{position:absolute;left:50%;bottom:25px;transform:translateX(-50%);width:44px;height:13px;border-radius:8px;background:#b5c0cb}.charger-shadow{position:absolute;width:180px;height:25px;border-radius:50%;background:rgba(50,65,80,.09);bottom:20px;filter:blur(8px)}.art-sd{display:flex;align-items:center;justify-content:center;gap:25px}.sd-large,.sd-small{clip-path:polygon(0 0,75% 0,100% 22%,100% 100%,0 100%);background:linear-gradient(145deg,#242d39,#070b10);color:#fff;box-shadow:0 25px 40px rgba(20,30,40,.18)}.sd-large{width:160px;height:215px;padding:25px 17px;display:flex;flex-direction:column;transform:rotate(-7deg)}.sd-large small{font:700 9px "Manrope";letter-spacing:.1em;color:#99aabd}.sd-large strong{font:800 52px/1 "Manrope";margin-top:auto}.sd-large span{font:700 15px "Manrope";color:#49aaff}.sd-small{width:95px;height:128px;padding:17px 11px;transform:rotate(10deg)}.sd-small strong{font-size:10px;color:#aab7c3}.sd-small span{display:block;font:800 28px "Manrope";margin-top:42px}.contact{padding-bottom:60px}.contact-shell{background:linear-gradient(135deg,#07111f,#0b1d31);border-radius:36px;color:#fff;padding:75px;display:grid;grid-template-columns:.95fr 1.05fr;gap:80px;box-shadow:0 35px 100px rgba(7,17,31,.18)}.contact-copy>p{color:#9db0c5;font-size:17px;line-height:1.75;max-width:570px;margin:28px 0}.email-link{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #203148;border-bottom:1px solid #203148;padding:22px 0;font:600 18px "Manrope";color:#80c7ff}.company-line{display:flex;justify-content:space-between;margin-top:55px;font:700 9px "Manrope";letter-spacing:.16em;color:#788da5}.contact-form{background:#fff;color:var(--ink);border-radius:25px;padding:30px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-form label{display:flex;flex-direction:column;gap:8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px;color:#596579}.contact-form input,.contact-form textarea,.contact-form select{border:1px solid #e1e7ee;background:#f8fafc;border-radius:12px;padding:14px 15px;outline:none;color:var(--ink);transition:.2s;text-transform:none;letter-spacing:0}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:#78b9ff;box-shadow:0 0 0 3px #e9f5ff}.button-light{width:100%;background:var(--blue);color:#fff;border:0;cursor:pointer}.form-note{font-size:10px;color:#919baa;text-align:center;margin:10px 0 0}.site-footer{width:min(1440px,calc(100% - 64px));margin:auto;padding:55px 0 30px}.footer-top{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;align-items:start;padding-bottom:50px}.footer-top>p{font-size:14px;line-height:1.7;color:#778294}.footer-nav{justify-self:end;display:grid;grid-template-columns:repeat(2,auto);gap:12px 28px;font-size:13px;font-weight:600}.footer-nav a:hover{color:var(--blue)}.footer-bottom{border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;color:#8994a3;font-size:11px}.reveal{opacity:0;transform:translateY(25px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{0%,100%{margin-top:0}50%{margin-top:-15px}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(max-width:1100px){.main-nav{display:none}.menu-toggle{display:flex;flex-direction:column;gap:5px;margin-left:auto;margin-right:15px}.menu-toggle span{width:25px;height:2px;background:var(--ink)}.main-nav.open{display:flex;position:absolute;top:86px;left:20px;right:20px;background:#fff;border:1px solid var(--line);border-radius:18px;flex-direction:column;align-items:flex-start;padding:24px;box-shadow:var(--shadow)}.hero{grid-template-columns:1fr;padding-top:170px}.hero-visual{min-height:620px}.service-grid{grid-template-columns:repeat(2,1fr)}.experience-shell{grid-template-columns:1fr}.experience-graphic{min-height:620px}.product-grid{grid-template-columns:1fr}.contact-shell{grid-template-columns:1fr}.about-grid{grid-template-columns:1fr}.section-heading.split{align-items:flex-start;flex-direction:column;gap:25px}}
@media(max-width:700px){.section{width:min(100% - 32px,1440px);padding:90px 0}.section-soft{width:100%;padding-left:16px;padding-right:16px}.nav-shell{width:calc(100% - 20px);height:68px;padding:0 12px 0 16px}.brand-copy{display:none}.nav-cta{font-size:0;padding:12px}.nav-cta span{font-size:15px}.hero{min-height:auto;padding-top:135px;gap:30px}.eyebrow{font-size:9px}h1{font-size:54px}.hero-copy>p{font-size:16px}.hero-actions{flex-direction:column}.trust-row{gap:15px}.trust-row span{font-size:10px}.hero-visual{min-height:520px}.glass-card{width:270px}.float-phone{width:130px;right:-5px}.phone-device{height:160px}.float-sd{width:120px;left:-5px}.sd-card{width:72px;height:92px}.status-pill{bottom:30px;right:0}.section-heading{margin-bottom:45px}h2{font-size:43px}.service-grid{grid-template-columns:1fr}.service-card{min-height:320px}.experience-copy{padding:40px 28px}.experience-graphic{min-height:500px}.metric-card{width:145px}.metric-one{top:35px;left:22px}.metric-two{right:20px;top:180px}.metric-three{left:25px;bottom:35px}.orbital{width:240px;height:240px}.product-card{min-height:510px;padding:24px}.product-art{width:75%;transform:scale(.83);transform-origin:right bottom}.contact-shell{padding:38px 22px;gap:45px}.form-row{grid-template-columns:1fr}.email-link{font-size:13px}.footer-top{grid-template-columns:1fr}.footer-nav{justify-self:start}.footer-bottom{flex-direction:column;gap:10px}}
