*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#05080d;color:#eef7ff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.55}.topbar{height:78px;position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:34px;padding:0 6%;background:rgba(5,8,13,.9);backdrop-filter:blur(16px);border-bottom:1px solid #172333}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:white;font-weight:800;letter-spacing:3px}.brand b{display:block;color:#27b8ff;font-size:11px;letter-spacing:5px}.xmark{font-size:36px;font-style:italic;color:#20adff;text-shadow:0 0 18px #0a8cff}.topbar nav{display:flex;gap:28px;margin-left:auto}.topbar nav a{color:#c8d5e2;text-decoration:none;font-size:14px}.navcta,.btn{border:1px solid #2e4961;color:white;text-decoration:none;padding:12px 18px;border-radius:8px;font-weight:700}.navcta,.primary{background:linear-gradient(135deg,#0d8ce8,#20c8ff);border:0;box-shadow:0 0 28px rgba(26,170,255,.18)}.hero{min-height:720px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding:65px 7%;background:radial-gradient(circle at 75% 40%,rgba(0,126,255,.18),transparent 34%),linear-gradient(135deg,#090e15,#04070b)}.hero-copy{max-width:690px}.eyebrow,.section-head>span{color:#49c8ff;letter-spacing:4px;font-size:12px;font-weight:800}.hero h1{font-size:64px;line-height:1.02;margin:20px 0}.hero h1 span{background:linear-gradient(90deg,#35baff,#74f1ff);-webkit-background-clip:text;color:transparent}.hero p{font-size:18px;color:#aebdca;max-width:650px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.trust{display:flex;gap:22px;flex-wrap:wrap;color:#8ea4b6;font-size:13px;margin-top:34px}.hero-art{text-align:center}.hero-art img{width:min(100%,520px);max-height:590px;object-fit:cover;object-position:center 40%;border-radius:18px;filter:drop-shadow(0 0 35px rgba(0,140,255,.25));mask-image:linear-gradient(to bottom,transparent 0%,black 10%,black 90%,transparent 100%)}.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #142333;border-bottom:1px solid #142333;background:#080d13;padding:0 6%}.stats div{padding:25px;border-right:1px solid #142333}.stats b{display:block;color:#38bdff;font-size:18px}.stats span{font-size:12px;color:#8799a8}.section{padding:100px 7%}.section-head{max-width:760px;margin-bottom:44px}.section h2,.feature h2,.about h2,.contact h2{font-size:42px;line-height:1.1;margin:12px 0 18px}.section-head p,.feature p,.about p,.contact p{color:#9eafbd}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cards article{background:linear-gradient(145deg,#0c131c,#080c12);border:1px solid #172a3b;padding:28px;border-radius:14px;min-height:220px}.cards article:hover{transform:translateY(-3px);border-color:#168ed0}.ico{font-size:28px;color:#32c3ff}.cards h3{font-size:19px}.cards p{color:#8fa1af;font-size:14px}.feature{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center;padding:80px 9%;background:#080d13;border-block:1px solid #132333}.feature-art{text-align:center}.feature-art img{width:min(100%,430px);max-height:540px;object-fit:cover;border-radius:18px;filter:drop-shadow(0 0 30px rgba(0,140,255,.22))}.feature-copy{max-width:650px}.feature li{margin:13px 0;color:#b9c8d4}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.product-grid div{padding:26px 20px;border-radius:12px;border:1px solid #183148;background:linear-gradient(145deg,#0c1721,#080d12);font-weight:800}.product-grid small{display:block;color:#7f99ad;font-weight:400;margin-top:8px}.about{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:90px 8%;background:radial-gradient(circle at 15% 50%,rgba(0,126,255,.13),transparent 30%),#070b10}.about-points p{border-bottom:1px solid #1a2b39;padding:16px 0;margin:0}.about-points b{color:#2fbfff;margin-right:18px}.contact{text-align:center;padding:100px 7%;background:linear-gradient(180deg,#08111a,#05080d)}.contact p{max-width:650px;margin:auto}.contact .actions{justify-content:center}.contact small{display:block;color:#65798a;margin-top:18px}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:35px 7%;border-top:1px solid #172333;color:#738797;font-size:12px}footer .brand{font-size:13px}footer .xmark{font-size:25px}@media(max-width:850px){.topbar nav{display:none}.navcta{margin-left:auto}.hero{grid-template-columns:1fr;padding-top:50px}.hero h1{font-size:44px}.hero-art{margin-top:35px}.stats{grid-template-columns:1fr 1fr}.cards{grid-template-columns:1fr 1fr}.feature,.about{grid-template-columns:1fr}.product-grid{grid-template-columns:1fr 1fr}footer{flex-direction:column;text-align:center}}@media(max-width:540px){.topbar{padding:0 4%}.navcta{font-size:11px;padding:10px}.hero{padding:45px 6%}.hero h1{font-size:38px}.section{padding:70px 6%}.cards,.product-grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.stats div{padding:18px 12px}.section h2,.feature h2,.about h2,.contact h2{font-size:32px}}
/* V3 header/contact refinements */
.topbar{height:104px;padding:0 5%;background:rgba(3,6,10,.96)}
.brand-logo{height:88px;overflow:hidden;display:flex;align-items:center}
.brand-logo img{width:210px;height:92px;object-fit:cover;object-position:center 22%;filter:drop-shadow(0 0 12px rgba(20,160,255,.25));border-radius:4px}
.hero{padding-top:34px;min-height:650px}
.contact-details{margin:24px auto 0;display:flex;justify-content:center;gap:14px;flex-wrap:wrap;color:#9eb4c5}
.contact-details strong{color:#fff}.contact-details span{padding-left:14px;border-left:1px solid #274055}
.footer-logo{height:52px}.footer-logo img{width:150px;height:60px;object-position:center 23%}
@media(max-width:850px){.brand-logo img{width:170px;height:78px}.topbar{height:90px}.hero{padding-top:25px}}
@media(max-width:540px){.brand-logo img{width:145px;height:70px}.topbar{height:82px}.contact-details{flex-direction:column}.contact-details span{border-left:0;padding-left:0}}
/* V4 compact hero + stronger brand + quick product strip */
.topbar{height:118px;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:72px 34px;column-gap:26px;align-items:center;padding:6px 5% 4px}
.brand-logo{height:72px;grid-row:1;grid-column:1;overflow:hidden}
.brand-logo img{width:260px;height:112px;object-fit:cover;object-position:center 23%;transform:translateY(-2px);filter:drop-shadow(0 0 15px rgba(20,160,255,.32))}
.topbar nav{grid-row:1;grid-column:2;margin-left:auto}
.navcta{grid-row:1;grid-column:3}
.quick-products{grid-row:2;grid-column:1 / 4;display:flex;gap:10px;align-items:center;overflow-x:auto;white-space:nowrap;padding:1px 0 4px;color:#b8d9ee;font-size:12px;scrollbar-width:none}
.quick-products::-webkit-scrollbar{display:none}.quick-products span{border:1px solid #173d58;background:#07121b;padding:5px 10px;border-radius:999px;box-shadow:inset 0 0 14px rgba(0,153,255,.05)}
.hero{min-height:535px;padding:18px 6% 28px;grid-template-columns:1.03fr .97fr;gap:28px;align-items:center}
.hero h1{font-size:58px;margin:12px 0 14px}.hero p{margin:0}.actions{margin-top:22px}.trust{margin-top:22px}
.hero-art img{width:min(100%,500px);height:500px;max-height:none;object-fit:cover;object-position:center 45%;border-radius:12px;mask-image:linear-gradient(to bottom,transparent 0%,black 5%,black 95%,transparent 100%)}
@media(max-width:850px){.topbar{height:112px;grid-template-columns:auto 1fr;grid-template-rows:70px 34px}.brand-logo img{width:205px;height:92px}.navcta{grid-column:2;grid-row:1;margin-left:auto}.quick-products{grid-column:1 / 3}.hero{padding-top:14px;min-height:auto}.hero-art img{height:auto}.hero h1{font-size:44px}}
@media(max-width:540px){.topbar{height:108px}.brand-logo img{width:180px;height:84px}.quick-products{font-size:11px}.quick-products span{padding:4px 8px}.hero{padding:12px 6% 28px}.hero h1{font-size:38px}}
/* V5 — full logo + real product figures */
.topbar{height:auto;min-height:218px;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:112px 106px;padding:0 3.5%;gap:0 24px;overflow:visible}
.brand-logo{height:108px;overflow:visible;align-self:center}
.brand-logo img{width:350px;height:100px;object-fit:contain;object-position:left center;transform:none;border-radius:0;filter:drop-shadow(0 0 15px rgba(20,160,255,.25))}
.topbar nav{grid-row:1;grid-column:2;align-self:center}.navcta{grid-row:1;grid-column:3;align-self:center}
.quick-products{grid-row:2;grid-column:1 / 4;display:grid;grid-template-columns:repeat(7,minmax(110px,1fr));gap:10px;padding:8px 0 12px;overflow-x:auto;align-items:stretch}
.quick-products a{height:88px;min-width:112px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;color:#dff7ff;border:1px solid #17496a;background:linear-gradient(180deg,#07131d,#050a0f);border-radius:12px;box-shadow:inset 0 0 20px rgba(0,153,255,.05)}
.quick-products a:hover{border-color:#21b8ff;transform:translateY(-2px)}
.quick-products img{width:92px;height:58px;object-fit:contain;display:block;filter:drop-shadow(0 0 8px rgba(0,160,255,.25))}
.quick-products span{border:0;background:none;padding:0;box-shadow:none;font-size:11px;font-weight:800;letter-spacing:.3px;color:#aeeaff}
.hero{padding-top:24px;min-height:540px}
@media(max-width:850px){.topbar{min-height:194px;grid-template-columns:auto 1fr;grid-template-rows:94px 100px;padding:0 3%}.brand-logo{height:92px}.brand-logo img{width:260px;height:82px}.navcta{grid-column:2;grid-row:1}.quick-products{grid-column:1 / 3;grid-row:2;display:flex}.quick-products a{min-width:118px;height:84px}.hero{padding-top:20px}}
@media(max-width:540px){.topbar{min-height:180px;grid-template-rows:84px 96px}.brand-logo img{width:205px;height:72px}.quick-products a{min-width:105px;height:78px}.quick-products img{width:78px;height:50px}.quick-products span{font-size:10px}}