@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-cyrillic.woff2') format('woff2');font-display:swap}@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-latin.woff2') format('woff2');font-display:swap;unicode-range:U+0-024F}*{box-sizing:border-box}body{margin:0;background:#102747;color:#f2f4f8;font:16px/1.65 Manrope,system-ui,sans-serif}a{color:inherit;text-underline-offset:4px}header,main,footer{width:min(1120px,92%);margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:24px 0;border-bottom:1px solid #ffffff24}.brand{font-size:32px;font-weight:800;text-decoration:none}nav{display:flex;gap:24px}main{padding:42px 0}h1{font-size:clamp(30px,5vw,52px);line-height:1.15;letter-spacing:-.04em}h2{line-height:1.3}p{max-width:75ch}.muted,figcaption,footer{color:#bfcbde}.eyebrow{font-size:13px;text-transform:uppercase;letter-spacing:.12em}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:0;list-style:none}.card{display:block;background:#193452;border:1px solid #ffffff1c;border-radius:22px;padding:22px;text-decoration:none;height:100%}.card:hover,.card:focus-visible{background:#224264}.card img{width:100%;height:230px;object-fit:contain}.card h2{font-size:20px}.product{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:start}figure{margin:0}.hero-image{width:100%;max-height:530px;object-fit:contain;background:#193452;border-radius:26px;padding:20px}figcaption{font-size:13px;padding:12px 0}.button{display:inline-block;background:#f3eee1;color:#172a45;border-radius:12px;padding:13px 22px;text-decoration:none;font-weight:700;margin:8px 12px 8px 0}.secondary{background:#274663;color:white}dt{font-weight:700}dd{margin:0 0 12px;color:#bfcbde}.detail-text{white-space:pre-line;overflow-wrap:anywhere}.source img{max-width:100%;max-height:480px;object-fit:contain;border-radius:15px}footer{padding:28px 0 40px;border-top:1px solid #ffffff24;font-size:14px}.breadcrumb{font-size:14px;margin-bottom:24px}a:focus-visible{outline:3px solid #9dd3ff;outline-offset:5px}@media(max-width:760px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product{grid-template-columns:1fr;gap:20px}.card img{height:170px}}@media(max-width:440px){.grid{grid-template-columns:1fr}.card img{height:230px}nav{gap:14px}main{padding-top:28px}}
/* Keep long product names and the FLUXIXO wordmark inside narrow layouts. */
header{gap:16px;flex-wrap:wrap}header>nav{flex-wrap:wrap;row-gap:8px}header>nav a{display:inline-flex;align-items:center;min-height:44px}.product>*{min-width:0}h1,h2,.card,.product p,dd{overflow-wrap:anywhere}.button{max-width:100%;overflow-wrap:anywhere}.breadcrumb{flex-wrap:wrap;column-gap:10px;row-gap:4px}.hero-image{height:auto}
@media(max-width:440px){.brand{font-size:29px}header{padding:18px 0;gap:8px 14px}header>nav{font-size:14px;gap:14px}.button{margin-right:0}}
