:root{
  --bg:#f7f9fb;--surface:#fff;--surface-soft:#edf3f6;--text:#102432;--muted:#61717d;--navy:#12324a;--navy-deep:#071f30;--accent:#2d6f95;--accent-soft:#8bbbd2;--line:rgba(16,36,50,.12);--shadow:0 28px 80px rgba(8,32,49,.14);--radius:24px;--max-width:1180px
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Aptos,"Segoe UI",Inter,system-ui,-apple-system,sans-serif;line-height:1.65;overflow-x:hidden}
a{color:inherit}.container{width:min(calc(100% - 42px),var(--max-width));margin-inline:auto}.section{position:relative;padding:118px 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:18px;top:-80px;z-index:1000;padding:12px 18px;background:#fff;border-radius:10px;box-shadow:var(--shadow);transition:top .2s}.skip-link:focus{top:18px}.page-glow{position:fixed;border-radius:50%;filter:blur(110px);opacity:.17;pointer-events:none;z-index:-1}.page-glow-one{width:450px;height:450px;background:#7eb8d0;right:-140px;top:160px}.page-glow-two{width:400px;height:400px;background:#bfd9e6;left:-180px;top:760px}
.site-header{position:sticky;top:0;z-index:100;border-bottom:1px solid transparent;background:rgba(247,249,251,.72);backdrop-filter:blur(18px);transition:border-color .25s,box-shadow .25s,background .25s}.site-header.scrolled{border-color:var(--line);background:rgba(247,249,251,.9);box-shadow:0 8px 30px rgba(8,32,49,.05)}.nav-wrap{min-height:80px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;font-weight:850;letter-spacing:-.02em}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;color:#fff;background:linear-gradient(145deg,var(--navy),var(--accent));box-shadow:0 10px 24px rgba(18,50,74,.2);font-size:.82rem}.site-nav{display:flex;align-items:center;gap:29px}.site-nav a{text-decoration:none;color:#314957;font-size:.91rem;font-weight:720}.site-nav a:hover{color:var(--accent)}.site-nav .nav-cta{padding:10px 18px;border-radius:999px;background:var(--navy);color:#fff}.site-nav .nav-cta:hover{background:var(--navy-deep);color:#fff}.lang-link{font-size:.78rem!important;letter-spacing:.08em}.nav-toggle{display:none;border:0;background:none;padding:10px}.nav-toggle span:not(.sr-only){display:block;width:24px;height:2px;margin:5px;background:var(--navy)}
.hero{min-height:calc(100vh - 80px);display:flex;align-items:center;overflow:hidden;padding:96px 0 86px;background:radial-gradient(circle at 82% 22%,rgba(121,183,211,.14),transparent 34%),linear-gradient(180deg,#fbfcfd 0%,#f6f9fb 100%)}.network-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.42}.hero-spotlight{position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(113,181,211,.18),transparent 66%);transform:translate(-50%,-50%);pointer-events:none;opacity:.8;transition:opacity .3s}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.07fr .93fr;align-items:center;gap:78px}.eyebrow{margin:0 0 16px;color:var(--accent);text-transform:uppercase;letter-spacing:.17em;font-size:.72rem;font-weight:900}.hero h1{margin:0;max-width:750px;font-size:clamp(3.35rem,6.4vw,6.35rem);line-height:.93;letter-spacing:-.065em}.hero h1 span{color:var(--accent)}.hero-lead{max-width:720px;margin:30px 0 0;font-size:clamp(1.26rem,1.9vw,1.65rem);line-height:1.45;color:#314957}.hero-detail{max-width:700px;margin:16px 0 0;color:var(--muted);font-size:1.05rem}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 23px;border-radius:999px;text-decoration:none;font-weight:820;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--navy);color:#fff;box-shadow:0 14px 34px rgba(18,50,74,.22)}.button-primary:hover{background:var(--navy-deep);box-shadow:0 18px 38px rgba(18,50,74,.27)}.button-secondary{border:1px solid rgba(18,50,74,.25);background:rgba(255,255,255,.65);backdrop-filter:blur(10px)}.button-secondary:hover{border-color:var(--accent)}.hero-facts{display:grid;grid-template-columns:repeat(3,1fr);max-width:760px;gap:22px;margin-top:50px}.hero-facts>div{padding-top:18px;border-top:1px solid rgba(18,50,74,.18)}.hero-facts strong,.hero-facts span{display:block}.hero-facts strong{font-size:1.02rem;letter-spacing:-.02em}.hero-facts span{font-size:.82rem;color:var(--muted)}
.hero-visual{position:relative;min-height:520px}.glass-panel{background:linear-gradient(145deg,rgba(15,45,65,.94),rgba(7,31,48,.9));border:1px solid rgba(255,255,255,.13);box-shadow:var(--shadow);backdrop-filter:blur(18px)}.visual-panel{position:absolute;inset:34px 0 42px 26px;border-radius:30px;padding:28px;overflow:hidden;transform:perspective(900px) rotateY(-4deg) rotateX(1deg);transition:transform .25s ease}.panel-topline,.panel-footer{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.58);font-size:.72rem;text-transform:uppercase;letter-spacing:.11em;font-weight:800}.status-dot{width:8px;height:8px;border-radius:50%;background:#69d7a8;box-shadow:0 0 0 7px rgba(105,215,168,.12)}.panel-footer{position:absolute;left:28px;right:28px;bottom:22px;justify-content:space-between}.architecture-map{position:absolute;inset:66px 24px 58px}.architecture-map svg{position:absolute;inset:0;width:100%;height:100%}.architecture-map path{fill:none;stroke:rgba(142,199,224,.27);stroke-width:1.6;stroke-dasharray:6 8;animation:dash 12s linear infinite}.map-core,.map-node{position:absolute;z-index:2;display:grid;place-items:center;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.075);color:#fff;border-radius:14px;box-shadow:0 12px 30px rgba(0,0,0,.15);font-size:.84rem;font-weight:760}.map-core{left:50%;top:50%;width:112px;height:112px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(91,157,190,.38),rgba(255,255,255,.06));box-shadow:0 0 0 16px rgba(111,178,208,.06),0 20px 50px rgba(0,0,0,.2)}.map-node{width:116px;height:48px}.node-cloud{left:4%;top:2%}.node-security{right:1%;top:3%}.node-infra{left:2%;bottom:3%}.node-people{right:2%;bottom:4%}.floating-chip{position:absolute;z-index:4;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.86);border:1px solid rgba(18,50,74,.08);box-shadow:0 14px 35px rgba(18,50,74,.14);font-size:.77rem;font-weight:800;backdrop-filter:blur(10px);animation:float 6s ease-in-out infinite}.chip-one{right:-18px;top:70px}.chip-two{left:-6px;bottom:86px;animation-delay:-2s}.chip-three{right:20px;bottom:20px;animation-delay:-4s}
.trust-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.78);overflow:hidden}.marquee{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.marquee-track{width:max-content;min-height:84px;display:flex;align-items:center;gap:52px;animation:marquee 34s linear infinite}.marquee-track span{color:#61717d;font-weight:790;font-size:.84rem;white-space:nowrap}.marquee-track span::before{content:"";display:inline-block;width:5px;height:5px;margin-right:18px;border-radius:50%;background:var(--accent-soft);vertical-align:middle}
.split-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:96px;align-items:center}.section-heading h2{margin:0;font-size:clamp(2.4rem,4.3vw,4.35rem);line-height:1.04;letter-spacing:-.052em}.section-heading>p:not(.eyebrow){max-width:680px;margin:22px 0 0;color:var(--muted);font-size:1.08rem}.section-heading.centered{text-align:center;max-width:790px;margin:0 auto 60px}.section-heading.centered>p:not(.eyebrow){margin-inline:auto}.section-tinted{background:linear-gradient(180deg,#edf3f6 0%,#f3f7f9 100%)}.section-dark{background:radial-gradient(circle at 78% 18%,rgba(62,126,158,.26),transparent 28%),var(--navy-deep);color:#fff}.section-heading.light>p:not(.eyebrow){color:rgba(255,255,255,.62)}.prose p{margin:0 0 24px;font-size:1.16rem;color:#3a4b57}
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.expertise-card{position:relative;min-height:280px;padding:31px;background:rgba(255,255,255,.92);border:1px solid rgba(18,50,74,.07);border-radius:20px;box-shadow:0 12px 35px rgba(18,50,74,.045);overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s}.expertise-card:hover{transform:translateY(-6px);box-shadow:0 22px 48px rgba(18,50,74,.10);border-color:rgba(45,111,149,.2)}.expertise-card .icon{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:#e8f2f7;color:var(--accent);font-size:1.28rem;font-weight:850;transition:transform .25s}.expertise-card:hover .icon{transform:translateY(-2px) scale(1.03)}.expertise-card h3{margin:26px 0 10px;font-size:1.2rem}.expertise-card p{margin:0;color:var(--muted)}.card-line{position:absolute;left:0;right:100%;bottom:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent-soft));transition:right .35s ease}.expertise-card:hover .card-line{right:0}
.principles-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:60px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.principle{padding:36px 28px;border-right:1px solid var(--line);transition:background .25s}.principle:hover{background:rgba(255,255,255,.72)}.principle:last-child{border-right:0}.principle>span{color:var(--accent);font-size:.76rem;font-weight:900;letter-spacing:.1em}.principle h3{margin:42px 0 10px;font-size:1.21rem}.principle p{margin:0;color:var(--muted);font-size:.95rem}
.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:60px}.project-card{position:relative;min-height:320px;padding:32px;border:1px solid rgba(255,255,255,.14);border-radius:22px;background:rgba(255,255,255,.04);overflow:hidden;transition:transform .28s,background .28s,border-color .28s}.project-card:hover{transform:translateY(-6px);background:rgba(255,255,255,.07);border-color:rgba(142,199,224,.32)}.project-meta{display:flex;justify-content:space-between;gap:16px;color:var(--accent-soft);font-size:.75rem;font-weight:850;text-transform:uppercase;letter-spacing:.07em}.project-card h3{margin:48px 0 12px;font-size:1.72rem}.project-card>p{color:rgba(255,255,255,.68);margin:0}.tag-list{display:flex;flex-wrap:wrap;gap:9px;margin-top:27px}.tag-list span{padding:7px 10px;border-radius:999px;background:rgba(148,200,223,.12);color:#c9e5f2;font-size:.77rem;font-weight:760}.project-accent{position:absolute;left:0;right:100%;bottom:0;height:3px;background:linear-gradient(90deg,#5ea4c6,#c9e8f4);transition:right .4s}.project-card:hover .project-accent{right:0}.project-card-cta{display:flex;flex-direction:column;justify-content:center;background:linear-gradient(145deg,rgba(45,111,149,.28),rgba(255,255,255,.04))}.project-card-cta h3{margin:0 0 12px}.project-card-cta a{display:inline-block;margin-top:28px;color:#fff;font-weight:850;text-decoration:none}
.insights-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:58px}.insight-card{position:relative;padding:30px;border:1px solid var(--line);border-radius:20px;background:#fff;transition:transform .25s,box-shadow .25s}.insight-card:hover{transform:translateY(-5px);box-shadow:0 20px 45px rgba(18,50,74,.08)}.insight-card>span{color:var(--accent);font-size:.71rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.insight-card h3{margin:42px 0 10px;font-size:1.28rem}.insight-card p{margin:0;color:var(--muted)}.insight-card a{display:inline-flex;margin-top:24px;gap:8px;text-decoration:none;color:var(--navy);font-size:.84rem;font-weight:820}.quote-section{padding-top:88px;padding-bottom:88px}.quote-card{max-width:960px;text-align:center}.quote-mark{margin:0;color:var(--accent-soft);font-family:Georgia,serif;font-size:6rem;line-height:.5}blockquote{margin:18px auto 22px;max-width:880px;font-size:clamp(1.8rem,3.1vw,2.9rem);line-height:1.2;letter-spacing:-.04em}.quote-author{margin:0;color:var(--muted);font-weight:760}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:92px;align-items:start}.contact-card{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 18px 55px rgba(18,50,74,.06)}.contact-card a,.contact-location{display:flex;justify-content:space-between;gap:22px;padding:24px 28px;text-decoration:none;border-bottom:1px solid var(--line);transition:background .2s,padding-left .2s}.contact-card a:hover{background:#f9fbfc;padding-left:33px}.contact-card span{color:var(--muted)}.contact-card strong{text-align:right}.site-footer{background:var(--navy-deep);color:rgba(255,255,255,.7)}.footer-inner{min-height:110px;display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:.87rem}.footer-inner a{color:#fff;text-decoration:none}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .75s cubic-bezier(.2,.7,.2,1),transform .75s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{opacity:1;transform:translateY(0)}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes dash{to{stroke-dashoffset:-120}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.button,.expertise-card,.project-card,.insight-card,.floating-chip,.marquee-track,.architecture-map path{animation:none!important;transition:none!important}.network-canvas,.hero-spotlight{display:none}}
@media(max-width:980px){.section{padding:92px 0}.hero{min-height:auto}.hero-grid,.split-layout,.contact-grid{grid-template-columns:1fr;gap:58px}.hero-visual{min-height:430px}.card-grid{grid-template-columns:1fr 1fr}.principles-grid{grid-template-columns:1fr 1fr}.principle:nth-child(2){border-right:0}.principle:nth-child(-n+2){border-bottom:1px solid var(--line)}.project-grid{grid-template-columns:1fr}.site-nav{position:absolute;display:none;top:74px;left:20px;right:20px;padding:22px;flex-direction:column;align-items:stretch;gap:15px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.site-nav.open{display:flex}.nav-toggle{display:block}.nav-cta{text-align:center}.insights-grid{grid-template-columns:1fr}}
@media(max-width:680px){.container{width:min(calc(100% - 28px),var(--max-width))}.section{padding:74px 0}.brand-text{display:none}.hero{padding-top:70px}.hero h1{font-size:clamp(2.85rem,13.4vw,4.35rem)}.hero-facts{grid-template-columns:1fr;margin-top:42px}.hero-visual{min-height:360px}.visual-panel{inset:18px 0 30px 0;padding:22px;transform:none}.architecture-map{inset:60px 12px 56px}.map-node{width:96px;height:43px;font-size:.72rem}.map-core{width:96px;height:96px}.floating-chip{font-size:.7rem}.chip-one{right:-4px;top:42px}.chip-two{left:-2px;bottom:65px}.chip-three{right:4px;bottom:5px}.card-grid{grid-template-columns:1fr}.expertise-card{min-height:0}.principles-grid{grid-template-columns:1fr}.principle{border-right:0;border-bottom:1px solid var(--line)!important}.principle:last-child{border-bottom:0!important}.project-card{min-height:0}.contact-card a,.contact-location{flex-direction:column;gap:4px}.contact-card strong{text-align:left;overflow-wrap:anywhere}.footer-inner{padding:28px 0;flex-direction:column;align-items:flex-start}.marquee-track{gap:34px}.marquee-track span::before{margin-right:12px}}