:root { --ink:#061521; --ocean:#092b3b; --teal:#18d6c4; --seafoam:#9af7e8; --cream:#f4fbfa; --coral:#ff8066; --muted:#9cb2bb; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:#061521; color:var(--cream); font-family:Arial, Helvetica, sans-serif; }
button, input { font:inherit; }
button, a { -webkit-tap-highlight-color:transparent; }
button { color:inherit; }
a { color:inherit; text-decoration:none; }
svg { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.site-header { position:absolute; z-index:20; top:24px; left:3%; right:3%; height:86px; display:flex; align-items:center; justify-content:space-between; padding:0 24px 0 30px; border:1px solid rgba(24,214,196,.72); border-radius:28px; background:rgba(3,18,29,.7); backdrop-filter:blur(18px); }
.brand { display:flex; align-items:center; gap:13px; font-size:21px; font-weight:800; letter-spacing:.02em; white-space:nowrap; }
.brand em { color:var(--teal); font-style:normal; font-weight:500; }
.brand-mark { display:grid; place-items:center; width:45px; height:34px; color:#061521; font-size:22px; font-style:italic; background:linear-gradient(135deg,var(--teal),#75f5eb); clip-path:polygon(0 0,72% 0,100% 50%,72% 100%,0 100%,27% 50%); }
.nav-links { display:flex; align-items:center; gap:36px; }
.nav-links a,.nav-links button { border:0; background:none; cursor:pointer; font-size:15px; font-weight:650; }
.nav-links a::after,.nav-links button::after { content:""; display:block; width:0; height:2px; margin-top:6px; background:var(--teal); transition:.2s; }
.nav-links a:hover::after,.nav-links button:hover::after { width:100%; }
.header-actions { display:flex; gap:10px; }
.icon-button { position:relative; display:grid; place-items:center; width:50px; height:50px; border:1px solid rgba(24,214,196,.28); border-radius:16px; background:rgba(5,35,48,.68); cursor:pointer; transition:.2s; }
.icon-button:hover { border-color:var(--teal); color:var(--teal); transform:translateY(-2px); }
.cart-button span { position:absolute; top:-5px; right:-4px; min-width:22px; height:22px; display:grid; place-items:center; padding:0 5px; border-radius:20px; background:var(--teal); color:var(--ink); font-size:12px; font-weight:800; }
.menu-button { display:none; }
.search-panel { position:absolute; top:100px; right:0; width:min(520px,90vw); display:flex; align-items:center; gap:12px; padding:14px 18px; border:1px solid rgba(24,214,196,.6); border-radius:18px; background:#071c28; box-shadow:0 18px 50px rgba(0,0,0,.35); }
.search-panel input { flex:1; min-width:0; border:0; outline:0; background:transparent; color:white; }
.search-panel button { border:0; background:none; color:var(--teal); cursor:pointer; }
.hero { position:relative; min-height:900px; display:flex; align-items:center; padding:168px 6.5% 160px; overflow:hidden; background:linear-gradient(90deg,#020b13 0%,rgba(3,17,28,.92) 37%,rgba(3,24,34,.24) 66%), url('../images/hero-production.png') center/cover no-repeat; }
.hero::after { content:""; position:absolute; inset:auto 0 0; height:220px; background:linear-gradient(transparent,#061521); }
.hero-shade { position:absolute; inset:0; background:radial-gradient(circle at 80% 35%,transparent 0 22%,rgba(0,0,0,.12) 55%); }
.hero-copy { position:relative; z-index:2; max-width:630px; }
.eyebrow { display:flex; align-items:center; gap:10px; margin:0 0 22px; color:var(--seafoam); font-size:12px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; }
.eyebrow span { width:28px; height:1px; background:currentColor; }
.eyebrow.dark { color:#188e85; }
.hero h1 { margin:0; font-size:clamp(70px,8vw,116px); line-height:.84; letter-spacing:-.075em; font-weight:800; }
.hero h1 strong { color:var(--teal); }
.hero-text { max-width:590px; margin:34px 0; color:#c4d4d8; font-size:20px; line-height:1.6; }
.hero-buttons { display:flex; align-items:center; gap:28px; }
.primary-button { height:62px; display:flex; align-items:center; gap:26px; padding:0 28px; border:0; border-radius:17px; background:linear-gradient(135deg,#60efe2,var(--teal)); color:var(--ink); font-size:17px; font-weight:800; cursor:pointer; box-shadow:0 10px 40px rgba(24,214,196,.2); transition:.2s; }
.primary-button:hover { transform:translateY(-2px); box-shadow:0 14px 48px rgba(24,214,196,.35); }
.text-link { padding:12px 0; border-bottom:1px solid rgba(255,255,255,.22); font-weight:700; }
.text-link span { color:var(--teal); margin-left:8px; }
.featured-card { position:absolute; z-index:3; right:5.5%; bottom:150px; width:min(470px,41%); display:flex; align-items:center; gap:18px; padding:22px; border:1px solid var(--teal); border-radius:22px; background:rgba(3,20,31,.82); backdrop-filter:blur(16px); box-shadow:0 18px 55px rgba(0,0,0,.35); }
.featured-card .coral-dot { display:grid; place-items:center; flex:0 0 58px; height:58px; border:1px solid rgba(255,128,102,.6); border-radius:50%; color:var(--coral); font-size:24px; }
.featured-thumb{width:92px;height:68px;object-fit:contain;flex:0 0 92px}
.featured-card div { display:flex; flex:1; flex-direction:column; gap:5px; }
.featured-card small { color:var(--muted); font-size:11px; letter-spacing:.1em; text-transform:uppercase; }
.featured-card strong { font-size:17px; }
.featured-card b { color:var(--teal); font-size:22px; }
.featured-card button,.product-info button { flex:0 0 42px; width:42px; height:42px; border:1px solid rgba(24,214,196,.55); border-radius:12px; background:rgba(24,214,196,.08); color:var(--teal); font-size:25px; cursor:pointer; }
.hero-stats { position:absolute; z-index:4; left:6.5%; bottom:62px; display:flex; gap:45px; color:#8da7b0; font-size:12px; letter-spacing:.06em; text-transform:uppercase; }
.hero-stats span { display:flex; flex-direction:column; gap:5px; }
.hero-stats b { color:white; font-size:15px; }
.category-section { padding:110px 6%; background:#f4fbfa; color:var(--ink); }
.section-heading { display:flex; align-items:end; justify-content:space-between; margin-bottom:54px; }
.section-heading h2,.products-top h2,.why-copy h2,.theme-section h2 { margin:0; font-size:clamp(48px,5.3vw,78px); line-height:.95; letter-spacing:-.055em; }
.section-heading>p { max-width:410px; color:#64757b; font-size:17px; line-height:1.65; }
.category-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.category-card { min-height:330px; display:flex; flex-direction:column; align-items:flex-start; padding:28px; text-align:left; border:1px solid #dce8e7; border-radius:22px; background:#fff; cursor:pointer; transition:.25s; }
.category-card:hover { transform:translateY(-7px); border-color:var(--teal); box-shadow:0 22px 55px rgba(4,56,60,.1); }
.category-icon { display:grid; place-items:center; width:58px; height:58px; margin-bottom:45px; border-radius:17px; background:#e2f7f4; color:#0a857b; font-size:24px; }
.category-card small { color:#839397; letter-spacing:.1em; text-transform:uppercase; }
.category-card h3 { margin:12px 0 8px; font-size:25px; }
.category-card p { min-height:44px; margin:0; color:#66777b; font-size:14px; line-height:1.55; }
.category-card i { display:flex; align-items:center; gap:8px; margin-top:auto; color:#0d8b81; font-style:normal; font-weight:800; }
.category-card i svg { width:17px; }
.products-section { padding:110px 6%; background:#061521; }
.products-top { display:flex; align-items:end; justify-content:space-between; margin-bottom:48px; }
.filters { display:flex; gap:8px; padding:6px; border:1px solid rgba(24,214,196,.2); border-radius:18px; background:#0a202c; }
.filters button { padding:11px 17px; border:0; border-radius:12px; background:transparent; color:#9fb2b9; cursor:pointer; }
.filters button.active { background:var(--teal); color:var(--ink); font-weight:800; }
.product-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.product-card { position:relative; overflow:hidden; border:1px solid rgba(114,222,211,.14); border-radius:24px; background:#0a202c; transition:.25s; }
.product-card:hover { transform:translateY(-5px); border-color:rgba(24,214,196,.5); }
.product-visual { position:relative; height:280px; display:grid; place-items:center; overflow:hidden; background:radial-gradient(circle at 70% 30%,rgba(24,214,196,.22),transparent 38%),#0d2937; }
.product-visual::before { content:""; width:65%; height:64px; border-radius:18px 26px 26px 18px; background:linear-gradient(#29343a,#071016 48%,#1f2a30); box-shadow:inset 0 0 0 2px #303d43,0 18px 30px rgba(0,0,0,.36); transform:rotate(-10deg); }
.product-visual::after { content:""; position:absolute; left:17%; width:78px; height:78px; border:6px solid #172329; border-radius:24px; background:radial-gradient(circle,#dbffff 0 14%,#77d9e1 38%,#1d4b59 62%,#081219 64%); transform:rotate(-10deg); box-shadow:-60px 0 90px rgba(154,247,232,.13); }
.product-visual span { position:absolute; z-index:2; left:52%; top:48%; color:#849298; font-size:10px; font-weight:900; transform:rotate(-10deg); }
.catalog-visual::before,.catalog-visual::after{display:none}.catalog-visual img{width:86%;height:84%;object-fit:contain;filter:drop-shadow(0 18px 18px rgba(16,35,56,.18));transition:transform .25s ease}.product-card:hover .catalog-visual img{transform:scale(1.04)}.woocommerce ul.products li.product img.xtar-catalogue-image{height:260px;object-fit:contain;padding:22px;background:#eef4f7}
.product-visual.blue { background:radial-gradient(circle at 70% 30%,rgba(40,120,255,.25),transparent 38%),#0b1e38; }
.product-visual.teal { background:radial-gradient(circle at 70% 30%,rgba(24,214,196,.24),transparent 38%),#0c322f; }
.product-visual.coral { background:radial-gradient(circle at 70% 30%,rgba(255,128,102,.22),transparent 38%),#2c2024; }
.product-visual.gold { background:radial-gradient(circle at 70% 30%,rgba(255,200,70,.22),transparent 38%),#2d291b; }
.product-visual.violet { background:radial-gradient(circle at 70% 30%,rgba(170,100,255,.22),transparent 38%),#241d31; }
.product-badge { position:absolute; top:18px; left:18px; padding:8px 11px; border:1px solid rgba(255,255,255,.12); border-radius:20px; background:rgba(3,15,22,.7); font-size:10px; font-weight:800; letter-spacing:.09em; text-transform:uppercase; }
.product-info { padding:25px; }
.product-info>small { color:var(--teal); font-size:10px; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
.product-info h3 { min-height:48px; margin:10px 0 8px; font-size:20px; }
.product-info>p { margin:0 0 24px; color:#91a8b0; font-size:13px; }
.product-info>div { display:flex; align-items:center; justify-content:space-between; }
.product-info strong { font-size:17px; }
.empty-state { padding:50px; text-align:center; border:1px dashed #31515d; border-radius:20px; color:#9bb0b7; }
.why-section { display:grid; grid-template-columns:1fr 1fr; gap:10%; padding:120px 7%; background:#0b2b38; }
.why-copy>p:not(.eyebrow) { max-width:570px; color:#a9bdc4; font-size:17px; line-height:1.7; }
.why-copy>a { display:inline-flex; align-items:center; gap:12px; margin-top:20px; color:var(--teal); font-weight:800; }
.why-list { display:flex; flex-direction:column; justify-content:center; }
.why-list>div { display:flex; gap:20px; padding:28px 0; border-bottom:1px solid rgba(255,255,255,.1); }
.why-list>div>svg { flex:0 0 40px; width:40px; height:40px; padding:10px; border-radius:50%; background:var(--teal); color:var(--ink); }
.why-list span { display:flex; flex-direction:column; gap:6px; }
.why-list b { font-size:18px; }
.why-list small { color:#8fa7af; }
.theme-section { display:grid; grid-template-columns:1fr 1fr; gap:10%; align-items:center; padding:110px 7%; background:var(--cream); color:var(--ink); }
.theme-section>div:last-child>p { color:#65777b; font-size:17px; line-height:1.7; }
.download-button { display:inline-flex; align-items:center; gap:12px; margin-top:18px; padding:18px 24px; border-radius:15px; background:var(--ink); color:white; font-weight:800; }
.download-button svg { color:var(--teal); }
footer { display:flex; align-items:center; justify-content:space-between; padding:48px 6% 110px; border-top:1px solid rgba(255,255,255,.1); color:#8198a1; font-size:13px; }
footer .brand { color:white; }
.mobile-tabbar { display:none; }
.toast { position:fixed; z-index:50; left:50%; bottom:30px; display:flex; align-items:center; gap:10px; padding:15px 20px; border:1px solid var(--teal); border-radius:14px; background:#0a202c; box-shadow:0 15px 60px rgba(0,0,0,.4); transform:translateX(-50%); animation:toastIn .25s ease-out; }
.toast svg { padding:3px; border-radius:50%; background:var(--teal); color:var(--ink); }
@keyframes toastIn { from { opacity:0; transform:translate(-50%,12px); } }

@media (max-width:900px) {
  .site-header { top:14px; left:15px; right:15px; height:70px; padding:0 10px 0 18px; border-radius:22px; }
  .brand { font-size:17px; }.brand-mark { width:36px; height:28px; font-size:17px; }
  .nav-links { position:absolute; top:78px; left:0; right:0; display:none; flex-direction:column; align-items:stretch; gap:0; padding:14px; border:1px solid rgba(24,214,196,.42); border-radius:18px; background:#071c28; }
  .nav-links.open { display:flex; }.nav-links a,.nav-links button { padding:14px; text-align:left; }
  .header-actions .cart-button { display:none; }.menu-button { display:grid; }
  .hero { min-height:850px; align-items:flex-start; padding:142px 24px 210px; background-position:62% center; }
  .hero::before { content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(1,10,17,.2),rgba(2,12,20,.8) 60%,#061521 93%); }
  .hero-copy { z-index:2; }.hero h1 { font-size:clamp(58px,18vw,82px); }.hero-text { max-width:430px; font-size:17px; }
  .featured-card { left:20px; right:20px; bottom:106px; width:auto; padding:16px; }
  .featured-card .coral-dot { flex-basis:48px; height:48px; }.featured-card strong { font-size:14px; }.featured-card b { font-size:18px; }
  .hero-stats { display:none; }
  .section-heading,.products-top { align-items:flex-start; flex-direction:column; gap:28px; }
  .category-grid { grid-template-columns:repeat(2,1fr); }.product-grid { grid-template-columns:repeat(2,1fr); }
  .why-section,.theme-section { grid-template-columns:1fr; gap:55px; }
}
@media (max-width:620px) {
  body { padding-bottom:72px; }
  .site-header .icon-button { width:44px; height:44px; }.search-panel { top:76px; }
  .hero { min-height:800px; padding-left:20px; padding-right:20px; background-position:67% center; }
  .hero h1 { font-size:58px; }.eyebrow { font-size:9px; letter-spacing:.12em; }.hero-text { font-size:15px; line-height:1.55; }
  .hero-buttons { align-items:flex-start; flex-direction:column; gap:10px; }.primary-button { width:100%; justify-content:space-between; height:56px; }
  .featured-card { bottom:80px; }.featured-card button { flex-basis:38px; width:38px; height:38px; }
  .category-section,.products-section,.why-section,.theme-section { padding:78px 18px; }
  .section-heading h2,.products-top h2,.why-copy h2,.theme-section h2 { font-size:46px; }
  .section-heading>p { margin:0; font-size:15px; }.category-grid { grid-template-columns:1fr; }
  .category-card { min-height:240px; }.category-icon { margin-bottom:24px; }
  .filters { width:100%; overflow:auto; }.filters button { white-space:nowrap; }
  .product-grid { display:flex; margin-right:-18px; padding-right:18px; overflow:auto; scroll-snap-type:x mandatory; }.product-card { flex:0 0 82vw; scroll-snap-align:start; }.product-visual { height:245px; }
  footer { flex-direction:column; align-items:flex-start; gap:18px; padding:45px 20px; }
  .mobile-tabbar { position:fixed; z-index:40; left:10px; right:10px; bottom:9px; height:64px; display:grid; grid-template-columns:repeat(4,1fr); padding:5px; border:1px solid rgba(24,214,196,.3); border-radius:19px; background:rgba(3,20,30,.92); backdrop-filter:blur(16px); box-shadow:0 8px 30px rgba(0,0,0,.4); }
  .mobile-tabbar a,.mobile-tabbar button { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; border:0; background:none; color:#dce9eb; font-size:18px; }
  .mobile-tabbar span { font-size:9px; text-transform:uppercase; letter-spacing:.08em; }.mobile-tabbar b { position:absolute; top:1px; right:19%; min-width:18px; height:18px; display:grid; place-items:center; border-radius:10px; background:var(--teal); color:var(--ink); font-size:10px; }
  .toast { bottom:84px; width:calc(100% - 36px); justify-content:center; font-size:13px; }
}
@media (prefers-reduced-motion:reduce) { * { scroll-behavior:auto!important; animation:none!important; transition:none!important; } }

/* WordPress and WooCommerce integration */
.admin-bar .site-header{top:56px}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.xtar-main{min-height:60vh}.content-shell{width:min(1180px,88%);margin:0 auto;padding:170px 0 100px}.content-shell h1{font-size:clamp(44px,6vw,78px);letter-spacing:-.05em}.content-shell article{padding:28px 0;border-bottom:1px solid rgba(255,255,255,.12)}
.woocommerce .woocommerce-breadcrumb{color:#8da7b0;margin:0 0 30px}.woocommerce .woocommerce-result-count,.woocommerce .woocommerce-ordering{color:#9fb2b9}.woocommerce .products ul,.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:40px 0!important}.woocommerce ul.products::before,.woocommerce ul.products::after{display:none!important}.woocommerce ul.products li.product{float:none!important;width:auto!important;margin:0!important;padding:18px!important;border:1px solid rgba(114,222,211,.14);border-radius:24px;background:#0a202c;transition:.25s}.woocommerce ul.products li.product:hover{transform:translateY(-5px);border-color:rgba(24,214,196,.5)}.woocommerce ul.products li.product a img{border-radius:18px;background:#0d2937}.woocommerce ul.products li.product .woocommerce-loop-product__title{color:#fff;font-size:20px!important}.woocommerce ul.products li.product .price{color:var(--teal)!important;font-weight:800}.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit{border-radius:12px!important;background:var(--teal)!important;color:var(--ink)!important;font-weight:800!important}.woocommerce div.product{display:grid;grid-template-columns:1fr 1fr;gap:7%}.woocommerce div.product div.images,.woocommerce div.product div.summary{float:none!important;width:auto!important}.woocommerce div.product .product_title{font-size:clamp(42px,5vw,70px);line-height:1;letter-spacing:-.05em}.woocommerce div.product p.price{color:var(--teal);font-size:28px}.woocommerce div.product .woocommerce-tabs{grid-column:1/-1}.woocommerce-message,.woocommerce-info{border-top-color:var(--teal)!important;background:#0a202c!important;color:white!important}.woocommerce-message::before,.woocommerce-info::before{color:var(--teal)!important}.woocommerce table.shop_table{border-color:#27424d!important}.woocommerce table.shop_table th,.woocommerce table.shop_table td{border-color:#27424d!important}.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce select{padding:14px;border:1px solid #31515d;border-radius:10px;background:#0a202c;color:white}.xtar-search-form{display:flex;gap:10px;max-width:600px}.xtar-search-form input{flex:1;padding:15px 18px;border:1px solid #31515d;border-radius:12px;background:#0a202c;color:white}.xtar-search-form button{padding:0 22px;border:0;border-radius:12px;background:var(--teal);color:var(--ink);font-weight:800}.woocommerce-pagination ul.page-numbers{border:0!important}.woocommerce-pagination ul.page-numbers li{border:0!important;margin:4px!important}.woocommerce-pagination .page-numbers a,.woocommerce-pagination .page-numbers span{border-radius:9px!important;background:#0a202c!important;color:white!important}.woocommerce-pagination .page-numbers .current{background:var(--teal)!important;color:var(--ink)!important}
@media(max-width:900px){.admin-bar .site-header{top:60px}.woocommerce .products ul,.woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr))}.woocommerce div.product{grid-template-columns:1fr}}
@media(max-width:620px){.woocommerce .products ul,.woocommerce ul.products{display:flex!important;overflow:auto;scroll-snap-type:x mandatory}.woocommerce ul.products li.product{flex:0 0 82vw;scroll-snap-align:start}.content-shell{width:calc(100% - 36px);padding-top:130px}}
/* Arctic Depths visual system */
body{background:#fff;color:#102338}
.site-header{position:absolute;top:0;left:0;right:0;height:102px;padding:0 32px;border:0;border-radius:0;background:rgba(255,255,255,.96);box-shadow:0 1px 0 #e5edf3;backdrop-filter:blur(16px)}
.brand{color:#102338;letter-spacing:.14em}.brand em{color:#102338;font-weight:700}.brand-mark{color:white;background:#102338;clip-path:none;border-radius:9px;font-style:normal}
.nav-links a,.nav-links button{color:#102338}.nav-links a::after,.nav-links button::after{background:#1769e0}.icon-button{border:0;border-radius:13px;background:#fff;color:#102338}.icon-button:hover{color:#1769e0;background:#eef6fb}.cart-button span{background:#1769e0;color:white}
.search-panel{top:86px;border-color:#dce6ee;background:white;color:#102338;box-shadow:0 18px 50px rgba(16,35,56,.14)}.search-panel input{color:#102338}.search-panel button{color:#1769e0}
.hero{min-height:780px;padding:170px 4% 140px;background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.96) 31%,rgba(244,249,252,.72) 45%,rgba(244,249,252,0) 62%),url('../images/arctic-hero-production.png') center/cover no-repeat;color:#102338}
.hero::after{height:90px;background:linear-gradient(transparent,rgba(244,247,250,.9))}.hero-shade{display:none}.hero-copy{max-width:670px}.hero .eyebrow{color:#159fa4;margin-bottom:32px}.hero h1{font-size:clamp(58px,6.5vw,96px);line-height:.97;letter-spacing:-.06em}.hero h1 strong{color:#102338}.hero-text{max-width:500px;color:#3e5568;font-size:19px}.primary-button{height:66px;border-radius:12px;background:#1769e0;color:white;box-shadow:0 12px 28px rgba(23,105,224,.2)}.primary-button:hover{box-shadow:0 16px 34px rgba(23,105,224,.3)}.text-link{color:#1769e0;border-color:#bed3ed}
.featured-card{right:auto;left:4%;bottom:-82px;width:min(770px,58%);padding:28px 30px;border:1px solid #dce6ee;border-radius:18px;background:rgba(255,255,255,.97);color:#102338;box-shadow:0 22px 60px rgba(16,35,56,.14)}.featured-card .coral-dot{border-color:#b9e7e5;color:#159fa4;background:#edfafa}.featured-card small{color:#159fa4}.featured-card b{color:#1769e0}.featured-card button,.product-info button{border-color:#1769e0;background:white;color:#1769e0}.hero-stats{left:auto;right:4%;bottom:-82px;gap:12px;color:#6c8291}.hero-stats span{min-width:130px;padding:23px 22px;border:1px solid #dce6ee;border-radius:16px;background:white;text-align:center;box-shadow:0 12px 34px rgba(16,35,56,.08)}.hero-stats b{color:#102338}
.category-section{padding-top:180px;background:#f4f7fa}.category-card{border-color:#dce6ee;border-radius:16px;box-shadow:0 8px 24px rgba(16,35,56,.04)}.category-card:hover{border-color:#16b6b0;box-shadow:0 20px 45px rgba(16,35,56,.1)}.category-icon{background:#eaf8f8;color:#159fa4}.category-card i{color:#1769e0}
.products-section{background:white;color:#102338}.products-section .eyebrow{color:#159fa4}.filters{border-color:#dce6ee;background:#f4f7fa}.filters button{color:#607587}.filters button.active{background:#1769e0;color:white}.product-card{border-color:#dce6ee;border-radius:18px;background:white;box-shadow:0 8px 24px rgba(16,35,56,.05)}.product-card:hover{border-color:#16b6b0;box-shadow:0 20px 42px rgba(16,35,56,.1)}.product-visual{background:radial-gradient(circle at 70% 30%,rgba(22,182,176,.16),transparent 38%),#eef4f7}.product-visual.blue{background:radial-gradient(circle at 70% 30%,rgba(23,105,224,.18),transparent 38%),#edf3fa}.product-visual.teal{background:radial-gradient(circle at 70% 30%,rgba(22,182,176,.18),transparent 38%),#edf8f7}.product-visual.coral{background:radial-gradient(circle at 70% 30%,rgba(255,128,102,.14),transparent 38%),#faf2f0}.product-visual.gold{background:radial-gradient(circle at 70% 30%,rgba(255,200,70,.16),transparent 38%),#faf7ed}.product-visual.violet{background:radial-gradient(circle at 70% 30%,rgba(139,104,220,.14),transparent 38%),#f5f1fa}.product-badge{border-color:#dce6ee;background:rgba(255,255,255,.9);color:#52697a}.product-info>small{color:#159fa4}.product-info>p{color:#6e8290}.empty-state{border-color:#ccd9e1;color:#607587}
.why-section{background:#102338}.why-copy>a,.why-section .eyebrow{color:#4fd3cf}.theme-section{background:#f4f7fa}.download-button{background:#1769e0}
footer{border-color:#dce6ee;background:white;color:#667b89}footer .brand{color:#102338}
.mobile-tabbar{border-color:#dce6ee;background:rgba(255,255,255,.95);box-shadow:0 8px 30px rgba(16,35,56,.16)}.mobile-tabbar a,.mobile-tabbar button{color:#102338}.mobile-tabbar b{background:#1769e0;color:white}.toast{border-color:#16b6b0;background:white;color:#102338;box-shadow:0 15px 45px rgba(16,35,56,.2)}.toast svg{background:#16b6b0;color:white}
@media(max-width:900px){.site-header{top:12px;left:15px;right:15px;height:70px;border:1px solid #dce6ee;border-radius:20px}.nav-links{background:white;border-color:#dce6ee}.hero{min-height:840px;padding-top:140px;background:linear-gradient(180deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.86) 43%,rgba(244,247,250,.34) 66%,#f4f7fa 94%),url('../images/arctic-hero-production.png') 67% center/cover no-repeat}.hero::before{display:none}.featured-card{left:20px;right:20px;bottom:85px;width:auto}.hero-stats{display:none}.category-section{padding-top:90px}}
@media(max-width:620px){.hero{min-height:820px;color:#102338}.hero h1{font-size:55px}.hero-text{color:#40586a}.featured-card{bottom:60px}.product-grid{margin-right:-18px}.mobile-tabbar{display:grid}}