:root{--red:#d40012;--blue:#006cff;--white:#f7f9fc;--metal:#dfe5ec;--ink:#08142d;--muted:#526178;--max:1480px;--radius:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#eef3f8;color:#08142d;font-family:Inter,Arial,sans-serif}.shell{width:min(var(--max),calc(100% - 48px));margin:auto}
.site-header{position:relative;z-index:9999;background:linear-gradient(180deg,#fff,var(--white));border-bottom:1px solid #cbd5e1;box-shadow:0 12px 34px #25375414}.site-header.is-sticky{position:sticky;top:0}.topbar{background:linear-gradient(180deg,#fbfcfe,#edf2f7);border-bottom:1px solid #d6dee8}.topbar .shell{height:42px;display:flex;justify-content:space-between;align-items:center}.topbar .top-left,.topbar .top-right{display:flex;gap:24px}.topbar a{display:flex;align-items:center;gap:7px;color:#1c2738;text-decoration:none;font-size:12px}.topbar i{color:var(--blue)}
.nav{height:88px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:12px;min-width:335px;color:var(--ink);text-decoration:none}.brand img{max-width:305px;max-height:62px;object-fit:contain}.brand-mark{width:50px;height:50px;display:grid;place-items:center;border:3px solid var(--blue);color:var(--red);font-size:26px;font-weight:950;box-shadow:inset 0 0 0 3px #fff,0 6px 16px #006cff2c}.brand-copy strong{display:block;font-size:31px}.brand-copy small{display:block;font-size:9px;letter-spacing:.08em;margin-top:3px}.main-nav{display:flex;align-self:stretch;align-items:stretch;flex:1;justify-content:center}.main-nav>a,.nav-link{display:flex;align-items:center;gap:8px;padding:0 17px;color:#121c30;text-decoration:none;font-size:13px;font-weight:800;border-bottom:4px solid transparent;white-space:nowrap}.main-nav>a:hover,.nav-item:hover>.nav-link{color:var(--red);border-color:var(--red)}.nav-item{display:flex;align-items:stretch}.nav-link i{font-size:9px}.nav-actions{display:flex;gap:13px;align-items:center}.search-btn{width:45px;height:45px;display:grid;place-items:center;color:var(--ink);text-decoration:none;font-size:20px}.contact-btn{padding:15px 21px;border-radius:9px;background:linear-gradient(135deg,#e5091d,#b5000e);color:#fff;text-decoration:none;font-size:12px;font-weight:900;box-shadow:0 10px 25px #d4001236}
.mega-panel{position:absolute;left:0;right:0;top:100%;opacity:0;visibility:hidden;transform:translateY(10px);transition:.2s;background:linear-gradient(135deg,#fff,var(--white));border-top:1px solid #d3dce7;box-shadow:0 26px 70px #1e324e31}.nav-item:hover .mega-panel,.nav-item.is-open .mega-panel{opacity:1;visibility:visible;transform:none}.mega{display:grid;grid-template-columns:minmax(0,3fr) minmax(330px,1fr);border:1px solid #ccd6e2;border-radius:var(--radius);overflow:hidden;margin-bottom:18px;background:#fff;box-shadow:0 18px 55px #24344f1e}.mega-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:26px 28px;gap:24px;background:linear-gradient(135deg,#fff,#f4f7fb)}.mega-group{min-width:0;padding-right:20px;border-right:1px solid #d8e1eb}.mega-group:last-child{border-right:0}.mega-group h3{display:flex;align-items:center;gap:14px;margin:0 0 17px;font-size:14px}.mega-group h3 i{width:33px;height:33px;display:grid;place-items:center;color:var(--blue);font-size:21px}.product-link{display:grid;grid-template-columns:74px minmax(0,1fr) 14px;gap:12px;align-items:center;min-height:76px;padding:8px 2px;color:var(--ink);text-decoration:none;border-radius:9px}.product-link:hover{background:#edf5ff}.product-link img,.product-icon{width:70px;height:62px;object-fit:contain;border:1px solid #d4dce6;border-radius:8px;background:#fff}.product-icon{display:grid;place-items:center;color:var(--blue);font-size:25px}.product-copy strong{display:block;font-size:14px}.product-copy small{display:block;color:var(--muted);line-height:1.45;margin-top:5px;font-size:11px}.product-link>i{font-size:11px}.view-all{display:inline-flex;gap:12px;margin-top:12px;color:var(--blue);text-decoration:none;font-size:11px;font-weight:900}
.featured{position:relative;padding:28px 30px;background:radial-gradient(circle at 100% 50%,#006cff20,transparent 44%),linear-gradient(145deg,#f9fbfe,#e9eef5);border-left:1px solid #cbd5e1;overflow:hidden}.featured:after{content:"";position:absolute;right:-80px;top:90px;width:270px;height:6px;background:var(--red);transform:rotate(-35deg);box-shadow:0 20px 0 var(--blue),0 40px 0 #fff;opacity:.45}.featured>span{position:relative;z-index:2;color:var(--red);font-size:11px;font-weight:900}.featured h2{position:relative;z-index:2;font-size:25px;margin:15px 0 8px}.featured p{position:relative;z-index:2;color:var(--muted);line-height:1.6;font-size:13px}.featured img{position:relative;z-index:2;width:100%;height:165px;object-fit:contain}.device{position:relative;z-index:2;height:145px;margin:15px 0;border-radius:15px;background:linear-gradient(160deg,#222b36,#080c12);box-shadow:inset 0 -5px 0 var(--red),0 20px 35px #12213935;transform:perspective(800px) rotateX(8deg)}.device span{position:absolute;bottom:20px;left:28px;color:#fff}.featured ul{position:relative;z-index:2;list-style:none;padding:0}.featured li{display:flex;gap:10px;margin:11px 0;font-size:12px}.featured li i{color:var(--blue)}.featured>a{position:relative;z-index:2;display:inline-flex;gap:15px;padding:13px 25px;border:2px solid var(--red);border-radius:8px;color:var(--red);text-decoration:none;font-size:12px;font-weight:900}.mobile-toggle{display:none}
.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#f7f9fc,#dfe7f1);padding:58px 0 30px}.hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px;align-items:center;position:relative}.hero-copy{padding:25px 0 50px}.eyebrow{color:var(--blue);font-size:10px;letter-spacing:.2em}.hero h1{font-size:clamp(46px,5vw,74px);line-height:.95;margin:18px 0}.hero h1 b{color:var(--red)}.hero p{max-width:570px;color:#526178;line-height:1.7}.hero-actions{display:flex;gap:20px;margin-top:26px}.button{display:inline-flex;align-items:center;gap:12px;padding:15px 20px;border-radius:8px;text-decoration:none;font-size:12px;font-weight:900}.red-btn{background:linear-gradient(135deg,#e5091d,#b5000e);color:#fff}.blue-btn{border:2px solid var(--blue);color:var(--blue);background:#fff}.hero-machine{min-height:430px;display:grid;place-items:center}.disk-visual{position:relative;width:520px;height:300px;border-radius:50%;background:radial-gradient(circle at 45% 45%,#f4f7fb 0 10%,#8e9ba9 11% 13%,#111923 14% 18%,#ccd5df 19% 42%,#151d27 43% 48%,#909eac 49% 50%,#252f39 51%);transform:perspective(900px) rotateX(62deg) rotateZ(-9deg);box-shadow:0 55px 60px #12324f3a}.disk-ring{position:absolute;inset:35px;border:10px solid #f2f5f8;border-radius:50%}.disk-core{position:absolute;width:85px;height:85px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:#cad2db;border:14px solid #687683}.beam{position:absolute;left:40px;right:40px;height:7px;border-radius:999px;filter:blur(.4px)}.red-beam{bottom:60px;background:var(--red);box-shadow:0 0 20px var(--red)}.blue-beam{bottom:85px;background:var(--blue);box-shadow:0 0 20px var(--blue)}.hero-light{position:absolute;border-radius:50%;filter:blur(90px);opacity:.22}.hero-light.red{width:260px;height:260px;background:var(--red);left:15%;bottom:-130px}.hero-light.blue{width:320px;height:320px;background:var(--blue);right:8%;top:0}.stats-card{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);padding:18px;border:1px solid #c8d2df;border-radius:14px;background:#ffffffdd;box-shadow:0 18px 45px #24344f16}.stats-card div{text-align:center;border-right:1px solid #d5dee8}.stats-card div:last-child{border-right:0}.stats-card i{display:block;color:var(--blue);font-size:26px}.stats-card div:last-child i{color:var(--red)}.stats-card strong{display:block;font-size:25px;margin:8px 0}.stats-card span{font-size:10px}
.benefit-strip{padding:12px 0 24px;background:#eef3f8}.benefit-strip .shell{display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border:1px solid #d5dee8;border-radius:12px;overflow:hidden}.benefit-strip .shell>div{display:flex;align-items:center;gap:14px;padding:18px;border-right:1px solid #d5dee8}.benefit-strip i{color:var(--blue);font-size:25px}.benefit-strip strong,.benefit-strip small{display:block}.benefit-strip strong{font-size:10px}.benefit-strip small{font-size:10px;color:#68788c;margin-top:4px}.section{padding:90px 0}.section-title{text-align:center;max-width:760px;margin:0 auto 40px}.section-title span{color:var(--red);font-size:10px;letter-spacing:.18em}.section-title h2{font-size:43px;margin:13px 0}.section-title p{color:#627489;line-height:1.7}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.cards article{padding:32px;background:#fff;border:1px solid #d1dbe6;border-radius:16px;box-shadow:0 18px 50px #24344f10}.cards article>i{font-size:32px;color:var(--blue)}.cards h3{font-size:22px}.cards p{color:#627489;line-height:1.7}.cards a{color:var(--red);text-decoration:none;font-weight:800;font-size:12px}
footer{padding:65px 0 25px;background:#07111f;color:#fff}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:40px}.footer-grid>div{display:flex;flex-direction:column;gap:10px}.footer-grid p,.footer-grid a,.footer-grid span{color:#899db5;font-size:12px;text-decoration:none;line-height:1.7}.copyright{margin-top:40px;padding-top:20px;border-top:1px solid #24364b;color:#6e829a;font-size:11px}
@media(max-width:1200px){.brand{min-width:250px}.brand-copy strong{font-size:23px}.main-nav>a,.nav-link{padding:0 10px}.mega{grid-template-columns:1fr}.featured{display:none}}
@media(max-width:980px){.topbar{display:none}.nav{height:72px}.brand{min-width:auto}.brand-copy small{display:none}.nav-actions{display:none}.mobile-toggle{display:block;margin-left:auto;border:0;background:none;width:44px}.mobile-toggle span{display:block;height:2px;background:var(--ink);margin:6px}.main-nav{display:none;position:absolute;top:72px;left:0;right:0;max-height:calc(100vh - 72px);overflow:auto;background:#fff;padding:10px 18px 24px;flex-direction:column}.site-header.menu-open .main-nav{display:flex}.main-nav>a,.nav-link{min-height:49px;border-bottom:1px solid #dbe3ed}.nav-item{display:block}.mega-panel{position:static;display:none;opacity:1;visibility:visible;transform:none;box-shadow:none}.nav-item.is-open .mega-panel{display:block}.mega{display:block;border:0;box-shadow:none}.mega-groups{grid-template-columns:1fr;padding:12px}.mega-group{border-right:0;border-bottom:1px solid #d9e2ec}.hero-grid{grid-template-columns:1fr}.hero-copy{text-align:center}.hero p{margin:auto}.hero-actions{justify-content:center}.benefit-strip .shell{grid-template-columns:1fr 1fr}.cards{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.shell{width:calc(100% - 24px)}.brand-copy strong{font-size:19px}.hero h1{font-size:45px}.hero-actions{flex-direction:column}.disk-visual{width:320px;height:190px}.stats-card{grid-template-columns:1fr 1fr}.benefit-strip .shell,.footer-grid{grid-template-columns:1fr}.cards{grid-template-columns:1fr}}


/* HDD LAND Advanced Mega Menu v4 */
.site-header{font-family:var(--menu-font);border-color:var(--line)}
.topbar .shell{height:var(--top-h)}
.nav{height:var(--header-h)}
.main-nav>a,.nav-link{font-size:var(--menu-size);font-weight:var(--menu-weight)}
.brand img{max-height:calc(var(--header-h) - 18px)}
.mega{box-shadow:var(--panel-shadow)}
.mega-groups{padding:var(--panel-padding);gap:var(--column-gap)}
.mega-groups.mega-cols-1{grid-template-columns:1fr}
.mega-groups.mega-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.mega-groups.mega-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.mega-groups.mega-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.mega-groups.mega-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.mega-group.span-2{grid-column:span 2}.mega-group.span-3{grid-column:span 3}.mega-group.span-4{grid-column:span 4}
.mega-group h3 i{color:var(--column-accent,var(--blue))}
.product-link img,.product-icon{width:var(--img-w);height:var(--img-h)}
.nav-item:hover>.nav-link{color:var(--item-color,var(--red));border-color:var(--item-color,var(--red))}
.nav-main-icon{color:var(--blue);font-size:13px}
.nav-badge,.product-badge{font-size:8px;padding:4px 6px;border-radius:999px;line-height:1}
.nav-badge.blue,.product-badge.blue{background:#e3f2ff;color:#0062b8}
.nav-badge.red,.product-badge.red{background:#fde5e8;color:#b50012}
.nav-badge.green,.product-badge.green{background:#e4f7ec;color:#187043}
.nav-badge.metal,.product-badge.metal{background:#e6ebf0;color:#4d5c70}
.product-link{grid-template-columns:var(--img-w) minmax(0,1fr) auto 14px}
.product-link.is-featured{background:linear-gradient(90deg,rgba(0,108,255,.08),rgba(212,0,18,.04));border:1px solid rgba(0,108,255,.18);padding-left:8px;padding-right:8px}
.product-arrow{font-size:11px}.mega.without-featured{grid-template-columns:1fr}.mega.without-featured .mega-groups{border-right:0}
.animation-fade .mega-panel{transform:none}.animation-none .mega-panel{transition:none;transform:none}
@media(max-width:980px){.hide-mobile{display:none!important}.mega-groups.mega-cols-1,.mega-groups.mega-cols-2,.mega-groups.mega-cols-3,.mega-groups.mega-cols-4,.mega-groups.mega-cols-5{grid-template-columns:1fr}.mega-group.span-2,.mega-group.span-3,.mega-group.span-4{grid-column:span 1}.contact-btn.show-mobile{display:flex}}

/* HDD LAND Professional Mega Menu v6 */
.nav-item{position:static}
.mega-panel{position:fixed;top:var(--menu-panel-top,130px);left:0;right:0;width:100vw;max-height:calc(100vh - var(--menu-panel-top,130px));overflow:auto}
.nav-item:focus-within>.nav-link{color:var(--item-color,var(--red));border-color:var(--item-color,var(--red))}
.nav-link:focus-visible,.submenu-toggle:focus-visible,.mega-panel a:focus-visible,.mobile-toggle:focus-visible{outline:3px solid color-mix(in srgb,var(--blue) 45%,transparent);outline-offset:3px}
.mega-panel .mega{margin-top:0}
.product-link{transition:background .18s,transform .18s,border-color .18s}.product-link:hover{transform:translateX(3px)}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media(max-width:980px){.nav-item{position:relative}.mega-panel{position:static;width:auto;max-height:none;overflow:visible}.main-nav{z-index:20}.site-header.menu-open{box-shadow:0 22px 60px #14263c2b}}


/* HDD LAND v4.1: real link + separate submenu button */
.nav-item{position:relative}
.submenu-toggle{
  align-self:center;width:29px;height:36px;margin-left:-11px;margin-right:5px;
  display:grid;place-items:center;border:0;background:transparent;color:var(--ink);
  cursor:pointer
}
.submenu-toggle i{font-size:9px;transition:transform .18s}
.nav-item:hover>.submenu-toggle,.nav-item.is-open>.submenu-toggle{color:var(--item-color,var(--red))}
.nav-item.is-open>.submenu-toggle i{transform:rotate(180deg)}
.nav-item.is-open>.mega-panel{opacity:1;visibility:visible;transform:none}
@media(max-width:980px){
 .nav-link{padding-right:51px!important}
 .submenu-toggle{
   position:absolute;right:5px;top:7px;width:38px;height:38px;margin:0;
   border:1px solid #d9e2ec;border-radius:8px;background:#f6f9fc;z-index:3
 }
 .nav-item:hover>.mega-panel{display:none}
 .nav-item.is-open>.mega-panel{display:block}
}