@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap');

:root{
 --navy:#071624; --navy2:#0b2236; --blue:#0878d1; --cyan:#31b8ee;
 --white:#fff; --off:#f4f7fa; --muted:#7b8794; --line:#dfe6ec;
 --shadow:0 24px 70px rgba(4,22,38,.12);
}
*{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth}
body{font-family:'DM Sans',Arial,sans-serif;color:var(--navy);background:#fff;line-height:1.65}
a{text-decoration:none;color:inherit}.container{width:min(1180px,90%);margin:auto}
.topbar{background:#06111d;color:#b9c8d5;font-size:12px;padding:9px 0}
.topbar .inner{display:flex;justify-content:space-between;gap:20px}.topbar a{color:#fff}
header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid #edf1f4}
.nav{height:82px;display:flex;align-items:center;justify-content:space-between}
.logo{font-size:30px;font-weight:800;letter-spacing:-1.5px;line-height:1}.logo b{color:var(--blue)}.logo small{display:block;font-size:8px;letter-spacing:4px;text-align:center;color:#26313b;margin-top:6px}
nav{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:700}nav a{position:relative}nav a:after{content:"";position:absolute;left:0;bottom:-9px;width:0;height:2px;background:var(--blue);transition:.25s}nav a:hover:after,nav a.active:after{width:100%}
.nav-cta{padding:11px 19px;background:var(--navy);color:#fff!important;border-radius:4px}.nav-cta:after{display:none}
.hero{min-height:710px;position:relative;display:flex;align-items:center;background:
linear-gradient(90deg,rgba(5,18,29,.94) 0%,rgba(5,18,29,.79) 36%,rgba(5,18,29,.25) 70%,rgba(5,18,29,.05) 100%),
url("hero-warehouse.png") center/cover no-repeat;color:#fff;overflow:hidden}
.hero:before{content:"";position:absolute;inset:auto -10% -180px;height:300px;background:#fff;border-radius:50% 50% 0 0/40% 40% 0 0}
.hero-copy{position:relative;z-index:2;max-width:650px;padding-bottom:80px}.kicker{font-size:12px;font-weight:800;letter-spacing:3px;text-transform:uppercase;color:#8edcff}.hero h1{font-family:'Playfair Display',serif;font-size:clamp(54px,7vw,92px);line-height:1.02;margin:15px 0 22px}.hero h1 span{color:#62c9ff}.hero p{font-size:18px;color:#e4edf4;max-width:590px}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 23px;border-radius:4px;font-weight:800;font-size:14px;transition:.25s}.primary{background:var(--blue);color:#fff}.primary:hover{background:#0963a9;transform:translateY(-2px)}.ghost{border:1px solid rgba(255,255,255,.5);color:#fff}.ghost:hover{background:#fff;color:var(--navy)}
.hero-badge{position:absolute;right:7%;bottom:95px;z-index:3;width:180px;height:180px;border-radius:50%;border:1px solid rgba(255,255,255,.45);display:grid;place-items:center;text-align:center;color:#fff;background:#07162499;backdrop-filter:blur(5px);font-size:12px;letter-spacing:2px;text-transform:uppercase}.hero-badge strong{display:block;font-size:28px;letter-spacing:0;color:#fff}
.trust{background:#fff;border-bottom:1px solid var(--line)}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:28px 0}.trust-item{padding:0 25px;border-right:1px solid var(--line);text-align:center}.trust-item:last-child{border:0}.trust-item strong{display:block;font-size:18px}.trust-item span{font-size:12px;color:var(--muted)}
section{padding:100px 0}.eyebrow{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--blue);font-weight:800}.section-title{max-width:700px;margin-bottom:50px}.section-title.center{text-align:center;margin-left:auto;margin-right:auto}.section-title h2{font-family:'Playfair Display',serif;font-size:48px;line-height:1.1;margin:12px 0}.section-title p{color:var(--muted);font-size:16px}
.about-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:75px;align-items:center}.image-wrap{position:relative}.image-wrap img{width:100%;height:510px;object-fit:cover;border-radius:3px;box-shadow:var(--shadow)}.image-tag{position:absolute;right:-25px;bottom:30px;background:var(--blue);color:#fff;padding:22px 26px;font-weight:700;box-shadow:0 15px 35px #0878d155}.about-copy h3{font-family:'Playfair Display',serif;font-size:35px;margin:10px 0 18px}.about-copy p{color:#596774;margin-bottom:18px}.check{display:flex;gap:12px;margin:15px 0;font-weight:600}.check i{width:22px;height:22px;border-radius:50%;background:#e6f5ff;color:var(--blue);display:grid;place-items:center;font-style:normal;font-size:13px}
.dark-section{background:var(--navy);color:#fff}.dark-section .section-title p{color:#9eacb8}.dark-section .eyebrow{color:#5bc8ff}
.products{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.product{background:#102a40;border:1px solid #19384f;overflow:hidden;transition:.3s}.product:hover{transform:translateY(-7px);border-color:#2a7fac}.product img{width:100%;height:240px;object-fit:cover}.product-body{padding:22px}.product-body h3{font-size:20px;margin-bottom:7px}.product-body p{color:#aebdca;font-size:14px}
.process{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.step{padding:35px 28px;border-right:1px solid var(--line)}.step:last-child{border:0}.step-num{font-size:12px;color:var(--blue);font-weight:800;letter-spacing:2px}.step h3{margin:12px 0 8px}.step p{color:var(--muted);font-size:14px}
.cta{background:linear-gradient(105deg,var(--blue),#07509a);color:#fff}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta h2{font-family:'Playfair Display',serif;font-size:42px}.cta p{color:#dceeff}.cta .ghost{border-color:#b9e3ff}
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px}.contact-card{background:var(--navy);color:#fff;padding:40px;border-radius:4px}.contact-card h2,.form h2{font-family:'Playfair Display',serif;font-size:35px;margin-bottom:22px}.contact-item{margin:23px 0}.contact-item span{display:block;color:#9eafbd;font-size:12px;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:5px}.contact-item a{color:#fff}.form{padding:5px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form input,.form textarea{width:100%;border:1px solid var(--line);padding:14px;border-radius:3px;font:inherit;outline:none}.form textarea{height:150px;resize:vertical;margin-top:15px}.form input:focus,.form textarea:focus{border-color:var(--blue)}
footer{background:#050c13;color:#fff;padding:42px 0}.footer-grid{display:flex;justify-content:space-between;gap:30px;align-items:flex-end}.footer-copy{color:#8d9aa5;font-size:13px;margin-top:12px}.social{display:flex;gap:15px;color:#b7c5d0;font-size:13px}
.whatsapp{position:fixed;right:22px;bottom:22px;z-index:100;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#20c66b;color:#fff;font-size:25px;box-shadow:0 10px 25px #0003}
@media(max-width:950px){nav{gap:15px}.hero-badge{display:none}.trust-grid{grid-template-columns:repeat(2,1fr);gap:20px}.trust-item:nth-child(2){border:0}.about-grid,.contact-grid{grid-template-columns:1fr}.products{grid-template-columns:repeat(2,1fr)}.process{grid-template-columns:repeat(2,1fr)}.step:nth-child(2){border-right:0}.cta-inner{flex-direction:column;align-items:flex-start}}
@media(max-width:620px){.topbar .inner{display:block;text-align:center}.topbar .inner span{display:block}.nav{height:auto;padding:16px 0;gap:15px;flex-direction:column}nav{gap:10px;flex-wrap:wrap;justify-content:center;font-size:11px}.nav-cta{padding:8px 12px}.hero{min-height:680px}.hero-copy{padding:40px 0 100px}.hero h1{font-size:52px}.hero p{font-size:16px}.trust-grid,.products,.process{grid-template-columns:1fr}.trust-item{border:0!important;border-bottom:1px solid var(--line)!important;padding:18px}.about-grid{gap:35px}.image-wrap img{height:340px}.image-tag{right:10px}.section-title h2{font-size:38px}.form-grid{grid-template-columns:1fr}.cta h2{font-size:34px}.footer-grid{display:block}.social{margin-top:20px}}