:root{--blue:#005cdd;--ink:#151d2b;--muted:#536276;--line:#dbe2ed;--paper:#f7f9fc;--max:1280px;--gutter:clamp(22px,4.7vw,88px)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:105px}
body{margin:0;color:var(--ink);background:#fff;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.6}
a{color:inherit;text-decoration:none}
button,a{-webkit-tap-highlight-color:transparent}
a:focus-visible{outline:3px solid var(--blue);outline-offset:6px;border-radius:2px}
img{display:block;max-width:100%;height:auto}
::selection{background:#c9e0ff;color:#12233b}
.container{width:calc(100% - var(--gutter)*2);max-width:var(--max);margin-inline:auto}
.skip-link{position:fixed;top:12px;left:20px;z-index:20;transform:translateY(-160%);background:#fff;padding:10px 16px;color:var(--ink);border:1px solid var(--blue)}
.skip-link:focus{transform:none}
.site-header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line)}
.header-inner{height:96px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:block;width:248px;flex-shrink:0}
.site-header nav{display:flex;align-items:center;gap:42px;font-size:14px;font-weight:500}
.site-header nav a{padding:10px 0;transition:color .18s ease}
.site-header nav a:hover{color:var(--blue)}
.site-header nav span{margin-left:8px;color:var(--blue)}
.hero{background:var(--paper);position:relative;overflow:hidden}
.hero-inner{position:relative;min-height:650px;display:grid;grid-template-columns:1.09fr 1fr;align-items:center;gap:10px;padding-block:68px 56px}
.hero-copy{position:relative;z-index:2}
.eyebrow{font-size:11px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;margin:0 0 30px;display:flex;gap:12px;align-items:center}
.blue-dash{width:23px;height:2px;background:var(--blue);flex-shrink:0}
h1{font-size:clamp(64px,6.6vw,102px);letter-spacing:-.068em;line-height:1.02;font-weight:600;margin:0 0 30px}
h1 span{color:var(--blue)}
.hero-description{max-width:440px;font-size:17px;line-height:1.8;color:var(--muted);margin:0 0 34px}
.primary-link{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;color:#fff;background:var(--blue);padding:15px 22px;font-size:13px;font-weight:600;transition:background .18s,transform .18s}
.primary-link span{font-size:21px;line-height:1}
.primary-link:hover{background:#0049b0;transform:translateY(-2px)}
.hero-visual{position:relative;aspect-ratio:1;min-width:0;width:110%;justify-self:center;isolation:isolate}
.visual-grid{position:absolute;inset:5%;z-index:-2;background-image:linear-gradient(#e0e7f0 1px,transparent 1px),linear-gradient(90deg,#e0e7f0 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(ellipse,#000 5%,transparent 70%);opacity:.65}
.visual-glow{position:absolute;inset:10%;background:radial-gradient(ellipse,rgba(66,133,233,.1),transparent 64%);z-index:-1}
.network-art{position:absolute;inset:0;width:100%;height:100%;animation:art-arrive 1.2s ease-out both}
.visual-label{position:absolute;font-family:Consolas,"Liberation Mono",monospace;font-size:9px;letter-spacing:.13em;color:#596d85}
.label-top{top:7%;left:12%}.label-bottom{bottom:7%;right:9%}
.visual-cross{position:absolute;color:#6786ae;font-size:17px;font-weight:400}
.cross-one{top:9%;right:9%}.cross-two{bottom:11%;left:9%}
.hero-baseline{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;min-height:74px;font-size:11px;letter-spacing:.035em;color:var(--muted)}
.hero-baseline a{display:flex;align-items:center;gap:32px;padding:12px 0;color:var(--ink)}
.hero-baseline a span:last-child{font-size:18px;color:var(--blue)}
.section-space{padding-block:104px}
.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:54px}
.section-number{font-family:Consolas,"Liberation Mono",monospace;color:var(--blue);letter-spacing:.05em;font-size:11px}
.section-heading .eyebrow{margin-bottom:20px}
h2{font-size:clamp(32px,3vw,46px);font-weight:500;line-height:1.19;letter-spacing:-.045em;margin:0}
.section-heading>p{font-size:14px;line-height:1.7;color:var(--muted);margin:0 0 3px}
.focus-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line)}
.focus-area{padding:32px 32px 0;position:relative;display:flex;flex-direction:column;transition:background .2s}
.focus-area:first-child{padding-left:0}.focus-area:last-child{padding-right:0}
.focus-area+.focus-area{border-left:1px solid var(--line)}
.area-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}
.area-top svg{width:36px;height:36px;stroke:var(--blue);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.focus-area:hover .area-top svg{transform:translateY(-3px)}
.area-top>span{font-family:Consolas,"Liberation Mono",monospace;font-size:11px;color:#627287}
h3{font-size:23px;line-height:1.28;letter-spacing:-.035em;font-weight:500;min-height:60px;margin:0 0 20px}
.focus-area>p:not(.area-tags){font-size:14px;line-height:1.85;color:var(--muted);margin:0 0 26px;max-width:340px}
.focus-area .area-tags{margin:auto 0 0;padding-top:21px;border-top:1px solid var(--line);font-family:Consolas,"Liberation Mono",monospace;font-size:10px;color:#526177;line-height:1.8}
.about{background:#111e31;color:#fff;position:relative;overflow:hidden}
.about-grid{position:absolute;inset:0 45% 0 0;background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,#000,transparent)}
.about-inner{position:relative;display:grid;grid-template-columns:1.2fr 1fr;gap:100px;align-items:start}
.about .eyebrow{color:#c7d4e6;margin-bottom:30px}
.about .section-number{color:#7fb1ff}
.about h2{font-size:clamp(34px,3.2vw,48px);line-height:1.25}
.about h2 span{color:#9daec5}
.about-copy{padding-top:1px}
.about-copy p{font-size:15px;color:#b8c6d9;line-height:1.8;margin:0 0 18px}
.about-copy .about-lead{font-size:21px;line-height:1.45;color:#fff;letter-spacing:-.015em;margin-bottom:23px;max-width:380px}
.about-signature{border-top:1px solid #354257;margin-top:34px;padding-top:24px;display:flex;align-items:center;gap:10px;color:#c1cfe2;font-size:11px}
.about-signature span{width:5px;height:5px;background:#73a9ff;flex-shrink:0}
.site-footer{padding-block:46px 24px}
.footer-main{display:flex;gap:32px;align-items:center;padding-bottom:38px}
.footer-brand{width:212px}
.footer-main p{color:var(--muted);font-size:13px;margin:0}
.back-top{margin-left:auto;font-size:11px;display:flex;gap:23px;align-items:center}
.back-top span{font-size:19px;color:var(--blue)}
.footer-bottom{border-top:1px solid var(--line);padding-top:22px;display:flex;gap:20px;align-items:center;justify-content:space-between;color:var(--muted);font-size:10px}
.footer-bottom small{font-size:inherit}
@keyframes art-arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(min-width:1600px){.hero-inner{min-height:700px}.hero-visual{width:112%}}
@media(max-width:1100px){.hero-inner{min-height:590px;grid-template-columns:1.2fr 1fr}.hero-visual{width:125%}.eyebrow{font-size:10px;letter-spacing:.1em}.hero-description{font-size:16px;max-width:390px}.focus-area{padding-inline:24px}h3{font-size:21px}.area-tags{letter-spacing:-.035em}.about-inner{gap:60px}.section-space{padding-block:80px}}
@media(max-width:820px){.header-inner{height:80px}.brand{width:218px}.site-header nav{gap:24px;font-size:12px}.hero-inner{min-height:580px;grid-template-columns:1.35fr .8fr;padding-block:65px}.hero-visual{width:170%;transform:translateX(5%);opacity:.8}h1{font-size:clamp(64px,8.8vw,80px)}.hero-copy .eyebrow{max-width:330px;line-height:1.7}.hero-description{max-width:360px}.focus-area{padding-inline:20px}h3{font-size:20px;min-height:76px}.focus-area>p:not(.area-tags){font-size:13px}.focus-area .area-tags{font-size:9px}.about-inner{grid-template-columns:1fr 1fr;gap:38px}.about h2{font-size:34px}.about-copy .about-lead{font-size:19px}.footer-main{gap:24px}.footer-brand{width:190px}}
@media(max-width:620px){html{scroll-padding-top:90px}.header-inner{height:76px;gap:18px}.brand{width:187px}.site-header nav{gap:18px;font-size:11px}.site-header nav span{display:none}.hero-inner{grid-template-columns:1fr;gap:0;padding-block:48px 10px;min-height:0}.hero-copy .eyebrow{margin-bottom:25px;max-width:none;font-size:9px;letter-spacing:.08em;gap:9px}h1{font-size:clamp(60px,14.6vw,82px);margin-bottom:24px}.hero-description{font-size:15px;line-height:1.8;max-width:420px;margin-bottom:27px}.primary-link{padding:13px 19px;font-size:12px;gap:30px}.hero-visual{width:100%;max-width:370px;transform:none;opacity:1;justify-self:center;margin-top:5px;margin-bottom:0}.visual-label{font-size:8px}.hero-baseline{min-height:64px;font-size:10px}.hero-baseline a{gap:18px}.section-space{padding-block:62px}.section-heading{align-items:flex-start;flex-direction:column;gap:18px;margin-bottom:33px}.section-heading>p{font-size:13px}.section-heading>p br{display:none}.section-heading .eyebrow{margin-bottom:17px}h2{font-size:33px}.focus-grid{grid-template-columns:1fr}.focus-area,.focus-area:first-child,.focus-area:last-child{padding:27px 0}.focus-area:last-child{padding-bottom:0}.focus-area+.focus-area{border-left:0;border-top:1px solid var(--line);margin-top:4px}.area-top{margin-bottom:20px}.area-top svg{width:32px;height:32px}h3{font-size:23px;min-height:0;margin-bottom:14px}.desktop-break{display:none}.focus-area>p:not(.area-tags){font-size:14px;max-width:460px;margin-bottom:20px}.focus-area .area-tags{font-size:10px;letter-spacing:0;padding-top:15px}.about-inner{grid-template-columns:1fr;gap:32px}.about .eyebrow{font-size:10px;margin-bottom:23px}.about h2{font-size:clamp(30px,7.4vw,40px)}.about-copy .about-lead{font-size:21px;max-width:380px}.about-copy p{font-size:14px}.about-signature{margin-top:28px;font-size:10px}.site-footer{padding-block:35px 22px}.footer-main{flex-wrap:wrap;column-gap:15px;row-gap:18px;padding-bottom:27px}.footer-brand{width:196px}.footer-main p{width:100%;order:3;font-size:12px}.back-top{font-size:10px;gap:11px}.footer-bottom{align-items:flex-start;flex-direction:column;gap:8px;font-size:9px;padding-top:20px}}
@media(max-width:360px){:root{--gutter:18px}.brand{width:163px}.site-header nav{gap:13px;font-size:10px}.hero-copy .eyebrow{font-size:8px;letter-spacing:.055em}.blue-dash{width:15px}h1{font-size:58px}.hero-baseline{font-size:9px}.footer-brand{width:176px}.about-signature{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}