:root{--navy:#071a3a;--navy2:#0b2854;--blue:#2563eb;--cyan:#06b6d4;--ice:#edf7ff;--paper:#f8fafc;--white:#fff;--ink:#0a1935;--muted:#5f6f86;--line:#dce6f0;--accent:#2563eb;--mint:#b8ecf5}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.6}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:99;opacity:.025;background-image:linear-gradient(#0b2854 1px,transparent 1px),linear-gradient(90deg,#0b2854 1px,transparent 1px);background-size:32px 32px}
.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;max-width:1240px;margin:auto;padding:0 28px;background:#fff}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:var(--navy);font-weight:850;letter-spacing:.02em;text-transform:uppercase}.brand-mark{width:50px;height:50px;display:grid;place-items:center;background:linear-gradient(145deg,var(--navy),var(--blue) 65%,var(--cyan));color:#fff;border-radius:13px;letter-spacing:.08em;box-shadow:0 8px 22px #2563eb33;position:relative;overflow:hidden}.brand-mark:after{content:"";position:absolute;width:46px;height:12px;border:3px dotted #55d8ed;border-radius:50%;transform:rotate(-25deg)}nav{display:flex;gap:25px;align-items:center}nav a{color:var(--navy);text-decoration:none;font-weight:750;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.nav-cta{border:1px solid #b8c9df;border-radius:7px;padding:9px 16px;background:#fff}.nav-cta:hover{color:#fff;background:var(--blue);border-color:var(--blue)}
.hero{min-height:680px;max-width:none;margin:0;padding:95px max(28px,calc((100vw - 1184px)/2)) 110px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:90px;background:linear-gradient(115deg,#fff 0 57%,#f1f8ff 57%);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;right:-130px;top:-190px;width:620px;height:620px;border:2px dashed #1c78ec1c;border-radius:50%;box-shadow:0 0 0 70px #06b6d408,0 0 0 140px #2563eb08}.hero-copy{position:relative;z-index:1}.eyebrow{color:var(--blue);font-size:.73rem;text-transform:uppercase;letter-spacing:.22em;font-weight:900;margin:0 0 16px}h1{font-size:clamp(3.2rem,6.4vw,6.4rem);line-height:.91;letter-spacing:-.055em;text-transform:uppercase;margin:0;max-width:790px;color:var(--navy)}h1:after{content:"Solutions";display:block;color:var(--blue)}h2{font-size:clamp(2.2rem,4vw,3.8rem);line-height:1.02;letter-spacing:-.045em;margin:0 0 26px;max-width:760px;color:var(--navy)}h3{font-size:1.15rem;line-height:1.3;margin:12px 0;color:var(--navy)}.intro{font-size:1.12rem;color:var(--muted);max-width:650px;margin:30px 0}.actions{display:flex;gap:12px;flex-wrap:wrap}.button{border:0;border-radius:7px;padding:14px 22px;font:inherit;font-weight:850;text-decoration:none;display:inline-block;cursor:pointer;text-transform:uppercase;letter-spacing:.06em;font-size:.78rem}.primary{background:linear-gradient(100deg,var(--blue),#1389ef);color:#fff;box-shadow:0 10px 25px #2563eb30}.primary:hover{background:var(--navy2)}.secondary{border:1px solid #c9d7e7;background:#fff;color:var(--navy)}.highlights{list-style:none;padding:0;margin:38px 0 0;display:flex;gap:0;color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}.highlights li{display:grid;padding:0 25px;border-left:1px solid #ccd8e6}.highlights li:first-child{padding-left:0;border-left:0}.highlights strong{color:var(--navy);font-size:1.05rem}.hero-card{background:linear-gradient(145deg,#061630,#0b2854);border-radius:6px;padding:38px;min-height:410px;box-shadow:25px 28px 0 #dff5fb;transform:none;color:#fff;position:relative;z-index:1;overflow:hidden}.hero-card:before{content:"NSS";position:absolute;right:-20px;bottom:-70px;font-size:12rem;font-weight:950;color:#ffffff08;letter-spacing:-.1em}.status{background:#0e3266;padding:10px 14px;border:1px solid #1d4c86;border-radius:5px;margin-bottom:56px;display:inline-flex;align-items:center;gap:9px;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}.status span{width:8px;height:8px;background:var(--cyan);border-radius:50%;box-shadow:0 0 0 5px #06b6d422}.screen-line{height:10px;background:#1a4a82;border-radius:1px;width:65%;margin:12px 0}.screen-line.wide{height:26px;background:linear-gradient(90deg,var(--blue),var(--cyan));width:90%}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:48px}.service-grid i{font-style:normal;border:1px solid #1e4d82;color:#d9efff;padding:19px;border-radius:4px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.service-grid i:nth-child(2),.service-grid i:nth-child(3){background:#0d3a72;color:#6de6f6}
.section{max-width:1240px;margin:auto;padding:112px 28px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.cards article{background:#fff;padding:30px;min-height:220px;position:relative;transition:.25s}.cards article:hover{background:var(--ice);transform:translateY(-4px);z-index:1;box-shadow:0 15px 35px #0b285413}.cards article span{font-weight:900;color:var(--cyan);font-size:.72rem;letter-spacing:.15em}.cards article h3:after{content:"";display:block;width:32px;height:3px;margin-top:14px;background:linear-gradient(90deg,var(--blue),var(--cyan))}.cards p,.split p,.contact-copy p,.reviews-head p{color:var(--muted)}.other-help{text-align:center;margin:32px 0 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:95px;border-top:1px solid var(--line);position:relative}.split:before{content:"SMART IT · REAL SOLUTIONS · FUTURE READY";position:absolute;top:42px;right:28px;color:#2563eb14;font-weight:950;letter-spacing:.15em}.steps{list-style:none;padding:0;margin:0}.steps li{display:flex;gap:18px;padding:22px 0;border-bottom:1px solid var(--line)}.steps b{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:5px;background:linear-gradient(145deg,var(--blue),var(--cyan));color:#fff}.steps div{display:grid}.steps span{color:var(--muted)}
.contact{background:linear-gradient(125deg,#06162f,#0a2852);color:#fff;max-width:none;padding-left:max(28px,calc((100vw - 1184px)/2));padding-right:max(28px,calc((100vw - 1184px)/2));display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;position:relative;overflow:hidden}.contact:after{content:"";position:absolute;width:350px;height:350px;border:40px dotted #06b6d412;border-radius:50%;left:-200px;bottom:-200px}.contact h2{color:#fff}.contact-copy{position:relative;z-index:1}.contact-copy p{color:#b7c8de}.phone{display:grid;color:#fff;text-decoration:none;font-size:1.25rem;font-weight:850;margin-top:25px;word-break:break-word}.phone small{color:#55d8ed;font-size:.68rem;text-transform:uppercase;letter-spacing:.14em}form{background:#fff;color:var(--ink);padding:34px;border-radius:7px;position:relative;z-index:1;box-shadow:0 18px 50px #00112c33}label{display:grid;gap:6px;font-size:.78rem;font-weight:800;margin-bottom:16px;text-transform:uppercase;letter-spacing:.04em}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}input,textarea{width:100%;border:1px solid #cbd8e7;border-radius:4px;padding:12px;font:inherit;background:#fbfdff;color:var(--ink)}input:focus,textarea:focus{outline:3px solid #06b6d422;border-color:var(--blue)}.website{position:absolute;left:-10000px}.form-note{font-size:.75rem;color:var(--muted);margin:12px 0 0;text-transform:none;letter-spacing:0}.notice{padding:12px 14px;border-radius:4px;margin:0 0 18px}.notice.success{background:#dff8f4;color:#135c55}.notice.error{background:#fee5df;color:#922d19}
footer{max-width:1240px;margin:auto;padding:30px 28px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:var(--muted);font-size:.75rem;border-top:1px solid var(--line);text-transform:uppercase;letter-spacing:.04em}footer a,.form-note a{color:var(--blue)}
@media(max-width:900px){nav a:not(.nav-cta){display:none}.hero{grid-template-columns:1fr;padding-top:60px;gap:60px;background:linear-gradient(#fff,#f1f8ff)}.cards{grid-template-columns:1fr 1fr}.split,.contact{grid-template-columns:1fr;gap:50px}.highlights{flex-wrap:wrap}.hero-card{min-height:350px}}
@media(max-width:560px){.site-header{height:72px;padding:0 18px}.brand span:last-child{display:none}.brand-mark{width:44px;height:44px}h1{font-size:3.2rem}.hero{padding:55px 20px 75px}.section,.contact{padding:78px 20px}.cards{grid-template-columns:1fr}.field-row{grid-template-columns:1fr}.highlights{display:grid;grid-template-columns:1fr 1fr;gap:15px}.highlights li,.highlights li:first-child{border:0;padding:0}.hero-card{padding:25px;margin-right:10px;box-shadow:12px 14px 0 #dff5fb}footer{display:grid;padding:25px 20px}.split:before{display:none}}