:root{--ink:#0b1524;--muted:#607084;--line:#dce3e9;--paper:#f4f7f8;--white:#fff;--blue:#155eef;--cyan:#51d7dd;--navy:#07111f;--lime:#c8ff66;--shell:min(1180px,calc(100vw - 48px));font-family:"DM Sans","Noto Sans SC",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;background:var(--paper)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.page-noise{position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.032;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.section-shell{width:var(--shell);margin-inline:auto}.site-header{position:fixed;top:0;left:0;width:100%;z-index:50;padding:18px 0;transition:.35s}.site-header.scrolled{padding:10px 0;background:rgba(244,247,248,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(10,25,40,.08)}.nav-shell{width:var(--shell);height:56px;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;color:#fff;background:var(--navy)}.brand-mark svg{width:30px;fill:none;stroke:currentColor;stroke-width:1.8}.brand>span:last-child{display:flex;flex-direction:column;line-height:1}.brand strong{font-size:15px;letter-spacing:.08em}.brand small{margin-top:6px;font-size:8px;letter-spacing:.2em;color:#7a8796}.desktop-nav{display:flex;gap:36px;margin-left:auto;margin-right:42px}.desktop-nav a{font-size:13px;color:#455366;transition:.2s}.desktop-nav a:hover{color:var(--blue)}.nav-cta{display:flex;align-items:center;gap:15px;padding:12px 17px;border:1px solid #b8c2ce;border-radius:4px;font-size:13px;transition:.2s}.nav-cta:hover{color:#fff;background:var(--blue);border-color:var(--blue)}.menu-toggle,.mobile-nav{display:none}.hero{position:relative;min-height:820px;padding-top:185px}.hero-glow{position:absolute;width:750px;height:750px;right:-300px;top:-210px;background:radial-gradient(circle,rgba(81,215,221,.18),transparent 65%);pointer-events:none}.hero-copy{position:relative;z-index:2;width:57%}.eyebrow,.section-index{font-size:11px;font-weight:600;letter-spacing:.18em;color:#597086}.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 30px}.eyebrow span{width:22px;height:1px;background:var(--blue)}h1,h2,h3,p{margin-top:0}.hero h1{margin:0;font-size:clamp(58px,7vw,94px);line-height:1.04;letter-spacing:-.055em;font-weight:600}.hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px #748497}.hero-lead{max-width:590px;margin:35px 0 0;font-size:17px;line-height:1.9;color:var(--muted)}.hero-actions{display:flex;align-items:center;gap:36px;margin-top:42px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;min-width:188px;padding:17px 20px;border:0;border-radius:3px;cursor:pointer;font-size:13px;font-weight:600;transition:.25s}.button-primary{color:#fff;background:var(--blue);box-shadow:0 12px 34px rgba(21,94,239,.23)}.button-primary:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(21,94,239,.3)}.text-link{font-size:13px;color:#48586a}.text-link span{display:inline-block;margin-left:10px;color:var(--blue)}.hero-visual{position:absolute;z-index:1;right:1%;top:174px;width:43%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.9),rgba(227,238,241,.5) 44%,transparent 70%)}.orbit{position:absolute;border:1px solid rgba(86,116,137,.28);border-radius:50%}.orbit-one{inset:12%;animation:spin 30s linear infinite}.orbit-two{inset:28%;border-style:dashed;animation:spin 20s linear infinite reverse}.core{position:absolute;left:50%;top:50%;width:120px;height:120px;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:50%;color:#fff;background:linear-gradient(145deg,#123c76,#081625);box-shadow:0 22px 55px rgba(8,26,50,.28)}.core:after{content:"";position:absolute;inset:-12px;border:1px solid rgba(21,94,239,.2);border-radius:50%}.core span{font-size:22px;letter-spacing:.2em;margin-left:.2em}.core small{position:absolute;bottom:21px;color:var(--cyan)}.node{position:absolute;padding:8px 12px 8px 9px;display:flex;gap:7px;align-items:center;border:1px solid rgba(140,158,172,.28);border-radius:30px;background:rgba(255,255,255,.72);backdrop-filter:blur(8px);box-shadow:0 7px 20px rgba(25,50,70,.07);font-size:10px;color:#536579}.node i{width:6px;height:6px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 4px rgba(21,94,239,.1)}.node-a{left:8%;top:25%}.node-b{right:2%;top:39%}.node-c{left:15%;bottom:18%}.node-d{right:21%;bottom:8%}.node-b i,.node-d i{background:var(--cyan)}.data-card{position:absolute;width:145px;padding:14px;border:1px solid rgba(137,157,173,.25);border-radius:8px;background:rgba(255,255,255,.74);backdrop-filter:blur(9px);box-shadow:0 15px 35px rgba(21,40,60,.08);color:#768697}.data-card span{font-size:9px;letter-spacing:.08em}.data-card strong{display:block;margin:4px 0 8px;color:#192b3e;font-size:27px}.data-card strong small{font-size:10px;color:#8491a0}.data-card div{display:flex;align-items:end;gap:4px;height:20px}.data-card div i{display:block;width:14px;background:rgba(21,94,239,.25)}.data-card div i:nth-child(1){height:8px}.data-card div i:nth-child(2){height:12px}.data-card div i:nth-child(3){height:10px}.data-card div i:nth-child(4){height:17px}.data-card div i:nth-child(5){height:20px;background:var(--blue)}.data-card-top{right:0;top:6%}.data-card-bottom{left:0;bottom:4%}.data-card-bottom svg{width:100%;margin-top:6px;overflow:visible}.data-card-bottom path{fill:none;stroke:var(--blue);stroke-width:2}.hero-foot{position:absolute;left:0;bottom:45px;width:100%;padding:23px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#758497;font-size:10px;letter-spacing:.15em}.hero-foot i{width:3px;height:3px;border-radius:50%;background:#9dabb8}.intro{padding:145px 0}.section-index{margin-bottom:35px}.intro-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:100px;align-items:start}.intro h2,.section-head h2,.method h2,.contact h2{font-size:clamp(38px,4.5vw,64px);line-height:1.24;letter-spacing:-.045em;font-weight:500}.intro h2 span,.section-head h2 span{color:var(--blue)}.intro-copy{padding-top:10px}.intro-copy p{color:var(--muted);font-size:15px;line-height:1.9}.inline-link{display:inline-flex;gap:26px;margin-top:18px;padding-bottom:7px;border-bottom:1px solid #aeb8c3;font-size:13px}.inline-link span{color:var(--blue)}.services{padding:130px 0 145px;background:#fff}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:65px}.section-head .section-index{margin-bottom:28px}.section-head h2{margin-bottom:0}.section-head>p{width:310px;margin-bottom:10px;line-height:1.8;color:var(--muted);font-size:14px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-card{position:relative;min-height:475px;padding:32px;border:1px solid #e1e6eb;background:#fafcfc;transition:.35s}.service-card:hover{transform:translateY(-8px);border-color:#b8c6d0;box-shadow:0 20px 50px rgba(30,50,70,.08)}.service-card.featured{color:#fff;border-color:var(--navy);background:var(--navy)}.service-no{font-size:10px;color:#91a0ae;letter-spacing:.15em}.service-icon{width:58px;height:58px;display:grid;place-items:center;margin:56px 0 30px;border-radius:50%;color:var(--blue);background:#eaf1ff}.featured .service-icon{color:var(--cyan);background:rgba(81,215,221,.1)}.service-icon svg{width:30px;fill:none;stroke:currentColor;stroke-width:1.5}.service-card h3{font-size:22px;font-weight:500}.service-card p{min-height:75px;line-height:1.8;font-size:13px;color:#6c7c8c}.featured p{color:#9aabba}.service-card ul{padding:20px 0 0;margin:24px 0 0;border-top:1px solid #e2e7ea;list-style:none}.featured ul{border-color:#243348}.service-card li{position:relative;padding:6px 0 6px 15px;font-size:12px;color:#576878}.featured li{color:#bac6d1}.service-card li:before{content:"";position:absolute;left:0;top:12px;width:4px;height:4px;border-radius:50%;background:var(--blue)}.featured li:before{background:var(--cyan)}.method{padding:135px 0}.method-panel{min-height:665px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;background:var(--navy)}.method-copy{padding:78px 72px;color:#fff}.section-index.light{color:#8095aa}.method h2{margin:0 0 28px}.method-copy>p{max-width:430px;color:#8ea0b2;line-height:1.9;font-size:14px}.method-points{margin-top:55px;border-top:1px solid #253449}.method-points div{display:grid;grid-template-columns:75px 1fr;padding:20px 0;border-bottom:1px solid #253449}.method-points strong{font-weight:500;color:var(--cyan)}.method-points span{font-size:12px;color:#91a1b0}.method-art{position:relative;overflow:hidden;background:linear-gradient(150deg,#0c1e34,#0a1525)}.art-grid{position:absolute;inset:0;opacity:.11;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:46px 46px}.art-ring{position:absolute;border:1px solid rgba(126,190,214,.25);border-radius:50%}.art-ring-a{width:430px;height:430px;left:50%;top:50%;transform:translate(-50%,-50%)}.art-ring-b{width:270px;height:270px;left:50%;top:50%;transform:translate(-50%,-50%);border-style:dashed}.art-center{position:absolute;left:50%;top:50%;width:150px;height:150px;transform:translate(-50%,-50%);display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid rgba(115,227,231,.6);border-radius:50%;background:rgba(10,26,45,.8);box-shadow:0 0 80px rgba(81,215,221,.12);color:#fff}.art-center span{font-size:27px;letter-spacing:.22em;margin-left:.22em}.art-center small{margin-top:11px;text-align:center;font-size:7px;line-height:1.5;letter-spacing:.2em;color:var(--cyan)}.art-label{position:absolute;font-size:8px;letter-spacing:.18em;color:#8edce0}.art-label:before{content:"";display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 9px var(--cyan)}.art-label.a{left:13%;top:25%}.art-label.b{right:10%;top:40%}.art-label.c{left:18%;bottom:18%}.process{padding:50px 0 145px}.process-list{border-top:1px solid #cfd7de}.process-item{display:grid;grid-template-columns:70px 1fr 1.2fr 110px;align-items:center;padding:31px 8px;border-bottom:1px solid #cfd7de;transition:.25s}.process-item:hover{padding-left:18px;background:#fff}.process-item>span{font-size:10px;color:var(--blue)}.process-item h3{margin:0;font-size:20px;font-weight:500}.process-item p{margin:0;color:var(--muted);font-size:13px}.process-item i{text-align:right;font-size:9px;letter-spacing:.16em;color:#92a0ae;font-style:normal}.principles{padding-bottom:135px}.principles-inner{padding:85px 20px;text-align:center;border:1px solid var(--line);background:linear-gradient(135deg,rgba(255,255,255,.8),rgba(232,241,244,.7))}.principles-inner p{margin:0;color:#7c8b99;font-size:12px;letter-spacing:.1em}.word-row{display:flex;align-items:center;justify-content:center;gap:34px;margin:30px 0;font-size:clamp(34px,5vw,65px);font-weight:500;letter-spacing:-.05em}.word-row i{font-size:17px;font-weight:400;color:var(--blue);font-style:normal}.contact{position:relative;overflow:hidden;padding:140px 0;background:var(--navy);color:#fff}.contact-glow{position:absolute;width:850px;height:850px;left:-320px;bottom:-550px;border-radius:50%;background:radial-gradient(circle,rgba(21,94,239,.25),transparent 68%)}.contact-inner{position:relative;display:grid;grid-template-columns:1fr .82fr;gap:120px}.contact h2{margin:0 0 30px}.contact h2 span{color:var(--cyan)}.contact-copy>p{color:#8fa1b2;line-height:1.8;font-size:14px}.email-link{display:inline-flex;gap:26px;margin-top:30px;padding-bottom:7px;border-bottom:1px solid #405267;color:var(--cyan);font-size:16px}.contact-form{display:flex;flex-direction:column;gap:22px;padding:40px;background:#0c1a2c;border:1px solid #213249}.contact-form label{display:flex;flex-direction:column;gap:9px;color:#a5b5c3;font-size:11px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;padding:10px 0;border:0;border-bottom:1px solid #314157;outline:none;color:#fff;background:transparent;border-radius:0;font-size:13px}.contact-form textarea{resize:vertical}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--cyan)}.contact-form select option{color:#111}.button-light{margin-top:8px;color:#08111d;background:var(--cyan)}.button-light:hover{transform:translateY(-2px);background:#71e5e9}.form-note{margin:0!important;font-size:9px!important;color:#687b8f!important}.footer{padding:72px 0 25px;background:#050c15;color:#fff}.footer .brand-mark{background:#152130}.footer-top{display:flex;justify-content:space-between;padding-bottom:65px}.footer-brand p{margin:20px 0 0;color:#657587;font-size:12px}.footer-links{display:flex;gap:100px}.footer-links>div{display:flex;flex-direction:column;gap:13px;min-width:110px}.footer-links strong{margin-bottom:8px;color:#66778a;font-size:9px;letter-spacing:.16em;text-transform:uppercase}.footer-links a,.footer-links span{font-size:11px;color:#a8b5c1}.footer-links a:hover{color:var(--cyan)}.footer-bottom{display:flex;justify-content:space-between;padding-top:25px;border-top:1px solid #182333;font-size:9px;letter-spacing:.08em;color:#596a7a}.toast{position:fixed;z-index:100;left:50%;bottom:28px;transform:translate(-50%,20px);padding:13px 20px;border-radius:4px;color:#fff;background:#102238;box-shadow:0 15px 40px rgba(0,0,0,.2);opacity:0;pointer-events:none;transition:.3s;font-size:12px}.toast.show{opacity:1;transform:translate(-50%,0)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:900px){:root{--shell:min(100% - 34px,680px)}.desktop-nav,.nav-cta{display:none}.menu-toggle{display:flex;width:42px;height:42px;border:0;background:none;flex-direction:column;gap:6px;align-items:center;justify-content:center}.menu-toggle span{width:22px;height:1px;background:var(--ink);transition:.25s}.menu-toggle.open span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle.open span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.mobile-nav{display:flex;position:absolute;top:76px;left:17px;right:17px;padding:22px;flex-direction:column;gap:5px;border:1px solid var(--line);background:rgba(250,252,252,.96);backdrop-filter:blur(15px);opacity:0;transform:translateY(-10px);pointer-events:none;transition:.25s}.mobile-nav.open{opacity:1;transform:none;pointer-events:auto}.mobile-nav a{padding:12px;border-bottom:1px solid var(--line);font-size:14px}.hero{min-height:auto;padding-top:145px;padding-bottom:120px}.hero-copy{width:100%}.hero h1{font-size:clamp(52px,14vw,77px)}.hero-lead{max-width:550px}.hero-visual{position:relative;right:auto;top:auto;width:min(100%,540px);margin:70px auto 30px}.hero-foot{position:relative;bottom:auto;margin-top:60px;gap:15px;overflow:auto;justify-content:flex-start;white-space:nowrap}.hero-foot span{padding:0 10px}.intro{padding:100px 0}.intro-grid{grid-template-columns:1fr;gap:30px}.services{padding:95px 0}.section-head{align-items:start}.service-grid{grid-template-columns:1fr}.service-card{min-height:auto}.service-icon{margin-top:40px}.method{padding:95px 0}.method-panel{grid-template-columns:1fr}.method-art{min-height:560px}.process{padding:25px 0 100px}.contact-inner{grid-template-columns:1fr;gap:60px}.contact{padding:100px 0}}
@media(max-width:600px){:root{--shell:calc(100% - 28px)}.site-header{padding-top:9px}.hero{padding-top:125px}.eyebrow{font-size:9px}.hero h1{font-size:48px}.hero-lead{font-size:14px;line-height:1.8}.hero-actions{align-items:flex-start;flex-direction:column;gap:25px}.hero-visual{margin-top:65px}.core{width:90px;height:90px}.core span{font-size:17px}.core small{bottom:13px}.data-card{transform:scale(.82)}.data-card-top{right:-12px}.data-card-bottom{left:-12px}.intro h2,.section-head h2,.method h2,.contact h2{font-size:36px}.section-head{display:block}.section-head>p{width:auto;margin-top:25px}.service-card{padding:26px}.method-copy{padding:55px 28px}.method-art{min-height:420px}.art-ring-a{width:330px;height:330px}.art-ring-b{width:210px;height:210px}.process-item{grid-template-columns:38px 1fr;gap:6px 8px;padding:24px 4px}.process-item p{grid-column:2}.process-item i{display:none}.principles{padding-bottom:90px}.principles-inner{padding:60px 8px}.word-row{gap:13px;font-size:30px}.word-row i{font-size:12px}.contact-form{padding:28px 22px}.footer-top{gap:50px;flex-direction:column}.footer-links{gap:40px}.footer-bottom{gap:18px;flex-wrap:wrap}.footer-bottom span:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.orbit{animation:none}.reveal{opacity:1;transform:none;transition:none}}
:root{font-family:Inter,"PingFang SC","Microsoft YaHei UI","Microsoft YaHei",Arial,sans-serif;--paper:#f2f0e8;--ink:#11120f;--blue:#11120f;--cyan:#c5ff3d;--navy:#11120f;--line:#cbc9c0;--muted:#66675f}.reveal{opacity:1;transform:none}.js .reveal{opacity:0;transform:translateY(24px)}.js .reveal.visible{opacity:1;transform:none}.hero h1{font-size:clamp(54px,6vw,88px);font-weight:700;line-height:.98;letter-spacing:-.065em}.hero h1 em{display:inline-block;margin-top:10px;color:var(--ink);-webkit-text-stroke:0}.hero h1 em:after{content:"";display:block;width:100%;height:12px;margin-top:-9px;background:var(--cyan);position:relative;z-index:-1}.hero{min-height:860px}.hero-glow{width:640px;height:640px;right:-220px;top:-100px;background:radial-gradient(circle,rgba(197,255,61,.22),transparent 65%)}.eyebrow span{height:3px;background:var(--ink)}.button-primary{color:#11120f;background:var(--cyan);box-shadow:none;border:1px solid #11120f}.button-primary:hover{color:#fff;background:#11120f;box-shadow:none}.hero-visual{background:radial-gradient(circle,rgba(255,255,255,.7),rgba(197,255,61,.12) 45%,transparent 70%)}.core{color:#11120f;background:var(--cyan);box-shadow:0 22px 55px rgba(17,18,15,.18)}.core small{color:#11120f}.node i{background:#11120f;box-shadow:0 0 0 4px rgba(17,18,15,.08)}.node-b i,.node-d i{background:#8dbd1d}.data-card div i:nth-child(5){background:#11120f}.data-card-bottom path{stroke:#11120f}.hero-foot{padding:20px 24px;color:#fff;background:#11120f;border:0}.hero-foot i{background:var(--cyan)}.services{background:#e8e6dd}.service-card{border-color:#cccac1;background:#f4f2eb}.service-card.featured{color:#fff;background:#11120f;border-color:#11120f}.service-icon{color:#11120f;background:var(--cyan)}.featured .service-icon{color:#11120f;background:var(--cyan)}.service-card li:before,.featured li:before{background:var(--cyan)}.intro h2 span,.section-head h2 span{color:var(--ink);box-shadow:inset 0 -8px 0 var(--cyan)}.method-panel,.contact{background:#11120f}.art-center{border-color:var(--cyan)}.method-points strong,.contact h2 span,.email-link{color:var(--cyan)}.principles-inner{background:var(--cyan);border-color:#11120f}.principles-inner p{color:#454738}.word-row i{color:#11120f}.button-light{background:var(--cyan)}.footer{background:#090a08}.site-header.scrolled{background:rgba(242,240,232,.88)}
@media(max-width:600px){.hero h1{font-size:49px}.hero h1 em:after{height:8px;margin-top:-6px}.hero{padding-bottom:95px}.hero-foot{margin-top:45px;margin-inline:-14px;width:calc(100% + 28px)}}

/* Corporate technology layout based on the supplied visual reference */
:root{--paper:#fff;--ink:#20252b;--blue:#1688e8;--cyan:#69c735;--navy:#07111f;--line:#e5e9ed;--muted:#677483}body{background:#fff}.page-noise{display:none}.site-header,.site-header.scrolled{position:relative;top:auto;padding:0;background:#fff;border:0;backdrop-filter:none}.header-main{height:108px;display:flex;align-items:center;justify-content:space-between}.header-identity{display:flex;align-items:center;gap:28px}.site-header .brand-mark{width:55px;height:55px;border-radius:12px;background:linear-gradient(135deg,#168fe1 0 50%,#6ac631 50%);box-shadow:none}.site-header .brand-mark svg{width:36px}.site-header .brand strong{font-size:20px;font-weight:700;letter-spacing:.03em}.site-header .brand small{font-size:9px;color:#697887}.brand-slogan{padding-left:27px;border-left:1px solid #d9dde1;display:flex;flex-direction:column}.brand-slogan strong{font-size:18px;line-height:1.4}.brand-slogan span{font-size:11px;color:#7a8691}.header-contact{display:flex;align-items:center;gap:35px}.site-search{width:270px;height:42px;padding:0 15px 0 20px;display:flex;align-items:center;border:1px solid #e0e3e6;border-radius:25px;background:#f8f9fa}.site-search input{width:100%;border:0;outline:0;background:transparent;font-size:12px}.site-search span{font-size:22px;line-height:1;color:#56616d}.header-contact>a{display:flex;align-items:center;gap:11px}.header-contact>a>i{font-size:29px;color:#97a0a8;font-style:normal}.header-contact>a>span{display:flex;flex-direction:column;font-size:10px;color:#687580}.header-contact>a strong{margin-top:3px;font-size:17px;font-weight:500;color:var(--blue)}.nav-row{border-top:1px solid #f1f2f3;box-shadow:0 2px 8px rgba(0,0,0,.035)}.desktop-nav{height:64px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.desktop-nav a{position:relative;padding:22px 8px;font-size:15px;font-weight:600;color:#29313a}.desktop-nav a:after{content:"";position:absolute;left:50%;right:50%;bottom:0;height:3px;background:var(--blue);transition:.2s}.desktop-nav a:hover,.desktop-nav a.active{color:var(--blue)}.desktop-nav a:hover:after,.desktop-nav a.active:after{left:8px;right:8px}.menu-toggle{display:none}.hero{position:relative;width:100%;min-height:560px;padding:0;background:#02070d url("assets/earth-hero.png") center center/cover no-repeat;color:#fff;overflow:hidden}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,4,9,.7) 0,rgba(0,4,9,.2) 43%,transparent 66%);pointer-events:none}.hero-copy{position:relative;z-index:2;width:min(1180px,calc(100% - 48px));margin:0 auto;padding-top:112px}.hero .eyebrow{margin:0 0 16px;display:block;color:#46a9ed;font-size:10px;letter-spacing:.2em}.hero h1{position:relative;margin:0;width:620px;color:#fff;font-size:55px;line-height:1.12;letter-spacing:-.045em;font-weight:700}.hero h1 em{display:inline;color:#fff;font-style:normal}.hero h1 em:after{display:none}.hero h1 b{display:inline-block;margin-left:18px;color:#6eca35;font-size:50px;font-weight:300}.hero-lead{margin:32px 0 0;color:#edf2f7;font-size:16px;line-height:1.8}.hero-lead strong{font-size:18px}.hero-actions{margin-top:34px}.hero .button-primary{min-width:220px;padding:17px 28px;color:#fff;border:1px solid rgba(255,255,255,.55);background:rgba(0,0,0,.18);box-shadow:none}.hero .button-primary:hover{color:#fff;border-color:var(--blue);background:var(--blue)}.hero-foot{position:absolute;z-index:3;left:50%;bottom:20px;width:auto;padding:0;display:flex;gap:8px;transform:translateX(-50%);border:0;background:transparent}.hero-foot i{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.35)}.hero-foot i.active{width:22px;border-radius:5px;background:var(--blue)}.side-tools{position:fixed;z-index:45;right:0;top:42%;display:flex;flex-direction:column}.side-tools a{width:62px;height:70px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#fff;border-bottom:1px solid rgba(255,255,255,.25);background:#188bec;font-size:10px}.side-tools a:hover{background:#0874d2}.side-tools span{font-size:20px}.intro{padding-top:110px}.section-index{color:var(--blue)}.intro h2 span,.section-head h2 span{color:var(--blue);box-shadow:none}.services{background:#f5f7f9}.service-card{border-color:#e2e7eb;background:#fff}.service-card.featured{background:linear-gradient(145deg,#087cd5,#1367bd);border-color:#087cd5}.service-icon,.featured .service-icon{color:#fff;background:var(--blue)}.service-card li:before,.featured li:before{background:#60c83c}.method-panel{background:#07182a}.principles-inner{border:0;background:linear-gradient(135deg,#e8f5ff,#f3faee)}.word-row i{color:var(--blue)}.contact{background:#07182a}.contact h2 span,.email-link,.method-points strong{color:#54b7f6}.button-light{background:#1688e8;color:#fff}.footer{background:#04101c}
@media(max-width:900px){.header-main{height:82px}.brand-slogan,.header-contact,.nav-row{display:none}.site-header .brand-mark{width:46px;height:46px}.site-header .brand strong{font-size:17px}.menu-toggle{display:flex}.mobile-nav{top:82px}.hero{min-height:590px;background-position:62% center}.hero:after{background:linear-gradient(90deg,rgba(0,4,9,.88),rgba(0,4,9,.42) 70%,rgba(0,4,9,.18))}.hero-copy{width:var(--shell);padding-top:105px}.hero h1{width:auto;max-width:590px}.hero-lead{max-width:560px}.side-tools{display:none}}
@media(max-width:600px){.hero{min-height:580px;padding:0;background-position:66% center}.hero-copy{padding-top:88px}.hero .eyebrow{font-size:8px}.hero h1{font-size:42px;line-height:1.16}.hero h1 b{font-size:36px;margin-left:8px}.hero-lead{max-width:330px;font-size:13px}.hero-lead strong{font-size:15px}.hero-actions{margin-top:28px}.hero-foot{margin:0;width:auto}.site-header .brand small{font-size:7px}}

/* Unified corporate styling below the hero */
.section-index{display:flex;align-items:center;gap:12px;margin-bottom:26px;color:#1688e8;font-size:10px;font-weight:700;letter-spacing:.16em}.section-index:before{content:"";width:28px;height:3px;background:#1688e8}.intro{position:relative;padding:105px 0 115px}.intro:after{content:"XYL";position:absolute;right:5%;bottom:5px;color:#f4f6f8;font-size:180px;font-weight:700;letter-spacing:.05em;z-index:-1}.intro-grid{grid-template-columns:1.2fr .7fr;gap:130px}.intro h2{font-size:48px;line-height:1.35;font-weight:600}.intro-copy{padding-top:5px}.intro-copy p{font-size:14px}.inline-link{color:#1688e8;border-color:#b7d9f5}.services{padding:105px 0 120px;background:#f4f7fa}.section-head{margin-bottom:50px}.section-head h2{font-size:45px;line-height:1.3;font-weight:600}.section-head>p{padding-left:22px;border-left:3px solid #1688e8}.service-grid{gap:20px}.service-card{min-height:430px;padding:30px;border-top:4px solid transparent;box-shadow:0 10px 30px rgba(31,58,82,.045)}.service-card:hover{border-top-color:#1688e8;box-shadow:0 18px 45px rgba(28,88,139,.12)}.service-card.featured{border-top-color:#6ecb37;background:linear-gradient(145deg,#158fe9,#0870c8)}.service-icon{margin:42px 0 25px;border-radius:8px}.service-card h3{font-size:20px;font-weight:600}.service-card p{min-height:68px}.method{padding:110px 0}.method-panel{min-height:590px;box-shadow:0 25px 70px rgba(6,28,47,.15)}.method-copy{padding:70px}.method h2{font-size:43px;font-weight:600}.method-art{background:linear-gradient(150deg,#0a2945,#07182a)}.art-grid{opacity:.08}.art-center{border-color:#198fea}.art-center small,.art-label{color:#58baf8}.art-label:before{background:#6dcc37;box-shadow:0 0 9px #6dcc37}.method-points strong{color:#53b8f7}.process{padding:55px 0 115px}.process-list{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;border:0}.process-item{position:relative;min-height:225px;padding:28px 24px;display:flex;align-items:flex-start;flex-direction:column;border:1px solid #e1e6ea;background:#fff;box-shadow:0 8px 25px rgba(30,60,85,.04)}.process-item:hover{padding:28px 24px;transform:translateY(-6px);border-color:#92c9f2;box-shadow:0 15px 38px rgba(24,100,160,.1)}.process-item>span{width:40px;height:40px;margin-bottom:28px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#1688e8;font-size:11px}.process-item h3{margin-bottom:13px;font-size:19px;font-weight:600}.process-item p{font-size:12px;line-height:1.7}.process-item i{position:absolute;right:20px;top:33px;color:#aab6bf}.principles{width:100%;padding:0}.principles-inner{padding:75px 20px;color:#fff;border:0;background:linear-gradient(110deg,#0872ca,#1699ed);box-shadow:inset 0 0 80px rgba(0,39,83,.16)}.principles-inner p{color:rgba(255,255,255,.75)}.word-row{margin:22px 0;font-size:52px}.word-row i{color:#8fdaff}.contact{padding:115px 0;background-color:#06192a;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:45px 45px}.contact-form{border-color:#214664;background:rgba(9,37,60,.88)}.button-light{background:#1688e8}.footer .brand-mark{background:linear-gradient(135deg,#168fe1 0 50%,#6ac631 50%)}
@media(max-width:900px){.intro-grid{grid-template-columns:1fr;gap:25px}.process-list{grid-template-columns:repeat(2,1fr)}.process-item p{grid-column:auto}.method-copy{padding:55px 40px}}
@media(max-width:600px){.intro,.services,.method,.process{padding-top:78px;padding-bottom:82px}.intro h2,.section-head h2,.method h2{font-size:34px}.section-head>p{padding-left:14px}.service-card{min-height:auto}.process-list{grid-template-columns:1fr}.process-item{min-height:200px}.word-row{font-size:34px}.intro:after{font-size:90px}}
.side-tools span{width:22px;height:22px;display:grid;place-items:center;font-size:0}.side-tools span svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.header-contact>a>i{width:30px;height:30px;display:grid;place-items:center;font-size:0}.header-contact>a>i svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.intro-grid{grid-template-columns:1.08fr .92fr;gap:70px;align-items:center}.about-image{position:relative;min-height:390px;overflow:hidden;background:#07182a;box-shadow:0 18px 50px rgba(10,54,88,.14)}.about-image img{width:100%;height:100%;min-height:390px;display:block;object-fit:cover}.about-image:after{content:"";position:absolute;inset:0;border:1px solid rgba(27,148,234,.3);pointer-events:none}.about-image-label{position:absolute;left:0;bottom:0;padding:16px 21px;display:flex;align-items:center;gap:14px;color:#fff;background:#1688e8}.about-image-label strong{font-size:15px;letter-spacing:.1em}.about-image-label span{padding-left:14px;border-left:1px solid rgba(255,255,255,.4);font-size:11px}.intro-copy{padding-top:0}.intro-copy h2{margin-bottom:28px;font-size:38px;line-height:1.35;font-weight:600}.intro-copy h2 span{color:#1688e8}.intro:after{display:none}
@media(max-width:900px){.intro-grid{grid-template-columns:1fr;gap:38px}.about-image,.about-image img{min-height:360px}.intro-copy h2{font-size:36px}}
@media(max-width:600px){.about-image,.about-image img{min-height:245px}.intro-copy h2{font-size:30px}.about-image-label{padding:12px 15px}}
