/* Launchpad on top of the site stylesheet (assets/styles.css): same paper, ink, accent and type. */
.wtf-mark{font-style:normal; color:var(--ink); opacity:.55; margin-left:2px}
.testnet{font-weight:600; color:var(--flag)}
main{display:block; margin-top:18px}
.view{display:block}
.view[hidden]{display:none}
.wtf-h{align-items:center}
.wtf-h h1{font-family:var(--display); font-weight:700; font-size:clamp(28px,4vw,38px); letter-spacing:-.025em; margin:0}
.wtf-h .btn{text-decoration:none}
.sub{color:var(--muted); font-size:13.5px; margin:0}
.mono{font-family:var(--data); font-size:12px; word-break:break-all}
header button.signin{font:inherit; font-size:14px; font-weight:600; border:0; cursor:pointer}
.navlink[aria-current="page"]{color:var(--ink); background:var(--accent-soft)}

/* staker strip */
.wtf-me{margin:18px 0 0; padding:12px 16px; border-radius:var(--round); border:1px dashed var(--crease); font-size:14px; background:var(--sheet)}
.wtf-me.staker{border:1px solid color-mix(in srgb, var(--gain) 40%, transparent); background:var(--gain-soft)}
.wtf-me a{color:var(--accent-ink)}

/* fee strip */
.wtf-fees{margin-top:14px; padding:14px 18px; display:flex; gap:10px 28px; flex-wrap:wrap; align-items:center; font-size:13.5px}
.wtf-fees ul{display:flex; flex-wrap:wrap; gap:6px 18px; margin:0; padding:0; list-style:none; color:var(--muted)}
.wtf-fees li{display:flex; align-items:center; gap:7px}
.wtf-fees li::before{content:""; width:6px; height:6px; border-radius:50%; background:var(--accent)}

/* trending */
.trend{margin-top:22px}
.trend h2{font-family:var(--display); font-size:18px; margin:0 0 10px}
.trend ol{list-style:none; margin:0; padding:0 0 4px; display:grid; grid-auto-flow:column; grid-auto-columns:minmax(200px,1fr); gap:10px; overflow-x:auto}
.trend a{display:grid; grid-template-columns:auto auto minmax(0,1fr); gap:10px; align-items:center; padding:12px 14px; text-decoration:none; color:inherit; background:var(--sheet); border:1px solid var(--crease); border-radius:var(--round)}
.trend a:hover{border-color:var(--accent)}
.trend .rk{font-family:var(--data); font-size:12px; color:var(--muted); width:16px}
.trend b{display:block; font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.trend .s{font-size:12px; color:var(--muted)}

/* controls */
.wtf-controls{display:flex; justify-content:space-between; align-items:center; gap:10px 16px; flex-wrap:wrap; margin-top:22px}
.wtf-ctl-r{display:flex; align-items:center; gap:10px}
.wtf-sort{display:flex; flex-direction:row; align-items:center; gap:8px; margin:0; font-family:var(--body); font-size:13px; letter-spacing:0; text-transform:none; color:var(--muted)}
.wtf-sort select{width:auto; padding:6px 12px; font-size:12.5px; border-radius:999px; min-height:34px}
.seg2{display:inline-flex; border:1px solid var(--crease); border-radius:999px; padding:2px; background:var(--sheet)}
.seg2 button{font:500 12.5px var(--body); border:0; background:none; color:var(--muted); padding:6px 12px; border-radius:999px; cursor:pointer; min-height:30px}
.seg2 button[aria-pressed="true"]{background:var(--accent-soft); color:var(--accent-ink)}

/* list */
.wtf-table{margin-top:12px}
.wtf-table td{vertical-align:middle; padding:12px}
.wtf-table tbody tr{cursor:pointer}
.wtf-table tbody tr:hover td{background:color-mix(in srgb, var(--accent-soft) 40%, transparent)}
.wtf-table .rk{font-family:var(--data); color:var(--muted); width:28px}
.tok{display:flex; align-items:center; gap:12px; min-width:0}
.tok a{color:inherit; text-decoration:none}
.tok b{font-size:14px}
.tok .tk{font-family:var(--data); font-size:11.5px; color:var(--muted); margin-left:6px}
.tok .by{display:block; font-size:12px; color:var(--muted)}
.tok .chip{margin-left:8px; vertical-align:1px}
.pair{display:inline-flex; align-items:center; gap:6px; font-family:var(--data); font-size:12px}
.pair i{width:16px; height:16px; border-radius:50%; background:conic-gradient(#97fce4, #2f9e88, #97fce4)}
.grad{display:flex; align-items:center; gap:10px; min-width:150px}
.bar2{flex:1; height:6px; border-radius:99px; background:var(--shade); overflow:hidden}
.bar2 i{display:block; height:100%; width:var(--p); background:var(--accent); border-radius:99px}
.bar2.done i{background:var(--gain)}
.grad span{font-family:var(--data); font-size:12px; color:var(--muted); width:40px; text-align:right}
.av{width:36px; height:36px; border-radius:50%; display:inline-grid; place-items:center; font-family:var(--display); font-weight:700; font-size:16px; color:#fff; background:conic-gradient(from 200deg, var(--a), var(--b), var(--a)); flex:none}
.av.big{width:56px; height:56px; font-size:24px}
.more{display:flex; justify-content:center; margin-top:12px}
@media (max-width:720px){
  .wtf-table .c-pair, .wtf-table .c-rk{display:none}
  .grad{min-width:80px} .grad span{display:none}
  .tok .chip{display:none}
}

/* grid */
.wtf-grid{display:grid; grid-template-columns:repeat(auto-fill, minmax(240px,1fr)); gap:12px; margin:12px 0 0; list-style:none; padding:0}
.wtf-grid a{display:flex; flex-direction:column; gap:12px; padding:16px; background:var(--sheet); border:1px solid var(--crease); border-radius:var(--round); text-decoration:none; color:inherit; height:100%}
.wtf-grid a:hover{border-color:var(--accent)}
.wtf-grid .g-top{display:flex; gap:12px; align-items:center}
.wtf-grid .g-top div{min-width:0}
.wtf-grid b{display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.wtf-grid .g-top .s{font-size:12px; color:var(--muted)}
.wtf-grid dl{display:grid; grid-template-columns:1fr auto; gap:6px; margin:0; font-size:12.5px}
.wtf-grid dt{color:var(--muted)} .wtf-grid dd{margin:0; font-weight:600; text-align:right}

/* empty */
.wtf-empty{padding:28px; display:grid; gap:10px; justify-items:start; margin-top:12px}
.wtf-empty h2{font-family:var(--display); font-size:22px; margin:0}
.wtf-empty p{margin:0; color:var(--muted)}
.wtf-empty .btn{text-decoration:none}

/* token page */
.back{font:500 13.5px var(--body); background:none; border:0; color:var(--accent-ink); cursor:pointer; padding:6px 0; margin-bottom:10px}
.tp{display:grid; grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr); gap:20px; align-items:start}
@media (max-width:860px){ .tp{grid-template-columns:1fr} }
.tp-h{display:flex; gap:14px; align-items:center}
.tp-h h1{font-family:var(--display); font-size:clamp(26px,4vw,36px); letter-spacing:-.025em; margin:0; line-height:1.05}
.tp-h h1 span{font-family:var(--data); font-size:14px; color:var(--muted); font-weight:500; letter-spacing:0; margin-left:6px}
.tp-h > div{min-width:0}
.tp-h .chip{margin-left:auto}
.tp-stats{display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:10px; margin-top:16px}
@media (max-width:640px){ .tp-stats{grid-template-columns:repeat(2, minmax(0,1fr))} }
.tp-stats div{padding:12px 14px}
.tp-stats .k{display:block; font-family:var(--data); font-size:11px; letter-spacing:.06em; text-transform:uppercase; color:var(--muted)}
.tp-stats .v{display:block; font-family:var(--display); font-weight:700; font-size:18px; margin-top:2px; overflow-wrap:anywhere}
.tp-prog{margin-top:12px; padding:14px 16px}
.tp-prog p{margin:8px 0 0; font-size:13px; color:var(--muted)}
.tp-prog .bar2{height:10px}
.trade{padding:18px; display:grid; gap:12px}
.seg{display:grid; grid-template-columns:1fr 1fr; background:var(--shade); border-radius:999px; padding:3px}
.seg label{display:flex; margin:0; cursor:pointer; text-transform:none; letter-spacing:0; font-family:var(--body)}
.seg input{position:absolute; opacity:0; width:1px; height:1px}
.seg span{display:block; width:100%; text-align:center; padding:8px; border-radius:999px; font-weight:600; font-size:14px; color:var(--muted)}
.seg input:checked + span{background:var(--sheet); color:var(--ink); box-shadow:0 1px 2px rgba(59,38,36,.12)}
.seg input:checked[value=sell] + span{color:var(--loss)}
.seg input:focus-visible + span{outline:2px solid var(--accent); outline-offset:1px}
.trade label{margin:0}
.trade input[type=text]{margin-top:6px}
.quote{margin:0; font-size:14px; min-height:1.5em}
.trade .btn{width:100%}
.note{padding:14px 16px; margin-top:12px; display:flex; gap:12px; align-items:center; justify-content:space-between; flex-wrap:wrap; font-size:13.5px}
.note p{margin:0}

/* forms */
.wtf-form{padding:20px; display:grid; gap:14px; max-width:640px; margin-top:12px}
.wtf-form label{margin:0}
.wtf-form input[type=text]{margin-top:6px}
.grid2{display:grid; grid-template-columns:2fr 1fr; gap:12px}
.grid3{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px}
@media (max-width:560px){ .grid2,.grid3{grid-template-columns:1fr} }
#adminbox .wtf-form{margin-bottom:12px}
#adminbox h2{font-family:var(--display); font-size:20px; margin:0}

/* claims */
.claims{list-style:none; margin:12px 0 0; padding:4px 18px}
.claims li{display:grid; grid-template-columns:auto minmax(0,1fr) auto auto; gap:14px; align-items:center; padding:12px 0; border-bottom:1px solid var(--crease)}
.claims li:last-child{border-bottom:0}
.claims .cfee{width:36px; height:36px; border-radius:50%; display:grid; place-items:center; background:var(--accent-soft); color:var(--accent-ink); font-family:var(--display); font-weight:700}
.claims li span b{display:block; font-size:14px}
.claims .amt{font-weight:600; font-variant-numeric:tabular-nums; white-space:nowrap}
.claims .btn{padding:8px 16px; font-size:13px}
@media (max-width:560px){ .claims li{grid-template-columns:auto minmax(0,1fr)} .claims .amt, .claims li > :last-child{grid-column:2} }
.status-line.ok{color:var(--gain)}
.status-line:empty{min-height:0; margin:0}
.wordmark.wtfw{font-size:34px}
.brand img.wtf-lotus{width:64px}
main{margin-top:6px}
.wtf-h{flex-wrap:nowrap; justify-content:space-between; margin-top:10px}
@media (max-width:760px){
  .topnav{width:100%; margin-left:0; gap:2px; overflow-x:auto; scrollbar-width:none}
  .topnav .navlink{display:inline-block; padding:8px 10px}
  header .signin{margin-left:auto}
}
@media (max-width:640px){
  .wordmark.wtfw{font-size:28px}
  .brand img.wtf-lotus{width:46px}
  header .signin.is-in .signin-label{display:none}
  header .signin.is-in{padding:0 4px}
  .wtf-h h1{font-size:28px}
  .wtf-h .btn{padding:10px 16px}
  .wtf-controls{align-items:flex-start}
  .filters{flex-wrap:nowrap; overflow-x:auto; max-width:100%; scrollbar-width:none}
  .filters button{white-space:nowrap}
}
/* site rule form.sheet lays forms out as a row; these are columns */
.wtf-form.sheet, .trade.sheet{display:grid; grid-template-columns:minmax(0,1fr); align-items:stretch}
@media (max-width:760px){ header{flex-wrap:wrap} .topnav{flex-basis:100%; order:3} }
#msg{margin:12px 0 0}
section.view > .wtf-h:first-child, #token > .back:first-child{margin-top:18px}
.wtf-h{flex-direction:row}
.m-only{display:none}
@media (max-width:640px){
  .wtf-table .c-grad{display:none}
  .m-only{display:block}
  .wtf-table td{padding:10px}
}
#msg:empty{display:none}
#me + #msg{margin-top:-20px}
.wtf-table td .m-only{display:none}
@media (max-width:640px){ .wtf-table td .m-only{display:block} }
section.view > .wtf-h:first-child, #token > .back:first-child{margin-top:0}
.wtf-grid a .chip{align-self:flex-start}

/* ---- device pass ---- */
/* header: brand and nav share a row only when there is room for both */
@media (max-width:1000px){
  header{flex-wrap:wrap}
  .topnav{flex-basis:100%; order:3; margin-left:0; gap:2px; overflow-x:auto; scrollbar-width:none}
  .topnav::-webkit-scrollbar{display:none}
  .topnav .navlink{display:inline-block; padding:10px 12px}
  header .signin{margin-left:auto; flex:none}
}
/* token header wraps instead of pushing the page wider */
.tp-h{flex-wrap:wrap; row-gap:10px}
.tp-h > div{flex:1 1 200px}
.tp-h .sub{overflow-wrap:anywhere}
@media (max-width:480px){ .tp-h .chip{margin-left:0} }
.wtf-form .btn{white-space:normal; text-align:center}
/* touch: 44px targets */
@media (max-width:640px), (pointer:coarse){
  .filters button, .wtf-sort select, .seg2 button, .back, .btn.ghost, .claims .btn, .topnav .navlink, header .signin{min-height:44px}
  .seg span{padding:12px 8px}
  .back{display:inline-flex; align-items:center}
  .seg2{padding:3px}
}
form.wtf-form.sheet, form.trade.sheet{display:grid; grid-template-columns:minmax(0,1fr); align-items:stretch}
.trend .s{white-space:nowrap}
.trend ol{grid-auto-columns:minmax(190px,1fr)}
/* phones: the launch table becomes stacked rows */
@media (max-width:480px){
  .wtf-table table, .wtf-table tbody{display:block}
  .wtf-table thead{display:none}
  .wtf-table tr{display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; border-bottom:1px solid var(--crease)}
  .wtf-table tr:last-child{border-bottom:0}
  .wtf-table td{border:0; padding:12px 14px}
  .wtf-table td.r{padding-left:0}
  .tok > span{min-width:0}
  .tok b{display:inline-block; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:bottom}
  .tok .tk{display:none}
  .tok .by{white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
  .tp-stats .v{font-size:16px}
  .wtf-h .btn{padding:10px 14px; font-size:13.5px}
}
.claims .chip{justify-self:start}
@media (max-width:560px){
  .wtf-h{flex-wrap:wrap}
  .wtf-h p{flex-basis:100%}
}
@media (max-width:480px){
  .trend ol{grid-auto-columns:max-content}
  .trend a{min-width:190px}
}
.filters{-webkit-mask-image:linear-gradient(90deg, #000 calc(100% - 28px), transparent); mask-image:linear-gradient(90deg, #000 calc(100% - 28px), transparent); padding-right:24px}
@media (min-width:700px){ .filters{-webkit-mask-image:none; mask-image:none; padding-right:0} }

/* ---- homepage: launchpad first ---- */
.vh2{font-family:var(--display); font-weight:700; font-size:clamp(28px,4vw,38px); letter-spacing:-.025em; margin:0}
.wtf-h h2{font-family:var(--display); font-weight:700; font-size:clamp(24px,3.2vw,30px); letter-spacing:-.02em; margin:0}
.hero2{display:grid; grid-template-columns:minmax(0,1.35fr) minmax(300px,1fr); gap:28px; align-items:center; padding:12px 0 6px}
@media (max-width:900px){ .hero2{grid-template-columns:1fr; gap:20px} }
.hero2-note{display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin:0 0 14px; font-size:13px; color:var(--muted)}
.hero2 h1{font-family:var(--display); font-weight:700; font-size:clamp(40px,6.4vw,68px); line-height:1.02; letter-spacing:-.035em; margin:0; max-width:14ch}
.hero2-lead{font-size:17px; line-height:1.6; color:var(--muted); margin:16px 0 22px; max-width:56ch}
.hero2-cta{display:flex; gap:10px; flex-wrap:wrap}
.hero2-cta .btn{text-decoration:none}
.hero2-stats{padding:20px 22px}
.hero2-stats dl{display:grid; grid-template-columns:1fr 1fr; gap:16px 18px; margin:0}
.hero2-stats dt{font-family:var(--data); font-size:11px; letter-spacing:.06em; text-transform:uppercase; color:var(--muted)}
.hero2-stats dd{margin:4px 0 0; font-family:var(--display); font-weight:700; font-size:24px; letter-spacing:-.02em; font-variant-numeric:tabular-nums; overflow-wrap:anywhere}
.split{margin-top:20px; padding-top:16px; border-top:1px dashed var(--crease)}
.split p{margin:0 0 10px; font-weight:600; font-size:14px}
.split-bar{display:flex; height:12px; border-radius:99px; overflow:hidden; gap:2px}
.split-bar i{display:block; width:var(--w)}
.split ul{list-style:none; margin:10px 0 0; padding:0; display:flex; flex-wrap:wrap; gap:6px 16px; font-size:12.5px; color:var(--muted)}
.split li{display:flex; align-items:center; gap:6px}
.split li i{width:10px; height:10px; border-radius:3px; display:inline-block}
.split .s1{background:var(--gain)} .split .s2{background:var(--accent)} .split .s3{background:var(--ink)}
.home .wtf-me{margin-top:22px}
#list-h{margin-top:26px}
.taxtools{margin-top:44px; padding-top:28px; border-top:1px solid var(--crease)}
.taxtools .section-h{align-items:center}
.taxtools h2{font-family:var(--display); font-weight:700; font-size:clamp(24px,3.2vw,30px); letter-spacing:-.02em; margin:0}
.taxtools .btn{text-decoration:none}
.taxtools > .sub{margin:10px 0 0; max-width:70ch; font-size:14.5px}
.tt-grid{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-top:16px}
@media (max-width:980px){ .tt-grid{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:520px){ .tt-grid{grid-template-columns:1fr} }
.tt{display:flex; flex-direction:column; gap:6px; padding:16px 18px; text-decoration:none; color:inherit}
.tt:hover{border-color:var(--accent)}
.tt b{font-family:var(--display); font-size:17px}
.tt span{font-size:13.5px; color:var(--muted); line-height:1.55}
.tt-guides{margin:14px 0 0; font-size:13.5px; color:var(--muted)}
.tt-guides a{color:var(--accent-ink)}
@media (max-width:480px){ .hero2-stats dd{font-size:20px} .hero2-lead{font-size:16px} }
.tt-guides a{display:inline-block; padding:4px 0}
@media (max-width:640px){ .tt-guides a{padding:12px 2px} }
#msg{position:sticky; top:8px; z-index:5}
#msg:not(:empty){background:var(--sheet); border:1px solid var(--crease); border-radius:999px; padding:8px 14px; width:max-content; max-width:100%; box-shadow:0 6px 18px -12px rgba(59,38,36,.35)}
@media (max-width:640px){ .taxtools .section-h{flex-direction:column; align-items:flex-start; gap:12px} }
/* platform token airdrop */
.drop{margin-top:22px; padding:24px; display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:20px 32px; align-items:stretch;
  border-color:color-mix(in srgb, var(--gain) 35%, var(--crease)); background:linear-gradient(120deg, var(--gain-soft), var(--sheet) 55%)}
@media (max-width:760px){ .drop{grid-template-columns:1fr; padding:20px 18px} }
.drop-k{display:inline-flex; align-items:center; gap:7px; margin:0 0 10px; padding:4px 10px 4px 9px; border-radius:99px;
  font-size:12.5px; font-weight:600; color:var(--gain); background:color-mix(in srgb, var(--gain) 10%, var(--sheet))}
.drop-k i{width:7px; height:7px; border-radius:50%; background:var(--gain)}
.drop-k.live i{animation:droppulse 1.6s ease-in-out infinite}
@keyframes droppulse{50%{opacity:.35}}
@media (prefers-reduced-motion:reduce){ .drop-k.live i{animation:none} }
.drop h2{font-family:var(--display); font-size:clamp(22px,3vw,28px); letter-spacing:-.02em; line-height:1.15; margin:0}
.drop-lead{margin:8px 0 0; font-size:15px; color:var(--muted); max-width:58ch}
.drop-split{margin-top:18px; padding-top:0; border-top:0; max-width:560px}
.drop-split ul{font-size:13px}
.drop-split b{color:var(--ink); font-weight:600}
.drop-stake{margin:14px 0 0; font-size:13.5px; color:var(--ink)}
.drop-prog{display:flex; align-items:center; gap:12px; margin-top:14px; max-width:560px; font-size:13px; color:var(--muted)}
.drop-prog span{white-space:nowrap; font-variant-numeric:tabular-nums}
.drop-card{display:flex; flex-direction:column; gap:10px; justify-content:center; padding:18px; border-radius:14px;
  background:var(--sheet); border:1px solid var(--crease)}
.drop-card p{margin:0; font-size:13.5px; color:var(--muted)}
.drop-card .btn{align-self:stretch; justify-content:center; min-height:44px}
.drop-card-k{font-weight:600; color:var(--ink) !important; font-size:14px !important}
.drop-amt{font-family:var(--display); font-size:24px !important; font-weight:700; letter-spacing:-.01em; color:var(--ink) !important; font-variant-numeric:tabular-nums}
.drop-amt.gain{color:var(--gain) !important} .drop-amt.none{color:var(--muted) !important}
.drop-links{display:flex; gap:18px; flex-wrap:wrap}
.drop-links a{display:inline-flex; align-items:center; min-height:40px; font-weight:600; color:var(--accent-ink)}
.drop-msg:empty{display:none}
.drop-msg{font-size:13px}

.btnrow{display:flex; flex-wrap:wrap; gap:10px}

/* Connect sits beside the logo on narrow screens, outside the scrolling menu, so it's always visible */
body.home header .signin{flex:none}
@media (max-width:1000px){
  body.home .brand{order:1}
  body.home header .signin{order:2; margin-left:auto}
  body.home .topnav{order:3}
}

.lp-faq{margin-top:44px}
.lp-faq .section-h{margin-bottom:0}

/* $TAX staking panel */
.stake{display:grid; gap:14px; margin-bottom:16px; padding:20px 22px}
.stake h2{margin:0}
.stake .sub{margin:0}
.stake-stats{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px}
.stake-stats > div{display:grid; gap:2px; padding:12px 14px; border:1px solid var(--crease); border-radius:12px; background:var(--paper)}
.stake-stats .k{font-family:var(--data); font-size:11px; color:var(--muted)}
.stake-stats .v{font-weight:600; overflow-wrap:anywhere}
.stake-form{display:grid; gap:10px}
.stake .claims{margin:0}
@media (max-width:560px){ .stake-stats{grid-template-columns:minmax(0,1fr)} }

/* Launch page: status, rules and rewards */
.lp-status{display:inline-flex; align-items:center; gap:8px; margin:0 0 12px; padding:5px 12px 5px 10px; border-radius:99px; background:var(--sheet); border:1px solid var(--crease); font-size:13px; font-weight:600; color:var(--ink)}
.lp-dot{width:8px; height:8px; border-radius:50%; background:var(--flag, #8f5a12); box-shadow:0 0 0 3px color-mix(in srgb, var(--flag, #8f5a12) 18%, transparent)}
.lp-how{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.3fr); gap:14px; margin-top:14px}
@media (max-width:860px){ .lp-how{grid-template-columns:1fr} }
.lp-card{padding:20px 22px}
.lp-card h2{font-family:var(--display); font-size:22px; letter-spacing:-.02em; margin:0 0 10px}
.lp-card h3{font-size:15px; margin:0 0 6px}
.lp-list{list-style:none; margin:0; padding:0; display:grid; gap:7px; font-size:14px; color:var(--muted)}
.lp-list li{padding-left:16px; position:relative}
.lp-list li::before{content:""; position:absolute; left:0; top:.6em; width:6px; height:6px; border-radius:50%; background:var(--crease)}
.lp-list b{color:var(--ink); font-weight:600}
.lp-card .split{margin-top:16px}
.lp-perks{display:grid; grid-template-columns:1fr 1fr; gap:18px}
@media (max-width:560px){ .lp-perks{grid-template-columns:1fr} }
.drop-lead a{color:var(--accent-ink); font-weight:600}
.wtf-empty a{color:var(--accent-ink)}