:root{--brand-primary:#0052A2;--brand-secondary:#004F9F;--brand-accent:#0059A6;--n950:#172033;--n700:#4B5565;--n500:#727C8E;--n200:#DCE2EA;--n050:#F7F9FC;--white:#fff;--r-sm:8px;--r-md:12px;--r-lg:20px;--s1:0 1px 2px rgb(23 32 51/.06);--s2:0 8px 24px rgb(23 32 51/.10);--s3:0 24px 60px rgb(23 32 51/.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--n950);background:#fff}body.lock{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}img{max-width:100%;display:block}.container{width:min(1440px,calc(100% - 40px));margin:auto}.display,h1,h2,h3{font-family:Montserrat,Arial,sans-serif;letter-spacing:-.03em}.eyebrow{font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:800;color:var(--brand-primary)}.btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--r-md);padding:11px 18px;font-weight:750;border:1px solid transparent;cursor:pointer;transition:.15s}.btn.primary{background:var(--brand-primary);color:#fff}.btn.primary:hover{background:var(--brand-secondary);transform:translateY(-1px)}.btn.secondary{background:#fff;border-color:var(--n200)}.btn.secondary:hover{background:var(--n050)}:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}
.header{position:sticky;top:0;z-index:50;background:rgb(255 255 255/.94);border-bottom:1px solid var(--n200);backdrop-filter:blur(14px);transition:.18s}.header .bar{min-height:84px;display:grid;grid-template-columns:220px 1fr auto;align-items:center;gap:28px;transition:.18s}.header.compact .bar{min-height:66px}.logo{width:180px}.nav{display:flex;justify-content:center;gap:28px;font-weight:650;font-size:14px}.nav button{background:none;border:0;font-weight:650;cursor:pointer}.actions{display:flex;align-items:center;gap:10px}.iconbtn{width:44px;height:44px;border:1px solid var(--n200);border-radius:var(--r-md);background:#fff;cursor:pointer}.mega{position:absolute;left:50%;top:calc(100% + 1px);transform:translateX(-50%);width:min(1120px,calc(100vw - 40px));background:#fff;border:1px solid var(--n200);border-radius:0 0 var(--r-lg) var(--r-lg);box-shadow:var(--s3);padding:28px;display:none}.mega.open{display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px}.mega h4{margin:0 0 14px}.mega-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;font-size:14px}.muted{color:var(--n500)}.mobile-toggle{display:none}
.hero{background:var(--n950);color:#fff;overflow:hidden}.hero-grid{min-height:min(820px,78vh);display:grid;grid-template-columns:1.05fr .95fr;align-items:stretch}.hero-copy{padding:100px 7vw 100px max(0px,calc((100vw - 1440px)/2));align-self:center}.hero h1{font-size:clamp(48px,6vw,88px);line-height:.98;margin:18px 0 24px;max-width:760px}.hero .lead{font-size:18px;line-height:1.75;color:rgb(255 255 255/.72);max-width:650px}.hero .cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.hero-media{position:relative;background:var(--brand-primary);min-height:500px}.hero-media img{width:100%;height:100%;object-fit:contain;background:#fff;padding:7vw}.hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgb(23 32 51/.2),transparent 45%)}
.section{padding:96px 0}.section.soft{background:var(--n050)}.section.dark{background:var(--n950);color:#fff}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:38px}.section h2{font-size:clamp(34px,4vw,54px);margin:8px 0 0}.grid{display:grid;gap:22px}.category-grid{grid-template-columns:repeat(4,1fr)}.card{background:#fff;border:1px solid var(--n200);border-radius:var(--r-md);overflow:hidden;box-shadow:var(--s1);transition:.15s}.card:hover{transform:translateY(-4px);box-shadow:var(--s2)}.card-media{aspect-ratio:4/3;background:var(--n050);display:flex;align-items:center;justify-content:center;overflow:hidden}.card-media img{width:100%;height:100%;object-fit:contain;padding:18px;transition:.2s}.card:hover .card-media img{transform:scale(1.025)}.card-body{padding:20px}.card h3{margin:0;font-size:19px}.meta{font-size:13px;color:var(--n500);margin-top:8px}.product-grid{grid-template-columns:repeat(4,1fr)}.badge{display:inline-flex;border-radius:999px;background:var(--n050);color:var(--brand-primary);font-size:11px;font-weight:800;padding:5px 8px;margin-bottom:10px}.price{font-weight:800}.product-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}.empty{border:1px dashed var(--n200);border-radius:var(--r-lg);padding:44px;text-align:center;background:#fff}.why-grid{grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid rgb(255 255 255/.16);border-bottom:1px solid rgb(255 255 255/.16)}.why{padding:36px}.why+.why{border-left:1px solid rgb(255 255 255/.16)}.why p{color:rgb(255 255 255/.65);line-height:1.7}.closeband{background:var(--brand-primary);color:#fff}.closegrid{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center}.newsletter{display:flex;gap:8px}.newsletter input{min-height:48px;min-width:300px;border:0;border-radius:var(--r-md);padding:0 14px}.footer{background:var(--n950);color:#fff;padding:72px 0 28px}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:48px}.footer h3{font-size:14px}.footer a,.footer p{color:rgb(255 255 255/.65);font-size:14px;line-height:2}.footer-bottom{border-top:1px solid rgb(255 255 255/.14);margin-top:52px;padding-top:22px;color:rgb(255 255 255/.55);font-size:13px}.reveal{opacity:0;transform:translateY(16px);transition:.32s}.reveal.on{opacity:1;transform:none}.skeleton{background:linear-gradient(90deg,var(--n050),#fff,var(--n050));background-size:200% 100%;animation:shimmer 1.3s infinite}@keyframes shimmer{to{background-position:-200% 0}}
.mobile-menu{display:none}.modal{position:fixed;inset:0;z-index:80;background:rgb(23 32 51/.65);padding:20px;display:none;align-items:center;justify-content:center}.modal.open{display:flex}.modal-panel{width:min(620px,100%);background:#fff;border-radius:var(--r-lg);box-shadow:var(--s3);padding:28px;transform:scale(.96);opacity:0;transition:.18s}.modal.open .modal-panel{transform:none;opacity:1}.modal-top{display:flex;justify-content:space-between;gap:20px}.searchbox{position:fixed;inset:0;z-index:75;background:rgb(23 32 51/.66);display:none;padding:12vh 20px}.searchbox.open{display:block}.searchpanel{max-width:760px;margin:auto;background:#fff;border-radius:var(--r-lg);padding:24px;box-shadow:var(--s3)}.searchrow{display:flex;gap:8px}.searchrow input{width:100%;min-height:50px;border:1px solid var(--n200);border-radius:var(--r-md);padding:0 15px}.suggestions{margin-top:14px;display:grid;gap:8px}.suggestion{display:flex;justify-content:space-between;padding:12px;border-radius:8px;background:var(--n050);font-size:14px}
@media(max-width:1023px){.header .bar{grid-template-columns:1fr auto}.nav,.actions .primary{display:none}.mobile-toggle{display:inline-grid;place-items:center}.hero-grid{grid-template-columns:1fr}.hero-copy{padding:72px 24px}.hero-media{min-height:360px}.category-grid,.product-grid{grid-template-columns:repeat(2,1fr)}.why-grid{grid-template-columns:1fr}.why+.why{border-left:0;border-top:1px solid rgb(255 255 255/.16)}.footer-grid{grid-template-columns:repeat(2,1fr)}.mobile-menu{position:fixed;inset:0;z-index:70;background:#fff;padding:24px;overflow:auto}.mobile-menu.open{display:block}.mobile-head{display:flex;align-items:center;justify-content:space-between}.mobile-links{display:grid;gap:8px;margin-top:40px}.mobile-links a,.mobile-links button{padding:15px 0;border:0;border-bottom:1px solid var(--n200);background:none;text-align:left;font:700 20px Montserrat}.mobile-cta{position:sticky;bottom:0;margin-top:30px;padding:16px 0 calc(16px + env(safe-area-inset-bottom));background:#fff}}
@media(max-width:767px){.container{width:min(100% - 32px,1440px)}.section{padding:64px 0}.hero h1{font-size:44px}.hero-copy{padding:60px 16px}.hero-media{min-height:300px}.category-grid,.product-grid{grid-template-columns:1fr}.section-head{align-items:start;flex-direction:column}.closegrid{grid-template-columns:1fr}.newsletter{flex-direction:column}.newsletter input{min-width:0;width:100%}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.logo{width:150px}}
@media(max-width:374px){.hero .cta{display:grid}.hero .cta .btn{width:100%}.footer-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}