:root{--ink:#07111f;--ink-2:#0b1828;--panel:#111f30;--line:#213249;--lime:#7ed321;--lime-2:#a8eb42;--white:#f7fafc;--muted:#aab7c7;--paper:#f5f7f9;--text:#172232;--radius:14px;--shadow:0 24px 65px rgba(0,0,0,.25)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--text);background:#fff;line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1180px,calc(100% - 40px));margin:auto}.skip-link{position:fixed;top:8px;left:8px;z-index:1000;padding:10px 16px;background:#fff;transform:translateY(-140%);border-radius:8px}.skip-link:focus{transform:none}.site-header{position:fixed;inset:0 0 auto;z-index:100;background:rgba(5,14,25,.88);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(16px);color:#fff}.header-inner{height:78px;display:flex;align-items:center;gap:24px}.logo{position:relative;display:inline-flex;align-items:baseline;font-size:20px;font-weight:800;letter-spacing:-.6px;color:#fff;white-space:nowrap}.logo b{color:var(--lime);font-size:24px}.logo small{position:absolute;top:27px;left:0;font-size:7px;font-weight:600;letter-spacing:1.15px;color:#aeb9c6}.main-nav{display:flex;align-items:center;gap:21px;margin-left:auto}.main-nav a{font-size:13px;color:#d6dde5;transition:.2s}.main-nav a:hover,.main-nav a:focus{color:var(--lime-2)}.header-contact{display:flex;flex-direction:column;line-height:1.25}.header-contact a{font-size:15px;font-weight:700}.header-contact small{color:#aeb9c6;font-size:9px;text-align:right}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 25px;border:0;border-radius:6px;background:linear-gradient(135deg,var(--lime-2),var(--lime));color:#102006;font:700 14px/1 inherit;cursor:pointer;box-shadow:0 10px 28px rgba(126,211,33,.15);transition:transform .2s,box-shadow .2s}.button:hover,.button:focus{transform:translateY(-2px);box-shadow:0 14px 32px rgba(126,211,33,.25)}.button-outline{min-height:38px;padding:0 17px;background:transparent;color:var(--lime-2);border:1px solid rgba(126,211,33,.55);box-shadow:none}.button-dark{background:transparent;border:1px solid #40506a;color:#eef4fa;box-shadow:none}.button-dark b{color:var(--lime);margin-left:12px}.menu-toggle{display:none;background:none;border:0;padding:10px}.menu-toggle span{display:block;width:25px;height:2px;margin:5px;background:#fff}
.hero{min-height:620px;padding:150px 0 70px;background-color:var(--ink);background-image:linear-gradient(90deg,rgba(4,13,24,.97) 0%,rgba(4,13,24,.88) 39%,rgba(4,13,24,.15) 72%),url('/assets/hero-hdd.png');background-size:cover;background-position:center;color:#fff}.hero-content{position:relative}.eyebrow{margin:0 0 12px;color:var(--lime);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.hero h1{max-width:720px;margin:0;font-size:clamp(40px,5vw,67px);line-height:1.04;letter-spacing:-2px;text-transform:uppercase}.hero h1 span{color:var(--lime-2)}.hero-lead{max-width:560px;margin:24px 0;color:#d7e0e9;font-size:17px}.hero-benefits{display:flex;gap:30px;margin:32px 0}.hero-benefits span{display:flex;align-items:center;gap:10px;color:#d7e0e9;font-size:12px;line-height:1.35}.hero-benefits i{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(126,211,33,.42);border-radius:50%;color:var(--lime);font-style:normal;font-size:17px}.hero-actions{display:flex;gap:14px}
.media-strip{padding:30px 0 34px;background:#fff}.media-strip h2{text-align:center;font-size:24px;margin:0 0 25px}.media-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:10px}.media-grid div{text-align:center;font-size:10px;font-weight:700;line-height:1.3;color:#283446}.media-grid span{display:block;margin-bottom:8px;font-size:29px;line-height:1;color:#506072}
.dark-section{padding:34px 0 70px;background:var(--ink);color:#eef4fa}.trust-row{display:grid;grid-template-columns:150px repeat(5,1fr);gap:11px;align-items:stretch;margin-bottom:55px}.trust-row h2{font-size:20px;line-height:1.05;margin:8px 0}.trust-row>div{display:flex;align-items:center;gap:12px;padding:17px 14px;background:linear-gradient(135deg,#0e1b2c,#111f30);border:1px solid rgba(255,255,255,.04);border-radius:8px}.trust-row span{color:var(--lime);font-size:27px}.trust-row b{font-size:10px;line-height:1.35}.section-heading{margin-bottom:28px}.section-heading h2{font-size:38px;line-height:1.1;margin:0 0 12px;letter-spacing:-.8px}.section-heading>p:last-child{max-width:650px;color:var(--muted);margin:0}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service-card{overflow:hidden;background:linear-gradient(160deg,#122238,#0d1928);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius);box-shadow:0 20px 50px rgba(0,0,0,.14)}.service-image{height:175px;position:relative;background-image:linear-gradient(to top,rgba(7,17,31,.85),transparent 50%),url('/assets/hero-hdd.png');background-size:760px auto;background-position:67% 62%}.service-ssd .service-image,.service-usb .service-image,.service-raid .service-image{display:grid;place-items:center;background-image:radial-gradient(circle at 50% 20%,#294765,#0d1724 70%)}.chip{display:grid;place-items:center;width:140px;height:76px;background:#183348;border:12px solid #0a111a;box-shadow:0 0 0 2px #5a7587,0 20px 35px #0008;color:#aee75b;font-weight:900;letter-spacing:3px;transform:rotate(-7deg)}.usb{display:grid;place-items:center;width:120px;height:58px;background:linear-gradient(90deg,#dbe6ec 0 30%,#273b4b 30%);border-radius:7px;color:#a8eb42;font-weight:800;box-shadow:0 18px 30px #0008;transform:rotate(10deg)}.rack{width:150px;padding:18px;background:repeating-linear-gradient(#182b3d 0 16px,#0a111b 17px 20px);border:4px solid #4c6070;box-shadow:0 20px 35px #0008;color:#a8eb42;text-align:right;font-weight:900;line-height:1.15}.service-body{padding:18px}.service-body>span{color:var(--lime);font-size:10px;font-weight:800;letter-spacing:.12em}.service-body h3{min-height:54px;margin:7px 0 10px;font-size:17px;line-height:1.25}.service-body p{min-height:68px;color:#9eacbb;font-size:12px}.service-body a{color:var(--lime-2);font-size:12px;font-weight:800}.center{text-align:center;margin-top:28px}.center-heading{text-align:center}.center-heading>p:last-child{margin-left:auto;margin-right:auto}
.process{padding:65px 0;background:var(--paper)}.process .eyebrow,.prices .eyebrow,.reviews .eyebrow{color:#5d9f17}.steps{display:grid;grid-template-columns:repeat(5,1fr);padding:0;margin:35px 0 0;list-style:none}.steps li{position:relative;text-align:center;padding:0 20px}.steps li:not(:last-child):after{content:"";position:absolute;top:44px;left:70%;width:60%;border-top:1px dashed #c3cbd2}.steps span{display:block;color:#82909e;font-size:11px;font-weight:800}.steps i{position:relative;z-index:1;width:62px;height:62px;display:grid;place-items:center;margin:10px auto 20px;border:1px solid #cdd5db;border-radius:50%;background:#fff;color:#283747;font-style:normal;font-size:27px;box-shadow:0 7px 20px rgba(25,40,60,.06)}.steps h3{font-size:13px;margin:0 0 8px}.steps p{font-size:10px;color:#687687}
.lab{padding:0;background:var(--ink);color:#fff}.lab-grid{display:grid;grid-template-columns:1.15fr .85fr;min-height:440px}.lab-visual{position:relative;overflow:hidden;min-height:380px;background:linear-gradient(140deg,#dbe1e3,#9aa9ae 45%,#465a66);box-shadow:inset -30px 0 70px #07111f}.bench{position:absolute;left:7%;right:18%;bottom:18%;height:150px;background:linear-gradient(#ebf0f1 0 12%,#71838c 13% 18%,#c1cacc 19%);transform:perspective(500px) rotateX(8deg);box-shadow:0 20px 35px #25364199}.bench span{display:inline-block;width:22%;height:60px;margin:25px 4%;background:linear-gradient(135deg,#233a48,#0e1b25);border:5px solid #d2d9da;box-shadow:0 14px 20px #34434a}.screen{position:absolute;right:9%;top:18%;width:130px;padding:25px 10px;background:#071722;border:9px solid #ccd6d8;color:#7ed321;text-align:center;font:800 13px/1.4 monospace;box-shadow:0 12px 30px #0007}.screen b{font-size:27px}.lab-copy{padding:65px 20px 55px 55px}.lab-copy h2{font-size:31px;line-height:1.15;margin:0 0 20px}.lab-copy ul{padding:0;margin:0 0 28px;list-style:none}.lab-copy li{position:relative;padding:7px 0 7px 28px;color:#c6d0da;font-size:13px}.lab-copy li:before{content:"✓";position:absolute;left:0;color:var(--lime);font-weight:900}
.prices{padding:70px 0;background:#fff}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:35px}.price-grid article{padding:30px;border:1px solid #e0e5e9;border-radius:var(--radius);box-shadow:0 15px 45px rgba(24,39,57,.07)}.price-grid article.featured{background:var(--ink-2);border-color:var(--ink-2);color:#fff;transform:translateY(-10px)}.price-grid article>span{display:inline-flex;padding:4px 9px;background:#e6f5d6;color:#4b8910;border-radius:20px;font-size:10px;font-weight:900}.price-grid h3{font-size:22px;margin:12px 0 20px}.price-grid p{margin:13px 0 2px;color:#728090;font-size:12px}.price-grid strong{font-size:20px;color:#5b9f16}.price-grid .featured strong{color:var(--lime-2)}
.reviews{padding:65px 0;background:var(--paper)}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.review-grid article{padding:24px;background:#fff;border:1px solid #e6eaed;border-radius:var(--radius)}.review-top{display:flex;align-items:center;gap:12px}.review-top>span{width:42px;height:42px;display:grid;place-items:center;background:var(--ink);border-radius:50%;color:var(--lime);font-size:12px;font-weight:800}.review-top div{display:flex;flex-direction:column}.review-top small{color:#f7b519;letter-spacing:2px}.review-grid p{color:#5c6978;font-size:13px;margin:16px 0 0}
.contact-section{padding:72px 0;background:radial-gradient(circle at 15% 20%,#17324a,var(--ink) 50%);color:#fff}.contact-grid{display:grid;grid-template-columns:1fr .85fr;gap:80px;align-items:center}.contact-info h2{font-size:39px;margin:0 0 14px}.contact-info>p:not(.eyebrow){color:#b5c0cc;max-width:570px}.contact-info dl{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:35px}.contact-info dl div{border-left:2px solid var(--lime);padding-left:14px}.contact-info dt{color:#8493a2;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.contact-info dd{margin:3px 0 0;font-weight:700}.request-form{padding:32px;background:#fff;border-radius:var(--radius);color:var(--text);box-shadow:var(--shadow)}.request-form h2{font-size:27px;margin:0 0 4px}.request-form>p{margin:0 0 20px;color:#758191;font-size:12px}.request-form label{display:block;margin:13px 0;color:#4d5a68;font-size:11px;font-weight:700}.request-form input,.request-form textarea{width:100%;margin-top:6px;padding:13px 14px;border:1px solid #d5dde3;border-radius:6px;background:#f9fafb;color:#182433;font:14px inherit;outline:none}.request-form input:focus,.request-form textarea:focus{border-color:#76bd2b;box-shadow:0 0 0 3px rgba(126,211,33,.13)}.request-form .consent{display:flex;align-items:flex-start;gap:8px;font-weight:400}.request-form .consent input{width:15px;height:15px;margin:2px 0 0}.request-form .button{width:100%;margin-top:6px}.form-status{min-height:22px;margin-top:10px;font-size:12px;text-align:center}.form-status.error{color:#b02b34}.form-status.success{color:#39820a}
footer{padding:25px 0;background:#040b13;color:#8d99a5}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-inner p{margin:0;font-size:10px}.footer-inner>a:last-child{font-size:12px;color:var(--lime)}.floating-call{display:none;position:fixed;right:18px;bottom:18px;z-index:80;width:54px;height:54px;place-items:center;background:var(--lime);border-radius:50%;color:#102006;font-size:24px;box-shadow:0 12px 28px rgba(0,0,0,.35)}
@media (max-width:1050px){.header-contact,.header-button{display:none}.main-nav{gap:18px}.trust-row{grid-template-columns:repeat(3,1fr)}.trust-row h2{grid-row:span 2}.service-grid{grid-template-columns:repeat(2,1fr)}.media-grid{grid-template-columns:repeat(5,1fr);row-gap:25px}}
@media (max-width:760px){.container{width:min(100% - 28px,1180px)}.site-header{background:rgba(5,14,25,.96)}.header-inner{height:66px}.menu-toggle{display:block;margin-left:auto}.main-nav{display:none;position:absolute;top:66px;left:0;right:0;margin:0;padding:18px 24px 24px;background:#07111f;flex-direction:column;align-items:stretch;gap:0;border-top:1px solid #1c2a3b}.main-nav.is-open{display:flex}.main-nav a{padding:12px 0;border-bottom:1px solid #1d2b3b;font-size:15px}.hero{min-height:690px;padding:125px 0 55px;background-image:linear-gradient(180deg,rgba(4,13,24,.98) 0%,rgba(4,13,24,.82) 56%,rgba(4,13,24,.72)),url('/assets/hero-hdd.png');background-position:68% center}.hero h1{font-size:38px;letter-spacing:-1.4px}.hero-lead{font-size:15px}.hero-benefits{display:grid;grid-template-columns:1fr 1fr;gap:15px}.hero-benefits span:last-child{grid-column:1/-1}.hero-actions{flex-direction:column;align-items:stretch}.media-grid{grid-template-columns:repeat(3,1fr)}.media-strip h2{font-size:20px}.trust-row{grid-template-columns:1fr 1fr}.trust-row h2{grid-column:1/-1;grid-row:auto}.trust-row>div:last-child{grid-column:1/-1}.section-heading h2{font-size:31px}.service-grid{grid-template-columns:1fr}.service-body h3,.service-body p{min-height:auto}.steps{grid-template-columns:1fr}.steps li{display:grid;grid-template-columns:75px 1fr;text-align:left;padding:12px 0}.steps li:not(:last-child):after{top:78px;left:30px;width:0;height:50%;border-top:0;border-left:1px dashed #c3cbd2}.steps span{grid-column:1}.steps i{grid-column:1;grid-row:2/4;margin:4px 0;width:60px;height:60px}.steps h3{grid-column:2;grid-row:2;margin-top:8px}.steps p{grid-column:2;grid-row:3;margin-top:-18px}.lab-grid{grid-template-columns:1fr}.lab-visual{min-height:300px}.lab-copy{padding:45px 5px}.price-grid{grid-template-columns:1fr}.price-grid article.featured{transform:none}.review-grid{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr;gap:35px}.contact-info dl{grid-template-columns:1fr}.footer-inner{flex-direction:column;text-align:center}.floating-call{display:grid}}
@media (max-width:420px){.hero h1{font-size:32px}.hero-benefits{grid-template-columns:1fr}.hero-benefits span:last-child{grid-column:auto}.media-grid{grid-template-columns:repeat(2,1fr)}.trust-row{grid-template-columns:1fr}.trust-row>div:last-child{grid-column:auto}.service-image{height:155px}.contact-info h2{font-size:32px}.request-form{padding:24px 18px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}