.od{--bg:var(--paper);--surface:var(--paper-2);--fg:var(--ink);--fg-2:var(--ink-2);--accent:var(--cta);--accent-h:var(--cta-hover);--on-accent:var(--cta-on);--font-display:var(--display);--font-body:var(--editorial);--font-mono:var(--mono);--muted:#5f5f64;--surface-2:#efece6;--border-2:#d9d6cf;--accent-wash:#fbf3e9;--r-sm:4px;--r-md:8px;--r-lg:12px;--r-xl:16px;--r-full:9999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-9:36px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--sec-y:clamp(48px,3vw + 36px,72px);--sec-y-sm:clamp(34px,2vw + 26px,48px);--grid-gap:var(--space-5);--measure:66ch;--max:var(--grid-max-width,1280px);--gutter:var(--grid-gutter,clamp(18px,7.5px + 2.7vw,28px));--ease:cubic-bezier(.2,0,0,1);--shadow-pop:0 6px 24px -10px rgba(29,29,31,.28);font-family:var(--font-body);font-size:18px;line-height:1.7;color:var(--fg)}html.dark .od{--muted:#9a9aa2;--surface-2:#1e222a;--border-2:#363b46;--accent-wash:#211a10;--on-accent:#1a1205}.od *{box-sizing:border-box;margin:0;padding:0}.od .wrap{max-width:var(--max);margin-inline:auto;padding-inline:var(--gutter)}.od h1,.od h2,.od h3,.od h4{font-family:var(--font-display)}.od a{color:inherit;text-decoration:none}.od img{display:block;max-width:100%}.od .eyebrow{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.od .tick{color:var(--accent)}.od .ey{font-family:var(--font-mono);font-size:11.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}.od .kick{font-family:var(--font-mono);font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);display:inline-flex;align-items:center;gap:8px}.od .kick .glyph{color:var(--accent);font-size:14px;line-height:1}.od .crumb{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:var(--space-5) 0 0}.od .crumb a:hover{color:var(--accent)}.od .crumb span{margin:0 7px;opacity:.5}.od .hero{padding:var(--space-7) 0 var(--space-10);border-bottom:1px solid var(--border)}.od .hero-grid{display:grid;grid-template-columns:1.55fr .95fr;gap:var(--space-12);align-items:start}.od .hero h1{font-size:clamp(40px,5vw,60px);font-weight:800;letter-spacing:-.035em;line-height:1.02;margin:var(--space-4) 0 0;text-wrap:balance}.od .hero h1 em{font-style:normal;color:var(--accent)}.od .hero .dek{margin-top:var(--space-5);font-size:20px;line-height:1.55;color:var(--fg-2);max-width:54ch;text-wrap:pretty}.od .hero-stats{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);overflow:hidden;align-self:start}.od .hero-stats .row{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--border)}.od .hero-stats .row:first-child{border-top:0}.od .hero-stats>.stat+.stat{border-top:1px solid var(--border)}.od .stat{padding:var(--space-4) var(--space-5);border-left:1px solid var(--border)}.od .stat:first-child{border-left:0}.od .hero-stats>.stat{border-left:0}.od .stat .n{font-family:var(--font-display);font-weight:800;font-size:30px;letter-spacing:-.02em;line-height:1}.od .stat .t{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:6px}.od .answer{padding:var(--space-8) 0;border-bottom:1px solid var(--border)}.od .answer-card{border-radius:var(--r-lg);padding:var(--space-6) var(--space-7);display:grid;grid-template-columns:auto 1fr;gap:var(--space-5);align-items:start;background:var(--accent-wash);border:1px solid color-mix(in oklab,var(--accent) 22%,var(--border))}html.dark .od .answer-card{background:var(--surface)}.od .answer-card .badge{font-family:var(--font-mono);font-size:10.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--accent);display:inline-flex;align-items:center;gap:9px;white-space:nowrap}.od .answer-card .badge:before{content:"";width:7px;height:7px;border-radius:1.5px;background:var(--accent);flex:none}.od .answer-card p{font-size:19px;line-height:1.62;color:var(--fg)}.od .answer-card b{color:var(--fg);font-weight:600}.od .subnav{position:sticky;top:70px;z-index:50;background:color-mix(in oklab,var(--bg) 90%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.od .subnav .wrap{display:flex;gap:var(--space-1);overflow-x:auto;scrollbar-width:none}.od .subnav .wrap::-webkit-scrollbar{display:none}.od .subnav a{font-family:var(--font-display);font-weight:600;font-size:13.5px;color:var(--muted);padding:var(--space-4) var(--space-4);border-bottom:2px solid transparent;white-space:nowrap;transition:.15s var(--ease)}.od .subnav a:hover{color:var(--fg)}.od .subnav a.active{color:var(--accent);border-bottom-color:var(--accent)}.od section[id]{padding:var(--sec-y) 0;border-bottom:1px solid var(--border);scroll-margin-top:122px}.od .s-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-5);margin-bottom:var(--space-7)}.od .s-head h2{font-size:clamp(26px,3vw,32px);font-weight:700;letter-spacing:-.025em;line-height:1.05;margin-top:var(--space-2)}.od .s-head .sub{color:var(--muted);font-size:15px;max-width:52ch;margin-top:var(--space-2)}.od .s-link{font-family:var(--font-display);font-weight:600;font-size:14px;color:var(--accent);white-space:nowrap}.od .s-link:hover{color:var(--accent-h)}.od .picks{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--grid-gap)}.od .pick{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;background:var(--bg);transition:.18s var(--ease)}.od .pick:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow-pop)}.od .pick .best{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--on-accent);background:var(--accent);padding:7px var(--space-3)}.od .ph-img{aspect-ratio:4/3;background:repeating-linear-gradient(135deg,var(--surface),var(--surface) 11px,var(--surface-2) 11px,var(--surface-2) 22px);display:grid;place-items:center;color:var(--muted);font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--border);overflow:hidden}.od .ph-img img{width:100%;height:100%;object-fit:contain;padding:14px;mix-blend-mode:multiply}html.dark .od .ph-img img{mix-blend-mode:normal}.od .pick .body{padding:var(--space-4) var(--space-4) var(--space-5);display:flex;flex-direction:column;flex:1}.od .pick h3{font-family:var(--font-display);font-weight:700;font-size:18px;letter-spacing:-.01em}.od .pick .note{font-size:15px;color:var(--fg-2);line-height:1.5;margin-top:6px;flex:1}.od .chips{display:flex;flex-wrap:wrap;gap:6px;margin:var(--space-4) 0}.od .chip{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.04em;color:var(--fg-2);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-full);padding:3px 9px}.od .pick .cta-row{display:flex;gap:var(--space-2);align-items:center;margin-top:var(--space-1)}.od .btn{font-family:var(--font-display);font-weight:600;font-size:14px;border-radius:var(--r-md);padding:9px var(--space-4);cursor:pointer;transition:.15s var(--ease);display:inline-flex;align-items:center;gap:6px;border:1px solid transparent}.od .btn-pri{background:var(--accent);color:var(--on-accent)}.od .btn-pri:hover{background:var(--accent-h)}.od .link-rev{font-family:var(--font-display);font-weight:600;font-size:13.5px;color:var(--accent)}.od .link-rev:hover{color:var(--accent-h)}.od .clusters{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--grid-gap)}.od .cluster{border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--space-5) var(--space-6);background:var(--bg)}.od .cluster h3{font-family:var(--font-display);font-weight:700;font-size:16px;display:flex;align-items:center;gap:9px;padding-bottom:var(--space-3);margin-bottom:6px;border-bottom:1px solid var(--border)}.od .cluster h3 .dot{width:8px;height:8px;border-radius:2px;background:var(--accent);flex:none}.od .cluster ul{list-style:none}.od .cluster a{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:9px 0;font-family:var(--font-body);font-size:15.5px;color:var(--fg-2);transition:.12s var(--ease)}.od .cluster a:hover{color:var(--accent);padding-left:var(--space-1)}.od .cluster a .arr{font-family:var(--font-mono);opacity:0;transition:.12s var(--ease)}.od .cluster a:hover .arr{opacity:1}.od .compares{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--grid-gap)}.od .vs{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-4);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--space-6);background:var(--surface);transition:.18s var(--ease)}.od .vs:hover{border-color:var(--accent);background:var(--bg)}.od .vs .side{text-align:center}.od .vs .side .ph-coin{width:54px;height:54px;border-radius:var(--r-full);margin:0 auto var(--space-3);background:var(--bg);border:1px solid var(--border);display:grid;place-items:center;font-family:var(--font-mono);font-size:9px;color:var(--muted);overflow:hidden}.od .vs .side .ph-coin img{width:100%;height:100%;object-fit:contain;padding:8px}.od .vs .side .nm{font-family:var(--font-display);font-weight:700;font-size:16px}.od .vs .mid{font-family:var(--font-display);font-weight:800;font-size:13px;color:var(--accent);font-style:italic}.od .vs .full{grid-column:1/-1;text-align:center;font-family:var(--font-display);font-weight:600;font-size:13.5px;color:var(--accent);padding-top:var(--space-4);margin-top:6px;border-top:1px solid var(--border)}.od .guides{display:grid;grid-template-columns:repeat(3,1fr);gap:0 var(--space-10)}.od .guides a{display:flex;gap:var(--space-3);align-items:baseline;padding:var(--space-3) 0;border-bottom:1px solid var(--border);font-size:16px;color:var(--fg-2);transition:.12s var(--ease)}.od .guides a:hover{color:var(--accent)}.od .guides a .num{font-family:var(--font-mono);font-size:12px;color:var(--accent);flex:none;min-width:22px}.od .res{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--grid-gap)}.od .res-card{display:flex;gap:var(--space-5);align-items:flex-start;border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--space-6);background:var(--bg);transition:.18s var(--ease)}.od .res-card:hover{border-color:var(--accent);box-shadow:var(--shadow-pop)}.od .res-card .ic{width:46px;height:46px;border-radius:var(--r-md);background:var(--accent-wash);border:1px solid color-mix(in oklab,var(--accent) 25%,var(--border));color:var(--accent);display:grid;place-items:center;flex:none}.od .res-card .ic svg{width:22px;height:22px}.od .res-card h3{font-family:var(--font-display);font-weight:700;font-size:18px}.od .res-card p{font-size:15px;color:var(--fg-2);line-height:1.5;margin-top:5px}.od .res-card .go{font-family:var(--font-display);font-weight:600;font-size:13.5px;color:var(--accent);margin-top:var(--space-3);display:inline-block}.od .faq-grid{display:grid;grid-template-columns:1fr;gap:0;max-width:920px;margin-inline:auto;width:100%}.od .qa{border-top:1px solid var(--border)}.od .qa:last-child{border-bottom:1px solid var(--border)}.od .qa summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) 0;font-family:var(--font-display);font-weight:600;font-size:18px;letter-spacing:-.01em}.od .qa summary::-webkit-details-marker{display:none}.od .qa summary .pm{flex:none;font-family:var(--font-display);font-weight:400;font-size:22px;line-height:1;color:var(--accent);transition:transform .2s var(--ease);transform-origin:center}.od .qa[open] summary .pm{transform:rotate(45deg)}.od .qa .a{padding:0 0 var(--space-6);font-size:16.5px;line-height:1.65;color:var(--fg-2);max-width:var(--measure)}.od .qa .a a{color:var(--accent);border-bottom:1px solid color-mix(in oklab,var(--accent) 40%,transparent)}.od .qa .a a:hover{border-bottom-width:2px}.od .crosshub{padding:var(--sec-y-sm) 0;border-bottom:1px solid var(--border)}.od .crosshub .wrap{display:grid;grid-template-columns:auto 1fr 1fr;gap:var(--grid-gap);align-items:center}.od .crosshub .pitch h2{font-size:24px;font-weight:700;letter-spacing:-.02em}.od .crosshub .pitch p{color:var(--muted);font-size:15px;margin-top:var(--space-1)}.od .hub-tile{display:flex;align-items:center;gap:var(--space-4);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--space-5);background:var(--surface);transition:.18s var(--ease)}.od .hub-tile:hover{border-color:var(--accent);background:var(--bg)}.od .hub-tile .badge{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.od .hub-tile .nm{font-family:var(--font-display);font-weight:700;font-size:17px}.od .hub-tile .arr{margin-left:auto;color:var(--accent);font-family:var(--font-display);font-weight:700}.od .triad{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}.od .tri{border:1px solid var(--border);border-radius:var(--r-md);padding:var(--space-5) var(--space-6);background:var(--surface)}.od .tri .tag{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);display:inline-flex;align-items:center;gap:8px;margin-bottom:var(--space-3)}.od .tri .tag:before{content:"";width:7px;height:7px;border-radius:1.5px;background:var(--accent);flex:none}.od .tri p{font-size:16px;line-height:1.6;color:var(--fg-2)}.od .tri p b{color:var(--fg);font-weight:600}.od .spine{margin-top:var(--space-1)}.od .chapter{display:grid;grid-template-columns:84px 1fr;gap:var(--space-8);padding:var(--space-9) 0;border-top:1px solid var(--border)}.od .chapter:first-child{border-top:0;padding-top:6px}.od .chapter .idx{font-family:var(--font-mono);font-weight:500}.od .chapter .idx .no{font-size:13px;color:var(--accent);letter-spacing:.1em}.od .chapter .idx .rule{width:1px;height:calc(100% - 28px);background:var(--border);margin:12px 0 0 8px}.od .chapter .c-body{max-width:74ch}.od .chapter h3{font-family:var(--font-display);font-size:23px;font-weight:700;letter-spacing:-.02em;line-height:1.18}.od .chapter .c-body>p{font-size:17.5px;line-height:1.66;color:var(--fg-2);margin-top:var(--space-3)}.od .chapter .c-body>p b{color:var(--fg);font-weight:600}.od .deepdives{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px;align-items:center}.od .deepdives .lbl{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-right:2px}.od .dchip{font-family:var(--font-display);font-weight:600;font-size:13.5px;color:var(--fg);background:var(--bg);border:1px solid var(--border-2);border-radius:var(--r-full);padding:8px 14px;transition:.15s var(--ease);display:inline-flex;gap:7px;align-items:center}.od .dchip .ar{font-family:var(--font-mono);color:var(--accent);transition:.15s var(--ease)}.od .dchip:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-wash)}html.dark .od .dchip:hover{background:var(--surface-2)}.od .dchip:hover .ar{transform:translate(2px)}.od .libgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.od .libcard{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;background:var(--bg);transition:.18s var(--ease)}.od .libcard:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow-pop)}.od .libcard .ph-img{aspect-ratio:16/9;border-bottom:1px solid var(--border)}.od .libcard .lc-body{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);flex:1}.od .libcard .kind{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}.od .libcard h3{font-family:var(--font-display);font-weight:600;font-size:15.5px;line-height:1.3;color:var(--fg)}.od .libcard .go{font-family:var(--font-mono);font-size:11px;color:var(--muted);margin-top:auto}.od .libcard:hover .go{color:var(--accent)}.od .relgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}.od .relcard{display:flex;flex-direction:column;gap:9px;border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--space-6);background:var(--surface);transition:.18s var(--ease)}.od .relcard:hover{border-color:var(--accent);background:var(--bg);transform:translateY(-2px)}.od .relcard .ey{color:var(--accent)}.od .relcard h3{font-family:var(--font-display);font-weight:700;font-size:19px;letter-spacing:-.01em}.od .relcard p{font-size:15px;color:var(--fg-2);line-height:1.5;flex:1}.od .relcard .go{font-family:var(--font-display);font-weight:600;font-size:13.5px;color:var(--accent)}.od .uplink-wrap{padding:var(--space-12) 0 var(--space-2)}.od .uplink{display:flex;align-items:center;gap:var(--space-5);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--space-6) var(--space-7);background:var(--surface);transition:.18s var(--ease)}.od .uplink:hover{border-color:var(--accent);background:var(--bg)}.od .uplink .ic{width:46px;height:46px;border-radius:var(--r-md);background:var(--accent-wash);border:1px solid color-mix(in oklab,var(--accent) 25%,var(--border));color:var(--accent);display:grid;place-items:center;flex:none}.od .uplink .ic svg{width:23px;height:23px}.od .uplink .ey{color:var(--muted)}.od .uplink .cta{font-family:var(--font-display);font-weight:700;font-size:18px;color:var(--fg);margin-top:3px;display:block}.od .uplink:hover .cta{color:var(--accent)}.od .uplink .arr{margin-left:auto;color:var(--accent);font-family:var(--font-display);font-weight:700;font-size:20px}.od .cmp{margin-top:var(--space-2);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;background:var(--bg)}.od .cmp table{width:100%;border-collapse:collapse;font-size:14.5px}.od .cmp caption{caption-side:top;text-align:left;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:var(--space-4) var(--space-5)}.od .cmp thead th{text-align:left;padding:var(--space-4) var(--space-5);background:var(--surface);border-bottom:1px solid var(--border);font-family:var(--font-display);font-weight:700;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);vertical-align:bottom}.od .cmp tbody th{text-align:left;padding:13px var(--space-5);font-family:var(--font-display);font-weight:700;font-size:14px;color:var(--fg);border-bottom:1px solid var(--border);white-space:nowrap}.od .cmp tbody td{padding:13px var(--space-5);border-bottom:1px solid var(--border);font-family:var(--font-display);font-weight:600;font-size:14px;color:var(--fg-2)}.od .cmp tbody td.best{color:var(--accent);background:color-mix(in oklab,var(--accent) 6%,transparent)}.od .cmp tbody tr:last-child th,.od .cmp tbody tr:last-child td{border-bottom:0}.od .cmp-note{font-size:15px;line-height:1.6;color:var(--fg-2);margin-top:18px;max-width:72ch}.od .cmp-note a{color:var(--accent);border-bottom:1px solid color-mix(in oklab,var(--accent) 40%,transparent)}.od a:focus-visible,.od .btn:focus-visible,.od summary:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 55%,transparent);border-radius:var(--r-sm)}@media(prefers-reduced-motion:reduce){.od *,.od *:before,.od *:after{transition-duration:.001ms!important;scroll-behavior:auto!important}}@media(max-width:1080px){.od .picks,.od .clusters{grid-template-columns:repeat(2,1fr)}.od .guides{grid-template-columns:repeat(2,1fr);gap:0 var(--space-7)}.od .libgrid{grid-template-columns:repeat(2,1fr)}.od .relgrid,.od .triad{grid-template-columns:1fr}}@media(max-width:860px){.od .hero-grid{grid-template-columns:1fr;gap:var(--space-7)}.od .hero-stats{max-width:440px}.od .answer-card{grid-template-columns:1fr;gap:var(--space-4)}.od .crosshub .wrap,.od .compares,.od .res{grid-template-columns:1fr}.od .chapter{grid-template-columns:1fr;gap:var(--space-4)}.od .chapter .idx{display:flex;align-items:center;gap:var(--space-3)}.od .chapter .idx .rule{display:none}.od .uplink{flex-wrap:wrap}.od .cmp{overflow-x:auto}.od .cmp table{min-width:600px}}@media(max-width:560px){.od{font-size:17px}.od .picks,.od .clusters,.od .guides,.od .libgrid,.od .hero-stats .row{grid-template-columns:1fr}.od .hero-stats .row .stat{border-left:0;border-top:1px solid var(--border)}.od .hero-stats .row:first-child .stat:first-child{border-top:0}}