/* Shared app styles for partners, buy, download, find, thank-you, legal pages */
[hidden]{display:none!important}
.app{padding:110px 0 60px;min-height:80vh}
.app h1{font:800 clamp(40px,6vw,76px)/.95 var(--dot);color:var(--ink);max-width:18ch}
.app .lede{font-size:18px;color:var(--olive-deep);max-width:56ch;margin-top:14px}
.card{background:#fff;border:1px solid var(--dune);border-radius:var(--r-lg);padding:clamp(20px,3vw,32px)}
.card.ink{background:var(--ink);color:#e9e4da;border-color:var(--ink)}
.card.olive{background:var(--olive);color:var(--cream);border-color:var(--olive)}
.card h2{font:600 20px var(--sans);color:inherit;margin-bottom:6px}
.card .hint{font-size:14px;color:#6f6a5c}
.card.ink .hint,.card.olive .hint{color:#b9b4aa}
label.f{display:block;font:600 14px var(--sans);color:var(--olive-deep);margin:14px 0 6px}
.card.ink label.f{color:#cfcac0}
input.in,select.in{width:100%;padding:13px 15px;border-radius:14px;border:1.5px solid var(--dune);background:var(--cream);font:16px var(--sans);color:var(--ink)}
input.in:focus,select.in:focus{outline:none;border-color:var(--olive)}
.card.ink input.in,.card.ink select.in{background:#24262b;border-color:#3a3d43;color:#e9e4da}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.full{width:100%}
.msg{margin-top:12px;font-size:14.5px;min-height:20px;color:var(--olive-deep)}
.msg.err{color:#c23a2b}.card.ink .msg{color:#cfcac0}.card.ink .msg.err{color:#ff8a7a}
.seg{display:inline-flex;background:var(--sand);border-radius:999px;padding:4px;gap:4px;margin-bottom:8px}
.seg button{border:0;background:transparent;font:600 15px var(--sans);padding:9px 18px;border-radius:999px;cursor:pointer;color:var(--olive-deep)}
.seg button[aria-selected="true"]{background:#fff;color:var(--ink);box-shadow:0 2px 8px -4px rgba(0,0,0,.3)}
.split2{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;margin-top:40px;align-items:start}
@media (max-width:900px){.split2{grid-template-columns:1fr}.row2{grid-template-columns:1fr}}

/* stats */
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:28px}
.kpi{background:#fff;border:1px solid var(--dune);border-radius:var(--r-md);padding:18px}
.kpi .k{font-size:13.5px;color:var(--olive-deep)}
.kpi .v{font:800 clamp(30px,3.4vw,44px)/1 var(--dot);color:var(--ink);margin-top:10px}
.kpi.hot{background:var(--ink);border-color:var(--ink)}.kpi.hot .k{color:#b9b4aa}.kpi.hot .v{color:var(--sunset)}
.kpi.ol{background:var(--olive);border-color:var(--olive)}.kpi.ol .k{color:var(--sage)}.kpi.ol .v{color:var(--cream)}
@media (max-width:900px){.kpis{grid-template-columns:1fr 1fr}}
.linkbox{display:flex;gap:10px;align-items:center;background:var(--ink);color:var(--cream);border-radius:var(--r-md);padding:10px 10px 10px 18px;margin-top:22px}
.linkbox code{font:600 16px var(--sans);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.linkbox .btn{padding:10px 16px;font-size:14px}
.tierbar{margin-top:14px}
.tierbar .track{position:relative;height:12px;border-radius:6px;background:var(--sand);overflow:hidden}
.tierbar .track i{position:absolute;inset:0 auto 0 0;background:var(--olive);border-radius:6px}
.tierbar .marks{display:flex;justify-content:space-between;font-size:12.5px;color:var(--olive-deep);margin-top:6px}
.chart2{width:100%;height:160px;margin-top:10px}
table.t{width:100%;border-collapse:collapse;font-size:14.5px}
table.t th{text-align:left;font-weight:600;color:var(--olive-deep);padding:10px 8px;border-bottom:1px solid var(--dune);white-space:nowrap}
table.t td{padding:10px 8px;border-bottom:1px solid #f0e6cc;vertical-align:top}
.tw{overflow-x:auto}
.badge{display:inline-block;padding:3px 10px;border-radius:999px;font:600 12.5px var(--sans);background:var(--sand);color:var(--olive-deep);white-space:nowrap}
.badge.ok{background:#dff3e4;color:#1f6b3a}.badge.warn{background:#fff0d6;color:#8a5a00}.badge.bad{background:#fde2dd;color:#a3271b}.badge.dark{background:var(--ink);color:var(--cream)}
.switch{display:flex;align-items:center;gap:12px;cursor:pointer;font-weight:600}
.switch input{appearance:none;width:46px;height:26px;border-radius:13px;background:#cfc6ae;position:relative;cursor:pointer;transition:background .2s}
.switch input::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:left .2s}
.switch input:checked{background:var(--olive)}.switch input:checked::after{left:23px}
.empty{padding:22px;text-align:center;color:#6f6a5c;font-size:15px}
.stack{display:grid;gap:16px}
.legal-doc{max-width:760px}.legal-doc h2{font:600 22px var(--sans);margin:28px 0 8px;color:var(--ink)}.legal-doc p,.legal-doc li{color:var(--olive-deep);margin-bottom:10px}.legal-doc ul{padding-left:20px}
.hooklist{list-style:none;margin-top:18px;display:grid;gap:8px;color:var(--olive-deep)}
.hooklist li{display:flex;gap:10px}.hooklist li::before{content:"";flex:none;width:9px;height:9px;margin-top:8px;border-radius:50%;background:var(--sunset)}
details.how summary{cursor:pointer;font-weight:600;color:var(--olive)}