:root{--ink:#2f3f53;--deep:#1d2b3a;--aqua:#05c5bb;--mist:#edf2f4;--line:#dbe2e6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}
header{height:88px;padding:0 clamp(24px,6vw,95px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#ffffffed;backdrop-filter:blur(15px);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:12px}.brand img{width:38px;height:38px;object-fit:cover}.brand b{font-size:18px;color:var(--deep)}nav{display:flex;gap:34px;font-size:14px;color:#607080}nav a:hover{color:#00a99f}.outline{padding:12px 15px;border:1px solid var(--ink);font-size:13px;font-weight:bold}.outline:hover{background:var(--ink);color:#fff}
.hero{min-height:calc(100vh - 88px);display:grid;grid-template-columns:1.03fr .97fr}.hero-copy{padding:clamp(70px,8vw,130px) clamp(28px,7vw,105px);display:flex;flex-direction:column;justify-content:center}.kicker{color:#00a99f!important;font-size:11px!important;font-weight:bold;text-transform:uppercase;letter-spacing:.16em}.kicker i{display:inline-block;width:7px;height:7px;background:var(--aqua);margin-right:12px;box-shadow:10px 0 #05c5bb66}h1{font-size:clamp(48px,5.5vw,82px);line-height:.98;letter-spacing:-.055em;font-weight:400;color:var(--deep);margin:28px 0}h1 em{display:block;color:#00a99f;font-style:normal}.lead{max-width:630px;color:#697685;font-size:18px;line-height:1.7}.actions{display:flex;gap:32px;align-items:center;margin-top:35px;font-size:13px;font-weight:bold}.actions a:first-child{padding:18px 22px;background:var(--ink);color:#fff}.actions a:first-child:hover{background:#00a99f}.proof{display:flex;gap:38px;border-top:1px solid var(--line);padding-top:24px;margin-top:clamp(55px,8vh,100px)}.proof span{display:flex;flex-direction:column;gap:5px;color:#88939f;font-size:9px;text-transform:uppercase}.proof b{font-size:13px;color:var(--ink);text-transform:none}
.digital{min-height:620px;background:var(--deep);position:relative;overflow:hidden;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:55px 55px}.digital>small{position:absolute;top:45px;left:45px;color:#ffffff77;font:10px monospace;letter-spacing:.16em}.digital>small i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--aqua);margin-right:10px;animation:blink 1.3s infinite}.paper{position:absolute;left:9%;top:31%;width:35%;height:38%;padding:9% 6%;background:#f8fafb;box-shadow:-14px -12px #aeb9c1,0 25px 55px #0005}.paper b{display:block;width:45%;height:9px;background:var(--ink);margin-bottom:28px}.paper span{display:block;height:5px;margin:17px 0;background:#d4dce0}.scanner{position:absolute;left:6%;top:28%;width:41%;height:2px;background:var(--aqua);box-shadow:0 0 18px 5px #05c5bbaa;z-index:3;animation:scan 3.4s ease-in-out infinite}.bits{position:absolute;left:46%;top:35%;width:18%;height:30%}.bits i{position:absolute;width:6px;height:6px;background:var(--aqua);opacity:0;animation:bits 2.6s linear infinite}.file{position:absolute;right:7%;top:31%;width:29%;height:38%;border:1px solid #05c5bb77;background:#05c5bb0d;display:flex;flex-direction:column;justify-content:center;align-items:center}.file b{font-size:75px;line-height:.8;color:var(--aqua);font-weight:400}.file span{font:10px monospace;color:#fff;letter-spacing:.12em;margin-top:25px}.file em{font:9px monospace;color:var(--aqua);letter-spacing:.18em;margin-top:8px}.status{position:absolute;left:9%;right:9%;bottom:10%;display:flex;justify-content:space-between;color:#ffffff66;font:9px monospace;letter-spacing:.14em}.status span:before{content:"●";color:var(--aqua);margin-right:7px}
.about,.purpose{padding:clamp(90px,10vw,160px) clamp(28px,8vw,120px)}.about{display:grid;grid-template-columns:.65fr 1.35fr 1fr;gap:clamp(40px,7vw,110px)}h2{font-size:clamp(42px,5vw,70px);line-height:1.06;letter-spacing:-.045em;font-weight:400;color:var(--deep);margin:0}.copy{font-size:16px;line-height:1.85;color:#687585}.copy p{margin:0 0 24px}
.services{padding:clamp(90px,9vw,145px) clamp(28px,8vw,120px);display:grid;grid-template-columns:.85fr 1.55fr;gap:clamp(55px,8vw,120px);background:var(--deep);color:#fff}.service-intro{position:sticky;top:135px;align-self:start}.service-intro h2{color:#fff;margin:28px 0}.service-intro>p:last-child{color:#aab5c0;line-height:1.75}.grid{display:grid;grid-template-columns:1fr 1fr;border-left:1px solid #ffffff22;border-top:1px solid #ffffff22}.grid article{min-height:250px;padding:32px;border-right:1px solid #ffffff22;border-bottom:1px solid #ffffff22;position:relative}.grid article:hover{background:#05c5bb11}.grid small{color:var(--aqua);font:11px monospace}.grid h3{font-size:24px;font-weight:400;margin:48px 0 14px}.grid p{color:#aab5c0;font-size:14px;line-height:1.7}
.purpose{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(60px,9vw,145px);align-items:center;background:var(--mist)}.purpose blockquote{font-size:clamp(38px,4.4vw,64px);line-height:1.08;letter-spacing:-.04em;color:var(--deep);margin:30px 0}.purpose>div:last-child>p:last-child{color:#687585;line-height:1.85}.mark{aspect-ratio:1;display:grid;place-items:center;position:relative}.mark img{width:37%;mix-blend-mode:multiply;z-index:2}.mark span{position:absolute;inset:8%;border:1px solid #c9d4d9;border-radius:50%;animation:orbit 18s linear infinite}.mark span:nth-child(2){inset:23%;animation-duration:11s;animation-direction:reverse}.mark span:after{content:"";position:absolute;top:16%;right:6%;width:11px;height:11px;background:var(--aqua)}
body>footer{min-height:150px;padding:30px clamp(28px,8vw,120px);display:flex;align-items:center;justify-content:space-between;gap:25px;background:#162332;color:#abb5bf;font-size:12px}body>footer .brand b{color:#fff}body>footer>a:last-child{color:var(--aqua)}.reveal{opacity:0;transform:translateY(25px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}
@keyframes scan{0%,10%{transform:translateY(0);opacity:.3}50%{opacity:1}90%,100%{transform:translateY(240px);opacity:.3}}@keyframes bits{0%{opacity:0;transform:translateX(0) scale(.5)}35%,65%{opacity:1}100%{opacity:0;transform:translateX(115px) scale(1.2)}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes blink{50%{opacity:.2}}
@media(max-width:950px){nav{display:none}.hero,.about,.services,.purpose{grid-template-columns:1fr}.digital{min-height:560px}.about{gap:40px}.service-intro{position:static}.mark{max-width:430px;margin:auto}}@media(max-width:620px){header{height:75px}.outline{display:none}.hero-copy{padding:68px 26px}.actions{flex-direction:column;align-items:flex-start}.proof{gap:16px}.digital{min-height:455px}.grid{grid-template-columns:1fr}body>footer{align-items:flex-start;flex-direction:column;padding-block:48px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}}