*{box-sizing:border-box;margin:0;padding:0}
:root{--ink:#0c1725;--navy:#07111f;--blue:#2563eb;--cyan:#23b5d3;--muted:#667085;--line:#e7ebf0;--soft:#f5f8fb;--white:#fff;--radius:28px}
html{scroll-behavior:smooth}
body{font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.55;overflow-x:hidden}
a{text-decoration:none;color:inherit}
button,input,textarea{font:inherit}
.topbar{height:34px;background:#06101d;color:#b9c7d8;display:flex;align-items:center;justify-content:center;gap:22px;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.site-header{position:sticky;top:0;z-index:50;padding:13px 18px;background:rgba(255,255,255,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(8,22,38,.07)}
.nav-shell{max-width:1220px;margin:auto;background:#fff;border:1px solid #e9edf2;box-shadow:0 12px 35px rgba(11,25,42,.07);height:70px;border-radius:100px;display:flex;align-items:center;padding:7px 9px 7px 18px;gap:18px}
.brand{display:flex;align-items:center;gap:10px;min-width:195px}
.brand strong{font-family:"Space Grotesk";font-size:18px;display:block;line-height:1}
.brand small{font-size:8px;letter-spacing:.22em;color:#788494;display:block;margin-top:5px}
.brand-mark{width:40px;height:40px;border-radius:50%;background:linear-gradient(145deg,#07111f,#1c4c83);display:grid;place-items:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.15)}
.brand-mark span{width:17px;height:17px;border:3px solid #7fe3f1;border-radius:50%;position:relative}
.brand-mark span:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:#fff;right:-4px;top:-4px}
.main-nav{display:flex;align-items:center;justify-content:center;gap:3px;flex:1;overflow-x:auto;scrollbar-width:none}
.main-nav::-webkit-scrollbar{display:none}
.main-nav a{white-space:nowrap;padding:11px 13px;border-radius:30px;font-size:12px;color:#536070;font-weight:600;transition:.25s}
.main-nav a:hover{background:#f1f5f9;color:#07111f}
.nav-cta{background:#0a1727;color:#fff;border-radius:30px;padding:13px 17px;font-size:12px;font-weight:700;white-space:nowrap}
.nav-cta span{color:#78dce9;margin-left:5px}
.menu-toggle{display:none;border:0;background:none}
.hero{min-height:650px;max-width:1220px;margin:auto;padding:82px 25px 70px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;position:relative}
.hero:before{content:"";position:absolute;inset:40px 0 0;border-radius:45px;background:radial-gradient(circle at 80% 20%,rgba(35,181,211,.14),transparent 35%),radial-gradient(circle at 10% 60%,rgba(37,99,235,.09),transparent 30%);z-index:-1}
.hero-copy{max-width:620px}
.eyebrow{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:.18em;font-weight:800;color:#a6c7dd;margin-bottom:20px}
.eyebrow span{display:inline-block;width:22px;height:1px;background:#45cce0}
.eyebrow.dark{color:#6c7887}.eyebrow.dark span{background:#1d7ba4}
.hero h1{font-family:"Space Grotesk";font-size:clamp(48px,6vw,78px);line-height:.99;letter-spacing:-.055em;max-width:700px}
.hero h1 em,.section h2 em,.deal-banner h2 em,.order-copy h2 em{font-style:normal;color:#167da0}
.hero-copy>p{color:#667384;max-width:560px;margin:24px 0 30px;font-size:15px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:13px;border:0;cursor:pointer;padding:15px 21px;border-radius:12px;font-size:12px;font-weight:800;transition:.25s}
.btn-primary{background:#071525;color:#fff;box-shadow:0 14px 25px rgba(7,21,37,.16)}
.btn-primary:hover{transform:translateY(-2px);background:#12375b}
.btn-primary span{color:#65d8e6;font-size:18px;line-height:0}
.btn-ghost{border:1px solid #dce3ea;color:#1b2a3a;background:#fff}
.btn-ghost:hover{border-color:#aeb9c6}
.hero-trust{display:flex;gap:32px;margin-top:48px}
.hero-trust div{display:flex;flex-direction:column}.hero-trust b{font-family:"Space Grotesk";font-size:20px}.hero-trust span{font-size:10px;color:#7d8998;margin-top:2px}
.hero-visual{height:500px;position:relative;display:grid;place-items:center}
.visual-card{border-radius:38px;position:absolute;overflow:hidden}
.main-card{width:min(430px,88%);height:430px;transform:rotate(3deg);box-shadow:0 35px 70px rgba(9,26,46,.2);background:#0a1828}
.main-card img{width:100%;height:100%;object-fit:cover;filter:saturate(.9)}
.main-card:after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(3,17,31,.03),rgba(3,17,31,.45))}
.back-card{width:min(410px,84%);height:430px;background:linear-gradient(145deg,#d8eef5,#edf3f7);transform:rotate(-7deg) translate(-25px,10px)}
.floating-spec{position:absolute;z-index:2;bottom:22px;left:20px;right:20px;border-radius:17px;padding:14px 16px;display:flex;gap:11px;align-items:center;background:rgba(7,18,31,.78);color:#fff;backdrop-filter:blur(12px)}
.floating-spec b{font-size:12px;display:block}.floating-spec small{font-size:9px;color:#b9c7d7}.spec-dot{width:9px;height:9px;border-radius:50%;background:#66d9e8;box-shadow:0 0 0 6px rgba(102,217,232,.12)}
.price-pill{position:absolute;right:2%;top:58px;z-index:4;background:#fff;padding:14px 18px;border-radius:17px;box-shadow:0 16px 35px rgba(9,27,48,.13);transform:rotate(-4deg)}
.price-pill small{display:block;font-size:8px;letter-spacing:.14em;color:#8995a3}.price-pill strong{font-family:"Space Grotesk";font-size:18px}
.ticker{background:#071525;color:#d9e5f0;min-height:55px;display:flex;align-items:center;justify-content:center;gap:22px;font-size:9px;letter-spacing:.18em;font-weight:700}
.ticker span{color:#4bcbdc}
.section{max-width:1220px;margin:auto;padding:100px 25px}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:38px}
.section-head h2{font-family:"Space Grotesk";font-size:clamp(36px,4vw,54px);line-height:1;letter-spacing:-.045em}
.section-head>p{max-width:390px;color:#788493;font-size:13px}
.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.category-card{min-height:180px;border-radius:24px;padding:23px;position:relative;overflow:hidden;background:#f4f7fa;border:1px solid #e9eef3;transition:.3s}
.category-card:hover{transform:translateY(-5px);box-shadow:0 20px 35px rgba(13,33,54,.09)}
.category-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.24;mix-blend-mode:multiply;transition:.3s}
.category-card:hover img{transform:scale(1.05);opacity:.32}
.category-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(7,20,34,.12))}
.category-card>*:not(img){position:relative;z-index:2}
.cat-num{font-size:9px;letter-spacing:.16em;font-weight:800;color:#426b86}.category-card h3{font-family:"Space Grotesk";font-size:20px;margin-top:54px}.category-card p{font-size:10px;color:#5e6c7c;margin-top:4px}.category-card .arrow{position:absolute;right:20px;bottom:19px;font-size:20px;color:#1b7f9c}
.category-card:nth-child(1){grid-column:span 2;background:#dff4f6}.category-card:nth-child(2){background:#eef2f7}.category-card:nth-child(3){background:#e9f3ed}.category-card:nth-child(4){background:#f5efe6}.category-card:nth-child(5){background:#eef0fa}.category-card:nth-child(6){background:#edf5f8}.category-card:nth-child(7){background:#f4edf7}
.products-section{padding-top:50px}
.products-head{align-items:start}.filters{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px;max-width:610px}
.filter{border:1px solid #e2e7ed;background:#fff;color:#657181;border-radius:100px;padding:8px 12px;font-size:10px;font-weight:700;cursor:pointer}.filter.active,.filter:hover{background:#071525;color:#fff;border-color:#071525}
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.product-card{border:1px solid #e7ebef;border-radius:22px;background:#fff;overflow:hidden;transition:.28s;display:flex;flex-direction:column}
.product-card:hover{transform:translateY(-5px);box-shadow:0 20px 35px rgba(10,27,46,.1)}
.product-img{height:195px;background:#f3f6f8;position:relative;overflow:hidden}
.product-img img{width:100%;height:100%;object-fit:cover;transition:.35s}
.product-card:hover .product-img img{transform:scale(1.05)}
.tag{position:absolute;top:11px;left:11px;background:rgba(255,255,255,.92);padding:6px 9px;border-radius:100px;font-size:8px;font-weight:800;letter-spacing:.08em}
.product-info{padding:17px;display:flex;flex-direction:column;flex:1}.product-cat{font-size:8px;letter-spacing:.14em;color:#8b97a4;font-weight:800;text-transform:uppercase}.product-info h3{font-family:"Space Grotesk";font-size:16px;line-height:1.2;margin:7px 0}.specs{font-size:9px;color:#707c89;min-height:31px}.price-row{display:flex;align-items:end;justify-content:space-between;margin-top:15px;gap:7px}.price{font-family:"Space Grotesk";font-size:18px}.price small{font-family:Inter;font-size:8px;color:#909aa6}.order-btn{border:1px solid #dce4ea;background:#f7fafc;padding:9px 11px;border-radius:10px;font-size:9px;font-weight:800;cursor:pointer}.order-btn:hover{background:#071525;color:#fff}
.load-note{text-align:center;color:#8b96a3;font-size:10px;margin-top:25px}
.deal-banner{max-width:1170px;margin:20px auto 80px;border-radius:34px;background:linear-gradient(120deg,#071525,#0b304a);padding:58px 60px;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:30px;position:relative;overflow:hidden}.deal-banner:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;right:-100px;top:-140px;background:rgba(65,210,225,.13)}.deal-banner>*{position:relative;z-index:1}.deal-banner h2{font-family:"Space Grotesk";font-size:clamp(32px,4vw,48px);line-height:1;max-width:680px;letter-spacing:-.04em}.deal-banner p{max-width:650px;color:#b6c7d7;font-size:12px;margin-top:16px}.btn-light{background:#fff;color:#071525;white-space:nowrap}
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#dfe5eb;border:1px solid #dfe5eb;border-radius:25px;overflow:hidden}.why-grid article{background:#fff;padding:28px;min-height:190px}.why-grid span{font-size:9px;color:#1b7f9c;font-weight:800;letter-spacing:.15em}.why-grid h3{font-family:"Space Grotesk";font-size:19px;margin-top:30px}.why-grid p{font-size:11px;color:#74808d;margin-top:9px}
.order-section{background:#071525;color:#fff;padding:100px max(25px,calc((100vw - 1170px)/2));display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.order-copy h2{font-family:"Space Grotesk";font-size:clamp(38px,4vw,58px);line-height:.98;letter-spacing:-.045em}.order-copy>p{font-size:12px;color:#aebfce;max-width:430px;margin:22px 0 28px}.contact-card{display:flex;align-items:center;gap:13px;margin-top:16px}.contact-icon{width:36px;height:36px;border:1px solid rgba(255,255,255,.14);border-radius:10px;display:grid;place-items:center;color:#6adbe7}.contact-card small{display:block;font-size:7px;letter-spacing:.16em;color:#8295a7}.contact-card strong{font-size:11px;color:#e7eef5}
.order-form{background:#fff;border-radius:26px;padding:28px;color:#152234;box-shadow:0 25px 60px rgba(0,0,0,.16)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.order-form label{display:block;font-size:9px;letter-spacing:.05em;font-weight:800;color:#5f6b79;margin-bottom:13px}.order-form input,.order-form textarea{width:100%;margin-top:7px;border:1px solid #e2e7ec;border-radius:11px;padding:12px 13px;outline:none;font-size:12px;color:#162334;background:#fbfcfd;resize:vertical}.order-form input:focus,.order-form textarea:focus{border-color:#4cb9cc;box-shadow:0 0 0 3px rgba(76,185,204,.1)}.submit-btn{width:100%;margin-top:5px}.form-note{font-size:8px;color:#8a96a3;text-align:center;margin-top:11px}.form-status{font-size:10px;color:#1b7f9c;text-align:center;margin-top:8px;min-height:15px}.confirm-box{background:#eef9f5;border:1px solid #b3e3d2;border-radius:16px;padding:20px 18px;margin-top:6px}.confirm-icon{width:38px;height:38px;border-radius:50%;background:#0f9d68;color:#fff;display:grid;place-items:center;font-size:18px;margin:0 auto 12px}.confirm-box h3{font-family:"Space Grotesk";font-size:17px;color:#0b4b35;margin:0 0 9px}.confirm-box p{font-size:11px;color:#2b5d4f;line-height:1.55;margin:7px 0}.confirm-box p strong{color:#0b4b35}.confirm-box small{display:block;font-size:9px;color:#4f8372;margin-top:11px}
.footer{background:#fff;padding:65px max(25px,calc((100vw - 1170px)/2)) 22px}.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:45px;padding-bottom:45px;border-bottom:1px solid #e7ebef}.footer-brand p{font-size:11px;color:#7c8794;max-width:290px;margin-top:16px}.footer h4{font-family:"Space Grotesk";font-size:12px;margin-bottom:15px}.footer-main>div:not(.footer-brand) a,.footer-main>div:not(.footer-brand) span{display:block;color:#7a8693;font-size:10px;margin:9px 0}.footer-main a:hover{color:#0d7b9b}.footer-bottom{padding-top:20px;display:flex;justify-content:space-between;gap:20px;color:#929ca7;font-size:9px}
@media(max-width:980px){.main-nav{display:none}.menu-toggle{display:flex;margin-left:auto;flex-direction:column;gap:4px;padding:10px}.menu-toggle span{width:20px;height:2px;background:#132235}.main-nav.open{position:absolute;display:flex;top:82px;left:18px;right:18px;background:#fff;border:1px solid #e6ebf0;border-radius:22px;padding:10px;box-shadow:0 20px 40px rgba(0,0,0,.1);flex-direction:column;align-items:stretch}.main-nav.open a{text-align:center}.hero{grid-template-columns:1fr;padding-top:60px}.hero-visual{height:440px}.category-grid{grid-template-columns:repeat(2,1fr)}.category-card:nth-child(1){grid-column:span 2}.product-grid{grid-template-columns:repeat(3,1fr)}.why-grid{grid-template-columns:repeat(2,1fr)}.order-section{grid-template-columns:1fr;gap:45px}.footer-main{grid-template-columns:1.5fr 1fr 1fr}}
@media(max-width:650px){.topbar{font-size:8px;gap:8px}.nav-shell{height:62px}.brand{min-width:auto}.brand strong{font-size:15px}.brand-mark{width:34px;height:34px}.nav-cta{padding:10px 12px;font-size:10px}.hero{padding:50px 20px 45px}.hero h1{font-size:49px}.hero-trust{gap:18px}.hero-visual{height:370px}.main-card{height:320px}.back-card{height:320px}.price-pill{top:25px}.section{padding:70px 20px}.section-head{display:block}.section-head>p{margin-top:17px}.category-grid{grid-template-columns:1fr}.category-card:nth-child(1){grid-column:span 1}.product-grid{grid-template-columns:repeat(2,1fr)}.product-img{height:150px}.product-info{padding:13px}.product-info h3{font-size:13px}.specs{font-size:8px}.price{font-size:15px}.filters{justify-content:flex-start;margin-top:25px}.deal-banner{margin:0 15px 55px;padding:38px 25px;display:block}.deal-banner .btn{margin-top:24px}.why-grid{grid-template-columns:1fr}.order-section{padding:75px 20px}.form-row{grid-template-columns:1fr}.footer-main{grid-template-columns:1fr 1fr;gap:30px}.footer-brand{grid-column:span 2}.footer-bottom{display:block}.footer-bottom span{display:block;margin:6px 0}}
@media(max-width:410px){.product-grid{grid-template-columns:1fr}.nav-cta{display:none}.hero h1{font-size:43px}}