/* /design (+ /design-options): payout design options. Loads after buy.css + marketing.css. */
.mkt.design{max-width:1000px}
.design-hero h1{font-size:clamp(32px,5.5vw,52px)}
.design-intro{max-width:720px;margin:18px auto 0;font-size:15px;color:var(--muted)}
.design-intro b{color:#d6e8bd}
.mkt-strip dd.st-live{color:var(--green)}
.mkt-strip dd.st-consider{color:#e9d9a8}
.mkt-strip dd.st-open{color:#8fd3ff}
.design-jump{display:flex;flex-wrap:wrap;gap:8px 16px;margin:22px 0 0;padding:12px 0;border-bottom:1px solid var(--border);font-size:14px;position:sticky;top:41px;z-index:20;background:rgba(16,19,18,.94);backdrop-filter:blur(6px)}
.design-jump a{color:var(--muted)}.design-jump a:hover{color:var(--text)}
.mkt-sec{scroll-margin-top:100px}
.mkt-sec h2{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}
.sec-n{font:700 13px 'Space Grotesk',sans-serif;letter-spacing:2px;color:var(--green)}
.badge{display:inline-flex;align-items:center;gap:6px;flex:none;padding:4px 10px;border-radius:20px;font:700 12px/1.4 'Space Grotesk',sans-serif;letter-spacing:.6px;text-transform:uppercase;white-space:nowrap;border:1px solid}
.badge::before{content:'';width:7px;height:7px;border-radius:50%;background:currentColor}
.badge.decided,.badge.live{color:var(--green);border-color:#4f6436;background:#1f2a19}
.badge.consider{color:#e9d9a8;border-color:#5a4b22;background:#262113}
.badge.open{color:#8fd3ff;border-color:#2a4558;background:#152028}
.badge.counsel{color:var(--err);border-color:#5e3a33;background:#2a1a17}
.why-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.why-list li{padding:14px 16px;background:var(--panel2);border:1px solid var(--border);border-radius:12px;color:#d6e8bd;font-size:15.5px;line-height:1.55}
.why-list b{color:var(--text)}
.option-card{background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:22px 24px}
.option-card.live{border-color:#465637;background:linear-gradient(165deg,#1d2619,#171a17)}
.option-card.consider{border-color:#5a4b22;background:linear-gradient(165deg,#25211a,#171a17)}
.opt-lead{margin:0 0 16px;font-size:17px;color:#d6e8bd;line-height:1.5}
.opt-lead b{color:var(--text)}
.option-card .rows{margin:0 0 14px}
.option-card .fine{margin:10px 0 0;color:var(--muted);font-size:14px}
.yield-callout{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;margin:16px 0;padding:18px 20px;border-radius:14px;border:1px solid #5a4b22;background:#1a1812}
.yc-n{font:700 clamp(28px,4vw,40px)/1 'Space Grotesk',sans-serif;letter-spacing:-1.5px;color:#e9d9a8}
.yield-callout b{display:block;font-size:16px;color:var(--text);margin-bottom:4px}
.yield-callout span{color:var(--muted);font-size:14px;line-height:1.45}
.rec,.law,.est{margin:14px 0 0;padding:12px 14px;border-radius:0 12px 12px 0;font-size:15px;line-height:1.5}
.rec{border-left:3px solid #e9d9a8;background:#1f1d16;color:#ece3c4}
.law{border-left:3px solid var(--err);background:#211817;color:#ecd2cc}
.est{border-left:3px solid var(--green);background:#161c17;color:#d6e8bd}
.rec>b:first-child,.law>b:first-child,.est>b:first-child{display:block;margin-bottom:2px;font:700 12px 'Space Grotesk',sans-serif;letter-spacing:1.2px;text-transform:uppercase}
.rec>b:first-child{color:#e9d9a8}.law>b:first-child{color:var(--err)}.est>b:first-child{color:var(--green)}
.curve-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.curve-grid h3{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:18px;margin:0 0 10px}
.curve-grid p{margin:0 0 12px;color:#d6e8bd;font-size:15px}
.curve-grid .card.alt{border-color:#2a4558;background:linear-gradient(165deg,#1a2228,#151a1c)}
.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--border);border-radius:16px;background:var(--panel);max-width:100%}
.cmp{width:100%;border-collapse:collapse;font-size:14.5px;min-width:640px}
.cmp th,.cmp td{padding:12px 14px;text-align:left;border-bottom:1px solid #262d26;vertical-align:top}
.cmp thead th{background:#161c17;color:var(--green);font:700 13px 'Space Grotesk',sans-serif;letter-spacing:.4px;white-space:nowrap}
.cmp tbody th{color:var(--text);font-weight:600;width:22%}
.cmp tbody td{color:#d6e8bd}
.cmp tbody tr:last-child th,.cmp tbody tr:last-child td{border-bottom:0}
.counsel-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.counsel-grid h3{margin:0 0 12px}
.open-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.open-list li{padding:10px 12px;background:var(--panel2);border:1px solid var(--border);border-radius:10px;color:#d6e8bd;font-size:14.5px;line-height:1.45}
.law-card{border-color:#5e3a33}
.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.rel{display:grid;gap:6px;padding:18px 20px;background:var(--panel);border:1px solid var(--border);border-radius:16px;color:#d6e8bd}
.rel:hover{border-color:var(--green);text-decoration:none;color:#d6e8bd}
.rel-k{font:700 16px 'Space Grotesk',sans-serif;color:var(--green)}
.rel span:last-child{font-size:14px;color:var(--muted)}
@media(max-width:780px){
 .design-jump{top:37px;margin-left:-16px;margin-right:-16px;padding:10px 16px}
 .curve-grid,.counsel-grid,.related-grid{grid-template-columns:1fr}
 .yield-callout{grid-template-columns:1fr;gap:8px}
 .bar nav{gap:14px;font-size:13px}
 .cmp{min-width:0;display:block}
 .cmp thead{display:none}
 .cmp tbody,.cmp tr,.cmp th,.cmp td{display:block;width:auto}
 .cmp tr{padding:14px 14px 10px;border-bottom:1px solid #262d26}
 .cmp tr:last-child{border-bottom:0}
 .cmp tbody th{padding:0 0 8px;width:auto;color:var(--green);font:700 13px 'Space Grotesk',sans-serif;letter-spacing:.4px;text-transform:uppercase}
 .cmp tbody td{padding:6px 0 6px 0;border:0;border-left:3px solid #303730;padding-left:12px;margin:6px 0}
 .cmp tbody td::before{display:block;font:700 11px 'Space Grotesk',sans-serif;letter-spacing:.6px;text-transform:uppercase;color:var(--muted);margin-bottom:2px}
 .cmp tbody td:nth-child(2)::before{content:'A · Tax (live)'}
 .cmp tbody td:nth-child(3)::before{content:'B · Foundation yield'}
 .cmp tbody td:nth-child(4)::before{content:'C · Hybrid'}
 #compare .cmp tbody td:nth-child(5)::before{content:'Curve variant (/curve)'}
}
/* Option D */
.mkt-strip dd small{white-space:normal}
.d-steps{margin:0 0 16px;padding-left:22px;display:grid;gap:10px;color:#d6e8bd;font-size:15px;line-height:1.5}
.d-steps b{color:var(--text)}
.opt-d .law{margin-bottom:0}
.d-open-h{margin:16px 0 12px!important}
@media(max-width:780px){#compare .cmp tbody td:nth-child(6)::before{content:'D · Hybrid (curve + 1–2% + staking)'}}
#design-strip{grid-template-columns:repeat(5,1fr)}
#design-strip dd{font-size:19px}
@media(max-width:900px){#design-strip{grid-template-columns:repeat(3,1fr)}#design-strip div:nth-child(4){border-left:0}#design-strip div:nth-child(n+4){border-top:1px solid var(--border)}}
@media(max-width:600px){#design-strip{grid-template-columns:1fr 1fr}#design-strip div{border-left:1px solid var(--border);border-top:1px solid var(--border)}#design-strip div:nth-child(odd){border-left:0}#design-strip div:nth-child(-n+2){border-top:0}#design-strip div:last-child{grid-column:1/-1}#design-strip dd{font-size:17px}}