:root{color-scheme:dark;--bg:#080914;--ink:#e9e4f4;--muted:#aca5be;--line:#b5a3e329;--accent:#bcb0eb;font:15px/1.65 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:radial-gradient(ellipse at 15% 0%,#7551a90b,transparent 55%),radial-gradient(ellipse at 90% 65%,#397f980b,transparent 45%);min-height:100vh}a{color:var(--accent);text-underline-offset:4px}a:hover{color:#fff}button,a,summary{touch-action:manipulation}a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px;border-radius:4px}.guide-shell{max-width:1180px;margin:auto;padding:0 28px}header{display:flex;align-items:center;gap:24px;padding:26px 0;border-bottom:1px solid var(--line)}header nav{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-inline-start:auto}header nav a{font-size:12px;text-decoration:none}header a[aria-current=page]{color:#fff}.brand{font-size:34px;font-weight:750;letter-spacing:-2px;text-decoration:none;color:var(--ink)}.brand span{color:var(--accent)}.skip{position:absolute;top:0;inset-inline-start:16px;transform:translateY(-150%);padding:10px;background:#252039;z-index:5}.skip:focus{transform:none}.language-menu{position:relative;font-size:12px;flex-shrink:0}.language-menu summary{cursor:pointer;padding:8px 14px;border:1px solid var(--line);border-radius:18px}.language-menu nav{position:absolute;inset-inline-end:0;top:36px;width:230px;max-height:65vh;overflow:auto;background:#151323;border:1px solid var(--line);padding:12px;border-radius:14px;display:grid;gap:0;z-index:3}.language-menu nav a{padding:7px 12px}.language-menu nav a:hover{background:#bcb0eb12;border-radius:6px}.guide-hero{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:55px;padding:68px 0 54px}h1{font-size:clamp(32px,4vw,50px);line-height:1.15;letter-spacing:-1.8px;font-weight:650;margin:16px 0 20px;max-width:750px}h2{font-size:20px;line-height:1.35;letter-spacing:-.4px;font-weight:600;margin:16px 0 10px}p{margin:10px 0}.eyebrow{text-transform:uppercase;font-size:10px;font-weight:650;letter-spacing:1.5px;color:var(--accent)}.lead{font-size:17px;color:var(--muted);max-width:590px}.cta{display:inline-flex;align-items:center;justify-content:center;gap:25px;border-radius:13px;background:linear-gradient(110deg,#7662aa,#4f648a);padding:13px 23px;margin-top:16px;color:#fff;text-decoration:none;font-weight:650;font-size:14px}.cta:hover{background:linear-gradient(110deg,#8672ba,#5f749a)}.reviewed{font-size:11px;color:var(--muted);margin-top:20px}.guide-orb{aspect-ratio:1;border:1px solid #bcb0eb55;border-radius:50%;position:relative;max-width:355px;width:100%;justify-self:center;background:radial-gradient(circle at 35% 25%,#8880af16,transparent 60%);box-shadow:inset 0 0 70px #6b668018,0 0 40px #8a79bd08}.guide-orb::after{content:"";position:absolute;inset:-14px;border:1px dashed #a698c91c;border-radius:50%}.guide-orb i{position:absolute;border-radius:50%;border:1px solid #bfb4e45c;background:radial-gradient(circle at 25% 20%,#b9a9e22e,#7375a211 80%);width:45%;aspect-ratio:1;top:10%;left:10%;animation:float 8s ease-in-out infinite}.guide-orb i:nth-child(2){width:53%;top:42%;left:37%;border-color:#9dbfa966;background:radial-gradient(circle at 25% 20%,#a7bfa530,#617e9214 80%);animation-delay:-3s}.guide-orb i:nth-child(3){width:22%;top:52%;left:13%;border-color:#9bbfce66;background:#9ac0d01c;animation-delay:-5s}.guide-orb strong{position:absolute;inset:0;display:grid;place-items:center;font-size:42px;font-weight:400;color:#ddd7eee0;text-shadow:0 0 28px #bfb4e449;pointer-events:none}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0 38px}.guide-card{border:1px solid var(--line);background:linear-gradient(130deg,#161427d4,#101423d4);padding:25px;border-radius:20px;min-width:0;scroll-margin-top:30px}.guide-card p{font-size:13px;color:var(--muted)}.guide-card a{font-size:12px}.card-meta{display:flex;flex-wrap:wrap;gap:7px;font-size:9px}.tier,.state{border-radius:12px;padding:3px 9px;border:1px solid var(--line);color:var(--muted)}.state.available{background:#9dbfa915;color:#bdd0bb}.state.validation{background:#8d9abb15;color:#bdc7e6}.state.preparation{background:#e1c39912;color:#dfcaa7}.guide-note{border:1px solid var(--line);border-radius:20px;padding:25px 30px;margin:24px 0;background:#18142777}.guide-note p,.guide-note li{font-size:13px;color:var(--muted)}.guide-note ol{padding-inline-start:22px}.guide-note li{padding:8px 0}.guide-note h2{margin-top:0}.guide-note a{font-size:13px}.comparisons{grid-template-columns:repeat(2,1fr)}.competitor-nav{display:flex;flex-wrap:wrap;gap:9px;margin:32px 0 20px}.competitor-nav a{font-size:12px;border:1px solid var(--line);padding:6px 14px;border-radius:18px;text-decoration:none}.roadmap{background:#0e111dcc}.guide-final{margin:36px 0;padding:40px;border-radius:24px;border:1px solid #bcb0eb44;background:linear-gradient(120deg,#29203b9c,#122a3580);text-align:center}.guide-final h2{font-size:28px}.guide-final p{max-width:650px;margin:12px auto;color:var(--muted);font-size:14px}.secondary{display:inline-block;margin:16px 20px;font-size:13px}footer{border-top:1px solid var(--line);padding:26px 0 35px;color:var(--muted);font-size:11px}footer nav{display:flex;flex-wrap:wrap;gap:20px;margin-top:16px}
@keyframes float{50%{transform:translateY(5px)}}
@media(max-width:900px){.guide-hero{gap:30px}.guide-grid{grid-template-columns:repeat(2,1fr)}header nav{gap:14px}.guide-hero{padding-top:48px}.guide-orb{max-width:270px}}
@media(max-width:620px){.guide-shell{padding:0 20px}header{gap:14px;flex-wrap:wrap;padding:18px 0}.brand{font-size:30px}header>nav{order:3;width:100%;margin:0;gap:16px}header>nav a{font-size:11px}.language-menu{margin-inline-start:auto}.guide-hero{grid-template-columns:1fr;padding:38px 0 24px;gap:28px}.guide-orb{max-width:235px}.lead{font-size:15px}h1{letter-spacing:-1.1px}.guide-grid,.comparisons{grid-template-columns:1fr}.guide-card{padding:23px}.guide-note{padding:22px}.guide-final{padding:30px 22px}.guide-final h2{font-size:24px}.card-meta{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.guide-orb i{animation:none}}

.comparison-evidence{margin:10px 0 56px;scroll-margin-top:24px}
.comparison-evidence>h2{font-size:clamp(25px,3vw,34px);letter-spacing:-.8px}
.comparison-evidence>.lead{max-width:850px;font-size:15px}
.matrix-method,.matrix-hint,.comparison-trials>p{font-size:12px;color:var(--muted);max-width:850px}
.matrix-legend{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 15px}
.matrix-state{display:inline-block;border:1px solid var(--line);border-radius:8px;padding:4px 8px;font-size:10px;font-weight:600;line-height:1.4;color:#c9c4dc;background:#c1b5f00c}
.matrix-state.available,.matrix-state.documented{color:#d9d4ef;background:#bcb0eb12}
.matrix-state.validation,.matrix-state.limited{color:#decfac;background:#dfcaa710}
.matrix-state.planned,.matrix-state.unknown{color:#b5b0c8;background:#9990bb09}
.matrix-scroll{max-height:760px;overflow:auto;overscroll-behavior-inline:contain;border:1px solid #bcb0eb30;border-radius:20px;background:#0e101d;scrollbar-color:#6b5e91 #151323}
.matrix-scroll:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.evidence-matrix{width:100%;min-width:1840px;border-spacing:0;text-align:start;font-size:12px;line-height:1.55}
.evidence-matrix caption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.evidence-matrix th,.evidence-matrix td{padding:19px 16px;vertical-align:top;border-bottom:1px solid #bcb0eb1c;border-inline-end:1px solid #bcb0eb12;min-width:205px;max-width:240px}
.evidence-matrix thead th{position:sticky;top:0;z-index:2;background:#201c33;font-size:12px;font-weight:650}
.evidence-matrix tr>:first-child{position:sticky;inset-inline-start:0;min-width:180px;width:180px;max-width:180px;z-index:1;background:#151323;box-shadow:0 0 22px #08091445}
.evidence-matrix thead tr>:first-child{z-index:3;background:#201c33}
.evidence-matrix tbody th{font-weight:550;color:#d4cce5}
.evidence-matrix tr:last-child>*{border-bottom:0}
.evidence-matrix td p{font-size:11px;color:var(--muted);margin:10px 0 8px}
.matrix-scope{display:block;font-size:10px;color:#cdc5df;overflow-wrap:anywhere}
.matrix-links{display:flex;gap:7px;margin-top:10px}
.matrix-links a{font-size:11px;text-decoration:none;padding:2px 4px;border-radius:4px;background:#bcb0eb0b}
.evidence-sources{margin-top:18px;border:1px solid var(--line);padding:18px 23px;border-radius:16px;background:#14122380}
.evidence-sources summary{cursor:pointer;font-size:13px;color:#d9d2e9}
.evidence-sources ol{padding-inline-start:22px;margin:18px 0 0;display:grid;gap:12px}
.evidence-sources li{padding-inline-start:5px;font-size:12px;overflow-wrap:anywhere;scroll-margin-top:28px}
.evidence-sources small{display:block;font-size:10px;color:var(--muted);margin-top:2px}
.comparison-trials{margin-top:38px}
.comparison-trials h3{font-size:16px;line-height:1.4;margin:0 0 12px;letter-spacing:-.3px}
.comparison-trials .guide-grid{margin-bottom:18px}
.comparison-trials .trial-products{color:#d4cce5;font-size:11px;border-top:1px solid var(--line);padding-top:12px;margin-top:20px}
.comparison-trials>.guide-note{max-width:none;margin-top:0}
@media(max-width:620px){.evidence-matrix tr>:first-child{min-width:135px;width:135px;max-width:135px}.evidence-matrix th,.evidence-matrix td{padding:16px 12px;min-width:190px}.matrix-scroll{max-height:65vh;border-radius:15px}.matrix-legend{gap:6px}.comparison-evidence>.lead{font-size:13px}.evidence-sources{padding:17px}.comparison-evidence>h2{letter-spacing:-.4px}}
