:root{--bg: #f6f8fc;--fg: #081226;--muted: #5a6476;--border: rgba(8, 18, 38, .12);--card: #ffffff;--accent: #2563eb;--accent-2: #ef4444;--nav: #071a2e;--nav-2: #061427;--nav-fg: rgba(255, 255, 255, .92);--nav-muted: rgba(255, 255, 255, .72);--shadow: 0 18px 55px rgba(8, 18, 38, .14);--shadow-soft: 0 10px 30px rgba(8, 18, 38, .08);--radius: 18px;--container: 1180px;--ring: 0 0 0 4px rgba(37, 99, 235, .28);--soft: rgba(37, 99, 235, .06)}*,*:before,*:after{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,"Apple Color Emoji","Segoe UI Emoji";color:var(--fg);background:var(--bg);scroll-behavior:smooth;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;line-height:1.6;background:radial-gradient(900px 520px at 10% 0%,rgba(37,99,235,.14),transparent 60%),radial-gradient(900px 520px at 90% 10%,rgba(239,68,68,.12),transparent 55%),var(--bg)}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:none;box-shadow:var(--ring);border-radius:10px}.container{width:min(var(--container),calc(100% - 32px));margin-inline:auto}.stack,.grid{display:grid;gap:16px}@media(min-width:768px){.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);background:#0ea5e914;color:var(--fg);padding:8px 12px;border-radius:999px;font-weight:600;font-size:14px}.section{padding:56px 0}@media(max-width:480px){.section{padding:40px 0}}@media(min-width:768px){.section{padding:72px 0}}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:0 1px #08122605}@media(max-width:560px){.card{padding:14px}}.card.lift{box-shadow:var(--shadow-soft)}.h1{font-size:38px;line-height:1.1;letter-spacing:-.02em;margin:0}@media(max-width:420px){.h1{font-size:30px}}@media(min-width:768px){.h1{font-size:52px}}.h2{font-size:26px;line-height:1.2;margin:0;letter-spacing:-.01em}@media(min-width:768px){.h2{font-size:34px}}@media(max-width:420px){.h2{font-size:22px}}.lead{font-size:16px;color:var(--muted);margin:0}@media(max-width:420px){.lead{font-size:15px}}@media(min-width:768px){.lead{font-size:18px}}.btn-row{display:flex;gap:12px;flex-wrap:wrap}@media(max-width:520px){.btn-row .btn{width:100%;justify-content:center}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;padding:12px 16px;border:1px solid var(--border);background:#fff;color:var(--fg);font-weight:700;transition:transform .14s ease,background-color .14s ease,border-color .14s ease,box-shadow .14s ease}.btn:hover{transform:translateY(-1px);border-color:#2563eb59;box-shadow:0 12px 24px #08122614}.btn.primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;border-color:#2563eb59}.btn.primary:hover{border-color:#0ea5e98c}.btn.ghost{background:#0ea5e90f}.taglist{display:flex;flex-wrap:wrap;gap:10px}.tag{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--border);border-radius:999px;color:var(--muted);background:#0b122005;font-weight:600;font-size:14px}.tag-btn{cursor:pointer;user-select:none;color:var(--fg)}.tag-btn:hover{border-color:#2563eb59;background:#2563eb14}.tag-btn[aria-pressed=true]{border-color:#2563eb99;background:#2563eb1f}.shop-grid{display:grid;gap:16px}@media(min-width:980px){.shop-grid{grid-template-columns:1.2fr .8fr;align-items:start}}.shop-panels{display:grid;gap:16px}@media(min-width:900px){.shop-panels{grid-template-columns:repeat(3,minmax(0,1fr))}}.shop-search{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.shop-search input{flex:1 1 260px}.chip-grid{display:flex;flex-wrap:wrap;gap:10px}.catalog-shell{display:grid;gap:18px}@media(min-width:980px){.catalog-shell{grid-template-columns:320px 1fr;gap:22px}}.catalog-sidebar{position:relative}@media(min-width:980px){.catalog-sidebar{position:sticky;top:118px;align-self:start}}.filters{display:grid;gap:14px}.filter-card{padding:14px}.filter-title{display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:950}.filter-list{display:grid;gap:10px;margin-top:12px}.check{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;border-radius:14px;border:1px solid rgba(8,18,38,.1);background:#ffffffbf}.check:hover{border-color:#ef444459;background:#ef444414}.check-left{display:flex;align-items:center;gap:10px;min-width:0}.check input{width:16px;height:16px;accent-color:var(--accent)}.check-label{font-weight:800;color:#081226e6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.check-count{font-weight:900;color:#0812268c;background:#0812260f;border:1px solid rgba(8,18,38,.08);padding:4px 8px;border-radius:999px;font-size:12px}.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}@media(max-width:560px){.catalog-toolbar{flex-direction:column;align-items:stretch;gap:10px}.catalog-toolbar .sort,.shop-search{width:100%}}[data-brand-grid]{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}@media(max-width:720px){[data-brand-grid]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:480px){[data-brand-grid]{grid-template-columns:repeat(2,minmax(0,1fr))}}[data-brand-grid] .card img{width:52px;height:52px}.catalog-toolbar h2{margin:0;font-size:22px;letter-spacing:-.02em}.sort{display:inline-flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:#ffffffbf;border:1px solid rgba(8,18,38,.1)}.sort select{border:0;background:transparent;font:inherit;font-weight:900;color:#081226cc}.product-grid{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:480px){.product-grid{grid-template-columns:1fr}}@media(min-width:720px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1100px){.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.product-card{display:grid;gap:10px;padding:14px;border-radius:18px;border:1px solid rgba(8,18,38,.12);background:#ffffffe6;box-shadow:var(--shadow-soft);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.product-card:hover{transform:translateY(-2px);border-color:#ef444459;box-shadow:var(--shadow)}.product-img{border-radius:16px;background:radial-gradient(180px 120px at 30% 10%,rgba(37,99,235,.25),transparent 60%),radial-gradient(180px 120px at 80% 20%,rgba(239,68,68,.22),transparent 60%),#0812260a;border:1px solid rgba(8,18,38,.08);aspect-ratio:3 / 4;display:grid;place-items:center;overflow:hidden}@media(max-width:480px){.product-img{aspect-ratio:1 / 1}}.product-img svg{width:62%;height:auto}.product-img img{width:100%;height:100%;object-fit:contain}.product-title{font-weight:950;letter-spacing:-.01em;line-height:1.25}@media(max-width:420px){.product-title{font-size:15px}}.product-meta{display:flex;gap:8px;flex-wrap:wrap;color:#0812269e;font-weight:800;font-size:12px}.product-actions{display:grid;gap:10px}@media(max-width:480px){.product-actions .btn{width:100%}}@media(max-width:520px){table th,table td{padding:8px}.chip{font-size:12px;padding:5px 8px}}.kbd{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;padding:2px 6px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--muted)}.muted{color:var(--muted)}.topbar{border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,var(--nav),var(--nav-2));position:sticky;top:0;z-index:20}.topbar-note{border-bottom:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:var(--nav-muted)}.topbar-note-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;font-weight:700;font-size:13px}.topbar-note-inner a{color:#fff;font-weight:900}.topbar-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:16px}@media(max-width:560px){.topbar-inner{flex-wrap:wrap;gap:10px}}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.02em;color:#fff}.brand-mark{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:grid;place-items:center;color:#fff}.brand-img{display:block;height:36px;width:auto}.brand-mark{display:none}@media(max-width:560px){.brand-img{height:52px;max-width:180px}}@media(min-width:920px){.brand-img{height:40px}}.nav{display:none;gap:6px;align-items:center}.nav a{padding:10px 12px;border-radius:999px;color:var(--nav-muted);font-weight:700;font-size:14px}.nav a.active,.nav a:hover{background:#ffffff14;color:#fff}.nav-badge{display:inline-flex;align-items:center;justify-content:center;padding:3px 8px;border-radius:999px;font-size:12px;font-weight:900;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff}.nav-new{display:inline-flex;align-items:center;gap:8px}.nav-drop{position:relative}.nav-drop summary{padding:10px 12px;border-radius:999px;color:var(--nav-muted);font-weight:700;font-size:14px}.nav-drop.active summary,.nav-drop summary:hover{background:#ffffff14;color:#fff}.nav-drop[open] summary{background:#ffffff1f;color:#fff}.nav-menu{position:absolute;top:calc(100% + 10px);left:0;min-width:260px;background:#fff;border:1px solid rgba(8,18,38,.12);border-radius:14px;padding:8px;box-shadow:var(--shadow)}.nav-menu a{display:flex;padding:10px 12px;border-radius:12px;font-weight:800;color:var(--muted)}.nav-menu a.active,.nav-menu a:hover{background:#0ea5e914;color:var(--fg)}.nav-shop{position:relative}.nav-mega{position:absolute;top:calc(100% + 12px);left:0;width:min(900px,calc(100vw - 32px));background:#fff;border:1px solid rgba(8,18,38,.12);border-radius:18px;box-shadow:var(--shadow);display:none;overflow:hidden}.nav-shop:hover .nav-mega,.nav-shop:focus-within .nav-mega{display:block}.nav-mega-inner{display:grid;gap:0;grid-template-columns:1fr 1fr .9fr}@media(max-width:920px){.nav-mega{position:static;width:100%;margin-top:10px}.nav-mega-inner{grid-template-columns:1fr;gap:10px}.nav-mega-col,.nav-mega-cta{border-right:0;padding:12px}}.nav-mega-col{padding:16px 16px 18px;border-right:1px solid rgba(8,18,38,.08)}.nav-mega-cta{padding:16px 16px 18px;background:#2563eb0f}.nav-mega-title{font-weight:950;letter-spacing:-.01em}.nav-mega-links{display:grid;gap:8px;margin-top:12px}.nav-mega-links a{padding:8px 10px;border-radius:12px;font-weight:800;color:#081226bf;background:#08122605;border:1px solid rgba(8,18,38,.08)}.nav-mega-links a:hover{background:#ef44441f;border-color:#ef444459;color:var(--fg)}.nav-mobile{display:flex;gap:6px;padding:0 0 12px;overflow-x:auto;scrollbar-width:none}.nav-mobile::-webkit-scrollbar{display:none}.nav-mobile a{padding:10px 12px;border-radius:999px;color:#ffffffe0;font-weight:800;font-size:14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);white-space:nowrap}@media(max-width:560px){.nav-mobile{padding-bottom:8px;gap:8px}.nav-mobile a{font-size:13px;padding:8px 10px}}.nav-mobile a.active,.nav-mobile a:hover{background:#ffffff1f;color:#fff;border-color:#ffffff2e}.mobile-toggle{display:inline-flex;align-items:center;gap:10px}.mobile-panel{padding:10px 0 14px}@media(min-width:920px){.mobile-toggle,.mobile-panel{display:none}}@media(max-width:919px){.nav-mobile,.header-search-mobile,.mobile-actions{display:none}.topbar.is-open .mobile-panel{display:block}.topbar.is-open .nav-mobile,.topbar.is-open .header-search-mobile,.topbar.is-open .mobile-actions{display:flex}.topbar.is-open .mobile-actions{display:grid}}@media(min-width:920px){.nav{display:inline-flex}.nav-mobile{display:none}}.mobile-actions{display:inline-flex;gap:10px}@media(max-width:560px){.mobile-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}.mobile-actions .btn{width:100%;justify-content:center;padding:9px 10px;font-size:13px}.mobile-actions .btn.primary{grid-column:1 / -1}}@media(min-width:920px){.mobile-actions{display:none}}.header-search-mobile{padding:0 0 12px}.header-search{display:none;flex:1 1 420px;max-width:560px}.header-search-mobile{padding:0 0 14px}.header-search-mobile .search{border-radius:16px}@media(max-width:560px){.header-search-mobile .search{flex-direction:column;align-items:stretch;border-radius:18px;padding:12px}.header-search-mobile .search-btn{width:100%}}@media(min-width:920px){.header-search-mobile{display:none}}.topbar .btn{border-color:#ffffff24;background:#ffffff0f;color:#fff}.topbar .btn:hover{border-color:#ffffff38;background:#ffffff14;box-shadow:none}.topbar .btn.primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));border-color:#ef444440}.search{display:flex;align-items:center;gap:10px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:8px 8px 8px 14px}.search input{flex:1 1 auto;background:transparent;border:0;color:#fff;font:inherit;outline:none}.search input::placeholder{color:#ffffffb3}.search-btn{border:0;border-radius:999px;padding:10px 14px;font-weight:900;color:#071a2e;background:#fff;cursor:pointer}@media(min-width:920px){.header-search{display:block}}.hero{padding:44px 0 32px;background:#ffffffbf;border-bottom:1px solid var(--border)}@media(min-width:768px){.hero{padding:74px 0 36px}}.hero-grid{display:grid;gap:24px}@media(min-width:980px){.hero-grid{grid-template-columns:1.15fr .85fr;align-items:center;gap:28px}}.hero-panel{border-radius:calc(var(--radius) + 8px);padding:18px;border:1px solid var(--border);background:linear-gradient(180deg,#1d4ed80f,#0ea5e905)}.hero-panel .card{border-radius:calc(var(--radius) + 6px)}.landing-hero{background:linear-gradient(180deg,#071a2e05,#fff0);padding:66px 0 78px}@media(min-width:768px){.landing-hero{padding:96px 0 92px}}.landing-inner{display:grid;gap:28px}.landing-copy{text-align:center;display:grid;gap:12px}.landing-title{margin:0;font-size:40px;line-height:1.08;letter-spacing:-.03em}@media(min-width:768px){.landing-title{font-size:54px}}.landing-subtitle{margin:0;font-size:18px;color:var(--muted);font-weight:600}.landing-note{margin:8px 0 0;font-size:28px;line-height:1.2;letter-spacing:-.02em;color:#0b1220ad}@media(min-width:768px){.landing-note{font-size:36px}}.category-grid{display:grid;gap:18px;grid-template-columns:1fr;width:min(1100px,100%);margin-inline:auto}@media(min-width:640px){.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:980px){.category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.category-card{background:#fff;border:1px solid rgba(8,18,38,.12);border-radius:18px;padding:18px 18px 22px;box-shadow:var(--shadow-soft);display:grid;gap:12px;justify-items:center;transition:transform .16s ease,box-shadow .16s ease}.category-card:hover{transform:translateY(-2px);box-shadow:0 18px 44px #0b122029}.category-illustration{width:min(180px,100%);display:grid;place-items:center}.category-illustration svg{width:100%;height:auto}.category-label{font-weight:900;font-size:22px;letter-spacing:-.01em;text-align:center;display:inline-flex;align-items:center;gap:10px}.badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:900;background:#0ea5e91f;border:1px solid rgba(14,165,233,.35);color:var(--fg)}.list{padding-left:18px;margin:0}.list li{margin:6px 0;color:var(--muted)}.map-frame{width:100%;aspect-ratio:16 / 12;border:0;border-radius:var(--radius);overflow:hidden}.footer{border-top:1px solid rgba(255,255,255,.08);padding:52px 0;background:linear-gradient(180deg,var(--nav-2),var(--nav));color:var(--nav-fg)}.footer a{color:#fff}.footer .btn{background:#ffffff0f;border-color:#ffffff24;color:#fff}.footer .btn:hover{background:#ffffff17;border-color:#ffffff38;box-shadow:none}.footer .btn.primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));border-color:#ef444440}.footer-grid{display:grid;gap:18px}@media(min-width:768px){.footer-grid{grid-template-columns:1.3fr .7fr 1fr;gap:22px}}.small{font-size:14px;color:var(--muted)}.footer .small{color:#ffffffbd}details{border:1px solid var(--border);border-radius:14px;padding:14px;background:#fff}.nav-drop{border:0;padding:0;background:transparent}.nav-drop+.nav-drop{margin-top:0}details+details{margin-top:12px}summary{cursor:pointer;font-weight:800;list-style:none}summary::-webkit-details-marker{display:none}.form{display:grid;gap:12px}.field{display:grid;gap:6px}.field label{font-weight:700;font-size:14px}.field input,.field select,.field textarea{border:1px solid var(--border);border-radius:14px;padding:12px;font:inherit}.field textarea{min-height:140px;resize:vertical}