:root { --ink:#162033; --ink-2:#314056; --muted:#68758a; --line:#dbe1e8; --soft:#f3f6f8; --white:#fff; --navy:#102a43; --blue:#1c5d99; --orange:#e86f35; --max:1180px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--white); font-family:"Manrope",Arial,sans-serif; line-height:1.6; letter-spacing:0; }
img { display:block; width:100%; }
a { color:inherit; }
:focus-visible { outline:3px solid #f0a16f; outline-offset:3px; }
.container { width:min(calc(100% - 44px),var(--max)); margin:0 auto; }
.topbar { position:sticky; top:0; z-index:20; border-bottom:1px solid var(--line); background:rgba(255,255,255,.96); backdrop-filter:blur(10px); }
.topbar-inner { min-height:64px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.brand { display:flex; align-items:center; gap:10px; color:var(--ink); font-weight:800; text-decoration:none; }
.brand-mark { width:34px; height:34px; display:grid; place-items:center; border:2px solid var(--ink); }
.back-link { color:var(--blue); font-size:13px; font-weight:800; text-decoration:none; }
.page-head { padding:54px 0 0; }
.eyebrow { display:block; margin-bottom:10px; color:var(--orange); font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.12em; }
h1,h2,h3,p { margin-top:0; }
h1,h2 { font-family:"PT Serif",Georgia,serif; letter-spacing:0; }
h1 { margin-bottom:12px; font-size:clamp(30px,4.2vw,46px); line-height:1.12; }
.lead { max-width:750px; margin:0; color:var(--muted); font-size:15px; }
.sku-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; padding:34px 0 10px; }
.sku-card { overflow:hidden; border:1px solid var(--line); border-radius:6px; background:var(--white); transition:transform .2s ease,box-shadow .2s ease; }
.sku-card:hover { transform:translateY(-3px); box-shadow:0 16px 40px rgba(16,42,67,.10); }
.sku-card img { aspect-ratio:1; object-fit:contain; padding:10px; border-bottom:1px solid var(--line); background:#fff; }
.sku-card-body { min-height:112px; padding:14px 16px 16px; }
.sku-card h3 { margin-bottom:6px; font-size:15px; line-height:1.35; }
.sku-card p { margin:0; color:var(--muted); font-size:12.5px; }
.cta { margin:44px 0 56px; padding:30px; display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap; border-radius:6px; background:var(--navy); color:#fff; }
.cta h2 { margin-bottom:6px; font-size:23px; }
.cta p { max-width:650px; margin:0; color:#c7d3de; font-size:14px; }
.btn { min-height:48px; display:inline-flex; align-items:center; justify-content:center; padding:12px 20px; border-radius:4px; background:var(--orange); color:#fff; font-size:13px; font-weight:800; text-decoration:none; }
footer { padding:22px 0 30px; border-top:1px solid var(--line); color:var(--muted); font-size:12px; }
@media (max-width:860px) { .sku-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:540px) { .container { width:min(calc(100% - 28px),var(--max)); } .back-link { max-width:150px; text-align:right; line-height:1.35; } .page-head { padding-top:38px; } .sku-grid { grid-template-columns:1fr; gap:14px; } .sku-card-body { min-height:0; } .cta { padding:24px 20px; } .btn { width:100%; } }