@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--ink:#111820;--dark:#17232c;--blue:#5e88a8;--light:#f4f6f6;--muted:#68737b;--line:#d9dee1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);line-height:1.6;background:var(--light)}a{text-decoration:none;color:inherit}.header{height:82px;background:var(--ink);color:#fff;display:flex;align-items:center;padding:0 clamp(22px,7vw,110px);gap:34px;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:11px;margin-right:auto}.brand img{width:45px;height:30px;object-fit:contain}.brand span{display:flex;flex-direction:column;line-height:1}.brand b{font-size:17px;letter-spacing:.18em}.brand small{font-size:8px;letter-spacing:.36em;margin-top:7px}.header nav{display:flex;gap:30px;font-size:12px;letter-spacing:.08em}.header nav a{opacity:.85}.button{display:inline-flex;align-items:center;gap:16px;background:var(--blue);color:#fff;padding:15px 22px;border-radius:2px;font-size:12px;font-weight:700;letter-spacing:.05em}.button.small{padding:11px 17px}.hero{min-height:650px;background:linear-gradient(105deg,#111820,#192630 55%,#111820);color:#fff;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:90px clamp(22px,8vw,120px);overflow:hidden}.hero>div:first-child{max-width:650px}.eyebrow{font-size:10px;letter-spacing:.22em;font-weight:700;color:#aebac1;margin:0 0 22px}.eyebrow.blue{color:var(--blue)}h1{font-size:clamp(45px,6vw,78px);line-height:1.02;letter-spacing:-.045em;margin:0 0 27px}h1 em{font-style:normal;color:#b8cad6}.lead{font-size:18px;color:#d1d9de;max-width:560px}.actions{display:flex;align-items:center;gap:25px;margin-top:36px}.phone{font-size:13px;color:#c7d1d7}.hero-graphic{position:relative;height:450px}.orb{position:absolute;width:520px;height:520px;right:-100px;top:-30px;border-radius:50%;background:radial-gradient(circle,rgba(94,136,168,.35),transparent 65%)}.dashboard{position:absolute;right:2%;top:17%;width:76%;height:66%;padding:20px;background:linear-gradient(145deg,#293944,#10171d);border:1px solid #40515d;border-radius:8px;box-shadow:0 35px 80px rgba(0,0,0,.5);transform:perspective(900px) rotateY(-8deg) rotateX(4deg)}.dots{font-size:8px;color:#778891;border-bottom:1px solid #3c4b55;padding-bottom:14px;letter-spacing:3px}.lines{height:36%;margin-top:25px;background:repeating-linear-gradient(to bottom,#34434e 0 7px,transparent 7px 19px);opacity:.65}.bars{height:36%;display:flex;align-items:end;gap:12px;padding:10px}.bars i{display:block;width:13%;background:var(--blue);border-radius:2px 2px 0 0}.bars i:nth-child(1){height:34%}.bars i:nth-child(2){height:55%}.bars i:nth-child(3){height:45%}.bars i:nth-child(4){height:76%}.bars i:nth-child(5){height:61%}.section{padding:105px clamp(22px,8vw,120px)}.section h2,.about-copy h2,.contact h2{font-size:clamp(35px,4.5vw,56px);line-height:1.08;letter-spacing:-.04em;margin:0 0 48px}.grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.grid article{padding:48px 42px 55px;border-right:1px solid var(--line)}.grid article:last-child{border-right:0}.icon{font-size:37px;color:var(--blue);height:58px}.grid h3{font-size:18px;letter-spacing:.08em;text-transform:uppercase}.grid p{color:var(--muted);font-size:15px;max-width:330px}.about{display:grid;grid-template-columns:1fr 1fr;background:#fff}.about-art{background:linear-gradient(145deg,#121a20,#263741);display:flex;align-items:center;justify-content:center;min-height:500px}.about-art img{width:180px}.about-copy{align-self:center}.about-copy h2{margin-bottom:28px}.about-copy p:not(.eyebrow){color:var(--muted);max-width:600px}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;background:var(--ink);color:#fff;padding:65px clamp(22px,8vw,120px)}.values>b{color:#8aaabd}.values h3{font-size:18px;text-transform:uppercase;letter-spacing:.08em;margin:12px 0}.values p{font-size:14px;color:#aeb9bf}.contact{background:#17232c;color:#fff;display:grid;grid-template-columns:1.35fr .8fr;gap:80px;align-items:center}.contact h2{margin-bottom:25px}.contact>div>p:not(.eyebrow){color:#b7c2c8;max-width:590px}.contact-card{border-left:1px solid #3d4c57;padding-left:45px;display:flex;flex-direction:column;gap:13px}.contact-card a:not(.button){font-size:17px;color:#dce3e7}.contact-card span{color:#aab7bf;font-size:14px;margin-bottom:18px}.contact-card .button{align-self:flex-start}footer{background:#0d1419;color:#9aa7ae;padding:32px clamp(22px,8vw,120px);display:flex;align-items:center;gap:30px;font-size:9px;letter-spacing:.13em}footer .brand{color:#fff}@media(max-width:800px){.header nav,.header>.button{display:none}.hero{grid-template-columns:1fr;padding-top:75px;padding-bottom:75px}.hero-graphic{display:none}.grid,.about,.values,.contact{grid-template-columns:1fr}.grid article{border-right:0;border-bottom:1px solid var(--line);padding-left:10px;padding-right:10px}.grid article:last-child{border-bottom:0}.about-art{min-height:300px}.about-copy{padding-top:70px;padding-bottom:70px}.values{gap:35px}.contact{gap:40px}.contact-card{border-left:0;border-top:1px solid #3d4c57;padding:35px 0 0}footer{flex-wrap:wrap}footer>span:last-child{width:100%}}
