:root {
  color-scheme: light;
  --navy: #071b33;
  --navy-2: #0c2849;
  --blue: #0767d9;
  --cyan: #02bde9;
  --green: #18a879;
  --orange: #ff7a1a;
  --ink: #10243d;
  --muted: #60738a;
  --line: #dce5ec;
  --soft: #f3f7fa;
  --paper: #ffffff;
  --shadow: 0 18px 50px rgba(7, 27, 51, .12);
  --radius: 18px;
  --max: 1440px;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--paper); color: var(--ink); font-size: 16px; line-height: 1.5; overflow-x: hidden; }
body.locked { overflow: hidden; }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; left: 12px; top: -60px; z-index: 200; background: var(--navy); color: #fff; padding: 12px 18px; border-radius: 8px; }
.skip-link:focus { top: 12px; }
:focus-visible { outline: 3px solid rgba(2, 189, 233, .55); outline-offset: 3px; }

.promo-bar { min-height: 36px; display: flex; align-items: center; justify-content: center; gap: 7px; padding: 7px 20px; background: #dff8ef; color: #075c44; font-size: 13px; text-align: center; }
.promo-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 5px rgba(24,168,121,.13); }
.text-button { border: 0; background: transparent; color: var(--blue); cursor: pointer; padding: 0; font-weight: 750; text-decoration: underline; text-underline-offset: 3px; }
.site-header { height: 78px; max-width: var(--max); margin: auto; display: grid; grid-template-columns: auto 1fr auto; align-items: center; padding: 0 36px; gap: 42px; }
.brand { display: inline-flex; align-items: center; gap: 11px; letter-spacing: .09em; }
.brand > span:last-child { display: grid; line-height: 1; }
.brand b { font-size: 18px; color: var(--navy); }
.brand small { margin-top: 5px; font-size: 9px; letter-spacing: .35em; color: var(--blue); font-weight: 900; }
.brand-mark { width: 43px; height: 43px; flex: 0 0 auto; filter: drop-shadow(0 6px 12px rgba(7,103,217,.18)); }
.desktop-nav { display: flex; gap: 30px; }
.desktop-nav a { font-size: 14px; color: #3c5168; font-weight: 700; }
.desktop-nav a:hover { color: var(--blue); }
.header-actions { display: flex; align-items: center; gap: 8px; }
.compact-select select { height: 39px; border: 1px solid var(--line); background: var(--paper); border-radius: 9px; padding: 0 28px 0 10px; color: var(--ink); font-size: 13px; font-weight: 700; }
.country-select select { min-width: 150px; }
.currency-select { position: relative; display: flex; align-items: center; }.currency-symbol { width: 24px; height: 22px; position: absolute; z-index: 2; left: 9px; display: grid; place-items: center; color: var(--blue); font-size: 14px; font-weight: 900; line-height: 1; pointer-events: none; }.currency-symbol img { width: 14px; height: 17px; object-fit: contain; filter: brightness(0) saturate(100%) invert(29%) sepia(86%) saturate(1720%) hue-rotate(194deg) brightness(92%); }.currency-select select { min-width: 104px; padding-left: 39px; }
.icon-button, .cart-button { height: 40px; border-radius: 9px; border: 1px solid var(--line); background: var(--paper); color: var(--ink); padding: 0 13px; font-weight: 750; cursor: pointer; display: flex; align-items: center; gap: 7px; }
.cart-button { background: var(--navy); color: #fff; border-color: var(--navy); }
.cart-button b { min-width: 21px; height: 21px; display: grid; place-items: center; border-radius: 50%; background: var(--orange); font-size: 11px; }

.hero { overflow: hidden; min-height: 610px; color: #fff; background: radial-gradient(circle at 78% 25%, rgba(2,189,233,.22), transparent 26%), radial-gradient(circle at 61% 86%, rgba(24,168,121,.18), transparent 23%), linear-gradient(118deg,#06182e 0%,#0b2a4c 54%,#07172b 100%); display: grid; grid-template-columns: minmax(0, .92fr) minmax(540px, 1.08fr); align-items: center; position: relative; }
.hero::before { content: ""; position: absolute; inset: 0; opacity: .15; background-image: linear-gradient(rgba(255,255,255,.11) 1px,transparent 1px), linear-gradient(90deg,rgba(255,255,255,.11) 1px,transparent 1px); background-size: 68px 68px; mask-image: linear-gradient(90deg,#000,transparent 72%); }
.hero-copy { width: 100%; max-width: 700px; justify-self: end; padding: 74px 20px 74px 48px; position: relative; z-index: 2; }
.eyebrow { color: var(--cyan); font-size: 12px; line-height: 1; font-weight: 900; letter-spacing: .18em; margin: 0 0 18px; }
.hero h1 { font-size: clamp(48px,5vw,78px); line-height: .98; letter-spacing: -.055em; margin: 0; max-width: 700px; }
.hero h1 span { color: #8feaff; }
.hero-lede { max-width: 620px; color: #c7d7e6; font-size: 19px; line-height: 1.65; margin: 28px 0 30px; }
.hero-actions, .business-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.button { min-height: 48px; display: inline-flex; align-items: center; justify-content: center; gap: 16px; border: 1px solid transparent; border-radius: 9px; padding: 0 20px; font-size: 14px; font-weight: 850; cursor: pointer; text-decoration: none; }
.button.primary { color: #03223a; background: linear-gradient(100deg,var(--cyan),#42dfcd); box-shadow: 0 10px 30px rgba(2,189,233,.24); }
.button.primary:hover { filter: brightness(1.06); transform: translateY(-1px); }
.button.secondary { border-color: #9db4c7; background: transparent; color: inherit; }
.hero .button.secondary { color: #fff; border-color: rgba(255,255,255,.34); }
.button.light { background: #fff; color: var(--navy); }
.button.full { width: 100%; }
.trust-row { list-style: none; margin: 34px 0 0; padding: 0; display: flex; gap: 23px; flex-wrap: wrap; color: #aac1d4; font-size: 13px; }
.trust-row i { color: #55e3b5; font-style: normal; }
.hero-visual { min-width: 0; height: 100%; position: relative; display: grid; align-items: center; }
.hero-visual::before { content: ""; position: absolute; width: 520px; height: 520px; border-radius: 50%; border: 1px solid rgba(117,225,255,.19); left: 17%; top: 7%; box-shadow: inset 0 0 80px rgba(2,189,233,.06), 0 0 0 74px rgba(2,189,233,.025), 0 0 0 150px rgba(2,189,233,.018); }
.hero-puzzle { width: 100%; height: 100%; position: relative; z-index: 1; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); grid-template-rows: repeat(4,minmax(0,1fr)); gap: 2px; overflow: hidden; isolation: isolate; perspective: 1100px; background: #082541; box-shadow: inset 0 0 80px rgba(2,189,233,.12); }
.puzzle-tile { position: relative; min-width: 0; min-height: 0; transform-style: preserve-3d; transition: transform .72s cubic-bezier(.2,.72,.24,1); will-change: transform; }
.puzzle-tile.flipped { transform: rotateY(180deg); }
.tile-face { position: absolute; inset: 0; display: block; backface-visibility: hidden; -webkit-backface-visibility: hidden; box-shadow: inset 0 0 0 1px rgba(111,225,255,.13); }
.tile-front { background-color: #0b2a4c; background-image: url('/assets/store-products-grid-v1.png?v=1.4.1'); background-repeat: no-repeat; background-size: 400% 400%; background-position: var(--tile-x) var(--tile-y); }
.tile-back { transform: rotateY(180deg); padding: 12px; background: radial-gradient(circle at 78% 18%,rgba(2,189,233,.24),transparent 34%),linear-gradient(145deg,#0b3155,#06182d); color: #fff; display: flex; flex-direction: column; justify-content: flex-end; }
.tile-back small { color: #71e4f5; font-size: 9px; line-height: 1.2; font-style: normal; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.tile-back b { margin-top: 5px; font-size: clamp(11px,1vw,16px); line-height: 1.15; font-style: normal; }

.proof-strip { max-width: 1320px; margin: -34px auto 0; padding: 0 24px; position: relative; z-index: 5; display: grid; grid-template-columns: repeat(4,1fr); border-radius: var(--radius); box-shadow: var(--shadow); }
.proof-strip article { min-height: 100px; background: var(--paper); border-right: 1px solid var(--line); display: flex; align-items: center; gap: 15px; padding: 20px; }
.proof-strip article:first-child { border-radius: var(--radius) 0 0 var(--radius); }.proof-strip article:last-child { border: 0; border-radius: 0 var(--radius) var(--radius) 0; }
.proof-strip article > span { color: var(--orange); font-size: 12px; font-weight: 900; }
.proof-strip article div { display: grid; gap: 3px; }.proof-strip b { color: var(--ink); font-size: 14px; }.proof-strip small { color: var(--muted); }

.catalog-section, .how-it-works { max-width: var(--max); margin: auto; padding: 105px 36px 90px; }
.section-heading { display: flex; justify-content: space-between; align-items: end; gap: 35px; margin-bottom: 32px; }
.section-heading h2, .business-banner h2, .modal h2 { color: var(--navy); font-size: clamp(34px,4vw,54px); letter-spacing: -.045em; line-height: 1.05; margin: 0; }
.section-heading p:not(.eyebrow) { color: var(--muted); max-width: 680px; margin: 13px 0 0; }
.search-box { height: 48px; min-width: 340px; display: flex; align-items: center; gap: 8px; border: 1px solid var(--line); background: var(--paper); border-radius: 10px; padding: 0 14px; }
.search-box input { border: 0; outline: 0; min-width: 0; flex: 1; color: var(--ink); background: transparent; }
.category-tabs { display: flex; overflow-x: auto; scrollbar-width: thin; gap: 8px; padding: 4px 1px 15px; }
.category-tabs button { white-space: nowrap; min-height: 40px; padding: 0 17px; border-radius: 999px; border: 1px solid var(--line); background: var(--paper); color: #42576d; cursor: pointer; font-size: 13px; font-weight: 800; }
.category-tabs button[aria-selected="true"] { background: var(--navy); color: #fff; border-color: var(--navy); }
.catalog-status { display: flex; justify-content: space-between; gap: 20px; color: var(--muted); font-size: 12px; margin: 4px 0 18px; }
.catalog-status > span:last-child { display: flex; gap: 8px; align-items: center; }.status-dot { width: 8px; height: 8px; border-radius: 50%; display: inline-block; }.status-dot.available { background: var(--green); }.status-dot.preorder { background: var(--orange); margin-left: 10px; }
.product-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 18px; }
.product-card { border: 1px solid var(--line); background: var(--paper); border-radius: 14px; overflow: hidden; display: flex; flex-direction: column; min-width: 0; transition: .2s ease; contain: layout paint style; }
.product-card:hover { transform: translateY(-4px); box-shadow: 0 17px 36px rgba(8,43,73,.11); border-color: #b6cfdf; }
.product-art { min-height: 180px; position: relative; display: grid; place-items: center; background: radial-gradient(circle at 50% 38%,#fff 0,#e8f2f7 68%,#d9e8ef 100%); overflow: hidden; }
.product-art::before,.product-art::after { content: ""; position: absolute; border: 1px solid rgba(7,103,217,.16); border-radius: 50%; }.product-art::before { width: 135px; height: 135px; }.product-art::after { width: 190px; height: 190px; }
.product-icon { position: relative; z-index: 2; width: 86px; height: 86px; display: grid; place-items: center; border: 1px solid rgba(7,103,217,.28); border-radius: 18px; color: var(--blue); font-size: 41px; background: rgba(255,255,255,.72); box-shadow: 0 17px 34px rgba(7,103,217,.12); }
.product-badge { position: absolute; z-index: 3; top: 12px; left: 12px; border-radius: 999px; padding: 6px 9px; color: #fff; background: var(--green); font-size: 10px; font-weight: 900; text-transform: uppercase; letter-spacing: .06em; }
.product-badge.preorder { background: var(--orange); }.promo-badge { position: absolute; z-index: 3; right: 12px; top: 12px; background: var(--navy); color: #fff; padding: 6px 9px; border-radius: 999px; font-size: 10px; font-weight: 900; }
.product-content { padding: 18px; display: flex; flex-direction: column; flex: 1; }
.product-category { color: var(--blue); font-size: 10px; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
.product-card h3 { color: var(--ink); font-size: 18px; line-height: 1.25; letter-spacing: -.02em; margin: 7px 0; }
.product-card p { color: var(--muted); font-size: 13px; margin: 0 0 12px; }
.product-specs { min-height: 34px; color: #36516c; font-size: 11px; font-weight: 750; }
.product-footer { margin-top: auto; padding-top: 15px; border-top: 1px solid var(--line); display: flex; align-items: end; justify-content: space-between; gap: 12px; }
.price { display: grid; }.price small { color: var(--muted); font-size: 9px; text-transform: uppercase; letter-spacing: .1em; }.price b { color: var(--navy); font-size: 20px; }
.currency-mark { display:inline-flex; align-items:center; gap:5px; white-space:nowrap; }.currency-mark > span:first-child { font-weight:900; }.currency-mark img { width:.8em; height:1em; object-fit:contain; filter:brightness(0) saturate(100%) invert(9%) sepia(31%) saturate(1528%) hue-rotate(174deg) brightness(92%); }
.add-button { border: 0; border-radius: 9px; background: var(--navy); color: #fff; min-width: 78px; height: 38px; cursor: pointer; font-size: 12px; font-weight: 850; }.add-button:hover { background: var(--blue); }
.card-details { width: 100%; border: 0; background: transparent; color: var(--blue); cursor: pointer; font-weight: 800; font-size: 11px; padding: 12px 0 0; text-align: left; }
.load-more { margin: 28px auto 0; color: var(--navy); }
.no-results { grid-column: 1/-1; padding: 70px 20px; text-align: center; background: var(--soft); border-radius: 14px; color: var(--muted); }

.business-banner { max-width: calc(var(--max) - 72px); margin: 0 auto; min-height: 310px; padding: 54px 60px; border-radius: 20px; color: #fff; background: radial-gradient(circle at 85% 20%,rgba(2,189,233,.33),transparent 27%), linear-gradient(110deg,#06192f,#0d3a65); display: flex; align-items: center; justify-content: space-between; gap: 50px; position: relative; overflow: hidden; }
.business-banner::after { content:""; position:absolute; width:320px; height:320px; border:1px solid rgba(255,255,255,.1); border-radius:50%; right:-60px; bottom:-190px; box-shadow: 0 0 0 55px rgba(255,255,255,.025),0 0 0 110px rgba(255,255,255,.015); }
.business-banner h2 { color: #fff; }.business-banner p:not(.eyebrow) { color: #bdd1e2; max-width: 700px; }.business-actions { position: relative; z-index: 2; min-width: 245px; display: grid; }.seller-link { font-size: 14px; font-weight: 800; text-align: center; color: #9debd3; }
.how-it-works { padding-top: 90px; }.steps { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }.steps article { border-top: 3px solid var(--cyan); padding: 25px 20px; background: var(--soft); }.steps article:nth-child(2) { border-color: var(--green); }.steps article:nth-child(3) { border-color: var(--orange); }.steps b { color: var(--blue); font-size: 12px; }.steps h3 { margin: 25px 0 7px; color: var(--navy); }.steps p { color: var(--muted); margin: 0; }
footer { background: #06182c; color: #9eb4c8; padding: 50px max(32px,calc((100vw - var(--max))/2 + 36px)); display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 24px 45px; }
footer .brand b { color: #fff; }.footer-brand { grid-row: span 2; }footer p { margin: 0; }footer > div { display: flex; gap: 24px; font-size: 13px; font-weight: 700; }footer > small { grid-column: 2/-1; border-top: 1px solid rgba(255,255,255,.1); padding-top: 18px; }.footer-theme { color: #9eb4c8; }

.drawer-backdrop { position: fixed; inset: 0; z-index: 70; background: rgba(3,16,30,.68); }
.cart-drawer { position: fixed; z-index: 80; top: 0; right: 0; width: min(510px,100vw); height: 100dvh; background: var(--paper); color: var(--ink); transform: translate3d(103%,0,0); transition: transform .18s cubic-bezier(.22,.8,.35,1); will-change: transform; contain: layout paint; display: flex; flex-direction: column; box-shadow: -12px 0 32px rgba(0,0,0,.18); }
.cart-drawer.open { transform: translate3d(0,0,0); }.drawer-header { padding: 26px 28px 20px; border-bottom: 1px solid var(--line); display: flex; justify-content: space-between; align-items: start; }.drawer-header h2 { margin: 0; font-size: 30px; letter-spacing: -.04em; }.close-button { border: 0; background: transparent; color: currentColor; width: 38px; height: 38px; border-radius: 50%; cursor: pointer; font-size: 28px; line-height: 1; }.close-button:hover { background: var(--soft); }.cart-notice { margin: 18px 28px 0; padding: 13px 15px; border-left: 3px solid var(--cyan); background: #eafaff; color: #24455c; font-size: 12px; }.cart-notice b { display: block; color: var(--navy); }.cart-items { overflow: auto; padding: 14px 28px; }.cart-line { display: grid; grid-template-columns: 58px 1fr auto; gap: 13px; padding: 14px 0; border-bottom: 1px solid var(--line); }.cart-line-icon { width: 58px; height: 58px; border-radius: 11px; display: grid; place-items: center; background: var(--soft); color: var(--blue); font-size: 25px; }.cart-line h3 { font-size: 14px; line-height: 1.25; margin: 0 0 4px; }.stock-copy { font-size: 10px; color: var(--orange); font-weight: 750; }.stock-copy.in { color: var(--green); }.qty { display: inline-flex; border: 1px solid var(--line); border-radius: 8px; margin-top: 9px; overflow: hidden; }.qty button { width: 30px; border: 0; background: var(--soft); cursor: pointer; }.qty output { min-width: 30px; text-align: center; font-size: 12px; padding: 5px; }.cart-line-price { text-align: right; }.cart-line-price b { display: block; font-size: 13px; }.remove-item { border: 0; background: transparent; color: #c04747; cursor: pointer; margin-top: 12px; font-size: 11px; }.cart-empty { margin: auto; text-align: center; padding: 35px; color: var(--muted); }.cart-empty > span { display: block; font-size: 55px; color: #9cb9c9; }.cart-empty h3 { color: var(--navy); }.cart-empty .button { margin-top: 12px; color: var(--navy); }.cart-summary { margin-top: auto; padding: 22px 28px 26px; border-top: 1px solid var(--line); box-shadow: 0 -8px 22px rgba(6,24,44,.06); }.cart-summary > div { display: flex; justify-content: space-between; margin-bottom: 7px; }.cart-summary > div b { font-size: 22px; }.cart-summary small { display: block; color: var(--muted); margin-bottom: 16px; }.danger { color: #b93e3e; width: 100%; margin-top: 11px; }

dialog.modal { width: min(740px,calc(100vw - 28px)); max-height: calc(100dvh - 28px); overflow: auto; border: 0; border-radius: 18px; color: var(--ink); background: var(--paper); box-shadow: 0 30px 90px rgba(0,0,0,.3); padding: 32px; }
dialog.modal::backdrop { background: rgba(3,16,30,.78); }.modal > .close-button { position: absolute; top: 13px; right: 13px; z-index: 3; }.modal-heading { padding-right: 32px; margin-bottom: 25px; }.modal h2 { font-size: 36px; }.modal-heading > p:not(.eyebrow) { color: var(--muted); }.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 17px; }.form-grid label { display: grid; gap: 6px; font-size: 12px; font-weight: 850; color: #344b62; }.form-grid label > span { font-weight: 500; color: var(--muted); }.form-grid input,.form-grid select,.form-grid textarea { width: 100%; min-height: 44px; border: 1px solid #cbd9e2; border-radius: 8px; background: var(--paper); color: var(--ink); padding: 10px 12px; }.form-grid textarea { min-height: 78px; resize: vertical; }.form-grid .wide { grid-column: 1/-1; }.consent { display: flex!important; grid-template-columns: auto 1fr!important; align-items: start; }.consent input { width: 18px; min-height: 18px; }.request-review { background: var(--soft); border-radius: 10px; padding: 14px; font-size: 12px; }.request-review div { display:flex; justify-content:space-between; border-bottom:1px solid var(--line); padding:5px 0; }.request-review div:last-child { border:0; }.form-message { margin: 0; color: var(--blue); font-weight: 700; }.form-message.error { color: #b93e3e; }.form-message.success { color: var(--green); }.auth-tabs { display:flex; gap:7px; margin-bottom:22px; }.auth-tabs button { flex:1; border:1px solid var(--line); border-radius:8px; min-height:40px; background:var(--paper); cursor:pointer; font-weight:800; }.auth-tabs button.active { background:var(--navy); color:#fff; }.auth-panel { max-width:480px; margin:auto; }.auth-panel h2 { margin-bottom:8px; }.auth-panel > p { color:var(--muted); }.auth-panel .form-grid { grid-template-columns:1fr; }.account-card { padding:25px; background:var(--soft); border-radius:12px; }.account-card h3 { margin-top:0; }.request-history { margin-top:20px; }.history-row { padding:13px 0; border-bottom:1px solid var(--line); display:flex; justify-content:space-between; gap:15px; font-size:12px; }.product-dialog-layout { display:grid; grid-template-columns:220px 1fr; gap:28px; align-items:start; }.product-dialog-art { min-height:220px; border-radius:14px; display:grid; place-items:center; background:var(--soft); color:var(--blue); font-size:80px; }.product-dialog-layout h2 { font-size:35px; margin:9px 0; }.product-dialog-layout p { color:var(--muted); }.detail-meta { padding:12px 0; border-block:1px solid var(--line); font-weight:750; color:#36516c; }.detail-price { font-size:28px; display:block; margin:18px 0; color:var(--navy); }.info-modal h2 { margin-bottom:15px; }.info-modal li { margin:10px 0; color:var(--muted); }

.chat-widget { position: fixed; z-index: 60; right: 22px; bottom: 20px; }.chat-launcher { min-height: 50px; border: 0; border-radius: 999px; background: var(--navy); color: #fff; box-shadow: 0 16px 35px rgba(2,23,43,.28); padding: 0 19px 0 9px; display: flex; align-items: center; gap: 10px; cursor: pointer; font-weight: 850; }.chat-pulse { width: 35px; height: 35px; border-radius: 50%; display: grid; place-items: center; background: linear-gradient(135deg,var(--cyan),var(--green)); color: #03223a; animation: pulse 2.2s infinite; }.chat-panel { position: absolute; right: 0; bottom: 62px; width: min(370px,calc(100vw - 30px)); border: 1px solid var(--line); border-radius: 16px; background: var(--paper); color: var(--ink); box-shadow: 0 25px 70px rgba(0,0,0,.24); overflow: hidden; }.chat-header { background: var(--navy); color:#fff; padding:14px; display:flex; justify-content:space-between; align-items:center; }.chat-header > div { display:flex; gap:10px; align-items:center; }.chat-header small { display:block; color:#9fbbcf; }.agent-mark { width:34px;height:34px;border-radius:9px;background:var(--cyan);color:var(--navy);display:grid;place-items:center; }.chat-header .close-button:hover { background:rgba(255,255,255,.1); }.chat-messages { height:240px; overflow:auto; padding:15px; background:var(--soft); }.message { max-width:88%; padding:10px 12px; border-radius:11px; margin:0 0 9px; font-size:12px; }.message.bot { background:var(--paper); border:1px solid var(--line); }.message.user { background:var(--blue);color:#fff;margin-left:auto; }.quick-replies { display:flex;gap:6px;padding:9px 12px 0;overflow:auto; }.quick-replies button { white-space:nowrap;border:1px solid var(--line);border-radius:999px;background:var(--paper);color:var(--blue);font-size:10px;font-weight:800;padding:6px 9px;cursor:pointer; }.chat-panel form { display:grid;grid-template-columns:1fr 39px;gap:7px;padding:10px 12px; }.chat-panel form input { min-width:0;border:1px solid var(--line);border-radius:8px;padding:9px; }.chat-panel form button { border:0;border-radius:8px;background:var(--navy);color:#fff;cursor:pointer; }.chat-disclaimer { display:block;padding:0 12px 10px;color:var(--muted);font-size:9px; }.toast-region { position:fixed;z-index:120;left:50%;bottom:24px;transform:translateX(-50%);display:grid;gap:8px; }.toast { background:var(--navy);color:#fff;padding:11px 16px;border-radius:9px;box-shadow:var(--shadow);font-size:12px;animation:toast-in .2s ease; }
@keyframes pulse { 50% { box-shadow:0 0 0 7px rgba(2,189,233,.15); } }@keyframes toast-in { from { transform:translateY(10px);opacity:0; } }

body.dark { color-scheme: dark; --paper:#071321; --ink:#eaf5fb; --muted:#9ab0c2; --line:#20364b; --soft:#0c1d2d; --navy:#071b33; --navy-2:#0c2849; --shadow:0 18px 50px rgba(0,0,0,.3); background:#071321; }
body.dark .site-header .brand b,body.dark .section-heading h2,body.dark .modal h2,body.dark .product-card h3,body.dark .price b,body.dark .drawer-header h2,body.dark .cart-empty h3,body.dark .steps h3,body.dark .detail-price { color:#f3f9fc; }
body.dark .currency-mark img,body.dark .currency-symbol img { filter:brightness(0) invert(1); }.dark .cart-button,.dark .add-button,.dark .category-tabs button[aria-selected=true],.dark .auth-tabs button.active { background:#0c75e8;border-color:#0c75e8;color:#fff; }.dark .button.primary { color:#03182b; }.dark .button.secondary { color:#eaf5fb; }.dark .button.light { background:#fff;color:#071b33!important; }.dark .product-art { background:radial-gradient(circle at 50% 38%,#18364b,#0c2235 70%); }.dark .product-icon { background:rgba(7,19,33,.75); }.dark .proof-strip article { background:#0a1a2a; }.dark .proof-strip b { color:#fff; }.dark .cart-notice { background:#0a2636;color:#b9d2df; }.dark .cart-notice b { color:#eaf5fb; }.dark .chat-launcher,.dark .chat-panel form button { background:#0c75e8;color:#fff; }.dark .chat-header,.dark footer { background:#030c16; }.dark .hero h1 span { color:#91eaff; }

@media (max-width: 1180px) {
  .site-header { gap:20px;padding-inline:22px; }.desktop-nav { display:none; }.hero { grid-template-columns: minmax(0,1fr) minmax(430px,.85fr); }.hero-copy { padding-left:34px; }.product-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }.proof-strip { margin-top:0;padding:0;max-width:none;border-radius:0;box-shadow:none; }.proof-strip article:first-child,.proof-strip article:last-child { border-radius:0; }
}
@media (max-width: 850px) {
  .promo-bar { font-size:11px; }.site-header { height:auto; min-height:70px; grid-template-columns:auto 1fr; padding-block:10px; }.site-header > * { min-width:0; }.header-actions { grid-column:1/-1; justify-self:stretch; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto auto; }.compact-select { min-width:0; }.compact-select select { width:100%; }.account-button span:not(:first-child) { display:none; }.hero { grid-template-columns:1fr; min-height:auto; }.hero-copy { max-width:none; justify-self:stretch; padding:65px 28px 24px; }.hero-visual { height:410px; }.hero-visual::before { width:350px;height:350px;left:22%; }.proof-strip { grid-template-columns:1fr 1fr; }.proof-strip article:nth-child(2) { border-right:0; }.proof-strip article { border-bottom:1px solid var(--line); }.catalog-section,.how-it-works { padding:75px 22px; }.section-heading { display:grid; }.search-box { min-width:0;width:100%; }.product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.business-banner { margin:0 22px;padding:44px 32px;display:grid; }.business-actions { min-width:0; }.steps { grid-template-columns:1fr; }footer { grid-template-columns:1fr; }footer .footer-brand { grid-row:auto; }footer > small { grid-column:auto; }
}
@media (max-width: 560px) {
  .promo-bar { flex-wrap:wrap;padding:7px 12px; }.promo-dot { display:none; }.site-header { padding:0 14px; }.brand { gap:8px; }.brand-mark { width:35px;height:35px; }.brand b { font-size:15px; }.header-actions { grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px; }.country-select select { min-width:0; }.icon-button,.cart-button { width:100%;justify-content:center;padding:0 9px;font-size:12px; }.account-button span:not(:first-child) { display:inline; }.hero-copy { padding:50px 20px 20px; }.hero h1 { font-size:45px; }.hero-lede { font-size:16px;margin:21px 0 24px; }.hero-actions { display:grid; }.trust-row { gap:8px 15px;margin-top:24px; }.hero-visual { height:310px; }.proof-strip { grid-template-columns:1fr; }.proof-strip article { min-height:76px;border-right:0;padding:14px 20px; }.catalog-section,.how-it-works { padding:62px 14px; }.section-heading h2,.business-banner h2 { font-size:36px; }.catalog-status > span:last-child { display:none; }.product-grid { grid-template-columns:1fr 1fr;gap:9px; }.product-art { min-height:122px; }.product-icon { width:60px;height:60px;font-size:29px; }.product-art::before { width:95px;height:95px; }.product-art::after { width:135px;height:135px; }.product-content { padding:12px; }.product-card h3 { font-size:14px; }.product-card p { display:none; }.product-specs { min-height:32px;font-size:9px; }.product-footer { display:grid; }.price b { font-size:15px; }.add-button { width:100%; }.product-badge,.promo-badge { top:7px;left:7px;font-size:8px;padding:4px 6px; }.promo-badge { right:7px;left:auto; }.business-banner { margin:0 14px;padding:38px 22px; }.steps article { padding:20px 16px; }footer { padding:42px 20px; }footer > div { display:grid;gap:10px; }.cart-drawer { width:100vw; }.drawer-header,.cart-summary { padding-inline:18px; }.cart-notice { margin-inline:18px; }.cart-items { padding-inline:18px; }.form-grid { grid-template-columns:1fr; }.form-grid .wide { grid-column:auto; }dialog.modal { padding:25px 18px; }.modal h2 { font-size:30px; }.product-dialog-layout { grid-template-columns:1fr; }.product-dialog-art { min-height:150px; }.chat-widget { right:12px;bottom:12px; }.chat-launcher > span:last-child { display:none; }.chat-launcher { width:52px;padding:0;justify-content:center; }.chat-panel { right:0;bottom:61px; }.toast-region { width:calc(100% - 24px); }.toast { text-align:center; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior:auto; }*,*::before,*::after { animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important; } }