:root{--abyss:#07171b;--deep:#0a1f24;--aqua:#3dd6c4;--aqua-dim:#2a9d8f;--cream:#f4f1e8;--muted:#8fb2b0;--line:rgba(189,238,230,.14);--good:#5cc98a;--caution:#f4c430;--bad:#ef6a4d;--card:rgba(13,42,48,.6)}
*{box-sizing:border-box}body{margin:0;color:var(--cream);font-family:"Spline Sans",sans-serif;line-height:1.6;background:radial-gradient(1100px 560px at 80% -8%,rgba(61,214,196,.08),transparent 60%),linear-gradient(180deg,var(--deep),var(--abyss));background-attachment:fixed;-webkit-font-smoothing:antialiased}
.wrap{max-width:880px;margin:0 auto;padding:0 22px}
header.site{border-bottom:1px solid var(--line);padding:16px 0;backdrop-filter:blur(8px)}
header.site .wrap{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--cream)}
.brand .mark{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(150deg,var(--aqua),var(--aqua-dim));font-size:18px}
.brand b{font-family:"Fraunces",serif;font-size:18px;display:block;line-height:1}.brand i{font-family:"JetBrains Mono",monospace;font-size:9.5px;letter-spacing:1.5px;color:var(--aqua);text-transform:uppercase;font-style:normal}
header.site nav{display:flex;gap:16px}header.site nav a{color:var(--muted);text-decoration:none;font-size:13.5px;font-weight:500}header.site nav a:hover{color:var(--aqua)}
main.wrap{padding:30px 22px 10px}
.crumb{font-family:"JetBrains Mono",monospace;font-size:11px;color:var(--muted);margin-bottom:18px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.crumb a{color:var(--muted);text-decoration:none}.crumb a:hover{color:var(--aqua)}.crumb span{opacity:.5}
h1{font-family:"Fraunces",serif;font-weight:600;font-size:clamp(26px,4.4vw,38px);line-height:1.1;margin:0 0 14px;letter-spacing:-.4px}
h1 .sci{font-style:italic;font-weight:400;font-size:.55em;color:var(--muted);display:inline-block}
h2{font-family:"Fraunces",serif;font-weight:600;font-size:21px;margin:30px 0 12px}
.lead{font-size:17px;color:#d7e6e3;margin:0 0 8px}
p{color:#cfe0dd}a{color:var(--aqua)}
.badge{font-family:"JetBrains Mono",monospace;font-size:12px;font-weight:700;padding:5px 11px;border-radius:8px;vertical-align:middle;letter-spacing:.4px}
.badge.good{background:rgba(92,201,138,.18);color:var(--good)}.badge.caution{background:rgba(244,196,48,.16);color:var(--caution)}.badge.bad{background:rgba(239,106,77,.18);color:var(--bad)}
table.facts{width:100%;border-collapse:collapse;margin:6px 0;background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden}
table.facts th,table.facts td{text-align:left;padding:11px 15px;border-bottom:1px solid var(--line);font-size:14px}
table.facts th{color:var(--muted);font-weight:500;width:40%;font-family:"JetBrains Mono",monospace;font-size:12px}
table.facts tr:last-child th,table.facts tr:last-child td{border-bottom:0}
table.compare td{text-align:center}table.compare th{width:auto}
ul{padding-left:20px}li{color:#cfe0dd;margin:5px 0}
.chips{display:flex;flex-wrap:wrap;gap:9px;margin:6px 0}
.chip{display:inline-flex;align-items:center;gap:7px;text-decoration:none;color:var(--cream);background:var(--card);border:1px solid var(--line);border-radius:11px;padding:9px 13px;font-size:13.5px;font-weight:500;transition:.15s}
.chip span{font-size:15px}.chip:hover{border-color:var(--aqua);transform:translateY(-1px)}.chip.small{font-size:12px;padding:7px 11px;text-transform:capitalize}
.mates{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:11px;margin:8px 0}
.mate{display:flex;flex-direction:column;gap:2px;text-decoration:none;color:var(--cream);background:var(--card);border:1px solid var(--line);border-radius:13px;padding:14px;transition:.15s}
.mate:hover{border-color:var(--aqua);transform:translateY(-2px)}.mate .g{font-size:22px}.mate .n{font-weight:600;font-size:14px}.mate .m{font-family:"JetBrains Mono",monospace;font-size:10.5px;color:var(--muted)}
.ctarow{display:flex;gap:11px;flex-wrap:wrap;margin:20px 0}
.cta{display:inline-flex;align-items:center;text-decoration:none;background:linear-gradient(150deg,#ff7a59,#e85d3c);color:#fff;font-weight:700;font-size:13.5px;padding:12px 18px;border-radius:12px;box-shadow:0 12px 28px -14px rgba(255,122,89,.6);transition:.15s}
.cta:hover{transform:translateY(-2px)}.cta.ghost{background:transparent;border:1px solid var(--line);color:var(--cream);box-shadow:none}.cta.ghost:hover{border-color:var(--aqua)}
.more{font-family:"JetBrains Mono",monospace;font-size:13px;margin-top:22px}
footer.site{border-top:1px solid var(--line);margin-top:40px;padding:24px 0 50px;color:var(--muted)}
.disc{font-size:12px;line-height:1.6;max-width:760px;margin:0 0 14px}
.fnav{display:flex;gap:16px;flex-wrap:wrap;font-family:"JetBrains Mono",monospace;font-size:12px}.fnav a{color:var(--muted);text-decoration:none}.fnav a:hover{color:var(--aqua)}
.chips.guides{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.chip.large{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:16px 18px;line-height:1.4}
.chip.large b{font-family:"Fraunces",serif;font-size:15.5px;font-weight:600;color:var(--cream)}
.chip.large span{font-size:12.5px;color:var(--muted);font-weight:400}
.chip .thumb{width:32px;height:32px;border-radius:8px;object-fit:cover;background:var(--card-solid,#0c2a30);border:1px solid var(--line);flex-shrink:0}
.spx{margin:14px 0 18px;border-radius:16px;overflow:hidden;border:1px solid var(--line);background:var(--card)}
.spx picture{display:block}.spx img{display:block;width:100%;height:auto;object-fit:cover}
.spx.compact{max-width:280px}
.spx-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0 18px}
.spx-pair .spx{margin:0}
.spx figcaption{font-family:"JetBrains Mono",monospace;font-size:10.5px;color:var(--muted);padding:8px 12px;border-top:1px solid var(--line);line-height:1.4;text-transform:uppercase;letter-spacing:.06em}
.spx figcaption a{color:var(--muted);text-decoration:underline;text-decoration-color:rgba(143,178,176,.4);text-underline-offset:2px}
.spx figcaption a:hover{color:var(--aqua);text-decoration-color:var(--aqua)}
.spx.placeholder .ph{aspect-ratio:3/2;display:grid;place-items:center;gap:8px;text-align:center;background:linear-gradient(150deg,rgba(61,214,196,.05),rgba(13,42,48,.6))}
.spx.placeholder.compact .ph{aspect-ratio:3/2}
.spx.placeholder .g{font-size:64px;line-height:1;filter:drop-shadow(0 6px 12px rgba(0,0,0,.4))}
.spx.placeholder .sci{font-family:"Fraunces",serif;font-style:italic;font-size:14px;color:var(--muted)}
article p{margin:12px 0}article ol,article ul{margin:10px 0 14px}
article h3{font-family:"Fraunces",serif;font-weight:600;font-size:17px;margin:22px 0 8px;color:var(--cream)}
dl.faq{margin:8px 0 20px}dl.faq dt{font-weight:600;color:var(--cream);margin-top:14px;font-family:"Fraunces",serif;font-size:15.5px}
dl.faq dd{margin:6px 0 0;color:#cfe0dd;font-size:14.5px}
@media(max-width:560px){header.site nav{gap:12px;font-size:13px}.mates{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.spx.placeholder .g{font-size:48px}}