*{box-sizing:border-box}body{margin:0;background:#f6fbfc;color:#13232c;font-family:Inter,ui-sans-serif,system-ui,Segoe UI,Arial,sans-serif;line-height:1.55}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #3df2d0;outline-offset:3px}.top{position:sticky;top:0;z-index:5;display:flex;gap:18px;align-items:center;padding:14px 5vw;background:#071016e8;backdrop-filter:blur(14px);border-bottom:1px solid #1d3b47;color:#edf7fb}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:900}.mark{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:linear-gradient(135deg,#3df2d0,#b9f45f);color:#061016}nav{display:flex;gap:14px;flex-wrap:wrap}nav a{text-decoration:none;color:#cde4eb;font-size:14px}.search{margin-left:auto;display:flex}.search input,.bigsearch input{min-width:190px;padding:10px 12px;border:1px solid #1f4657;background:#08151c;color:#edf7fb;border-radius:8px 0 0 8px}.search button,.bigsearch button{border:0;background:#3df2d0;padding:0 14px;border-radius:0 8px 8px 0;font-weight:800;min-height:42px;min-width:42px}main{max-width:1180px;margin:0 auto;padding:34px 20px}section{margin:42px 0}.hero{max-width:none;margin:-34px calc(50% - 50vw) 42px;padding:70px max(20px,calc((100vw - 1180px)/2)) 46px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:38px;color:#edf7fb;background:radial-gradient(circle at 72% 30%,#123d4b 0,#0b222d 32%,#071016 68%)}.hero h1{font-size:clamp(38px,5vw,70px);line-height:1;margin:10px 0 18px;letter-spacing:0}.hero p{max-width:720px;color:#b7ced7;font-size:18px}.eyebrow{color:#3df2d0;font-weight:900;letter-spacing:0}.actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 16px;border-radius:8px;background:#071016;color:white;text-decoration:none;font-weight:850;border:1px solid #071016}.hero .btn{background:#3df2d0;color:#061016;border-color:#3df2d0}.btn.ghost{background:transparent;color:#edf7fb;border-color:#52707b}.radar{min-height:330px;border:1px solid #255060;border-radius:8px;background:linear-gradient(135deg,#0c2530,#0e181f);position:relative;overflow:hidden}.radar span{position:relative;display:inline-block;margin:22px;padding:8px 10px;border-radius:8px;background:#102d38;color:#bffdf0;border:1px solid #2d6874}.metrics,.grid,.catgrid,.articles{display:grid;gap:16px}.metrics{grid-template-columns:repeat(4,1fr)}.metrics b,.card,.cat,.articles a,.prose,.detail,details{background:white;border:1px solid #d9e8ed;border-radius:8px;box-shadow:0 12px 32px #0f2b3510}.metrics b{padding:18px}.grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.card{overflow:hidden}.card img{width:100%;height:190px;object-fit:contain;background:#fff}.card div{padding:14px}.card h3{margin:8px 0}.card p{color:#53666e}.pill{display:inline-flex;padding:3px 8px;border-radius:99px;background:#e8fbf6;color:#08725f;font-size:12px;font-weight:800}.buyrow{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:0!important;margin:10px 0}.buyrow b,.price{font-size:28px;color:#074f45;font-weight:950}.catgrid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.cat{display:grid;gap:6px;padding:18px;text-decoration:none}.articles{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.articles a{display:grid;gap:8px;padding:18px;text-decoration:none}.articles span,.muted{color:#6b7e86}.detail{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);gap:24px;padding:22px}.detail>img{width:100%;border-radius:8px;background:#0d1b24}.lead{font-size:18px;color:#425760}.prose{padding:24px;max-width:880px}.prose p{color:#41545c}details{padding:14px;margin:10px 0}footer{margin-top:40px;padding:34px 5vw;background:#071016;color:#bdd3dc}.footgrid{max-width:1180px;margin:auto;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:22px}footer a{display:inline-block;margin:0 10px 8px 0;color:#dffaff}.paybox{max-width:760px;margin:30px auto;padding:22px;background:white;border-radius:8px;border:1px solid #d9e8ed}.paybox input,.paybox select{width:100%;padding:12px;border:1px solid #cfe0e5;border-radius:8px;margin:6px 0 12px}@media(max-width:760px){.top{align-items:flex-start;flex-direction:column}.search{margin-left:0;width:100%}.search input{width:100%}.hero,.detail{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}.footgrid{grid-template-columns:1fr}}
.product-logo{position:relative;display:grid;grid-template-columns:68px minmax(0,1fr);grid-template-rows:auto auto;gap:2px 12px;align-items:center;min-height:160px;padding:18px;background:linear-gradient(135deg,var(--soft),#ffffff);text-decoration:none;color:#10232b;overflow:hidden}
.product-logo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.16;filter:saturate(1.1)}
.product-logo-badge{position:relative;z-index:1;grid-row:1/3;display:grid;place-items:center;width:68px;height:68px;border-radius:16px;background:var(--brand);color:white;font-size:18px;font-weight:950;box-shadow:0 12px 28px #08202a22}
.product-logo b,.product-logo small{position:relative;z-index:1;min-width:0;overflow:hidden;text-overflow:ellipsis}
.product-logo b{font-size:18px}.product-logo small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#425760}
.language-control{display:flex;align-items:center;gap:6px;color:#cde4eb;font-size:13px}
.language-control select{height:38px;border:1px solid #255060;background:#08151c;color:#edf7fb;border-radius:8px;padding:0 8px}
.language-suggest{position:sticky;top:0;z-index:20;display:flex;gap:12px;align-items:center;justify-content:center;padding:10px 16px;background:#e8fbf6;border-bottom:1px solid #b8ebe1;color:#08332d}
.language-suggest[hidden]{display:none}
.language-suggest .btn{min-height:34px;padding:6px 12px;background:#0b6f61;border-color:#0b6f61}
.language-suggest button{border:1px solid #a6d9d0;background:white;border-radius:8px;padding:7px 10px;color:#0b332e}
@media(max-width:760px){.language-control{width:100%;justify-content:space-between}.language-control select{flex:1}.language-suggest{position:relative;flex-wrap:wrap}.hero h1{font-size:38px}}

.product-image{display:block;background:#fff;border-bottom:1px solid #d9e8ed}.product-image img{display:block}
.card img{object-fit:cover}
.detail{align-items:start}
.detail>img{display:block;aspect-ratio:16/9;height:auto;object-fit:cover;background:#fff;border:1px solid #d9e8ed;box-shadow:0 12px 32px #0f2b3510}
@media(min-width:761px){.detail>img{position:sticky;top:112px}}

/* Product art must keep its native ratio across cards, detail pages, and mobile. */
.product-image{display:block;aspect-ratio:16/9;background:#fff;border-bottom:1px solid #d9e8ed;overflow:hidden}
.product-image img{display:block;width:100%;height:100%;object-fit:contain}
.card.product>img,.card.product .product-image img{height:100%;object-fit:contain}
.detail>img{display:block;width:100%;aspect-ratio:16/9;height:auto;object-fit:contain;background:#fff}

/* 2026-05-20f homepage visual refresh: quieter premium wordmark and simpler hero art. */
.top{min-height:66px;padding:11px 5vw;gap:22px;background:#071014f2;border-bottom:1px solid #18313a}
.brand{display:flex;align-items:center;gap:11px;min-width:154px;padding:0;text-decoration:none;background:transparent;border:0;box-shadow:none}
.mark{position:relative;display:grid;place-items:center;width:39px;height:39px;border:1px solid #d8eee8;border-radius:50%;background:#eef8f4;color:#071014;font-size:0;font-weight:950}
.mark::after{content:"";position:absolute;inset:7px;border:1px solid #071014;border-radius:50%;opacity:.22}
.mark span{position:relative;font-size:16px;line-height:1}
.brand-copy{display:grid;gap:2px;line-height:1}
.brand-copy b{color:#fbfffd;font-size:18px;font-weight:950}
.brand-copy small{color:#9eb5b9;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:0}
.eyebrow{color:#bce8d8;letter-spacing:0}
.hero{align-items:center;grid-template-columns:minmax(0,1.04fr) minmax(360px,.96fr);min-height:620px;padding-top:82px;background:radial-gradient(circle at 79% 22%,#21433b 0,#11252a 35%,#071014 72%)}
.hero-showcase{position:relative;align-self:center;min-height:410px;padding:30px;border:1px solid #d8eee833;border-radius:24px;background:linear-gradient(160deg,#f7fbf8 0,#e8f2ef 58%,#dbe8e3 100%);box-shadow:0 34px 90px #00000042;color:#071014;overflow:hidden}
.hero-showcase::before{content:"";position:absolute;inset:18px;border:1px solid #07101412;border-radius:18px;pointer-events:none}
.hero-showcase::after{content:"";position:absolute;width:220px;height:220px;right:-82px;top:-76px;border-radius:50%;background:#1ca98b18;pointer-events:none}
.signature-top,.signature-focus,.signature-grid,.signature-flow{position:relative}
.signature-top{display:flex;align-items:center;gap:14px}
.signature-top b{display:block;color:#071014;font-size:18px;font-weight:950}
.signature-top small{display:block;margin-top:4px;color:#5d7172;font-size:13px}
.signature-mark{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#071014;color:#f7fbf8;font-size:18px;font-weight:950}
.signature-focus{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:end;gap:20px;margin:46px 0 34px}
.signature-focus span{font-size:112px;line-height:.82;color:#071014;font-weight:950}
.signature-focus b{display:block;color:#071014;font-size:24px;font-weight:950}
.signature-focus small{display:block;max-width:280px;margin-top:10px;color:#536768;font-size:14px;line-height:1.45}
.signature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border:1px solid #07101414;background:#07101414}
.signature-grid span{min-width:0;padding:16px;background:#f9fcfa}
.signature-grid b{display:block;font-size:19px;font-weight:950;color:#071014;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.signature-grid small{display:block;margin-top:7px;color:#607475;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.signature-flow{display:flex;align-items:center;gap:10px;margin-top:24px;color:#425657;font-size:13px;font-weight:800}
.signature-flow i{display:block;flex:1;height:1px;background:#0710141f}
@media(max-width:760px){
  .top{min-height:0}
  .brand{min-width:0}
  .brand-copy small{display:none}
  .hero{min-height:0;grid-template-columns:1fr;padding-top:52px}
  .hero-showcase{min-height:0;padding:20px;border-radius:18px}
  .signature-focus{grid-template-columns:1fr;margin:30px 0 24px;gap:12px}
  .signature-focus span{font-size:76px}
  .signature-grid{grid-template-columns:1fr 1fr 1fr}
  .signature-grid span{padding:12px}
  .signature-flow{flex-wrap:wrap}
}

/* 2026-05-20g SEO/GEO content surfaces: readable facts, breadcrumbs, policy links. */
.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 18px;color:#5d7172;font-size:14px}
.breadcrumbs a{color:#0b6f61;text-decoration:none}.breadcrumbs b{color:#13232c}.breadcrumbs span{color:#9aabb1}
.facts{width:100%;border-collapse:separate;border-spacing:0;margin:12px 0 24px;overflow:hidden;border:1px solid #d9e8ed;border-radius:8px;background:white}
.facts th,.facts td{padding:12px 14px;border-bottom:1px solid #e7f0f3;text-align:left;vertical-align:top}
.facts tr:last-child th,.facts tr:last-child td{border-bottom:0}.facts th{width:220px;background:#f3fafb;color:#243942}
.checklist{display:grid;gap:9px;margin:12px 0 24px;padding:0;list-style:none}
.checklist li{position:relative;padding:11px 12px 11px 34px;border:1px solid #d9e8ed;border-radius:8px;background:#fff}
.checklist li::before{content:"";position:absolute;left:13px;top:17px;width:7px;height:7px;border-radius:50%;background:#0fbda7}
.policy-links{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}
.policy-links a{display:inline-flex;min-height:36px;align-items:center;padding:7px 10px;border:1px solid #cfe6e2;border-radius:8px;background:#f1fbf8;color:#0b6f61;text-decoration:none;font-weight:800}
.steps{display:grid;gap:10px;counter-reset:step;margin:16px 0 24px;padding:0;list-style:none}
.steps li{counter-increment:step;padding:13px 14px;border:1px solid #d9e8ed;border-radius:8px;background:#fff}
.steps li::before{content:counter(step) ".";display:inline-block;min-width:28px;color:#0b6f61;font-weight:950}
.cat em{display:block;margin-top:8px;color:#53666e;font-size:13px;font-style:normal}
@media(max-width:760px){.facts{display:block;overflow-x:auto}.facts th{width:auto;min-width:150px}.policy-links a{flex:1 1 auto}}

/* 2026-05-20 Part 2 i18n SEO: crawlable language anchors and draft status notice. */
.language-links{display:flex;align-items:center;gap:6px;max-width:420px;overflow-x:auto}
.language-links>a{display:inline-flex;align-items:center;gap:4px;min-height:32px;padding:6px 8px;border:1px solid #ffffff1c;border-radius:8px;color:#dbe9ea;text-decoration:none;white-space:nowrap;font-size:12px;font-weight:800}
.language-links>a[aria-current=true]{background:#eaf7f3;color:#071014;border-color:#eaf7f3}
.language-links small{color:inherit;opacity:.66;font-size:10px}
.translation-banner{padding:9px 5vw;background:#fff7df;border-bottom:1px solid #ead89b;color:#5d4b11;font-size:13px;font-weight:800}
@media(max-width:900px){.language-links{order:10;width:100%;max-width:none}.language-links span{display:none}}