:root{--ink:#0b1420;--ink-soft:#152533;--mint:#a8f7df;--paper:#f4f4ef;--muted:#53636b;--line:#d6dcd9;--display:'Segoe UI',Arial,sans-serif;--body:'Segoe UI',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body)}a{color:inherit;text-decoration:none}button,a{ -webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid var(--mint);outline-offset:5px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--display)}
.site-header{height:86px;display:flex;align-items:center;justify-content:space-between;gap:32px;padding:0 clamp(24px,5vw,88px);background:var(--ink);color:#eff6f4;position:relative;z-index:2;border-bottom:1px solid rgba(255,255,255,.11)}.brand{display:flex;align-items:center;gap:14px;font:700 23px/1 var(--display);letter-spacing:-.07em;white-space:nowrap}.brand-accent,.footer-brand span{color:var(--mint)}.brand-mark{display:grid;grid-template-columns:repeat(2,7px);gap:3px;transform:rotate(-45deg)}.brand-mark i{display:block;width:7px;height:7px;background:var(--mint);border-radius:50%}.brand-mark i:first-child{grid-column:1 / 3;justify-self:center}.site-header nav{display:flex;gap:clamp(22px,3.2vw,54px);font-size:14px;color:#bac8cb}.site-header nav a:hover,.header-link:hover{color:var(--mint)}.header-link{font-size:14px;font-weight:700;white-space:nowrap}.header-link span{margin-left:8px;color:var(--mint)}
.hero{min-height:calc(100svh - 86px);background:var(--ink);color:#eff6f4;position:relative;overflow:hidden;display:flex;flex-direction:column}.hero-glow{position:absolute;width:60vw;height:60vw;right:-12vw;top:-10vw;background:radial-gradient(circle,rgba(36,85,97,.24),transparent 66%);pointer-events:none}.hero-inner{flex:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:center;max-width:1600px;width:100%;margin:auto;padding:30px clamp(24px,5vw,88px) 20px;position:relative}.hero-copy{position:relative;z-index:1;max-width:770px;padding:25px 0 44px}.eyebrow,.section-index{font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.eyebrow{color:#b8cfd0;margin-bottom:34px;display:flex;align-items:center;gap:12px}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 5px rgba(168,247,223,.12)}h1{font-size:clamp(53px,6.4vw,102px);line-height:1.04;letter-spacing:-.085em;font-weight:500;margin:0 0 29px}h1 em,.contact h2 em{font-style:normal;color:var(--mint)}.hero-lead{font-size:clamp(16px,1.5vw,19px);line-height:1.65;color:#afc1c4;max-width:540px;margin-bottom:34px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;background:var(--mint);color:var(--ink);min-height:56px;padding:0 22px;font-size:14px;font-weight:700;transition:background .2s,transform .2s}.button:hover{background:#d0ffee;transform:translateY(-3px)}.button span{font-size:19px;font-weight:400}.network-art{width:min(52vw,650px);aspect-ratio:1;position:relative;justify-self:center;transform:translate(2vw,0);animation:arrive 1.1s ease both}.network-art svg{display:block;width:100%;height:100%;filter:drop-shadow(0 0 22px rgba(131,242,211,.16))}.network-art .orbits{transform-origin:325px 325px;animation:orbit 42s linear infinite}.core-ring{transform-origin:325px 325px;animation:pulse 3s ease-in-out infinite}.art-label{position:absolute;background:#112b36;border:1px solid #37727a;color:#bbecdc;font:600 10px var(--display);letter-spacing:.14em;padding:10px 13px;box-shadow:0 8px 28px rgba(0,0,0,.25)}.label-one{top:27%;right:0}.label-one span{color:var(--mint);font-size:8px;padding:0 4px}.label-two{bottom:20%;left:-2%}.hero-foot{position:relative;display:flex;justify-content:space-between;gap:20px;padding:22px clamp(24px,5vw,88px) 28px;border-top:1px solid rgba(255,255,255,.11);color:#809aa0;font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.section{padding:clamp(82px,10vw,155px) clamp(24px,7vw,120px)}.services{display:grid;grid-template-columns:1fr 1.15fr;gap:8vw;max-width:1600px;margin:auto}.section-index{color:#3f7577;margin-bottom:32px}.section-heading h2,.approach h2,.contact h2{font-size:clamp(44px,4.9vw,78px);line-height:1.08;letter-spacing:-.072em;font-weight:500}.section-heading h2 span,.approach h2 span{color:#7e9294}.service-list{border-top:1px solid var(--line)}.service-list article{display:grid;grid-template-columns:36px 1fr 20px;gap:22px;padding:30px 0;border-bottom:1px solid var(--line);transition:padding .2s}.service-list article:hover{padding-left:8px}.service-number{font:600 12px var(--display);color:#548485;padding-top:9px}.service-list h3{font-size:clamp(22px,2vw,29px);letter-spacing:-.045em;margin-bottom:11px;font-weight:500}.service-list p{font-size:15px;line-height:1.7;color:var(--muted);max-width:440px;margin:0}.service-arrow{font-size:22px;color:#447d7a}
.approach{display:grid;grid-template-columns:1fr 1fr;min-height:600px;background:#dfe9e4}.approach-graphic{min-height:550px;background:#15313b;position:relative;overflow:hidden;display:grid;place-items:center}.graphic-circle{position:absolute;border:1px solid rgba(168,247,223,.3);border-radius:50%;width:220px;aspect-ratio:1}.circle-a{width:220px}.circle-b{width:390px}.circle-c{width:580px}.approach-graphic:before,.approach-graphic:after{content:"";position:absolute;background:rgba(168,247,223,.22)}.approach-graphic:before{height:1px;width:100%;top:50%}.approach-graphic:after{width:1px;height:100%;left:50%}.graphic-center{position:relative;z-index:1;display:grid;place-items:center;border-radius:50%;width:116px;height:116px;background:var(--mint);color:var(--ink);font:700 35px var(--display);letter-spacing:-.1em;box-shadow:0 0 90px rgba(168,247,223,.25)}.graphic-center span{color:#4b8f86}.approach-copy{align-self:center;max-width:700px;padding:80px clamp(30px,8vw,130px)}.approach-copy p:not(.section-index){color:#486066;font-size:17px;line-height:1.75;max-width:475px}.text-link{display:inline-flex;gap:55px;border-bottom:1px solid #568787;padding-bottom:13px;margin-top:16px;font-weight:700;font-size:15px}.text-link:hover{color:#327a73}
.contact{background:#15313b;color:#f4faf6;text-align:center;padding:clamp(90px,11vw,160px) 24px}.contact .section-index{color:var(--mint)}.contact h2{margin:0 auto 26px;max-width:1000px}.contact p:not(.section-index){color:#b8cdd0;font-size:18px;line-height:1.6}.button-light{margin-top:20px}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:25px;flex-wrap:wrap;background:var(--ink);color:#8fa8ad;padding:35px clamp(24px,5vw,88px);font-size:12px}.footer-brand{color:#f0f6f3;font:700 21px var(--display);letter-spacing:-.08em}.site-footer a:hover{color:var(--mint)}
@keyframes arrive{from{opacity:0;transform:translate(4vw,18px) scale(.96)}to{opacity:1;transform:translate(2vw,0) scale(1)}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes pulse{50%{transform:scale(1.35);opacity:.3}}
@media(max-width:1000px){.site-header nav{display:none}.hero-inner{grid-template-columns:1fr 1fr}.network-art{width:55vw;transform:translate(0,0)}.services{grid-template-columns:1fr;gap:42px}.approach-copy{padding:65px 35px}}
@media(max-width:700px){.site-header{height:72px}.header-link{font-size:12px}.hero{min-height:calc(100svh - 72px)}.hero-inner{display:flex;flex-direction:column;align-items:stretch;padding-top:55px}.hero-copy{padding:0;max-width:100%}.eyebrow{margin-bottom:24px;font-size:10px}h1{font-size:clamp(47px,11vw,72px)}.hero-lead{font-size:16px}.network-art{width:min(105vw,500px);align-self:center;margin:-10px 0 -45px;opacity:.75}.hero-foot{font-size:9px}.approach{grid-template-columns:1fr}.approach-graphic{min-height:360px}.graphic-circle.circle-c{width:500px}.approach-copy{padding:80px 24px}.site-footer{gap:18px}.site-footer span:nth-child(2){display:none}}
@media(max-width:390px){.brand{font-size:19px}.header-link{font-size:11px}.hero-foot span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.network-art,.network-art .orbits,.core-ring{animation:none}.button,.service-list article{transition:none}}
