*{box-sizing:border-box;margin:0;padding:0}
:root{--bg:#03070b;--blue:#08a9ff;--blue2:#20c0ff;--white:#f5f8fb;--muted:#82909e;--line:rgba(255,255,255,.11)}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--white);font-family:Inter,Arial,sans-serif;line-height:1.6}
a{color:inherit;text-decoration:none}
.container{width:min(1200px,calc(100% - 40px));margin:auto}

.site-header{position:sticky;top:0;z-index:100;background:rgba(3,7,11,.92);border-bottom:1px solid var(--line);backdrop-filter:blur(15px)}
.nav{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand{display:flex;flex-direction:column;line-height:1}
.brand-logo{font-size:28px;font-weight:800;letter-spacing:-2px}
.brand-logo span{color:var(--blue)}
.brand-sub{margin-top:4px;font-size:7px;letter-spacing:3px;color:#a5b0ba}
.main-nav{display:flex;gap:30px}
.main-nav a{color:#b9c2cb;font-size:13px;padding:26px 0;border-bottom:2px solid transparent}
.main-nav a:hover,.main-nav a.active{color:var(--blue2);border-bottom-color:var(--blue)}
.nav-cta,.button{background:var(--blue);color:#001018;font-size:11px;font-weight:800;letter-spacing:1px;padding:14px 20px;border:1px solid var(--blue);box-shadow:0 0 25px rgba(8,169,255,.22);transition:.25s}
.nav-cta:hover,.button:hover{background:transparent;color:var(--blue2);box-shadow:0 0 35px rgba(8,169,255,.4)}

.hero{position:relative;background:#020508}
.hero-image{display:block;width:100%;height:auto;max-height:780px;object-fit:cover}
.hero-cta{position:absolute;left:50%;bottom:28px;transform:translateX(-50%)}
.hero-cta a{display:block;padding:16px 27px;background:var(--blue);color:white;font-size:12px;font-weight:800;letter-spacing:1px;box-shadow:0 0 35px rgba(8,169,255,.45);transition:.25s}
.hero-cta a:hover{background:#007ec3;transform:translateY(-2px)}
.hero-cta span{margin-left:14px}

.service-strip{display:grid;grid-template-columns:repeat(7,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#060d14}
.service-item{min-height:115px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border-right:1px solid var(--line);text-align:center}
.service-item:last-child{border-right:0}
.service-item b{color:var(--blue);font-size:27px;text-shadow:0 0 15px rgba(8,169,255,.5)}
.service-item span{font-size:9px;letter-spacing:1.7px;color:#e5ebf0}

.section{padding:105px 0;border-bottom:1px solid var(--line)}
.eyebrow{color:var(--blue2);font-size:11px;letter-spacing:2.5px;font-weight:700;margin-bottom:15px}

.about{background:radial-gradient(circle at 80% 40%,rgba(8,169,255,.08),transparent 35%),var(--bg)}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.about h1{font-size:clamp(42px,5vw,70px);line-height:1.02;letter-spacing:-3px;margin-bottom:25px}
.about h1 span{color:var(--blue)}
.lead{color:var(--muted);max-width:570px;margin-bottom:30px}

.about-panel{display:grid;grid-template-columns:1.2fr .8fr;border:1px solid var(--line);min-height:360px;background:#071019}
.mini-screen{position:relative;min-height:360px;background:radial-gradient(circle at 50% 50%,rgba(8,169,255,.2),transparent 35%),linear-gradient(135deg,#0a1b28,#03070b);overflow:hidden}
.screen-glow{position:absolute;width:230px;height:140px;left:50%;top:42%;transform:translate(-50%,-50%);border:2px solid rgba(8,169,255,.7);border-radius:10px;box-shadow:0 0 60px rgba(8,169,255,.3)}
.laptop-shape{position:absolute;width:270px;height:12px;left:50%;top:64%;transform:translateX(-50%);border-radius:50%;background:#1c3545;box-shadow:0 0 20px rgba(8,169,255,.2)}
.scan-label{position:absolute;left:50%;top:22%;transform:translateX(-50%);font-size:9px;letter-spacing:2px;color:var(--blue2);font-weight:700;white-space:nowrap}
.benefits{padding:25px}
.benefits div{min-height:62px;display:flex;align-items:center;gap:13px;border-bottom:1px solid var(--line);font-size:9px;letter-spacing:1px}
.benefits b{color:var(--blue);font-size:20px}

.process{background:#050b11}
.center-heading{text-align:center;margin-bottom:60px}
.center-heading h2{font-size:clamp(30px,4vw,50px);letter-spacing:-2px}
.center-heading h2 span{color:var(--blue)}
.steps{display:grid;grid-template-columns:repeat(4,1fr)}
.steps article{padding:20px 35px;border-right:1px solid var(--line)}
.steps article:last-child{border-right:0}
.steps strong{display:grid;place-items:center;width:50px;height:50px;border:1px solid var(--blue);border-radius:50%;color:var(--blue2);box-shadow:0 0 20px rgba(8,169,255,.18)}
.steps i{display:block;margin:25px 0 10px;color:var(--blue);font-size:27px;font-style:normal}
.steps p{color:var(--muted);font-size:13px}

.contact-banner{padding:55px 0;background:linear-gradient(90deg,rgba(8,169,255,.12),rgba(8,169,255,.02)),#071019;border-bottom:1px solid var(--line)}
.contact-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}
.contact-inner h2{font-size:28px;margin-bottom:5px}
.contact-inner p{color:var(--muted)}
.contact-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.phone-link{padding:13px 18px;border:1px solid var(--line);font-size:12px;color:#dce7ef}
.phone-link:hover{border-color:var(--blue);color:var(--blue2)}

.contact-details{width:min(1200px,calc(100% - 40px));margin:0 auto;padding:28px 0;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;border-bottom:1px solid var(--line)}
.contact-details div{display:flex;flex-direction:column;gap:5px}
.contact-details strong{font-size:8px;letter-spacing:2px;color:var(--blue)}
.contact-details a,.contact-details span{font-size:12px;color:#cbd5dd}

footer{padding:45px 0 25px;background:#020508}
.footer-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:35px;border-bottom:1px solid var(--line)}
.footer-top nav{display:flex;gap:25px}
.footer-top nav a{color:#a2adb7;font-size:12px}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:20px;color:#66727d;font-size:9px;letter-spacing:2px}

@media(max-width:950px){
.main-nav{display:none}
.service-strip{grid-template-columns:repeat(4,1fr)}
.about-grid{grid-template-columns:1fr}
.steps{grid-template-columns:repeat(2,1fr)}
.steps article:nth-child(2){border-right:0}
}
@media(max-width:650px){
.container{width:min(100% - 24px,1200px)}
.nav-cta{display:none}
.hero-image{min-height:420px;object-fit:cover}
.hero-cta{bottom:18px;width:max-content}
.service-strip{grid-template-columns:repeat(2,1fr)}
.service-item{border-bottom:1px solid var(--line)}
.about-panel{grid-template-columns:1fr}
.benefits{display:grid;grid-template-columns:1fr 1fr}
.steps{grid-template-columns:1fr}
.steps article{border-right:0;border-bottom:1px solid var(--line)}
.contact-inner,.footer-top,.footer-bottom{flex-direction:column;align-items:flex-start}
.contact-details{width:min(100% - 24px,1200px);grid-template-columns:1fr 1fr}
.footer-top nav{flex-wrap:wrap}
}