/* /alternatives cluster — one shared stylesheet for every comparison page (extracted from the advisor shell, 2026-11-07). */
:root{--ink:#16140F;--paper:#EDE7D9;--paper2:#E5DECF;--paper-edge:#CFC6B0;
--muted:#6B6455;--faint:#938B79;--amber:#7A4F0A;--amber-bg:#F5E6C8;
--green:#2A6B3C;--green-bg:#D6EBD9;}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--paper);color:var(--ink);font-family:'Archivo',sans-serif;font-size:16px;line-height:1.7}
.nav{background:var(--paper);border-bottom:1.5px solid var(--paper-edge);padding:16px 5%;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}
.nav-logo{font-family:'Anton',sans-serif;font-size:18px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink);text-decoration:none}
.nav-cta{font-family:'Anton',sans-serif;font-size:12px;letter-spacing:.06em;text-transform:uppercase;background:var(--ink);color:var(--paper);padding:10px 20px;text-decoration:none}

.wrap{max-width:760px;margin:0 auto;padding:0 5%}
.hero{padding:54px 0 36px}
.eyebrow{font-family:'DM Mono',monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--amber);border-left:3px solid var(--amber);padding-left:10px;margin-bottom:16px}
h1{font-family:'Anton',sans-serif;font-size:clamp(32px,5.6vw,50px);line-height:1.04;text-transform:uppercase;margin-bottom:18px}
.lede{font-size:18px;color:var(--muted);max-width:60ch}
h2{font-family:'Anton',sans-serif;font-size:clamp(23px,4vw,31px);text-transform:uppercase;letter-spacing:.02em;line-height:1.1;margin:44px 0 14px;padding-top:28px;border-top:2px solid var(--ink)}
h3{font-family:'Archivo',sans-serif;font-weight:700;font-size:18px;margin:26px 0 8px}
p{margin-bottom:16px;max-width:66ch}
p.sm{font-size:14px;color:var(--muted)}
ul{margin:0 0 16px 22px;max-width:66ch}
li{margin-bottom:8px}

table.c{width:100%;border-collapse:collapse;font-size:15px;margin:18px 0}
table.c th{background:var(--ink);color:var(--paper);font-family:'DM Mono',monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;padding:11px 14px;text-align:left}
table.c td{padding:12px 14px;border-bottom:1px solid var(--paper-edge);vertical-align:top}
table.c tr:last-child td{border-bottom:none}
table.c td:first-child{font-weight:600;width:38%}
.yes{color:var(--green);font-weight:700}
.no{color:var(--muted)}
tr.tot td{background:var(--ink);color:var(--paper);font-weight:700}
tr.tot td:first-child{color:var(--paper)}
tr.us td{background:var(--amber-bg);border-top:2px solid var(--amber)}
tr.us td:first-child{color:var(--amber)}

.box{background:var(--paper2);border:2px solid var(--ink);padding:22px 26px;margin:24px 0}
.box-t{font-family:'Anton',sans-serif;font-size:16px;letter-spacing:.03em;text-transform:uppercase;margin-bottom:8px}
.box.amber{background:var(--amber-bg);border-color:var(--amber)}
.box.amber .box-t{color:var(--amber)}
.box.amber p{color:var(--amber)}
.box p:last-child{margin-bottom:0}

.cta{background:var(--ink);padding:44px 10%;text-align:center;margin-top:48px}
.cta h2{color:var(--paper);border:none;padding:0;margin:0 0 12px}
.cta p{color:var(--faint);margin:0 auto 22px;max-width:50ch}
.cta a{display:inline-block;font-family:'Anton',sans-serif;font-size:15px;letter-spacing:.05em;text-transform:uppercase;background:var(--amber);color:#fff;padding:16px 38px;text-decoration:none}
.cta .fine{font-family:'DM Mono',monospace;font-size:11px;color:var(--faint);margin-top:14px}
.footer{background:var(--ink);border-top:1px solid rgba(237,231,217,.1);padding:20px 5%;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}
.footer a{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);text-decoration:none;margin-left:16px}
.flogo{font-family:'Anton',sans-serif;font-size:13px;letter-spacing:.05em;color:var(--paper);text-transform:uppercase}
.hw{font-family:'Caveat',cursive;font-size:21px;color:var(--amber);margin:26px 0;transform:rotate(-.5deg)}
.verify{font-size:13px;color:var(--faint);border-top:1px solid var(--paper-edge);padding-top:14px;margin-top:36px}
/* additions for the published cluster */
.wrap a,.verify a{color:var(--amber)}
.footer a:first-child{margin-left:0}
@media(max-width:560px){table.c{font-size:14px}table.c td,table.c th{padding:10px 9px}table.c td:first-child{width:34%}}
/* /alternatives index cards */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:18px;margin:26px 0 8px}
.card{background:var(--paper2);border:2px solid var(--ink);padding:22px 24px;text-decoration:none;color:var(--ink);display:flex;flex-direction:column}
.card:hover{background:var(--amber-bg);border-color:var(--amber)}
.card-name{font-family:'Anton',sans-serif;font-size:21px;letter-spacing:.02em;text-transform:uppercase;margin-bottom:4px}
.card-price{font-family:'DM Mono',monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--amber);margin-bottom:10px}
.card-line{font-size:15px;color:var(--muted);line-height:1.6;margin-bottom:14px;flex-grow:1}
.card-go{font-family:'DM Mono',monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);font-weight:500}
.card:hover .card-go{color:var(--amber)}
.wrap.wide{max-width:900px}