:root{--navy:#061827;--blue:#48c6ee;--ice:#dff7ff;--white:#f8fbfc;--muted:#8ca5b4;--line:rgba(223,247,255,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--white);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}
.site-header{height:82px;padding:0 3.5vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);position:relative;z-index:5}.brand{display:flex;align-items:center;gap:11px;font-size:13px;font-weight:700;letter-spacing:.02em}.brand-box{display:grid;place-items:center;width:34px;height:34px;background:var(--blue);color:var(--navy);font-weight:900;font-size:18px}nav{display:flex;gap:34px;font-size:11px;text-transform:uppercase;letter-spacing:.14em}nav a,.header-link,footer a{transition:color .2s}nav a:hover,.header-link:hover,footer a:hover{color:var(--blue)}.header-link{justify-self:end;font-size:11px;text-transform:uppercase;letter-spacing:.1em}.header-link span{margin-left:16px;color:var(--blue)}
.hero{min-height:calc(100vh - 82px);display:grid;grid-template-columns:7% 56% 37%;overflow:hidden}.hero-index{border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:35px 0}.hero-index span{writing-mode:vertical-rl;transform:rotate(180deg);font-size:8px;text-transform:uppercase;letter-spacing:.18em;color:var(--muted)}.hero-main{padding:8vh 4vw 4vw;display:flex;flex-direction:column}.eyebrow,.section-tag{margin:0;font-size:9px;text-transform:uppercase;letter-spacing:.18em;color:var(--blue)}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow span{width:7px;height:7px;border-radius:50%;background:var(--blue);box-shadow:0 0 18px var(--blue)}.hero h1{font-size:clamp(65px,8.7vw,138px);line-height:.83;letter-spacing:-.07em;margin:10vh 0 0;font-weight:500}.hero h1 strong{color:var(--blue);font-weight:500}.hero-footer{margin-top:auto;display:flex;justify-content:space-between;align-items:flex-end;border-top:1px solid var(--line);padding-top:25px}.hero-footer p{max-width:470px;margin:0;color:#aec2cd;line-height:1.55;font-size:16px}.hero-footer a{display:flex;align-items:center;gap:20px;text-transform:uppercase;font-size:9px;letter-spacing:.15em}.hero-footer a span{width:42px;height:42px;border:1px solid var(--blue);display:grid;place-items:center;color:var(--blue);border-radius:50%}
.hero-signal{position:relative;background:#092237;border-left:1px solid var(--line);overflow:hidden}.signal-circle{position:absolute;width:64%;aspect-ratio:1;border:1px solid var(--blue);border-radius:50%;left:18%;top:20%;display:grid;place-items:center;box-shadow:0 0 80px rgba(72,198,238,.08),inset 0 0 80px rgba(72,198,238,.06)}.signal-circle:before,.signal-circle:after{content:"";position:absolute;border:1px solid var(--line);border-radius:50%}.signal-circle:before{inset:13%}.signal-circle:after{inset:28%}.signal-circle span{font-size:clamp(35px,5vw,80px);font-weight:800;letter-spacing:-.08em;color:var(--ice)}.signal-line{position:absolute;height:1px;background:var(--line);transform-origin:left}.line-a{width:120%;top:26%;left:-10%;transform:rotate(31deg)}.line-b{width:120%;top:57%;left:-8%;transform:rotate(-18deg)}.line-c{width:95%;top:78%;left:10%;transform:rotate(8deg)}.signal-dot{position:absolute;width:10px;height:10px;background:var(--blue);border-radius:50%;box-shadow:0 0 20px var(--blue)}.dot-a{left:19%;top:31%}.dot-b{right:20%;top:52%}.dot-c{left:39%;bottom:19%}
.approach{padding:10vw 4vw;background:var(--white);color:var(--navy)}.section-head{display:grid;grid-template-columns:30% 1fr;margin-bottom:8vw}.section-head>p,.side-label{font-size:9px;text-transform:uppercase;letter-spacing:.18em;margin:0}.section-head h2,.company h2,.contact h2{font-size:clamp(50px,6.6vw,98px);line-height:.92;letter-spacing:-.055em;margin:0;font-weight:500}.pillar-list{border-top:1px solid rgba(6,24,39,.25)}.pillar-list article{display:grid;grid-template-columns:10% 36% 1fr;padding:34px 0;border-bottom:1px solid rgba(6,24,39,.18);align-items:start}.pillar-list article>span{font-size:10px;color:#5c7788}.pillar-list h3{font-size:clamp(28px,3vw,44px);letter-spacing:-.04em;margin:0;font-weight:500}.pillar-list p{max-width:520px;margin:5px 0 0;color:#526774;line-height:1.6}
.principle{min-height:680px;padding:8vw 4vw;position:relative;display:grid;grid-template-columns:12% 1fr;align-items:center;background:var(--blue);color:var(--navy);overflow:hidden}.side-label{writing-mode:vertical-rl;transform:rotate(180deg)}blockquote{font-size:clamp(50px,7.2vw,108px);line-height:.96;letter-spacing:-.055em;margin:0;max-width:1100px}blockquote em{font-family:Georgia,serif;font-weight:400}.principle-note{position:absolute;right:4vw;bottom:4vw;display:flex;gap:28px;align-items:center}.principle-note>span{font-weight:900;font-size:22px}.principle-note p{font-size:11px;line-height:1.5;max-width:260px;margin:0;border-left:1px solid var(--navy);padding-left:28px}
.company{padding:10vw 4vw;display:grid;grid-template-columns:1fr 1fr;gap:11vw}.company h2{margin-top:42px;font-size:clamp(48px,5.8vw,84px)}.company-intro>p:last-child{max-width:560px;color:#a8bdc8;line-height:1.65;font-size:17px;margin-top:45px}.facts{margin:0;border-top:1px solid var(--line);align-self:end}.facts div{display:grid;grid-template-columns:40% 1fr;padding:21px 0;border-bottom:1px solid var(--line)}.facts dt{font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}.facts dd{margin:0;font-size:14px;line-height:1.5}.facts small{color:var(--blue)}
.contact{padding:9vw 4vw;background:var(--ice);color:var(--navy);display:grid;grid-template-columns:1fr .65fr;gap:10vw}.contact h2{margin-top:42px}.contact-card{align-self:end;border-top:1px solid var(--navy);padding-top:26px;display:grid;grid-template-columns:36% 1fr}.contact-card>span{font-size:9px;text-transform:uppercase;letter-spacing:.14em}.contact-card address{font-style:normal;font-size:15px;line-height:1.7}
footer{height:95px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted)}footer .brand{color:var(--white)}footer .brand-box{width:30px;height:30px;font-size:15px}
@media(max-width:780px){.site-header{grid-template-columns:1fr auto;padding:0 20px}.header-link{display:none}nav{gap:13px;font-size:8px}.hero{grid-template-columns:1fr}.hero-index{display:none}.hero-main{min-height:670px;padding:60px 20px 32px}.hero h1{font-size:21vw;margin-top:75px}.hero-footer p{max-width:72%;font-size:14px}.hero-signal{min-height:470px;border-left:0;border-top:1px solid var(--line)}.section-head,.company,.contact{grid-template-columns:1fr}.approach,.principle,.company,.contact{padding:85px 20px}.section-head{gap:42px}.pillar-list article{grid-template-columns:44px 1fr}.pillar-list article p{grid-column:2;margin-top:15px}.principle{display:block;min-height:620px}.side-label{writing-mode:initial;transform:none;margin-bottom:70px}.principle-note{left:20px;right:20px;bottom:35px}.company{gap:70px}.contact{gap:75px}.contact-card{grid-template-columns:1fr;gap:22px}footer{padding:0 20px}footer p{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}