/* meettony.app — builds on the agency site's site.css */

.a-nav{position:relative;}
.a-nav .wrap{height:88px;}
.a-nav .navlinks{gap:28px;align-items:center;}
.mob-signin{display:none;font-family:var(--display);font-style:normal;font-size:0.81rem;letter-spacing:.01em;text-transform:none;text-decoration:none;color:var(--cream-dim);}
@media(max-width:900px){.mob-signin{display:block;}}

/* ---------- hero ---------- */
.a-hero{padding:56px 0 64px;}
.a-hero h1{font-size:clamp(1.9rem,5vw,3.6rem);max-width:16ch;margin-bottom:1.4rem;}
.a-hero h1 span{color:var(--red-lit);}
.a-hero .lede{max-width:52ch;}
.a-hero .btn{cursor:pointer;font-family:var(--display);}
.trust{display:flex;flex-wrap:wrap;gap:10px 26px;margin-top:1.8rem;font-size:.8rem;letter-spacing:.01em;text-transform:none;color:var(--cream-dim);}
.trust span::before{content:"";display:inline-block;width:10px;height:3px;background:var(--red);vertical-align:middle;margin-right:10px;}

/* ---------- quiz ---------- */
.quiz{max-width:760px;padding:28px 0 80px;}
.qprog{display:flex;align-items:center;gap:16px;margin-bottom:2.2rem;}
.qbar{flex:1;height:4px;background:rgba(var(--c-rgb),.12);position:relative;overflow:hidden;}
.qbar i{position:absolute;inset:0 auto 0 0;background:var(--red);width:0;transition:width .3s ease;}
.qcount{font-family:var(--display);font-style:normal;font-size:0.88rem;letter-spacing:.01em;color:var(--cream-dim);white-space:nowrap;}
.qsec{font-family:var(--display);font-style:normal;font-size:0.83rem;letter-spacing:.01em;text-transform:none;color:var(--red-lit);margin-bottom:1rem;}
.qtitle{font-family:var(--body);font-weight:500;font-size:clamp(1.3rem,3vw,1.75rem);line-height:1.3;margin:0 0 .8rem;max-width:30ch;}
.qhelp{color:var(--cream-dim);font-size:.95rem;max-width:56ch;margin-bottom:1.6rem;}
.qopts{display:grid;gap:10px;max-width:560px;}
.qopt{
  text-align:left;font:inherit;font-size:1rem;font-weight:400;color:var(--cream);cursor:pointer;
  background:var(--ink);border:1px solid rgba(var(--c-rgb),.18);padding:16px 20px;
  display:flex;align-items:center;gap:14px;transition:border-color .15s ease,background .15s ease;
}
.qopt::before{content:"";flex:0 0 14px;height:14px;border:1px solid rgba(var(--c-rgb),.4);}
.qopt:hover{border-color:var(--red);}
.qopt.on{border-color:var(--red);background:rgba(var(--red-rgb),.16);}
.qopt.on::before{background:var(--red);border-color:var(--red);}
.qopt:focus-visible{outline:2px solid var(--red-lit);outline-offset:3px;}
.qnav{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;max-width:560px;}
.linkbtn{background:none;border:0;color:var(--cream-dim);font:inherit;font-size:.9rem;cursor:pointer;padding:6px 0;border-bottom:1px solid rgba(var(--c-rgb),.2);}
.linkbtn:hover{color:var(--cream);}
.linkbtn[hidden]{display:none;}

/* ---------- details step ---------- */
.details .fgrid{max-width:640px;}
.fld select{background:var(--ink);color:var(--cream);border:1px solid rgba(var(--c-rgb),.2);padding:14px 16px;font:inherit;}
.check{display:flex;gap:12px;align-items:flex-start;margin-top:14px;font-size:.92rem;color:var(--cream-dim);max-width:640px;cursor:pointer;}
.check input{margin-top:5px;accent-color:var(--red);width:16px;height:16px;flex:0 0 16px;}
.check a{color:var(--cream);}
.err{color:var(--red-lit);font-size:.92rem;margin-top:1rem;min-height:1.4em;}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}
.btn[disabled]{opacity:.55;pointer-events:none;}
button.btn{cursor:pointer;font-family:var(--display);}

/* ---------- results ---------- */
.results{max-width:860px;padding:28px 0 40px;}
.scorerow{display:grid;grid-template-columns:auto 1fr;gap:40px;align-items:center;margin-bottom:2.2rem;}
.dial{width:168px;height:168px;position:relative;}
.dial svg{width:100%;height:100%;transform:rotate(-90deg);}
.dial .n{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.dial .n b{font-family:var(--display);font-style:normal;font-weight:900;font-size:3rem;line-height:1;}
.dial .n i{font-style:normal;font-size:.72rem;letter-spacing:.16em;color:var(--cream-dim);margin-top:.4rem;}
.waste{background:var(--ink);border-left:4px solid var(--red);padding:22px 26px;margin:0 0 2.4rem;}
.waste .k{font-size:0.88rem;letter-spacing:.01em;text-transform:none;color:var(--cream-dim);}
.waste .v{font-family:var(--display);font-style:normal;font-weight:900;font-size:clamp(1.6rem,4vw,2.4rem);color:var(--red-lit);line-height:1.1;margin:.4rem 0;}
.waste p{font-size:.88rem;color:var(--cream-dim);margin:0;}

.find{border-top:1px solid rgba(var(--c-rgb),.14);padding:20px 0;}
.find:last-child{border-bottom:1px solid rgba(var(--c-rgb),.14);}
.fhead{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap;margin-bottom:.5rem;}
.sev{font-size:0.81rem;letter-spacing:.01em;text-transform:none;padding:3px 8px;border:1px solid;font-weight:500;flex:0 0 auto;}
.sev.critical{color:var(--red-lit);border-color:var(--red);}
.sev.warning{color:var(--brass-lit);border-color:var(--brass);}
.sev.tip{color:var(--cream-dim);border-color:rgba(var(--c-rgb),.3);}
.find h3{font-family:var(--body);font-style:normal;text-transform:none;font-weight:500;font-size:1.08rem;letter-spacing:0;line-height:1.35;margin:0;flex:1 1 260px;}
.find p{color:var(--cream-dim);font-size:.94rem;margin:0;}
.area{font-size:0.88rem;letter-spacing:.01em;text-transform:none;color:var(--cream-dim);}
.lockfix{margin-top:12px;display:flex;align-items:center;gap:10px;font-size:.84rem;color:var(--cream-dim);}
.lockfix svg{flex:0 0 14px;}
.find.locked h3,.find.locked p{filter:blur(6px);user-select:none;}

/* ---------- paywall ---------- */
.pay{margin:2.6rem 0 0;border:1px solid var(--red);background:linear-gradient(180deg,rgba(var(--red-rgb),.12),rgba(var(--red-rgb),0) 70%);padding:34px 32px;}
.pay h2{font-size:clamp(1.3rem,3vw,1.9rem);max-width:22ch;margin-bottom:1rem;}
.pay ul{list-style:none;padding:0;margin:1.2rem 0 0;}
.pay li{padding:.6rem 0 .6rem 28px;position:relative;border-top:1px solid rgba(var(--c-rgb),.12);font-size:.96rem;}
.pay li::before{content:"";position:absolute;left:0;top:1.15rem;width:14px;height:3px;background:var(--red);}
.priceline{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-top:1.6rem;}
.priceline b{font-family:var(--display);font-style:normal;font-weight:900;font-size:2rem;}
.priceline span{color:var(--cream-dim);font-size:.92rem;}
.pay .btn{margin-top:1.4rem;}
.pay .small{font-size:.82rem;color:var(--cream-dim);margin-top:1rem;}

/* ---------- landing sections ---------- */
.tiers{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:rgba(var(--c-rgb),.14);margin-top:2.4rem;}
.tier{background:var(--black);padding:34px 30px;}
.tier.pro{background:var(--ink);box-shadow:inset 0 3px 0 var(--red);}
.tier .tn{font-family:var(--display);font-style:normal;font-size:0.88rem;letter-spacing:.01em;text-transform:none;color:var(--red-lit);}
.tier .tp{font-family:var(--display);font-style:normal;font-weight:900;font-size:2rem;line-height:1.1;margin:.6rem 0 .2rem;}
.tier .ts{font-size:.85rem;color:var(--cream-dim);margin-bottom:1rem;}
.tier ul{list-style:none;padding:0;margin:0;}
.tier li{padding:.55rem 0;border-top:1px solid rgba(var(--c-rgb),.12);font-size:.94rem;color:var(--cream-dim);}
.tier.pro li{color:var(--cream);}
.steps3{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:2.4rem;}
.steps3 .n{font-family:var(--display);font-style:normal;font-weight:900;color:var(--red-lit);font-size:1.4rem;margin-bottom:.6rem;}
.steps3 p{color:var(--cream-dim);font-size:.95rem;}
.faq{max-width:760px;margin-top:2rem;}
.faq details{border-top:1px solid rgba(var(--c-rgb),.14);padding:18px 0;}
.faq details:last-child{border-bottom:1px solid rgba(var(--c-rgb),.14);}
.faq summary{cursor:pointer;font-weight:500;list-style:none;display:flex;justify-content:space-between;gap:16px;}
.faq summary::after{content:"+";color:var(--red-lit);font-size:1.3rem;line-height:1;}
.faq details[open] summary::after{content:"\2212";}
.faq p{color:var(--cream-dim);margin:.8rem 0 0;font-size:.95rem;}

/* ---------- dashboard ---------- */
.dash{padding:28px 0 80px;}
.dhead{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:2.2rem;}
.dhead h1{font-size:clamp(1.5rem,3.6vw,2.4rem);margin:0;}
.dmeta{font-size:.85rem;color:var(--cream-dim);}
.dgrid{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:start;}
.panel h2{font-size:1.1rem;letter-spacing:.06em;margin-bottom:1.2rem;}
.cl{list-style:none;padding:0;margin:0;}
.cl li{border-top:1px solid rgba(var(--c-rgb),.14);}
.cl li:last-child{border-bottom:1px solid rgba(var(--c-rgb),.14);}
.cl label{display:grid;grid-template-columns:28px 1fr;gap:14px;padding:18px 0;cursor:pointer;}
.cl input{appearance:none;width:22px;height:22px;border:1px solid rgba(var(--c-rgb),.4);margin:2px 0 0;cursor:pointer;display:grid;place-content:center;}
.cl input:checked{background:var(--red);border-color:var(--red);}
.cl input:checked::after{content:"";width:6px;height:11px;border:solid var(--cream);border-width:0 2px 2px 0;transform:rotate(45deg) translate(-1px,-1px);}
.cl input:focus-visible{outline:2px solid var(--red-lit);outline-offset:3px;}
.cl b{display:block;font-weight:500;}
.cl span{display:block;color:var(--cream-dim);font-size:.92rem;line-height:1.55;margin-top:.2rem;}
.cl li.ticked b{text-decoration:line-through;text-decoration-color:var(--red);color:var(--cream-dim);}
.clprog{font-family:var(--display);font-style:normal;font-size:0.88rem;letter-spacing:.01em;color:var(--cream-dim);margin-bottom:1rem;}
.side{background:var(--ink);padding:28px 26px;position:sticky;top:24px;}
@media(max-width:900px){.side{position:static;}}
.side .dial{width:120px;height:120px;}
.side .dial .n b{font-size:2.1rem;}
.side .row{display:flex;gap:22px;align-items:center;margin-bottom:1.4rem;}
.side .row p{margin:0;font-size:.9rem;color:var(--cream-dim);}
.side .acts{display:flex;flex-direction:column;gap:12px;margin-top:1.4rem;align-items:flex-start;}
.fixes .find .steps{margin:.9rem 0 0;padding-left:1.3rem;color:var(--cream);font-size:.94rem;}
.fixes .find .steps li{margin:.35rem 0;}
.fixes .find.done h3{text-decoration:line-through;text-decoration-color:var(--red);color:var(--cream-dim);}
.donebtn{margin-top:12px;background:none;border:1px solid rgba(var(--c-rgb),.25);color:var(--cream);font:inherit;font-size:.82rem;padding:7px 14px;cursor:pointer;}
.donebtn:hover{border-color:var(--red);}
.find.done .donebtn{border-color:var(--red);background:rgba(var(--red-rgb),.2);}
.banner{background:rgba(var(--brass-rgb),.12);border-left:4px solid var(--brass);padding:16px 20px;margin-bottom:2rem;font-size:.94rem;}
.empty-state{padding:40px 0;color:var(--cream-dim);}

.auth{max-width:520px;padding:40px 0 100px;}
.auth h1{font-size:clamp(1.5rem,4vw,2.3rem);margin-bottom:1.2rem;}

.hidden{display:none!important;}

@media(max-width:900px){
  .a-nav .wrap{height:auto;padding-top:20px;padding-bottom:20px;}
  .a-hero{padding:28px 0 40px;}
  .scorerow{grid-template-columns:1fr;gap:20px;}
  .dial{width:140px;height:140px;}
  .tiers,.steps3,.dgrid{grid-template-columns:1fr;}
  .steps3{gap:24px;}
  .dgrid{gap:36px;}
  .pay{padding:26px 20px;}
  .details .fgrid{grid-template-columns:1fr;}
}

/* ---------- report v2: grades, money, funnel, scan ---------- */
:root{--good:#86B98C;--mid:var(--brass-lit);--bad:var(--red-lit);}
.dot{display:inline-block;width:9px;height:9px;border-radius:50%;flex:0 0 9px;background:var(--cream-dim);}
.dot.good{background:var(--good);}.dot.mid{background:var(--mid);}.dot.bad{background:var(--bad);}
.ceyebrow{font-family:var(--display);font-style:normal;font-size:0.83rem;letter-spacing:.01em;text-transform:none;color:var(--red-lit);}

.grades{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;background:rgba(var(--c-rgb),.12);margin:0 0 2.2rem;}
.gtile{background:var(--black);padding:18px 18px 16px;display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:start;}
.gname{font-size:.8rem;letter-spacing:.06em;color:var(--cream-dim);line-height:1.35;min-width:0;}
.gletter{font-family:var(--display);font-style:normal;font-weight:900;font-size:1.9rem;line-height:1;grid-row:span 2;}
.gbar{grid-column:1;height:3px;background:rgba(var(--c-rgb),.12);margin-top:8px;position:relative;}
.gbar i{position:absolute;inset:0 auto 0 0;background:currentColor;}
.gsub{grid-column:1 / -1;font-size:.74rem;color:var(--cream-dim);margin-top:6px;}
.gA,.gB{color:var(--good);}.gC{color:var(--mid);}.gD,.gF{color:var(--bad);}.gnone{color:var(--cream-dim);}
.gtile .gname,.gtile .gsub{color:var(--cream-dim);}

.pnl{background:var(--ink);border-left:4px solid var(--brass);padding:24px 26px;margin:0 0 2px;}
.pnl.neg{border-left-color:var(--red);}.pnl.pos{border-left-color:var(--good);}
.pnl .k{font-size:0.88rem;letter-spacing:.01em;text-transform:none;color:var(--cream-dim);}
.pnl .v{font-family:var(--display);font-style:normal;font-weight:900;font-size:clamp(1.5rem,4vw,2.3rem);line-height:1.1;margin:.4rem 0 1.2rem;}
.pnl.neg .v{color:var(--red-lit);}.pnl.pos .v{color:var(--good);}
.mkpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px 24px;}
.mkpi{display:flex;flex-direction:column;gap:2px;border-top:1px solid rgba(var(--c-rgb),.14);padding-top:10px;}
.mkpi span{font-size:0.88rem;letter-spacing:.01em;text-transform:none;color:var(--cream-dim);}
.mkpi b{font-size:1.35rem;font-weight:500;font-variant-numeric:tabular-nums;}
.mkpi em{font-style:normal;font-size:.82rem;color:var(--cream-dim);}
.mkpi.bad b{color:var(--bad);}.mkpi.good b{color:var(--good);}

.funnel{background:var(--ink);padding:24px 26px 20px;margin:2px 0 1rem;}
.fhd h3{font-family:var(--body);font-style:normal;text-transform:none;letter-spacing:0;font-weight:500;font-size:1.15rem;margin:.6rem 0 .3rem;}
.fhd p{color:var(--cream-dim);font-size:.94rem;margin:0 0 1.2rem;}
.fstep{display:flex;align-items:baseline;gap:12px;padding:10px 0;}
.fn{font-family:var(--display);font-style:normal;font-weight:900;font-size:1.3rem;font-variant-numeric:tabular-nums;min-width:7.5ch;}
.fl{color:var(--cream-dim);font-size:.9rem;}
.farrow{margin-left:14px;padding:6px 0 6px 18px;border-left:2px solid rgba(var(--c-rgb),.18);display:flex;flex-wrap:wrap;gap:4px 14px;align-items:center;font-size:.92rem;}
.farrow span{display:flex;align-items:center;gap:8px;}
.farrow em{font-style:normal;color:var(--cream-dim);font-size:.84rem;}
.farrow.bad{border-left-color:var(--bad);}.farrow.mid{border-left-color:var(--mid);}.farrow.good{border-left-color:var(--good);}
.fsrc{font-size:.74rem;color:var(--cream-dim);margin:.8rem 0 0;max-width:none;}
.wasteline{font-size:.92rem;color:var(--cream-dim);margin:0 0 2.2rem;}
.wasteline b{color:var(--red-lit);font-weight:500;}

.scanbox{border:1px solid rgba(var(--c-rgb),.14);padding:20px 22px;margin:0 0 2.4rem;}
.scanhd{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:.6rem;}
.scanrows{list-style:none;margin:0;padding:0;}
.scanrows li{display:grid;grid-template-columns:9px minmax(0,1fr) auto;gap:4px 12px;align-items:center;padding:9px 0;border-top:1px solid rgba(var(--c-rgb),.1);font-size:.92rem;}
.scanrows .sk{min-width:0;}
.scanrows .sv{grid-column:2;color:var(--cream-dim);font-size:.84rem;}
.scanrows .sr{grid-row:1;grid-column:3;font-size:0.88rem;letter-spacing:.01em;text-transform:none;color:var(--cream-dim);}
.scanrows li.bad .sr{color:var(--bad);}.scanrows li.good .sr{color:var(--good);}.scanrows li.mid .sr{color:var(--mid);}

.fsum{margin:0 0 .4rem;}
.fh{font-family:var(--body);font-style:normal;text-transform:none;letter-spacing:0;font-weight:500;font-size:clamp(1.25rem,3vw,1.6rem);max-width:none;margin:0 0 .3rem;}
.fh span{color:var(--red-lit);}
.fsum p{color:var(--cream-dim);font-size:.94rem;}
.find .area{margin:-.2rem 0 .5rem;}
.find .steps{margin:.9rem 0 0;padding-left:1.3rem;color:var(--cream);font-size:.94rem;}
.find .steps li{margin:.35rem 0;}
.find.freefix{border:1px solid var(--brass);background:rgba(var(--brass-rgb),.07);padding:20px 22px;margin:8px 0;}
.freetag{display:inline-block;font-size:0.83rem;letter-spacing:.01em;text-transform:none;color:var(--brass-lit);border:1px solid var(--brass);padding:3px 8px;margin-bottom:.8rem;}

/* quiz extras */
.urlrow{display:flex;gap:10px;flex-wrap:wrap;max-width:560px;}
.urlrow input{flex:1 1 240px;min-width:0;background:var(--ink);color:var(--cream);border:1px solid rgba(var(--c-rgb),.2);padding:15px 16px;font:inherit;font-size:1rem;}
.urlrow input:focus{outline:none;border-color:var(--red);}
.urlrow .btn{margin-top:0;}
.scanpill{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;color:var(--cream-dim);border:1px solid rgba(var(--c-rgb),.16);padding:4px 10px;margin-bottom:1.4rem;}
.scanpill .dot{animation:pulse 1.2s ease-in-out infinite;}
.scanpill.done .dot{animation:none;background:var(--good);}
@keyframes pulse{50%{opacity:.3}}
.numgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px 22px;max-width:640px;}
.numgrid .fld small{color:var(--cream-dim);font-size:.78rem;}
.numgrid .fld input{background:var(--ink);color:var(--cream);border:1px solid rgba(var(--c-rgb),.2);padding:13px 14px;font:inherit;font-variant-numeric:tabular-nums;}
.numgrid .fld input:focus{outline:none;border-color:var(--red);}
.howto{font-size:.88rem;color:var(--cream-dim);background:var(--ink);padding:14px 16px;max-width:640px;margin:0 0 1.6rem;}
.howto b{color:var(--cream);font-weight:500;}
.vs{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:rgba(var(--c-rgb),.14);margin-top:2.4rem;}
.vs > div{background:var(--black);padding:28px 26px;}
.vs .us{background:var(--ink);box-shadow:inset 0 3px 0 var(--red);}
.vs h3{margin-bottom:1rem;}
.vs ul{list-style:none;padding:0;margin:0;}
.vs li{padding:.55rem 0;border-top:1px solid rgba(var(--c-rgb),.12);font-size:.94rem;color:var(--cream-dim);}
.vs .us li{color:var(--cream);}
.plan h3.wk{font-family:var(--display);font-style:normal;font-size:.8rem;letter-spacing:.01em;color:var(--red-lit);margin:2.2rem 0 .2rem;}
.plan .wkl{color:var(--cream-dim);font-size:.9rem;margin:0 0 .6rem;}
.side .gmini{list-style:none;padding:0;margin:1rem 0 0;}
.side .gmini li{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-top:1px solid rgba(var(--c-rgb),.1);font-size:.88rem;}
.side .gmini b{font-family:var(--display);font-style:normal;font-weight:900;}

@media(max-width:900px){
  .grades{grid-template-columns:repeat(2,minmax(0,1fr));}
  .numgrid,.vs{grid-template-columns:1fr;}
  .pnl,.funnel{padding:20px 18px;}
}
@media (prefers-reduced-motion:reduce){.scanpill .dot{animation:none;}}

/* ---------- weekly check-in ---------- */
.checkin{margin-bottom:1.6rem;}
.wreview{margin-top:.4rem;}
.whead{font-family:var(--body);font-style:normal;text-transform:none;letter-spacing:0;font-weight:500;font-size:1.25rem;margin:0 0 .8rem;}
.wreview p{color:var(--cream);font-size:.98rem;margin:0 0 .5rem;}
.waction{border-left:3px solid var(--red);background:var(--ink);padding:12px 14px;margin:1rem 0;font-size:.95rem;}
.waction b{font-weight:500;}
.wtable{overflow-x:auto;margin-top:1.2rem;}
.wtable table{border-collapse:collapse;width:100%;min-width:460px;font-size:.88rem;font-variant-numeric:tabular-nums;}
.wtable th{text-align:left;font-weight:500;color:var(--cream-dim);font-size:0.88rem;letter-spacing:.01em;text-transform:none;padding:8px 10px 8px 0;border-bottom:1px solid rgba(var(--c-rgb),.18);}
.wtable td{padding:9px 10px 9px 0;border-bottom:1px solid rgba(var(--c-rgb),.08);}
.wtable td.good{color:var(--good);}.wtable td.bad{color:var(--bad);}
.wfix{border-top:1px solid rgba(var(--c-rgb),.12);padding:16px 0;}
.wfix b{font-weight:500;margin-left:10px;}
.wfix .steps{margin:.7rem 0 0;padding-left:1.3rem;font-size:.94rem;}
.wfix .steps li{margin:.3rem 0;}
.dgrid > *{min-width:0;}

/* ---------- Meta connection ---------- */
.metabox{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 28px;border:1px solid rgba(var(--c-rgb),.18);background:var(--ink);padding:20px 22px;margin:0 0 2.4rem;}
.metabox > div:first-child{flex:1 1 320px;min-width:0;}
.metabox b{font-weight:500;font-size:1.02rem;}
.metabox p{color:var(--cream-dim);font-size:.9rem;margin:.3rem 0 0;max-width:62ch;}
.metabox.connected{border-color:rgba(134,185,140,.45);}
.metabox select{margin-top:.6rem;background:var(--black);color:var(--cream);border:1px solid rgba(var(--c-rgb),.25);padding:10px 12px;font:inherit;max-width:100%;}
.metaacts{display:flex;flex-wrap:wrap;gap:10px 20px;align-items:center;}
#metaMarginWrap{flex-basis:100%;display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap;}
#metaMarginWrap[hidden]{display:none;}
#metaMarginWrap .btn{margin-top:0;}

/* daily check */
.daily{border:1px solid rgba(var(--c-rgb),.18);background:var(--ink);padding:24px 24px 18px;margin:0 0 2.4rem;}
.daily h2{margin:.3rem 0 .4rem;font-size:1.25rem;}
.dly-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px 24px;align-items:flex-start;}
.dly-head > div:first-child{flex:1 1 320px;min-width:0;}
.dly-head .dmeta .linkbtn{font-size:inherit;padding:0;}
.dly-run{display:flex;flex-direction:column;align-items:flex-end;gap:6px;}
.dly-run .btn{margin-top:0;}
.dly-run .btn[disabled]{opacity:.45;cursor:not-allowed;}
.dly-run small{color:var(--cream-dim);font-size:.78rem;}
.dly-sum{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:rgba(var(--c-rgb),.12);border:1px solid rgba(var(--c-rgb),.12);margin:1.4rem 0 1.2rem;}
.dly-sum > div{background:var(--black);padding:12px 16px;display:flex;flex-direction:column;gap:2px;min-width:0;}
.dly-sum span{font-size:0.88rem;letter-spacing:.01em;text-transform:none;color:var(--cream-dim);}
.dly-sum b{font-size:1.15rem;font-weight:500;}
.dly-sum small{color:var(--cream-dim);font-size:.84rem;}
.dly-sum em{font-style:normal;}
.dly-sum .good{color:var(--good);} .dly-sum .bad{color:var(--bad);}
.dly-item{border-top:1px solid rgba(var(--c-rgb),.12);padding:16px 0 6px;}
.dly-top{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap;}
.dly-top b{font-weight:500;font-size:1rem;overflow-wrap:anywhere;}
.dly-where{color:var(--cream-dim);font-size:.82rem;margin-top:3px;overflow-wrap:anywhere;}
.dly-stats{font-size:.86rem;margin-top:6px;color:var(--brass-lit);}
.dly-item p{margin:.5rem 0 .3rem;font-size:.94rem;}
.dly-item .steps{margin-top:.3rem;}
.dtag{font-size:0.81rem;letter-spacing:.01em;text-transform:none;padding:3px 8px;border:1px solid;font-weight:500;flex:0 0 auto;}
.dtag.bad{color:var(--red-lit);border-color:var(--red);}
.dtag.good{color:var(--good);border-color:rgba(134,185,140,.6);}
.dtag.mid{color:var(--brass-lit);border-color:var(--brass);}
.dtag.dim{color:var(--cream-dim);border-color:rgba(var(--c-rgb),.3);}
.dly-rest{margin-top:.6rem;opacity:.85;}
.dly-none{border-top:1px solid rgba(var(--c-rgb),.12);padding-top:14px;color:var(--good);}
.dly-foot{margin-top:.8rem;}
.dly-set{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:flex-end;margin:1rem 0 .4rem;padding:14px 16px;background:rgba(var(--brass-rgb),.08);border-left:3px solid var(--brass);}
.dly-set .fld{max-width:240px;margin:0;}
.dly-set .btn{margin-top:0;}
.dly-set small{flex:1 1 100%;color:var(--cream-dim);font-size:.8rem;}
.dly-lock{border:1px dashed rgba(var(--imp-rgb),.5);padding:16px 18px;margin:1rem 0;}
.dly-lock p{color:var(--cream-dim);margin:.3rem 0 .6rem;font-size:.92rem;}
.dly-lock .btn{margin-top:0;}
@media (max-width:640px){.daily{padding:18px 16px 12px;} .dly-run{align-items:stretch;width:100%;} .dly-sum{grid-template-columns:1fr;}}
.dly-set[hidden]{display:none;}
.dly-set select{background:var(--black);color:var(--cream);border:1px solid rgba(var(--c-rgb),.25);padding:12px;font:inherit;width:100%;}
.dly-basis{font-size:.82rem;color:var(--cream-dim);margin:.7rem 0 0;padding-left:10px;border-left:2px solid rgba(var(--c-rgb),.2);max-width:70ch;}
.dly-alert{background:rgba(var(--red-rgb),.10);border-left:3px solid var(--red);padding-left:14px;padding-right:12px;margin:0 -2px;}

/* ===== daily check v2 ===== */
.dc{margin:0 0 2.6rem;border:1px solid var(--line);background:var(--ink);}
.dc-banner{display:flex;align-items:center;gap:18px 22px;flex-wrap:wrap;padding:22px 24px;border-bottom:1px solid var(--line);position:relative;}
.dc-banner h2{font-family:var(--display);font-size:clamp(1.15rem,2.4vw,1.55rem);line-height:1.15;margin:0;letter-spacing:.01em;text-transform:none;}
.dc-banner p{margin:.35rem 0 0;color:var(--dim);font-size:.92rem;}
.dc-bannertext{flex:1 1 300px;min-width:0;}
.dc-banner-red{background:linear-gradient(90deg,rgba(var(--fix-rgb),.22),rgba(var(--fix-rgb),.05));box-shadow:inset 4px 0 0 var(--fix);}
.dc-banner-amber{background:linear-gradient(90deg,rgba(var(--imp-rgb),.18),rgba(var(--imp-rgb),.03));box-shadow:inset 4px 0 0 var(--imp);}
.dc-banner-green{background:linear-gradient(90deg,rgba(var(--grow-rgb),.16),rgba(var(--grow-rgb),.02));box-shadow:inset 4px 0 0 var(--grow);}
.dc-banner-new{background:var(--raise);}
.dc-pulse{width:12px;height:12px;border-radius:50%;flex:0 0 auto;background:var(--grow);box-shadow:0 0 0 0 rgba(var(--grow-rgb),.6);animation:dcpulse 2.4s ease-out infinite;}
.dc-banner-red .dc-pulse{background:var(--fix);box-shadow:0 0 0 0 rgba(var(--fix-rgb),.6);}
.dc-banner-amber .dc-pulse{background:var(--imp);box-shadow:0 0 0 0 rgba(var(--imp-rgb),.6);}
@keyframes dcpulse{70%{box-shadow:0 0 0 12px rgba(0,0,0,0);}100%{box-shadow:0 0 0 0 rgba(0,0,0,0);}}
@media (prefers-reduced-motion:reduce){.dc-pulse{animation:none;}}
.dc-bannerside{display:flex;flex-direction:column;align-items:flex-end;gap:6px;}
.dc-bannerside small{color:var(--dim);font-size:.76rem;}
.dc-run{font:inherit;font-weight:500;font-size:.9rem;padding:11px 20px;background:var(--cream);color:var(--black);border:0;cursor:pointer;letter-spacing:.02em;}
.dc-run:hover{background:#fff;}
.dc-run:focus-visible,.dc-done:focus-visible,.dc-tabs button:focus-visible,.dc-link:focus-visible{outline:2px solid var(--imp);outline-offset:2px;}
.dc-run[disabled]{opacity:.4;cursor:not-allowed;}
.dc-body{padding:18px 24px 22px;}
.dc-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;font-size:.84rem;color:var(--dim);}
.dc-objchip{border:1px solid var(--line);padding:2px 9px;border-radius:999px;font-size:.74rem;color:var(--cream);}
.dc-link{background:none;border:0;color:var(--imp);font:inherit;font-size:.84rem;cursor:pointer;padding:0;margin-left:auto;text-decoration:underline;text-underline-offset:3px;}
.dc-set{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:flex-end;margin:14px 0 4px;padding:14px 16px;background:var(--raise);}
.dc-set[hidden]{display:none;}
.dc-set .fld{margin:0;max-width:240px;}
.dc-set select{background:var(--black);color:var(--cream);border:1px solid rgba(var(--c-rgb),.25);padding:12px;font:inherit;width:100%;}
.dc-set .btn{margin-top:0;}
.dc-set small{flex:1 1 100%;color:var(--dim);font-size:.78rem;}
/* break-even gauge: the one memorable element */
.dc-gauge{margin:18px 0 6px;}
.dc-gnums{display:flex;flex-wrap:wrap;gap:14px 34px;margin-bottom:16px;}
.dc-gnums span{display:block;font-size:.76rem;color:var(--dim);}
.dc-gnums b{font-family:var(--display);font-size:clamp(1.35rem,3vw,1.9rem);font-weight:400;letter-spacing:.01em;}
.dc-gnums b.up{color:var(--grow);} .dc-gnums b.down{color:var(--fix);}
.dc-track{position:relative;height:14px;background:linear-gradient(90deg,rgba(var(--grow-rgb),.10),rgba(var(--grow-rgb),.35));margin:28px 0 8px;}
.dc-zone-loss{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,rgba(var(--fix-rgb),.45),rgba(var(--fix-rgb),.18));}
.dc-be{position:absolute;top:-8px;bottom:-8px;width:2px;background:var(--cream);}
.dc-be span{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:.72rem;color:var(--cream);padding-bottom:2px;}
.dc-mark{position:absolute;top:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:var(--cream);border:3px solid var(--black);box-shadow:0 0 0 1px var(--cream);}
.dc-mark3{background:transparent;border:2px dashed var(--cream);box-shadow:none;width:14px;height:14px;margin:-7px 0 0 -7px;}
.dc-glegend{font-size:.76rem;color:var(--dim);display:flex;gap:6px 14px;align-items:center;flex-wrap:wrap;margin:6px 0 0;}
.dc-glegend i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:4px;vertical-align:-1px;}
.dc-glegend .k7{background:var(--cream);} .dc-glegend .k3{border:1.5px dashed var(--cream);}
.dc-dead{margin:16px 0 0;padding:10px 14px;background:rgba(var(--fix-rgb),.08);border-left:3px solid var(--fix);font-size:.9rem;}
.dc-dead b{color:var(--fix);font-weight:500;}
.dc-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:20px 0 4px;}
.dc-tabs button{font:inherit;font-size:.82rem;background:transparent;color:var(--dim);border:1px solid var(--line);padding:6px 12px;border-radius:999px;cursor:pointer;}
.dc-tabs button b{font-weight:500;color:var(--cream);margin-left:4px;}
.dc-tabs button.on{background:var(--cream);color:var(--black);border-color:var(--cream);}
.dc-tabs button.on b{color:var(--black);}
.dc-lanes{margin-top:8px;}
.dc-lane{margin-top:22px;}
.dc-lanehead{font-family:var(--body);font-size:.95rem;font-weight:500;margin:0 0 10px;display:flex;align-items:center;gap:8px;text-transform:none;letter-spacing:0;}
.dc-lanehead b{font-weight:500;font-size:.75rem;padding:1px 8px;border-radius:999px;background:var(--raise);}
.dc-lh-fix{color:var(--fix);} .dc-lh-grow{color:var(--grow);} .dc-lh-improve{color:var(--imp);}
.dc-lane-watch summary{cursor:pointer;color:var(--dim);font-size:.92rem;padding:6px 0;list-style:none;}
.dc-lane-watch summary::-webkit-details-marker{display:none;}
.dc-lane-watch summary::before{content:'+ ';}
.dc-lane-watch[open] summary::before{content:'– ';}
.dc-lane-watch summary b{font-weight:500;color:var(--cream);}
.dc-card{background:var(--raise);padding:14px 16px 12px 18px;margin-bottom:10px;border-left:3px solid var(--dim);transition:opacity .2s;}
.dc-card.dc-fix{border-left-color:var(--fix);} .dc-card.dc-grow{border-left-color:var(--grow);} .dc-card.dc-improve{border-left-color:var(--imp);}
.dc-card.dc-watch{background:transparent;border-left-color:var(--line);}
.dc-card.is-done{opacity:.5;}
.dc-card.is-done h4{text-decoration:line-through;text-decoration-thickness:1px;}
.dc-cardtop{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.dc-tag{font-size:.72rem;font-weight:500;padding:3px 9px;border-radius:999px;}
.dc-tag-fix{background:rgba(var(--fix-rgb),.18);color:var(--fix-text);}
.dc-tag-grow{background:rgba(var(--grow-rgb),.16);color:var(--grow);}
.dc-tag-improve{background:rgba(var(--imp-rgb),.16);color:var(--imp);}
.dc-tag-watch{background:rgba(var(--c-rgb),.08);color:var(--dim);}
.dc-obj{font-size:.72rem;color:var(--dim);}
.dc-done{margin-left:auto;font:inherit;font-size:.78rem;background:transparent;color:var(--cream);border:1px solid rgba(var(--c-rgb),.3);padding:4px 10px;cursor:pointer;}
.dc-card.is-done .dc-done{background:var(--grow);color:var(--black);border-color:var(--grow);}
.dc-card h4{font-family:var(--body);font-size:1.02rem;font-weight:500;margin:8px 0 2px;overflow-wrap:anywhere;text-transform:none;letter-spacing:0;}
.dc-where{font-size:.8rem;color:var(--dim);margin:0;overflow-wrap:anywhere;}
.dc-stats{font-size:.84rem;color:var(--imp);margin:6px 0 0;}
.dc-why{font-size:.93rem;margin:6px 0 0;line-height:1.5;max-width:68ch;}
.dc-how{margin-top:6px;font-size:.88rem;}
.dc-how summary{cursor:pointer;color:var(--dim);font-size:.82rem;}
.dc-how ol{margin:.5rem 0 .2rem 1.1rem;padding:0;}
.dc-how li{margin:.25rem 0;}
.dc-empty{color:var(--grow);margin-top:18px;}
.dc-lock{border:1px dashed rgba(var(--imp-rgb),.5);padding:16px 18px;margin:18px 0 0;}
.dc-lock p{color:var(--dim);margin:.3rem 0 .6rem;font-size:.92rem;}
.dc-lock .btn{margin-top:0;}
.dc-foot{color:var(--dim);font-size:.84rem;margin:16px 0 0;}
.dc-basis{color:var(--dim);font-size:.78rem;margin:8px 0 0;max-width:72ch;}
.dc-streak{display:flex;align-items:center;gap:12px;margin-top:18px;padding-top:14px;border-top:1px solid var(--line);font-size:.84rem;color:var(--dim);}
.dc-days{display:flex;gap:4px;}
.dc-days i{width:14px;height:14px;background:rgba(var(--c-rgb),.08);}
.dc-days i.on{background:var(--grow);}
@media (max-width:640px){
  .dc-banner{padding:18px 16px;} .dc-body{padding:14px 16px 18px;}
  .dc-bannerside{align-items:stretch;width:100%;} .dc-run{width:100%;}
  .dc-link{margin-left:0;}
}
.dc .err:empty{display:none;}
.dc-win{margin-top:22px;padding:16px 18px;background:linear-gradient(135deg,rgba(var(--grow-rgb),.10),rgba(var(--imp-rgb),.06));border:1px solid rgba(var(--grow-rgb),.25);}
.dc-win h3{font-family:var(--body);font-size:.95rem;font-weight:500;color:var(--grow);margin:0 0 10px;text-transform:none;letter-spacing:0;}
.dc-win ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;}
.dc-win li{display:flex;flex-direction:column;gap:1px;}
.dc-win li b{font-weight:500;font-size:.95rem;overflow-wrap:anywhere;}
.dc-win li span{font-size:.84rem;color:var(--dim);}
.dc-win p{font-size:.84rem;margin:10px 0 0;color:var(--cream);}
.dc{padding:0;}

/* information vs action: information is quiet, actions are loud */
.dc-why{color:var(--soft);font-weight:300;font-size:.92rem;}
.dc-stats{font-weight:400;}
.dc-do{display:flex;gap:10px;align-items:baseline;margin:10px 0 2px;padding:9px 12px;background:rgba(var(--c-rgb),.05);}
.dc-do b{flex:0 0 auto;font-size:.7rem;font-weight:600;letter-spacing:.04em;padding:2px 8px;border-radius:999px;}
.dc-do span{color:var(--cream);font-weight:500;font-size:.98rem;line-height:1.4;}
.dc-fix .dc-do{box-shadow:inset 3px 0 0 var(--fix);} .dc-fix .dc-do b{background:var(--fix);color:#fff;}
.dc-grow .dc-do{box-shadow:inset 3px 0 0 var(--grow);} .dc-grow .dc-do b{background:var(--grow);color:var(--black);}
.dc-improve .dc-do{box-shadow:inset 3px 0 0 var(--imp);} .dc-improve .dc-do b{background:var(--imp);color:var(--black);}
.dc-do-soft{background:transparent;padding-left:0;}
.dc-do-soft b{background:rgba(var(--c-rgb),.1);color:var(--dim);}
.dc-do-soft span{font-weight:400;color:var(--soft2);font-size:.92rem;}

/* your numbers */
.mt{margin:0 0 2.6rem;padding:0;}
.mt-head h2{font-family:var(--display);font-size:1.3rem;margin:0 0 .3rem;text-transform:none;letter-spacing:.01em;}
.mt-head p{color:var(--dim);font-weight:300;font-size:.9rem;margin:0 0 1rem;max-width:68ch;}
.mt-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.mt-tile{background:var(--ink);border:1px solid var(--line);padding:14px 16px 12px;border-top:3px solid var(--line);min-width:0;}
.mt-tile.mt-good{border-top-color:var(--grow);} .mt-tile.mt-bad{border-top-color:var(--fix);} .mt-tile.mt-watch{border-top-color:var(--imp);}
.mt-tile header{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;}
.mt-tile h4{font-family:var(--body);font-size:.88rem;font-weight:400;color:var(--dim);margin:0;text-transform:none;letter-spacing:0;}
.mt-status{font-size:.72rem;font-weight:600;padding:2px 8px;border-radius:999px;}
.mt-s-good{background:rgba(var(--grow-rgb),.16);color:var(--grow);} .mt-s-bad{background:rgba(var(--fix-rgb),.18);color:var(--fix-text);} .mt-s-watch{background:rgba(var(--imp-rgb),.16);color:var(--imp);}
.mt-value{font-family:var(--display);font-size:1.7rem;margin:.35rem 0 0;line-height:1.1;}
.mt-value small{font-family:var(--body);font-size:.72rem;color:var(--dim);margin-left:8px;font-weight:300;}
.mt-delta{display:block;font-size:.78rem;margin-top:3px;color:var(--dim);}
.mt-delta.good{color:var(--grow);} .mt-delta.bad{color:var(--fix-text);}
.mt-chart{position:relative;margin:10px 0 2px;}
.mt-chart svg{display:block;width:100%;height:84px;overflow:visible;}
.mt-line{fill:none;stroke:var(--cream);stroke-width:2;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke;}
.mt-dot{fill:var(--cream);stroke:var(--ink);stroke-width:2;vector-effect:non-scaling-stroke;}
.mt-bar{fill:rgba(var(--c-rgb),.7);}
.mt-ref{stroke:var(--imp);stroke-width:1.5;vector-effect:non-scaling-stroke;}
.mt-hit{fill:transparent;cursor:crosshair;}
.mt-hit.on{fill:rgba(var(--c-rgb),.07);}
.mt-tip{position:absolute;top:-6px;transform:translate(-50%,-100%);background:var(--cream);color:var(--black);font-size:.76rem;padding:3px 8px;white-space:nowrap;pointer-events:none;z-index:2;}
.mt-nodata{color:var(--dim);font-size:.82rem;}
.mt-ref-l{font-size:.74rem;color:var(--dim);margin:4px 0 0;display:flex;align-items:center;gap:6px;}
.mt-ref-l i{display:inline-block;width:14px;height:2px;background:var(--imp);}
.mt-do{display:flex;gap:8px;align-items:baseline;margin:10px 0 0;padding:8px 10px;box-shadow:inset 3px 0 0 var(--fix);background:rgba(var(--fix-rgb),.07);}
.mt-do b{flex:0 0 auto;font-size:.68rem;font-weight:600;padding:2px 7px;border-radius:999px;background:var(--fix);color:#fff;}
.mt-do{color:var(--cream);font-weight:500;font-size:.9rem;line-height:1.4;}
.mt-learn{margin-top:8px;}
.mt-learn summary{cursor:pointer;font-size:.8rem;color:var(--imp);}
.mt-learn p{font-size:.86rem;font-weight:300;color:var(--soft);margin:.4rem 0 0;line-height:1.5;}
@media (max-width:760px){.mt-grid{grid-template-columns:1fr;}}
/* phones: thumb-sized controls */
@media (max-width:640px){
  .dc-done{min-height:40px;padding:8px 14px;font-size:.84rem;}
  .dc-tabs button{min-height:40px;padding:8px 14px;}
  .dc-how summary,.mt-learn summary,.dc-lane-watch summary{padding:8px 0;}
  .mt-chart svg{height:96px;}
}

/* ===== app shell: pages ===== */
.ap{display:grid;grid-template-columns:200px minmax(0,1fr);gap:40px;align-items:start;padding-top:8px;}
.ap-side{position:sticky;top:88px;}
.ap-hello{font-size:.82rem;color:var(--dim);margin:0 0 14px 12px;}
.ap-sidenav{display:flex;flex-direction:column;gap:2px;}
.ap-sidenav a,.ap-sheet a{display:flex;align-items:center;gap:12px;padding:10px 12px;color:var(--dim);text-decoration:none;font-size:.95rem;border-left:2px solid transparent;}
.ap-sidenav a:hover{color:var(--cream);background:rgba(var(--c-rgb),.04);}
.ap-sidenav a.on{color:var(--cream);background:rgba(var(--c-rgb),.06);border-left-color:var(--cream);font-weight:500;}
.ap-sidenav a:focus-visible,.ap-tabs a:focus-visible,.ap-tabs button:focus-visible{outline:2px solid var(--imp);outline-offset:-2px;}
.ap-badge{margin-left:auto;font-style:normal;font-size:.7rem;font-weight:600;min-width:20px;height:20px;padding:0 6px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;}
.ap-red{background:var(--fix);color:#fff;} .ap-amber{background:var(--imp);color:var(--black);}
.ap-upgrade{display:block;margin:18px 0 0 12px;font-size:.84rem;color:var(--imp);}
.ap-main{min-width:0;outline:none;}
.ap-head{margin:0 0 22px;}
.ap-head h1{font-family:var(--display);font-size:clamp(1.5rem,3.2vw,2.1rem);margin:0;text-transform:none;letter-spacing:.01em;}
.ap-head p{color:var(--dim);font-weight:300;margin:.4rem 0 0;max-width:68ch;}
.ap-empty{border:1px solid var(--line);background:var(--ink);padding:26px 24px;}
.ap-empty h2{font-family:var(--body);font-size:1.15rem;font-weight:500;margin:0 0 .4rem;text-transform:none;letter-spacing:0;}
.ap-empty p{color:var(--dim);font-weight:300;margin:0 0 1rem;}
.ap-empty .metabox{margin:0;}
.ap-block{margin:0 0 2.2rem;}
.ap-block h2{font-family:var(--body);font-size:1.05rem;font-weight:500;margin:0 0 .7rem;text-transform:none;letter-spacing:0;}
.ap-info{color:var(--soft);font-weight:300;font-size:.9rem;margin:.5rem 0 0;max-width:70ch;line-height:1.55;}
.ap-note,.ap-none{color:var(--dim);font-size:.86rem;margin-top:12px;}
.ap-chips{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 14px;}
.ap-chips button{font:inherit;font-size:.84rem;background:transparent;color:var(--dim);border:1px solid var(--line);padding:7px 13px;border-radius:999px;cursor:pointer;min-height:36px;}
.ap-chips button b{font-weight:500;color:var(--cream);margin-left:4px;}
.ap-chips button.on{background:var(--cream);color:var(--black);border-color:var(--cream);} .ap-chips button.on b{color:var(--black);}
.ap-table{border:1px solid var(--line);background:var(--ink);}
.ap-tr{display:grid;grid-template-columns:minmax(0,2.6fr) 1.1fr .9fr .7fr .8fr .9fr;gap:10px;align-items:center;padding:10px 14px;border-top:1px solid var(--line);font-size:.9rem;}
.ap-vt .ap-tr{grid-template-columns:minmax(0,2.6fr) 1fr 1fr .9fr;}
.ap-tr:first-child{border-top:0;}
.ap-th{font-size:.76rem;color:var(--dim);background:var(--raise);}
.ap-sort{background:none;border:0;color:var(--dim);font:inherit;font-size:.76rem;cursor:pointer;padding:4px 0;}
.ap-sort.on{color:var(--cream);}
.ap-ad b{display:block;font-weight:500;overflow-wrap:anywhere;}
.ap-ad small{display:block;color:var(--dim);font-size:.76rem;overflow-wrap:anywhere;font-weight:300;}
.ap-call{font-style:normal;font-size:.72rem;font-weight:600;padding:3px 9px;border-radius:999px;white-space:nowrap;}
.ap-c-fix{background:rgba(var(--fix-rgb),.18);color:var(--fix-text);} .ap-c-grow{background:rgba(var(--grow-rgb),.16);color:var(--grow);}
.ap-c-imp{background:rgba(var(--imp-rgb),.16);color:var(--imp);} .ap-c-dim{background:rgba(var(--c-rgb),.07);color:var(--dim);}
.ap-c-lock{background:transparent;border:1px dashed rgba(var(--imp-rgb),.5);color:var(--imp);}
.ap-up{color:var(--grow);} .ap-down{color:var(--fix-text);}
.ap-mix{display:grid;gap:8px;max-width:620px;}
.ap-mixrow{display:grid;grid-template-columns:150px 1fr 44px;gap:12px;align-items:center;font-size:.88rem;}
.ap-mixrow span{color:var(--dim);}
.ap-mixbar{height:10px;background:rgba(var(--c-rgb),.07);}
.ap-mixbar i{display:block;height:100%;background:var(--cream);}
.ap-mixrow b{font-weight:500;text-align:right;}
.ap-locked{border:1px dashed rgba(var(--imp-rgb),.45);padding:18px 20px;}
.ap-play{border:1px solid var(--line);background:var(--ink);margin:0 0 10px;padding:0 20px;}
.ap-play summary{cursor:pointer;padding:16px 0;display:flex;align-items:center;gap:12px;list-style:none;}
.ap-play summary::-webkit-details-marker{display:none;}
.ap-play summary em{font-style:normal;font-size:.7rem;font-weight:600;padding:2px 9px;border-radius:999px;background:rgba(var(--imp-rgb),.16);color:var(--imp);}
.ap-play summary b{font-weight:500;font-size:1rem;}
.ap-play[open]{padding-bottom:16px;}
.ap-play h3{font-family:var(--body);font-size:.95rem;font-weight:600;color:var(--cream);margin:16px 0 4px;text-transform:none;letter-spacing:0;}
.ap-play p{margin:0;font-size:.92rem;line-height:1.55;color:var(--soft2);font-weight:300;max-width:70ch;}
.ap-play .ap-info{margin-bottom:4px;}
.ap-coming{margin:.6rem 0 0;padding:0;list-style:none;display:grid;gap:6px;}
.ap-coming li{padding:10px 14px;border:1px solid var(--line);font-size:.9rem;color:var(--dim);}
.ap-form{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:flex-end;}
.ap-form .fld{margin:0;max-width:260px;}
.ap-form select{background:var(--black);color:var(--cream);border:1px solid rgba(var(--c-rgb),.25);padding:12px;font:inherit;width:100%;}
.ap-form .btn{margin-top:0;}
.ap-actions{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;margin-top:12px;}
.ap-actions .btn{margin-top:0;}
.ap-tabs,.ap-sheet{display:none;}
@media (max-width:860px){
  .ap{grid-template-columns:1fr;gap:0;}
  .ap-side{display:none;}
  .ap-tabs{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:50;background:rgba(var(--b-rgb),.96);backdrop-filter:blur(8px);border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom));}
  .ap-tabs a,.ap-tabs button{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 0;min-height:48px;color:var(--dim);font:inherit;font-size:.68rem;text-decoration:none;background:none;border:0;cursor:pointer;}
  .ap-tabs .on{color:var(--cream);}
  .ap-tabs .ap-badge{position:absolute;top:0;left:55%;margin:0;min-width:18px;height:18px;font-size:.64rem;}
  .ap-sheet:not([hidden]){display:grid;position:fixed;left:8px;right:8px;bottom:calc(70px + env(safe-area-inset-bottom));z-index:51;background:var(--raise);border:1px solid var(--line);padding:6px;}
  .ap-sheet a{min-height:48px;color:var(--cream);}
  body{padding-bottom:84px;}
  .ap-tr{grid-template-columns:1fr 1fr 1fr;row-gap:6px;}
  .ap-tr .ap-ad{grid-column:1 / -1;}
  .ap-tr > span:nth-child(2){grid-column:1 / -1;}
  .ap-tr > span[data-l]::before{content:attr(data-l);display:block;font-size:.68rem;color:var(--dim);}
  .ap-th{display:none;}
  .ap-vt .ap-tr{grid-template-columns:1fr 1fr 1fr;}
  .ap-mixrow{grid-template-columns:110px 1fr 40px;}
}
.ap section,.ap-main section{padding:0;}
.ap-tabs,.ap-sheet{}

/* landing additions */
.lp-showgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:56px;align-items:center;}
.lp-p{color:var(--soft2);font-weight:300;max-width:56ch;line-height:1.6;}
.lp-list{list-style:none;margin:1.4rem 0 0;padding:0;display:grid;gap:12px;}
.lp-list li{padding-left:16px;border-left:2px solid rgba(var(--c-rgb),.18);color:var(--soft2);font-weight:300;line-height:1.5;}
.lp-list b{color:var(--cream);font-weight:500;}
.lp-demo{margin:0;}
.lp-demo figcaption{font-size:.76rem;color:var(--cream-dim);margin:0 0 8px;}
.lp-demo .dc{margin:0;box-shadow:0 30px 80px rgba(0,0,0,.45);}
.lp-demo .dc-card{margin-bottom:8px;}
.lp-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:2rem;}
.lp-pages{grid-template-columns:repeat(3,minmax(0,1fr));}
.lp-grid > div{border-top:2px solid rgba(var(--c-rgb),.16);padding-top:14px;}
.lp-grid h3{font-family:var(--body);font-size:1.02rem;font-weight:500;margin:0 0 .4rem;text-transform:none;letter-spacing:0;}
.lp-grid p{color:var(--soft);font-weight:300;font-size:.92rem;line-height:1.55;margin:0;}
@media (max-width:900px){.lp-showgrid{grid-template-columns:1fr;gap:32px;} .lp-grid,.lp-pages{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:560px){.lp-grid,.lp-pages{grid-template-columns:1fr;}}
.lp-demo .dc-gauge{margin-bottom:22px;}

/* date range + creative tabs */
.ap-range{display:flex;gap:4px;flex-wrap:wrap;margin:0 0 14px;padding:4px;background:var(--raise,var(--raise));border:1px solid rgba(var(--c-rgb),.12);width:fit-content;max-width:100%;}
.ap-range button{font:inherit;font-size:.82rem;background:transparent;color:var(--cream-dim);border:0;padding:7px 12px;cursor:pointer;min-height:34px;}
.ap-range button.on{background:var(--cream);color:var(--black);}
.ap-range button.loading{opacity:.6;}
.ap-range button:focus-visible,.ap-subtabs button:focus-visible{outline:2px solid var(--imp);outline-offset:1px;}
.mt .ap-range{margin-top:4px;}
.ap-subtabs{display:flex;gap:22px;border-bottom:1px solid rgba(var(--c-rgb),.12);margin:0 0 24px;overflow-x:auto;}
.ap-subtabs button{font:inherit;font-size:.95rem;background:none;border:0;color:var(--cream-dim);padding:10px 0;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;}
.ap-subtabs button.on{color:var(--cream);border-bottom-color:var(--cream);font-weight:500;}
.ap-variety{margin-top:18px;padding:14px 16px;border-left:3px solid var(--imp);background:rgba(var(--imp-rgb),.06);}
.ap-variety h3,.ap-sub,.ap-rules h3{font-family:var(--body);font-size:.95rem;font-weight:600;margin:0 0 4px;text-transform:none;letter-spacing:0;}
.ap-variety ul{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:8px;}
.ap-variety li b{display:block;font-weight:500;}
.ap-variety li span{color:var(--soft);font-weight:300;font-size:.9rem;}
.ap-strong{color:var(--cream);font-weight:600;}
.ap-plan3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px;}
.ap-plan3 > div{background:var(--ink);border:1px solid rgba(var(--c-rgb),.12);padding:14px;}
.ap-plan3 b{font-family:var(--display);font-size:1.6rem;font-weight:400;}
.ap-plan3 h3{font-family:var(--body);font-size:.92rem;font-weight:500;margin:.2rem 0;text-transform:none;letter-spacing:0;}
.ap-plan3 p{color:var(--soft);font-weight:300;font-size:.86rem;margin:0;}
.ap-search{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px;}
.ap-search input{flex:1 1 260px;background:var(--black);color:var(--cream);border:1px solid rgba(var(--c-rgb),.25);padding:12px 14px;font:inherit;}
.ap-search .btn{margin-top:0;}
.ap-save{display:flex;gap:8px;align-items:center;font-size:.85rem;color:var(--cream-dim);margin-top:10px;}
.ap-comps{list-style:none;margin:0;padding:0;border:1px solid rgba(var(--c-rgb),.12);}
.ap-comps li{display:flex;align-items:center;gap:14px;padding:12px 14px;border-top:1px solid rgba(var(--c-rgb),.12);flex-wrap:wrap;}
.ap-comps li:first-child{border-top:0;}
.ap-comps li > div{flex:1 1 200px;min-width:0;}
.ap-comps b{font-weight:500;display:block;}
.ap-comps span{color:var(--cream-dim);font-size:.85rem;}
.ap-out{color:var(--imp);font-size:.88rem;}
.ap-x{background:none;border:0;color:var(--cream-dim);font:inherit;font-size:.82rem;cursor:pointer;text-decoration:underline;}
.ap-steps{margin:0;padding-left:1.3rem;display:grid;gap:12px;}
.ap-steps li b{display:block;font-weight:500;}
.ap-steps li span{color:var(--soft);font-weight:300;font-size:.92rem;line-height:1.5;}
.ap-sb{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;margin-top:12px;align-items:end;}
.ap-sb .fld{margin:0;}
.ap-sb .btn{margin-top:0;grid-column:1 / -1;justify-self:start;}
.ap-sbout{margin-top:22px;display:grid;gap:14px;}
.ap-sbout > h3{font-family:var(--body);font-size:1rem;font-weight:600;margin:0;text-transform:none;letter-spacing:0;}
.ap-sbout ol{margin:0;padding-left:1.3rem;display:grid;gap:4px;color:var(--cream);}
.ap-script{background:var(--ink);border:1px solid rgba(var(--c-rgb),.12);padding:14px 16px;}
.ap-scripthead{display:flex;justify-content:space-between;align-items:center;}
.ap-scripthead h3{font-family:var(--body);font-size:.98rem;font-weight:600;margin:0;text-transform:none;letter-spacing:0;}
.ap-copy{font:inherit;font-size:.8rem;background:transparent;color:var(--cream);border:1px solid rgba(var(--c-rgb),.3);padding:5px 12px;cursor:pointer;min-height:34px;}
.ap-script ul{margin:10px 0 0;padding:0;list-style:none;display:grid;gap:6px;}
.ap-script li{font-size:.92rem;line-height:1.45;}
.ap-ideas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.ap-ideas > div{border-top:2px solid rgba(var(--c-rgb),.14);padding-top:10px;}
.ap-ideas h3{font-family:var(--body);font-size:.95rem;font-weight:500;margin:0 0 4px;text-transform:none;letter-spacing:0;}
.ap-ideas p{color:var(--soft);font-weight:300;font-size:.9rem;margin:0;line-height:1.5;}
.ap-list10{margin:10px 0 0;padding-left:1.4rem;display:grid;gap:6px;}
.ap-sub{margin:18px 0 8px;}
.ap-tools{list-style:none;margin:0;padding:0;display:grid;gap:8px;}
.ap-tools li{display:grid;grid-template-columns:170px 1fr;gap:12px;font-size:.92rem;}
.ap-tools a{color:var(--imp);font-weight:500;}
.ap-tools span{color:var(--soft);font-weight:300;}
.ap-rules{margin-top:20px;padding:14px 16px;border-left:3px solid var(--fix);background:rgba(var(--fix-rgb),.06);}
.ap-rules ul{margin:6px 0 0;padding-left:1.1rem;display:grid;gap:4px;font-size:.9rem;}
@media (max-width:760px){.ap-sb,.ap-ideas,.ap-plan3{grid-template-columns:1fr;} .ap-tools li{grid-template-columns:1fr;gap:2px;}}
.ap-rangeerr:empty{display:none;}

@media (max-width:860px){
  .ap-tr > span:nth-child(2){grid-column:auto;}
  .ap-adtable .ap-tr > span:nth-child(2){grid-column:1 / -1;}
}

/* ===== polish pass: top bar, previews, loading, motion ===== */
.app .dash{padding-top:12px;}
.ap-col{min-width:0;}
.ap h2,.ap h3{max-width:none;}
.ap-side{top:24px;}
/* top bar: greeting, plan and the account switcher, pinned while scrolling */
.ap-bar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:12px 20px;padding:12px 0;margin:0 0 26px;background:rgba(var(--b-rgb),.88);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line);}
.ap-greet{min-width:0;}
.ap-greet b{display:block;font-weight:500;font-size:1.05rem;line-height:1.3;color:var(--cream);}
.ap-greet span{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.78rem;color:var(--dim);line-height:1.5;margin-top:2px;}
.ap-tier{font-style:normal;font-size:.66rem;font-weight:600;padding:1px 8px;border-radius:999px;letter-spacing:.02em;}
.ap-tier-paid{color:var(--imp);background:rgba(var(--imp-rgb),.12);border:1px solid rgba(var(--imp-rgb),.35);}
.ap-tier-free{color:var(--dim);border:1px solid var(--line);}
.ap-acct{position:relative;flex:0 0 auto;}
.ap-acctbtn{display:flex;align-items:center;gap:10px;font:inherit;color:var(--cream);background:var(--ink);border:1px solid var(--line);padding:5px 10px 5px 5px;cursor:pointer;border-radius:8px;text-align:left;transition:border-color .15s;}
.ap-acctbtn:hover,.ap-acctbtn[aria-expanded="true"]{border-color:rgba(var(--c-rgb),.32);}
.ap-acctbtn:focus-visible,.ap-menuitem:focus-visible{outline:2px solid var(--imp);outline-offset:2px;}
.ap-acctbtn small{display:block;font-size:.66rem;color:var(--dim);line-height:1.2;}
.ap-acctbtn b{display:block;font-weight:500;font-size:.88rem;line-height:1.3;max-width:22ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ap-acctbtn svg{color:var(--dim);transition:transform .15s;}
.ap-acctbtn[aria-expanded="true"] svg{transform:rotate(180deg);}
.ap-av{flex:0 0 auto;width:32px;height:32px;border-radius:6px;display:grid;place-items:center;font-style:normal;font-family:var(--display);font-weight:900;font-size:.62rem;letter-spacing:.04em;color:var(--cream);background:linear-gradient(135deg,#7A1420,#2A1416);}
.ap-menu{position:absolute;right:0;top:calc(100% + 8px);width:min(320px,calc(100vw - 36px));background:var(--menu);border:1px solid rgba(var(--c-rgb),.16);box-shadow:0 24px 60px rgba(0,0,0,.55);padding:6px;z-index:40;border-radius:10px;}
.ap-menuhead{font-size:.72rem;color:var(--dim);margin:6px 8px 6px;}
.ap-menuitem{display:flex;align-items:center;gap:10px;width:100%;font:inherit;color:var(--cream);background:none;border:0;padding:8px;cursor:pointer;text-align:left;border-radius:6px;}
.ap-menuitem:hover{background:rgba(var(--c-rgb),.05);}
.ap-menuitem.on{background:rgba(var(--c-rgb),.07);}
.ap-menuitem span{flex:1;min-width:0;}
.ap-menuitem b{display:block;font-weight:500;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ap-menuitem small{display:block;font-size:.72rem;color:var(--dim);}
.ap-menuitem svg{color:var(--grow);flex:0 0 auto;}
.ap-menuitem.busy small{color:var(--imp);}
.ap-menuitem[disabled]{cursor:wait;}
.ap-menuerr{font-size:.8rem;margin:4px 8px;}
.ap-menuerr:empty{display:none;}
.ap-menufoot{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);margin-top:6px;padding:10px 8px 4px;font-size:.78rem;}
.ap-menufoot a{color:var(--dim);}
.ap-menufoot a:hover{color:var(--cream);}
.ap-connect{font-size:.86rem;color:var(--cream);border:1px solid rgba(var(--c-rgb),.3);padding:8px 14px;border-radius:8px;text-decoration:none;}

/* ad previews */
.ap-thumb{position:relative;flex:0 0 auto;width:42px;height:42px;border-radius:6px;overflow:hidden;background:var(--thumb-bg);border:1px solid rgba(var(--c-rgb),.08);display:inline-grid;place-items:center;}
.ap-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.ap-thumb em{position:absolute;left:3px;bottom:3px;min-width:15px;height:15px;padding:0 3px;border-radius:999px;background:rgba(var(--b-rgb),.72);color:var(--cream);font-style:normal;font-size:.56rem;font-weight:600;display:grid;place-items:center;line-height:1;}
.ap-thumb em svg{width:9px;height:9px;fill:currentColor;stroke:none;}
.ap-thumb-none svg{width:20px;height:20px;color:var(--dim);}
.ap-thumb-lg{width:56px;height:56px;border-radius:8px;}
.ap-thumb-lg.ap-thumb-none svg{width:24px;height:24px;}
.ap-ad{display:flex;align-items:center;gap:12px;min-width:0;}
.ap-ad > span:last-child{min-width:0;}
.dc-adrow{display:flex;align-items:center;gap:12px;margin-top:8px;}
.dc-adrow > div{min-width:0;}
.dc-adrow h4{margin:0 0 2px;}
.dc-win li{flex-direction:row;align-items:center;gap:10px;}
.dc-win li > div{display:flex;flex-direction:column;gap:1px;min-width:0;}

/* loading placeholders */
.sk{display:block;height:12px;margin:0 0 9px;border-radius:3px;background:linear-gradient(90deg,rgba(var(--c-rgb),.05) 25%,rgba(var(--c-rgb),.11) 37%,rgba(var(--c-rgb),.05) 63%);background-size:400% 100%;animation:skshine 1.4s ease infinite;}
@keyframes skshine{0%{background-position:100% 50%;}100%{background-position:0 50%;}}
@media (prefers-reduced-motion:reduce){.sk{animation:none;}}
.ap-loading .ap-sidenav{gap:8px;}
.ap-loading .ap-bar > div i{margin-bottom:6px;}
.sk-page .sk-banner{border:1px solid var(--line);background:var(--ink);padding:24px;margin-bottom:22px;}
.sk-nums{display:flex;gap:34px;margin-bottom:12px;}
.sk-card{background:var(--raise);border-left:3px solid var(--line);padding:16px 18px 8px;margin-bottom:10px;}
.sk-table{border:1px solid var(--line);background:var(--ink);}
.sk-row{display:grid;grid-template-columns:42px minmax(0,1fr) 70px 54px;gap:14px;align-items:center;padding:12px 14px;border-top:1px solid var(--line);}
.sk-row:first-child{border-top:0;}
.sk-row .sk{margin:0;}
.sk-row > div .sk + .sk{margin-top:7px;}
.sk-sq{width:42px;height:42px;border-radius:6px;}
.sk-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.sk-tile{border:1px solid var(--line);background:var(--ink);padding:16px;}
@media (max-width:860px){.ap-loading .ap-side{display:none;} .sk-row{grid-template-columns:42px minmax(0,1fr);} .sk-row > .sk:not(.sk-sq){display:none;} .sk-tiles{grid-template-columns:1fr;} .sk-nums{gap:16px;}}
/* a new date range is loading: dim what's on screen until it lands */
.ap-busy .ap-table,.ap-busy .mt-grid,.ap-busy .ap-chips{opacity:.38;pointer-events:none;transition:opacity .2s;}
.ap-range button.loading{opacity:1;background:rgba(var(--c-rgb),.12);color:var(--cream);animation:skpulse 1s ease-in-out infinite;}
@keyframes skpulse{50%{opacity:.55;}}
@media (prefers-reduced-motion:reduce){.ap-range button.loading{animation:none;}}

/* changing page: a short settle, not a show */
.ap-enter{animation:apin .22s ease-out;}
@keyframes apin{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:none;}}
@media (prefers-reduced-motion:reduce){.ap-enter{animation:none;}}

/* a re-check that isn't available yet says why, instead of looking broken */
.dc-run{border:1px solid var(--cream);border-radius:2px;}
.dc-run[disabled]{opacity:1;background:transparent;color:var(--dim);border:1px dashed rgba(var(--c-rgb),.32);cursor:not-allowed;font-weight:400;}
.dc-run[disabled]:hover{background:transparent;}

/* gauge labels: break-even above the track, "you" below, clamped at the ends so neither runs off */
.dc-track{margin-bottom:34px;}
.dc-be.at-start span{left:0;transform:none;}
.dc-be.at-end span{left:auto;right:0;transform:none;}
.dc-marklabel{position:absolute;top:calc(100% + 10px);transform:translateX(-50%);white-space:nowrap;font-size:.74rem;font-weight:500;}
.dc-marklabel.up{color:var(--grow);} .dc-marklabel.down{color:var(--fix-text);}
.dc-marklabel.at-start{transform:translateX(-9px);}
.dc-marklabel.at-end{transform:translateX(calc(-100% + 9px));}
.dc-glegend{margin-top:0;}

/* chart axes: top and bottom of the scale, first and last day */
.mt-chart{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:8px;}
.mt-y{display:flex;flex-direction:column;justify-content:space-between;font-size:.64rem;color:var(--dim);text-align:right;line-height:1;padding:0;height:84px;}
.mt-plot{position:relative;min-width:0;}
.mt-x{grid-column:2;display:flex;justify-content:space-between;font-size:.64rem;color:var(--dim);margin-top:4px;}
.mt-gridl{stroke:rgba(var(--c-rgb),.07);stroke-width:1;vector-effect:non-scaling-stroke;}
.mt-gridl.mt-base{stroke:rgba(var(--c-rgb),.16);}
@media (max-width:640px){.mt-y{height:96px;}}

/* Plan page in the app: same type as every other page (the website keeps its own style) */
.ap .dhead{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;margin:0 0 26px;padding:0;}
.ap .dhead .eyebrow{display:none;}
.ap .dhead h1{font-family:var(--display);font-size:clamp(1.5rem,3.2vw,2.1rem);line-height:1.15;margin:0;text-transform:none;letter-spacing:.01em;}
.ap .panel h2,.ap .results h2{font-family:var(--body);font-style:normal;font-weight:500;font-size:1.05rem;letter-spacing:0;text-transform:none;max-width:none;margin:0 0 .9rem;}
.ap .eyebrow{font-family:var(--body);font-style:normal;font-weight:600;font-size:.8rem;letter-spacing:.01em;text-transform:none;color:var(--imp);margin-bottom:.8rem;}
.ap .fld > span{font-family:var(--body);font-style:normal;font-weight:500;font-size:.8rem;letter-spacing:0;text-transform:none;color:var(--dim);}
.ap .btn{font-family:var(--body);font-style:normal;font-weight:600;font-size:.9rem;letter-spacing:.01em;text-transform:none;padding:12px 24px;}
.ap .plan h3.wk{font-family:var(--body);font-style:normal;font-weight:600;font-size:.82rem;letter-spacing:.01em;text-transform:none;color:var(--imp);}
.ap .sev{font-size:.72rem;letter-spacing:0;text-transform:capitalize;border:0;border-radius:999px;padding:3px 9px;font-weight:500;}
.ap .sev.critical{background:rgba(var(--fix-rgb),.18);color:var(--fix-text);}
.ap .sev.warning{background:rgba(var(--imp-rgb),.16);color:var(--imp);}
.ap .sev.tip{background:rgba(var(--c-rgb),.08);color:var(--dim);}
.ap .side{border-radius:0;top:96px;}
.ap .side .row{align-items:center;}
.ap .side .dial{flex:0 0 auto;width:112px;height:112px;}
.ap .side .dial .n b{font-size:1.9rem;}
.ap .side .dial .n i{font-size:.56rem;letter-spacing:.08em;margin-top:.25rem;}

/* home-screen install */
.ap-tip{position:relative;display:flex;gap:14px;align-items:flex-start;padding:16px 44px 16px 16px;margin:0 0 2.2rem;border:1px solid rgba(var(--imp-rgb),.3);background:linear-gradient(135deg,rgba(var(--imp-rgb),.10),rgba(var(--imp-rgb),.02));}
.ap-tip img,.ap-installbox img{border-radius:10px;flex:0 0 auto;}
.ap-tip > div > b{display:block;font-weight:500;font-size:.95rem;}
.ap-tip p{margin:.2rem 0 0;font-size:.86rem;color:var(--soft);font-weight:300;}
.ap-tip .btn{margin-top:10px;}
.ap-tipx{position:absolute;top:6px;right:6px;width:36px;height:36px;background:none;border:0;color:var(--dim);font-size:1.3rem;cursor:pointer;line-height:1;}
.ap-how{font-size:.86rem;color:var(--cream);margin:.5rem 0 0;}
.ap-how b{font-weight:600;}
.ap-installbox{display:flex;gap:16px;align-items:center;}
.ap-installbox .btn{margin-top:10px;}

@media (max-width:900px){
  .app .a-nav .wrap{height:54px;padding-top:0;padding-bottom:0;}
  .app .dash{padding-top:0;}
}
@media (max-width:860px){
  .ap-bar{margin:0 0 20px;padding:10px 0;box-shadow:0 0 0 100vmax rgba(var(--b-rgb),.92);clip-path:inset(0 -100vmax);}
  .ap-greet b{font-size:.95rem;}
  .ap-acctbtn small{display:none;}
  .ap-acctbtn b{max-width:12ch;font-size:.84rem;}
  .ap-av{width:28px;height:28px;}
  .ap-thumb-lg{width:48px;height:48px;}
  .ap-tr .ap-ad{grid-column:1 / -1;}
  .ap .side{top:auto;}
}
@media (max-width:420px){
  .ap-greet span .ap-tier{display:none;}
}

/* ===== light theme (the default): Tony's palette, white and soft grey with violet actions ===== */
html[data-theme="light"]{
  color-scheme:light;
  --black:#F7F8FC; --ink:#FFFFFF; --raise:#F9FAFD; --menu:#FFFFFF; --thumb-bg:#E8E9F3; --maroon:#EEEDFF;
  --cream:#121433; --cream-dim:#4A4E6A; --dim:#5B5F7A; --soft:#3E425E; --soft2:#33374F;
  --c-rgb:18,20,51; --b-rgb:247,248,252; --dim-rgb:91,95,122;
  --red:#5A55FF; --red-lit:#5A55FF; --red-rgb:90,85,255; --on-red:#FFFFFF;
  --brass:#E0763F; --brass-lit:#B4531F; --brass-rgb:255,154,107;
  --fix:#E41E3F; --fix-rgb:228,30,63; --fix-text:#C4122F;
  --grow:#1F8A3B; --grow-rgb:49,162,76;
  --imp:#A15C00; --imp-rgb:247,185,40;
  --line:rgba(18,20,51,.10);
}
html[data-theme="light"] body{background:var(--black);}
html[data-theme="light"] .a-nav{background:#FFFFFF;border-bottom:1px solid var(--line);}
.logo-on-light{display:none!important;}
html[data-theme="light"] .logo-on-dark{display:none!important;}
html[data-theme="light"] .logo-on-light{display:block!important;}
html[data-theme="light"] .btn{color:#fff;background:var(--red);border-color:var(--red);border-radius:12px;}
html[data-theme="light"] .btn:hover,html[data-theme="light"] .btn:focus-visible{background:#4B44E8;border-color:#4B44E8;color:#fff;}
html[data-theme="light"] .dc,html[data-theme="light"] .mt-tile,html[data-theme="light"] .ap-table,html[data-theme="light"] .ap-empty,html[data-theme="light"] .ap-play,html[data-theme="light"] .side,html[data-theme="light"] .metabox,html[data-theme="light"] .sk-table,html[data-theme="light"] .ap-acctbtn{border-radius:8px;box-shadow:0 1px 2px rgba(0,0,0,.08);}
html[data-theme="light"] .dc{overflow:hidden;}
html[data-theme="light"] .dc-card{background:#FFFFFF;border:1px solid var(--line);border-left-width:3px;border-radius:6px;}
html[data-theme="light"] .dc-card.dc-fix{border-left-color:var(--fix);} html[data-theme="light"] .dc-card.dc-grow{border-left-color:var(--grow);} html[data-theme="light"] .dc-card.dc-improve{border-left-color:var(--imp);}
html[data-theme="light"] .dc-why,html[data-theme="light"] .ap-info{color:var(--soft);}
html[data-theme="light"] .dc-stats{color:#8A5300;}
html[data-theme="light"] .dc-run{background:var(--red);color:#fff;border-color:var(--red);border-radius:6px;}
html[data-theme="light"] .dc-run:hover{background:#4B44E8;}
html[data-theme="light"] .dc-run[disabled]{background:transparent;color:var(--dim);border-color:rgba(18,20,51,.3);}
html[data-theme="light"] .dc-tabs button.on,html[data-theme="light"] .ap-chips button.on,html[data-theme="light"] .ap-range button.on{background:#EEEDFF;color:#5A55FF;border-color:#EEEDFF;}
html[data-theme="light"] .dc-tabs button.on b,html[data-theme="light"] .ap-chips button.on b{color:#5A55FF;}
html[data-theme="light"] .ap-range{background:#FFFFFF;border-radius:8px;}
html[data-theme="light"] .ap-range button{border-radius:6px;}
html[data-theme="light"] .ap-sidenav a{border-radius:6px;border-left:0;}
html[data-theme="light"] .ap-sidenav a.on{background:#EEEDFF;color:#5A55FF;}
html[data-theme="light"] .ap-sidenav a:hover{background:rgba(18,20,51,.05);}
html[data-theme="light"] .ap-tabs .on{color:#5A55FF;}
html[data-theme="light"] .ap-subtabs button.on{color:#5A55FF;border-bottom-color:#5A55FF;}
html[data-theme="light"] .ap-mixbar i{background:#5A55FF;}
html[data-theme="light"] .mt-line{stroke:#5A55FF;}
html[data-theme="light"] .mt-dot{fill:#5A55FF;stroke:#FFFFFF;}
html[data-theme="light"] .mt-bar{fill:rgba(90,85,255,.75);}
html[data-theme="light"] .ap-av{background:#EEEDFF;color:#5A55FF;}
html[data-theme="light"] .ap-thumb em{background:rgba(255,255,255,.92);color:#121433;}
html[data-theme="light"] .dc-track{background:linear-gradient(90deg,rgba(49,162,76,.18),rgba(49,162,76,.45));border-radius:7px;}
html[data-theme="light"] .dc-zone-loss{background:linear-gradient(90deg,rgba(228,30,63,.5),rgba(228,30,63,.2));border-radius:7px 0 0 7px;}
html[data-theme="light"] .dc-mark{border-color:#FFFFFF;box-shadow:0 0 0 1px #121433;}
html[data-theme="light"] .dc-gnums b.up,html[data-theme="light"] .dc-marklabel.up{color:var(--grow);}
html[data-theme="light"] .ap-bar{background:rgba(240,242,245,.9);}
html[data-theme="light"] .ap-menu{box-shadow:0 12px 32px rgba(0,0,0,.14);}
html[data-theme="light"] .ap-tip{background:linear-gradient(135deg,#EEEDFF,#FFFFFF);border-color:rgba(90,85,255,.25);}
html[data-theme="light"] .sk{background:linear-gradient(90deg,rgba(18,20,51,.06) 25%,rgba(18,20,51,.11) 37%,rgba(18,20,51,.06) 63%);background-size:400% 100%;}
html[data-theme="light"] .ap-tabs{background:rgba(255,255,255,.96);}
html[data-theme="light"] .ap-sheet{box-shadow:0 -8px 30px rgba(0,0,0,.12);}
html[data-theme="light"] .fld input,html[data-theme="light"] .fld textarea,html[data-theme="light"] .ap-form select,html[data-theme="light"] .ap-search input,html[data-theme="light"] .dc-set select{background:#FFFFFF;border:1px solid #CED0D4;border-radius:6px;color:var(--cream);}
html[data-theme="light"] .fld input:focus,html[data-theme="light"] .ap-search input:focus{border-color:#5A55FF;box-shadow:0 0 0 3px rgba(90,85,255,.15);}
html[data-theme="light"] .ap-acctbtn:focus-visible,html[data-theme="light"] .dc-run:focus-visible,html[data-theme="light"] .ap-sidenav a:focus-visible{outline-color:#5A55FF;}
html[data-theme="light"] .banner{background:#FFF8E5;color:#5C4400;border-left-color:#F7B928;}
html[data-theme="light"] .ap-tier-paid{color:#5A55FF;background:#EEEDFF;border-color:rgba(90,85,255,.3);}
html[data-theme="light"] .ap-c-dim{background:rgba(18,20,51,.07);}
html[data-theme="light"] footer{border-top:1px solid var(--line);}

/* the theme picker in Settings */
.ap-themes{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px;}
.ap-theme{font:inherit;color:var(--cream);background:none;border:2px solid var(--line);padding:6px;cursor:pointer;width:156px;text-align:left;border-radius:10px;}
.ap-theme.on{border-color:var(--imp);}
html[data-theme="light"] .ap-theme.on{border-color:#5A55FF;}
.ap-theme:focus-visible{outline:2px solid var(--imp);outline-offset:2px;}
.ap-theme i{display:block;height:78px;border-radius:6px;overflow:hidden;position:relative;}
.ap-theme span{display:block;font-size:.86rem;font-weight:500;margin:8px 4px 2px;}
.ap-theme small{display:block;font-size:.74rem;color:var(--dim);margin:0 4px 4px;}
.pv-dark{background:#0F1130;border:1px solid #2A2E5A;}
.pv-light{background:#F7F8FC;border:1px solid #DADDE1;}
.pv-auto{background:linear-gradient(135deg,#F7F8FC 50%,#0F1130 50%);border:1px solid #888;}
.ap-theme i b{position:absolute;left:10px;right:10px;height:10px;border-radius:3px;}
.pv-dark b:nth-child(1){top:12px;width:50%;background:#F2F3FA;} .pv-dark b:nth-child(2){top:32px;background:#1B1F45;height:30px;border-left:3px solid #8F86FF;}
.pv-light b:nth-child(1){top:12px;width:50%;background:#121433;} .pv-light b:nth-child(2){top:32px;background:#fff;height:30px;border-left:3px solid #5A55FF;}
.pv-auto b{display:none;}
.ap .err:empty{display:none;}

/* ===== sign-in and email codes ===== */
.vbox{border:1px solid rgba(var(--imp-rgb),.45);background:linear-gradient(135deg,rgba(var(--imp-rgb),.10),rgba(var(--imp-rgb),.02));padding:18px 20px;margin:0 0 24px;border-radius:2px;}
.vbox.done{border-color:rgba(var(--grow-rgb),.5);}
.vhead b{display:block;font-weight:500;font-size:1.02rem;color:var(--cream);}
.vhead p{margin:.25rem 0 0;color:var(--soft);font-size:.92rem;font-weight:300;max-width:62ch;}
.vform{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:flex-end;margin-top:14px;}
.vlabel{display:flex;flex-direction:column;gap:6px;}
.vlabel span{font-size:.8rem;color:var(--cream-dim);}
.vlabel input{font-family:Menlo,Consolas,ui-monospace,monospace;font-size:1.4rem;letter-spacing:.35em;width:11ch;padding:10px 12px;background:var(--black);color:var(--cream);border:1px solid rgba(var(--c-rgb),.3);}
.vlabel input:focus{outline:none;border-color:var(--imp);}
.vbox .btn{margin-top:0;}
.vresend{background:none;border:0;color:var(--cream-dim);font:inherit;font-size:.86rem;cursor:pointer;text-decoration:underline;text-underline-offset:3px;padding:10px 0;}
.vresend[disabled]{cursor:default;text-decoration:none;}
.vErr{margin:.6rem 0 0;}
.vErr:empty{display:none;}
.vdone{color:var(--grow);margin:0 0 24px;}
.ap-col > #apVerify .vbox{margin-bottom:22px;}
.auth{max-width:440px;padding:56px 0 80px;}
.auth h1{margin-bottom:.6rem;}
.auth-lede{color:var(--cream-dim);margin:0 0 1.4rem;}
.auth .fld{margin-bottom:12px;}
.auth .btn{margin-top:6px;}
.auth .err:empty{display:none;}
.gbtn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:13px 18px;background:#fff;color:#1F1F1F;font-family:var(--body);font-weight:500;font-size:1rem;text-decoration:none;border:1px solid #dadce0;border-radius:4px;}
.gbtn:hover{background:#f7f8f8;}
.gbtn[hidden],.auth-or[hidden]{display:none;}
.auth-or{display:flex;align-items:center;gap:12px;color:var(--cream-dim);font-size:.85rem;margin:18px 0;}
.auth-or::before,.auth-or::after{content:'';flex:1;height:1px;background:rgba(var(--c-rgb),.15);}
.auth-foot{margin-top:2.2rem;font-size:.9rem;color:var(--cream-dim);}
.auth-foot a{color:var(--cream);}
.tsbox{margin:6px 0 4px;}
.tsbox:empty{display:none;}
#codeStep .vbox{margin-top:8px;}
@media (max-width:560px){.vlabel input{width:100%;}.vform .btn{flex:1;}}

/* ===== plans ===== */
.tiers4{grid-template-columns:repeat(4,minmax(0,1fr));}
.lp-yearly{color:var(--cream-dim);font-size:.92rem;margin:1rem 0 0;}
@media (max-width:1000px){.tiers4{grid-template-columns:1fr 1fr;}}
@media (max-width:640px){.tiers4{grid-template-columns:1fr;}}
.billing{display:inline-flex;gap:4px;padding:4px;margin:1.4rem 0 0;border:1px solid rgba(var(--c-rgb),.18);background:rgba(var(--b-rgb),.5);}
.billing button{font:inherit;font-size:.9rem;background:none;border:0;color:var(--cream-dim);padding:8px 16px;cursor:pointer;}
.billing button.on{background:var(--cream);color:var(--black);font-weight:500;}
.billing em{font-style:normal;font-size:.74rem;font-weight:600;color:var(--grow);margin-left:6px;}
.billing button.on em{color:var(--grow);filter:brightness(.7);}
.billing button:focus-visible{outline:2px solid var(--imp);outline-offset:2px;}
.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:1.2rem 0 0;}
.plan{position:relative;display:flex;flex-direction:column;background:rgba(var(--b-rgb),.55);border:1px solid rgba(var(--c-rgb),.14);padding:22px 20px 20px;}
.plan-on{border-color:var(--red);box-shadow:inset 0 3px 0 var(--red);}
.plan-tag{position:absolute;top:-11px;left:18px;background:var(--red);color:var(--on-red);font-size:.7rem;font-weight:600;padding:3px 10px;}
.plan h3{font-family:var(--body);font-style:normal;font-weight:600;font-size:1.05rem;text-transform:none;letter-spacing:0;margin:0;}
.plan-blurb{font-size:.88rem;color:var(--cream-dim);margin:.3rem 0 0;min-height:2.6em;}
.plan-price{margin:.9rem 0 0;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;}
.plan-price b{font-family:var(--display);font-weight:900;font-style:normal;font-size:1.7rem;line-height:1.1;}
.plan-price span{font-size:.85rem;color:var(--cream-dim);}
.plan-save{font-size:.82rem;color:var(--grow);margin:.25rem 0 0;}
.pay .plan ul{margin:1rem 0 0;flex:1;}
.pay .plan li{font-size:.9rem;padding:.45rem 0 .45rem 22px;}
.pay .plan li::before{top:1rem;width:10px;}
.pay .plan .btn{margin-top:1.2rem;width:100%;text-align:center;padding-left:12px;padding-right:12px;}
.pay .plan:not(.plan-on) .btn{background:transparent;color:var(--cream);}
.pay .plan:not(.plan-on) .btn:hover{border-color:var(--red-lit);}
@media (max-width:900px){.plans{grid-template-columns:1fr;}.plan-blurb{min-height:0;}}
html[data-theme="light"] .billing button.on{background:#EEEDFF;color:#5A55FF;}
html[data-theme="light"] .plan{background:#fff;border-radius:8px;}
html[data-theme="light"] .pay .plan:not(.plan-on) .btn{color:#5A55FF;background:#fff;}

/* instant alerts on Today */
.al{border:1px solid rgba(var(--fix-rgb),.45);border-radius:10px;margin:0 0 18px;overflow:hidden;background:linear-gradient(90deg,rgba(var(--fix-rgb),.14),rgba(var(--fix-rgb),.03));}
.al h2{font-size:0.88rem;letter-spacing:.01em;text-transform:none;color:var(--fix-text);margin:0;padding:12px 18px 0;max-width:none;}
.al-item{padding:12px 18px 14px;border-top:1px solid rgba(var(--fix-rgb),.18);box-shadow:inset 4px 0 0 var(--fix);}
.al-item:first-of-type{border-top:0;}
.al-item h3{font-family:var(--body);font-style:normal;text-transform:none;letter-spacing:0;font-weight:600;font-size:1.05rem;margin:0 0 4px;line-height:1.35;color:var(--cream);}
.al-item p{margin:0;color:var(--dim);font-size:.92rem;line-height:1.55;max-width:70ch;}
.al-foot{display:flex;gap:16px;flex-wrap:wrap;margin-top:8px;font-size:.84rem;color:var(--dim);}
.al-foot a{color:var(--cream);}
.al-quiet{max-width:none;display:flex;align-items:center;gap:10px;margin:0 0 14px;font-size:.86rem;color:var(--dim);}
.al-quiet i{width:8px;height:8px;border-radius:50%;background:var(--grow);box-shadow:0 0 0 4px rgba(var(--b-rgb),.06);flex:none;}
.ap-toggle{display:flex;gap:10px;align-items:center;font-weight:600;margin:0 0 8px;cursor:pointer;}
.ap-toggle input{width:20px;height:20px;accent-color:var(--fix);}
@media (max-width:640px){ .al h2{padding:12px 14px 0;} .al-item{padding:12px 14px 14px;} }

/* phone notifications in Settings */
.pn{margin:18px 0 6px;padding:16px 18px;border:1px solid var(--line);border-radius:10px;background:var(--raise);}
.pn h3,.pn-h{font-family:var(--body);font-style:normal;text-transform:none;letter-spacing:0;font-weight:600;font-size:1rem;margin:0 0 10px;color:var(--cream);}
.pn-h{margin:20px 0 8px;}
.pn-on{display:flex;align-items:center;gap:10px;margin:0 0 10px;font-weight:600;}
.pn-on i{width:9px;height:9px;border-radius:50%;background:var(--grow);flex:none;}
.pn-level{margin:14px 0 0;max-width:320px;}
.pn-note{font-size:.84rem;margin:8px 0 0;}
.pn-level select{width:100%;}
.pn-list{list-style:none;margin:14px 0 0;padding:0;border-top:1px solid var(--line);}
.pn-list li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);}
.pn-list b{display:block;font-weight:600;font-size:.94rem;}
.pn-list small{color:var(--dim);font-size:.8rem;}
.al-quiet a{color:var(--cream);margin-left:4px;}

/* script writer */
.sw-form{display:grid;gap:14px;margin-top:14px;}
.sw-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 16px;}
.sw-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;}
.sw-form .fld{margin:0;}
.sw-form textarea{width:100%;resize:vertical;}
.sw-go{display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
.sw-go .btn{margin:0;}
.sw-go small{color:var(--dim);}
.sw-go select{margin-left:auto;max-width:300px;background:var(--ink);color:var(--cream);border:1px solid rgba(var(--c-rgb),.2);padding:10px 12px;font:inherit;font-size:.9rem;}
html[data-theme="light"] .sw-go select{background:#FFFFFF;border:1px solid #CED0D4;border-radius:6px;}
.sw-wait{display:flex;gap:14px;align-items:center;margin-top:22px;padding:18px;border:1px solid var(--line);border-radius:10px;}
.sw-wait i{width:22px;height:22px;border-radius:50%;border:2px solid rgba(var(--c-rgb),.18);border-top-color:var(--red);animation:swspin .9s linear infinite;flex:none;}
.sw-wait b{display:block;} .sw-wait p{margin:2px 0 0;color:var(--dim);font-size:.9rem;}
@keyframes swspin{to{transform:rotate(360deg);}}
@media (prefers-reduced-motion:reduce){.sw-wait i{animation:none;}}
.sw-out{margin-top:26px;display:grid;gap:28px;}
.sw-sec > h3,.sw-head h3{font-family:var(--body);font-style:normal;text-transform:none;letter-spacing:0;font-weight:600;font-size:1.12rem;margin:0 0 6px;color:var(--cream);}
.sw-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;}
.sw-copy{font:inherit;font-size:.82rem;background:none;border:1px solid var(--line);color:var(--cream);padding:6px 12px;border-radius:6px;cursor:pointer;white-space:nowrap;}
.sw-copy:hover{border-color:rgba(var(--c-rgb),.4);}
.sw-notes{border-left:3px solid var(--imp);background:rgba(var(--imp-rgb),.08);padding:10px 14px;border-radius:0 8px 8px 0;}
.sw-notes p{margin:4px 0;font-size:.9rem;max-width:none;}
.sw-hooks{margin:10px 0 0;padding-left:1.6rem;display:grid;gap:12px;}
.sw-hooks li{padding-left:4px;}
.sw-hooks b{display:block;font-weight:600;color:var(--cream);font-size:1rem;line-height:1.45;}
.sw-hooks span{display:block;color:var(--dim);font-size:.86rem;margin-top:2px;}
.sw-hooks em,.sw-beat span[data-l]::before{font-style:normal;color:var(--soft);font-size:0.88rem;letter-spacing:.01em;text-transform:none;margin-right:6px;}
.sw-script{border:1px solid var(--line);border-radius:10px;padding:16px 18px;margin-top:14px;background:var(--ink);}
.sw-script h4{font-family:var(--body);font-style:normal;text-transform:none;letter-spacing:0;font-weight:600;font-size:1.02rem;margin:0;color:var(--cream);}
.sw-script .sw-head p{margin:2px 0 0;color:var(--dim);font-size:.88rem;}
.sw-why{margin:8px 0 0;font-size:.86rem;color:var(--soft);}
.sw-ask{margin:12px 0 0;padding:12px 14px;border-radius:8px;background:rgba(var(--grow-rgb),.07);border:1px solid rgba(var(--grow-rgb),.25);}
.sw-ask ol{margin:6px 0;padding-left:1.3rem;display:grid;gap:3px;font-size:.92rem;}
.sw-ask small{color:var(--dim);}
.sw-beats{margin-top:12px;border-top:1px solid var(--line);}
.sw-bh,.sw-beat{display:grid;grid-template-columns:62px 1.6fr 1.1fr .9fr;gap:12px;padding:9px 0;border-bottom:1px solid var(--line);font-size:.9rem;}
.sw-bh{color:var(--soft);font-size:0.88rem;letter-spacing:.01em;text-transform:none;}
.sw-t{color:var(--dim);font-variant-numeric:tabular-nums;}
.sw-say{color:var(--cream);font-weight:500;}
.sw-beat span:not(.sw-say):not(.sw-t){color:var(--dim);}
.sw-beat span[data-l]::before{display:none;}
.sw-meta{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;margin:12px 0 0;font-size:.88rem;}
.sw-meta dt{color:var(--soft);} .sw-meta dd{margin:0;color:var(--cream);}
.sw-statics{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;margin-top:10px;}
.sw-statics div{border:1px solid var(--line);border-radius:10px;padding:14px;background:var(--ink);}
.sw-statics b{display:block;font-size:1rem;line-height:1.3;color:var(--cream);}
.sw-statics p{margin:6px 0;font-size:.88rem;color:var(--dim);}
.sw-statics small{color:var(--soft);font-size:.8rem;}
.sw-form-card{border:1px solid var(--line);border-radius:10px;padding:14px 16px;background:var(--ink);}
.sw-form-card p{margin:0 0 6px;} .sw-form-card ol{margin:0;padding-left:1.3rem;}
.sw-again{display:flex;gap:14px;align-items:center;flex-wrap:wrap;} .sw-again .btn{margin:0;} .sw-again small{color:var(--dim);}
@media (max-width:720px){
  .sw-row,.sw-grid{grid-template-columns:1fr;}
  .sw-go select{margin-left:0;max-width:none;width:100%;}
  .sw-bh{display:none;}
  .sw-beat{grid-template-columns:1fr;gap:4px;}
  .sw-beat span[data-l]::before{display:inline;content:attr(data-l);}
  .sw-beat .sw-say::before{display:none;}
  .sw-script{padding:14px;}
}

.dc-am{display:inline-block;margin-top:10px;font-size:.88rem;color:var(--cream);}

/* Plan page: tabs, progress, short fix cards */
.pl-prog{display:flex;align-items:center;gap:14px;margin-top:6px;color:var(--dim);font-size:.9rem;}
.pl-prog b{color:var(--cream);font-weight:600;}
.pl-prog i{flex:1;max-width:220px;height:6px;border-radius:3px;background:rgba(var(--c-rgb),.12);overflow:hidden;}
.pl-prog i b{display:block;height:100%;background:var(--grow);border-radius:3px;}
.pl-body{display:grid;gap:22px;}
.ap section.pl-card,.pl-card{border:1px solid var(--line);border-radius:10px;padding:18px 20px;background:var(--ink);}
.pl-card > h2,.pl-week > h2{font-family:var(--body);font-style:normal;text-transform:none;letter-spacing:0;font-weight:600;font-size:1.12rem;margin:0 0 12px;color:var(--cream);}
.pl-week > h2 span{font-weight:400;color:var(--dim);font-size:.95rem;margin-left:8px;}
.pl-lead{margin:0;}
.pl-fix{border:1px solid var(--line);border-radius:10px;padding:14px 16px;margin-top:10px;background:var(--ink);}
.pl-card .pl-fix{background:transparent;}
.pl-fix.done{opacity:.6;}
.pl-fix.done h3{text-decoration:line-through;text-decoration-thickness:1px;}
.pl-fixtop{display:flex;align-items:center;gap:10px;}
.pl-area{color:var(--dim);font-size:.8rem;}
.pl-done{margin-left:auto;font:inherit;font-size:.84rem;background:none;border:1px solid rgba(var(--c-rgb),.25);color:var(--cream);padding:6px 12px;border-radius:6px;cursor:pointer;white-space:nowrap;}
.pl-fix.done .pl-done{border-color:rgba(var(--grow-rgb),.5);color:var(--grow);}
.pl-fix h3{font-family:var(--body);font-style:normal;text-transform:none;letter-spacing:0;font-weight:600;font-size:1.02rem;line-height:1.35;margin:10px 0 0;color:var(--cream);}
.pl-why{margin:6px 0 0;color:var(--dim);font-size:.92rem;max-width:68ch;}
.pl-how{margin-top:8px;}
.pl-how summary{cursor:pointer;color:var(--imp);font-size:.9rem;}
.pl-how ol{margin:8px 0 0;padding-left:1.3rem;display:grid;gap:6px;font-size:.94rem;max-width:68ch;}
.pl-report{padding-top:0;}
.pl-acts{display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin-top:8px;}
.pl-acts .btn{margin:0;}
@media (max-width:640px){ .ap section.pl-card,.pl-card{padding:14px;} .pl-fix{padding:12px 14px;} }

/* Ads: one tight row per ad on phones; paused ads quieter */
.ap-mline{display:none;}
.ap-unit{color:var(--dim);font-size:.74rem;}
.ap-tr.ap-off{opacity:.62;}
@media (max-width:860px){
  .ap-adtable .ap-tr{grid-template-columns:1fr;row-gap:6px;padding:12px 14px;}
  .ap-adtable .ap-tr > span[data-l],.ap-adtable .ap-tr > .ap-callc{display:none;}
  .ap-adtable .ap-mline{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.84rem;color:var(--dim);padding-left:56px;}
  .ap-adtable .ap-ad b{font-size:.95rem;}
  .ap-adtable .ap-ad small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
}

/* Numbers: summary and sections */
.mt-sum{list-style:none;margin:0 0 8px;padding:0;display:grid;gap:8px;border:1px solid var(--line);border-radius:10px;padding:14px 16px;background:var(--ink);}
.mt-sum li{display:grid;grid-template-columns:150px 1fr;gap:10px;font-size:.92rem;align-items:baseline;}
.mt-sum b{font-weight:600;}
.mt-sum-bad b{color:var(--fix-text);} .mt-sum-watch b{color:var(--imp);} .mt-sum-good b{color:var(--grow);}
.mt-sum a{color:var(--cream);}
.mt-sec{font-family:var(--body);font-style:normal;text-transform:none;letter-spacing:0;font-weight:600;font-size:1.05rem;margin:26px 0 10px;color:var(--cream);}
.mt-tile{scroll-margin-top:90px;}
@media (max-width:640px){ .mt-sum li{grid-template-columns:1fr;gap:2px;} }

/* Creative: tidier on phones */
.ap-variety > summary{cursor:pointer;font-weight:600;font-size:.95rem;}
.ap-variety[open] > summary{margin-bottom:6px;}
.ap-showall{margin-top:10px;}
@media (max-width:760px){
  .ap-plan3{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
  .ap-plan3 > div{padding:10px;}
  .ap-plan3 b{font-size:1.3rem;}
  .ap-plan3 h3{font-size:.8rem;}
  .ap-plan3 p{display:none;}
}
/* Settings: themes side by side on phones */
@media (max-width:640px){
  .ap-themes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
  .ap-theme{width:auto;}
  .ap-theme small{display:none;}
  .ap-theme span{font-size:.82rem;}
}

/* Plan: nothing wider than the screen; the weekly table stacks on phones */
.pl-body > *{min-width:0;}
.whead{overflow-wrap:anywhere;}
@media (max-width:640px){
  .wtable table{min-width:0;}
  .wtable thead{display:none;}
  .wtable tr{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px 12px;padding:10px 0;border-bottom:1px solid rgba(var(--c-rgb),.1);}
  .wtable td{padding:0;border:0;}
  .wtable td::before{content:attr(data-l);display:block;font-size:.68rem;color:var(--dim);letter-spacing:.04em;}
  .whead{font-size:1.08rem;}
}

/* the evidence behind each call */
.dc-data{margin:8px 0 0;font-size:.86rem;color:var(--soft);display:flex;gap:8px;align-items:baseline;}
.dc-data b{flex:none;font-size:0.88rem;letter-spacing:.01em;text-transform:none;color:var(--dim);font-weight:600;}
@media (max-width:640px){ .dc-data{flex-direction:column;gap:2px;} }

/* ---------- Setup guide ---------- */
.ap .btn.btn-ghost{background:transparent;color:var(--cream);border:1px solid rgba(var(--c-rgb),.28);}
.ap .btn.btn-ghost:hover{border-color:var(--cream);color:var(--cream);}
.ap-tolink{display:block;text-decoration:none;color:var(--cream);border:1px solid var(--line);border-left:3px solid var(--imp);background:var(--ink);padding:14px 18px;margin:0 0 18px;}
.ap-tolink b{display:block;font-weight:500;}
.ap-tolink span{display:block;color:var(--soft);font-weight:300;font-size:.9rem;margin-top:2px;}
.ap-tolink:hover{border-color:rgba(var(--c-rgb),.3);border-left-color:var(--imp);}
.ap-tolink.ap-tobad{border-left-color:var(--fix);}
.su-top{display:flex;flex-wrap:wrap;gap:16px 28px;align-items:flex-end;justify-content:space-between;margin:0 0 6px;}
.su-prog{flex:1 1 280px;}
.su-bar{height:8px;background:rgba(var(--c-rgb),.1);border-radius:999px;overflow:hidden;}
.su-bar i{display:block;height:100%;background:var(--grow);border-radius:999px;transition:width .4s ease;}
.su-prog p{margin:8px 0 0;font-size:.92rem;color:var(--soft);}
.su-prog p b{color:var(--cream);font-weight:600;}
.su-bad{color:var(--fix-text);}
.su-chk{display:flex;flex-direction:column;align-items:flex-end;gap:4px;}
.su-chk small{color:var(--dim);font-size:.8rem;}
.su-conn{margin:8px 0 0;}
.su-phase{margin:28px 0 0;}
.su-phase h2{font-family:var(--body);font-size:1.05rem;font-weight:500;margin:0;text-transform:none;letter-spacing:0;}
.su-phase > .ap-info{margin:4px 0 12px;}
.su-step{border:1px solid var(--line);background:var(--ink);margin:0 0 8px;}
.su-step summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px;padding:14px 16px;}
.su-step summary::-webkit-details-marker{display:none;}
.su-step summary:focus-visible{outline:2px solid var(--imp);outline-offset:-2px;}
.su-t{flex:1;min-width:0;}
.su-t b{font-weight:500;}
.su-t em{font-style:normal;font-size:.68rem;font-weight:600;margin-left:8px;padding:2px 8px;border-radius:999px;background:rgba(var(--c-rgb),.08);color:var(--dim);vertical-align:2px;}
.su-t small{display:block;color:var(--dim);font-size:.84rem;margin-top:2px;overflow-wrap:anywhere;}
.su-n{color:var(--dim);font-size:.78rem;font-variant-numeric:tabular-nums;}
.su-dot{flex:none;width:24px;height:24px;border-radius:50%;border:1.5px solid rgba(var(--c-rgb),.3);display:inline-flex;align-items:center;justify-content:center;}
.su-dot.su-done,.su-dot.su-ticked{background:var(--grow);border-color:var(--grow);color:var(--black);}
.su-dot.su-problem{background:var(--fix);border-color:var(--fix);color:#fff;}
.su-dot.su-waiting{border-color:var(--imp);color:var(--imp);}
.su-dot.su-ticknot{border-color:var(--imp);border-style:dashed;}
.su-is-problem .su-t small{color:var(--fix-text);}
.su-is-done .su-t b,.su-is-ticked .su-t b{color:var(--soft2);}
.su-body{padding:0 16px 18px 54px;}
.su-why{margin:0 0 10px;color:var(--soft2);font-weight:300;font-size:.93rem;line-height:1.55;max-width:68ch;}
.su-how{margin:0;padding-left:1.2rem;color:var(--cream);font-size:.93rem;line-height:1.55;max-width:68ch;}
.su-how li{margin:0 0 6px;padding-left:2px;}
.su-tip{margin:12px 0 0;font-size:.88rem;color:var(--soft);border-left:2px solid var(--imp);padding:2px 0 2px 12px;max-width:68ch;}
.su-tip b{display:block;color:var(--imp);font-weight:600;font-size:.78rem;margin-bottom:2px;}
.su-acts{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;margin-top:16px;}
.su-acts .btn{margin:0;padding:10px 18px;font-size:.86rem;}
.su-pf{margin:14px 0 4px;border:1px solid var(--line);padding:12px 14px;}
.su-pftabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px;}
.su-pftabs button{font:inherit;font-size:.84rem;background:none;border:1px solid var(--line);color:var(--cream-dim);padding:6px 12px;border-radius:999px;cursor:pointer;}
.su-pftabs button.on{background:var(--cream);border-color:var(--cream);color:var(--black);}
@media (max-width:640px){
  .su-body{padding:0 14px 16px 14px;}
  .su-step summary{padding:13px 14px;gap:12px;}
  .su-chk{align-items:flex-start;}
}

/* ---------- First campaign builder ---------- */
.bd fieldset{border:0;padding:0;margin:0 0 20px;min-width:0;}
.bd legend{font-weight:500;margin:0 0 8px;padding:0;}
.bd-opts{display:grid;gap:8px;max-width:560px;}
.bd-opts.bd-inline{grid-template-columns:repeat(4,minmax(0,1fr));}
.bd-opt{display:flex;gap:10px;align-items:center;border:1px solid var(--line);padding:11px 14px;cursor:pointer;font-size:.93rem;}
.bd-opt input{accent-color:var(--red);width:16px;height:16px;flex:none;margin:0;}
.bd-opt:has(input:checked){border-color:var(--cream);background:rgba(var(--c-rgb),.04);}
.bd-opt:has(input:focus-visible){outline:2px solid var(--imp);outline-offset:1px;}
.bd-row{display:grid;grid-template-columns:repeat(2,minmax(0,240px));gap:12px;margin-top:10px;}
.bd-row .fld input{width:100%;}
.bd-warn{border:1px solid rgba(var(--fix-rgb),.5);border-left:3px solid var(--fix);background:rgba(var(--fix-rgb),.06);padding:12px 16px;margin:0 0 20px;}
.bd-warn p{margin:0 0 6px;font-size:.92rem;}
.bd-warn p:last-child{margin:0;}
.ap section.bd-sec{border:1px solid var(--line);background:var(--ink);padding:16px 18px;margin:0 0 12px;}
.bd-row[hidden],.bd fieldset[hidden]{display:none;}
.bd-sec h3{font-family:var(--body);font-size:1rem;font-weight:600;margin:0 0 10px;text-transform:none;letter-spacing:0;}
.bd-sec dl{margin:0;}
.bd-sec dl > div{display:grid;grid-template-columns:200px minmax(0,1fr);gap:14px;padding:9px 0;border-top:1px solid rgba(var(--c-rgb),.08);}
.bd-sec dl > div:first-child{border-top:0;padding-top:0;}
.bd-sec dt{color:var(--dim);font-size:.88rem;}
.bd-sec dd{margin:0;font-size:.93rem;line-height:1.5;overflow-wrap:anywhere;}
.bd-sec code{font-size:.8rem;background:rgba(var(--c-rgb),.06);padding:2px 6px;word-break:break-all;}
.bd-math{margin:4px 0 14px;}
.bd-days{margin:0;padding:0;list-style:none;}
.bd-days li{display:grid;grid-template-columns:120px minmax(0,1fr);gap:14px;padding:8px 0;border-top:1px solid rgba(var(--c-rgb),.08);font-size:.93rem;}
.bd-days li:first-child{border-top:0;padding-top:0;}
.bd-days b{font-weight:500;}
.bd-days span{color:var(--soft2);font-weight:300;}
.bd-acts{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 0;}
.bd-acts .btn{margin:0;}
@media (max-width:640px){
  .bd-opts.bd-inline{grid-template-columns:repeat(2,minmax(0,1fr));}
  .bd-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);}
  .bd-sec dl > div,.bd-days li{grid-template-columns:minmax(0,1fr);gap:2px;}
}
.su-phase h2,.bd-sec h3,.bd legend{font-style:normal;}
.bd .fld{margin:0;}
.bd-intro{margin:0 0 20px;}

/* ---------- Ask panel ---------- */
.ask-btn{position:fixed;right:24px;bottom:24px;z-index:60;display:inline-flex;align-items:center;gap:8px;font:inherit;font-weight:600;font-size:.92rem;
  background:var(--cream);color:var(--black);border:0;border-radius:999px;padding:12px 18px 12px 15px;cursor:pointer;box-shadow:0 6px 24px rgba(0,0,0,.35);}
.ask-btn:hover{filter:brightness(.95);}
.ask-btn:focus-visible{outline:2px solid var(--imp);outline-offset:3px;}
.ask-dot{width:9px;height:9px;border-radius:50%;background:var(--fix);display:inline-block;}
.ask-dot[hidden]{display:none;}
body.ask-on .ask-btn{display:none;}
.ask-panel{position:fixed;right:24px;bottom:24px;z-index:70;width:400px;height:min(640px,calc(100vh - 110px));display:flex;flex-direction:column;
  background:var(--ink);border:1px solid rgba(var(--c-rgb),.18);border-radius:14px;box-shadow:0 18px 60px rgba(0,0,0,.5);overflow:hidden;}
.ask-panel[hidden]{display:none;}
.ask-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 8px 0 16px;flex:none;}
.ask-tabs{display:flex;gap:18px;}
.ask-tabs button{font:inherit;font-size:.92rem;background:none;border:0;color:var(--cream-dim);padding:14px 0 12px;border-bottom:2px solid transparent;cursor:pointer;display:inline-flex;align-items:center;gap:6px;}
.ask-tabs button.on{color:var(--cream);border-bottom-color:var(--cream);font-weight:500;}
.ask-x{font-size:1.5rem;line-height:1;background:none;border:0;color:var(--cream-dim);cursor:pointer;width:40px;height:40px;}
.ask-x:hover{color:var(--cream);}
.ask-body{flex:1;min-height:0;display:flex;flex-direction:column;}
.ask-log{flex:1;min-height:0;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;overscroll-behavior:contain;}
.ask-m{max-width:88%;font-size:.93rem;line-height:1.5;overflow-wrap:anywhere;}
.ask-m p{margin:0 0 8px;} .ask-m p:last-child{margin:0;}
.ask-m ul,.ask-m ol{margin:0 0 8px;padding-left:1.2rem;} .ask-m li{margin:0 0 4px;}
.ask-m small{display:block;color:var(--dim);font-size:.76rem;margin-bottom:4px;}
.ask-user{align-self:flex-end;background:rgba(var(--c-rgb),.09);padding:9px 13px;border-radius:12px 12px 2px 12px;}
.ask-assistant{align-self:flex-start;color:var(--soft2);}
.ask-thread .ask-assistant{background:rgba(var(--grow-rgb),.07);padding:9px 13px;border-radius:12px 12px 12px 2px;color:var(--cream);}
.ask-typing{display:flex;gap:4px;padding:8px 0;}
.ask-typing i{width:7px;height:7px;border-radius:50%;background:var(--dim);animation:askdot 1s infinite ease-in-out;}
.ask-typing i:nth-child(2){animation-delay:.15s;} .ask-typing i:nth-child(3){animation-delay:.3s;}
@keyframes askdot{0%,80%,100%{opacity:.3;transform:translateY(0);}40%{opacity:1;transform:translateY(-3px);}}
@media (prefers-reduced-motion:reduce){.ask-typing i{animation:none;}}
.ask-hello b{font-weight:500;}
.ask-hello p{color:var(--soft);font-size:.9rem;margin:4px 0 14px;font-weight:300;}
.ask-starts{display:flex;flex-direction:column;gap:6px;align-items:flex-start;}
.ask-starts button{font:inherit;font-size:.88rem;text-align:left;background:none;border:1px solid var(--line);color:var(--cream);padding:8px 12px;border-radius:999px;cursor:pointer;}
.ask-starts button:hover{border-color:rgba(var(--c-rgb),.35);}
.ask-form{display:flex;gap:8px;align-items:flex-end;padding:10px 12px;border-top:1px solid var(--line);flex:none;}
.ask-form textarea{flex:1;resize:none;font:inherit;font-size:.93rem;background:var(--black);color:var(--cream);border:1px solid rgba(var(--c-rgb),.2);border-radius:10px;padding:9px 12px;max-height:120px;}
.ask-form textarea:focus{outline:none;border-color:rgba(var(--c-rgb),.5);}
.ask-send{flex:none;width:40px;height:40px;border-radius:50%;border:0;background:var(--cream);color:var(--black);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;}
.ask-send[disabled]{opacity:.4;cursor:default;}
.ask-foot{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:center;padding:0 14px 10px;font-size:.78rem;color:var(--dim);flex:none;}
.ask-foot .linkbtn{font-size:.78rem;padding:0;}
.ask-err{color:var(--fix-text);font-size:.84rem;width:100%;margin:0;}
.ask-err:empty{display:none;}
.ask-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);}
.ask-empty{padding:20px 16px;}
.ask-empty p{color:var(--soft);margin:0 0 14px;}
.ask-load{padding:16px;display:grid;gap:10px;} .ask-load .sk{height:40px;}
.ask-tks,.ask-tk,.ask-new{padding:16px;overflow-y:auto;}
.ask-promise{color:var(--soft);font-size:.88rem;margin:0 0 14px;font-weight:300;}
.ask-tks ul{list-style:none;margin:16px 0 0;padding:0;}
.ask-tks li button{width:100%;text-align:left;font:inherit;background:none;border:0;border-top:1px solid var(--line);color:var(--cream);padding:12px 0;cursor:pointer;display:grid;grid-template-columns:1fr auto;gap:2px 10px;}
.ask-tks li button b{font-weight:500;}
.ask-tks li button small{color:var(--dim);font-size:.78rem;grid-column:2;grid-row:1;}
.ask-st{font-size:.8rem;color:var(--dim);margin:0;}
.ask-st-answered{color:var(--grow);} .ask-st-open{color:var(--imp);}
.ask-tk h3{font-family:var(--body);font-size:1rem;font-weight:600;margin:10px 0 2px;text-transform:none;letter-spacing:0;font-style:normal;}
.ask-thread{display:flex;flex-direction:column;gap:10px;margin:14px 0;}
.ask-tkform .fld{margin:0 0 12px;}
.ask-tkform input,.ask-tkform textarea{width:100%;font:inherit;font-size:.93rem;background:var(--black);color:var(--cream);border:1px solid rgba(var(--c-rgb),.2);padding:10px 12px;}
.ask-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:10px;}
.ask .btn,.ask-panel .btn{font-family:var(--body);font-style:normal;font-weight:600;font-size:.88rem;letter-spacing:.01em;text-transform:none;padding:10px 18px;margin:0;}
.ask-sent{background:rgba(var(--grow-rgb),.1);color:var(--cream);padding:8px 12px;font-size:.88rem;margin:0 0 10px;}
.ask-tkform .ap-toggle{font-weight:400;font-size:.88rem;}
@media (max-width:860px){
  .ask-btn{right:14px;bottom:calc(74px + env(safe-area-inset-bottom));padding:10px 14px 10px 12px;font-size:.86rem;}
  .ask-panel{inset:0;width:auto;height:auto;border-radius:0;border:0;}
  body.ask-on{overflow:hidden;}
}
html[data-theme="light"] .ask-btn{background:var(--cream);color:#fff;}
.ask-m b{font-weight:600;color:var(--cream);}

/* ---------- Creative scores ---------- */
.cs-pat{border-left:3px solid var(--grow);background:rgba(var(--grow-rgb),.06);padding:12px 16px;margin:12px 0 16px;}
.cs-pat b{display:block;font-weight:600;font-size:.88rem;margin-bottom:4px;}
.cs-pat p{margin:4px 0 0;font-size:.9rem;color:var(--soft2);}
.cs-table{margin-top:12px;}
.cs-row{display:grid;grid-template-columns:minmax(0,2.4fr) 52px repeat(5,minmax(0,.8fr)) 150px;gap:12px;align-items:center;padding:10px 0;border-top:1px solid rgba(var(--c-rgb),.08);}
.cs-th{border-top:0;font-size:.76rem;color:var(--dim);padding-bottom:4px;}
.cs-th span[title]{cursor:help;text-decoration:underline dotted rgba(var(--c-rgb),.3);text-underline-offset:3px;}
.cs-ad{display:flex;gap:10px;align-items:center;min-width:0;}
.cs-ad > span{min-width:0;}
.cs-ad b{display:block;font-weight:500;font-size:.92rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.cs-ad small{display:block;color:var(--dim);font-size:.8rem;}
.cs-grade{width:34px;height:34px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;}
.cs-gA{background:rgba(var(--grow-rgb),.18);color:var(--grow);}
.cs-gB{background:rgba(var(--grow-rgb),.08);color:var(--soft2);}
.cs-gC{background:rgba(var(--imp-rgb),.14);color:var(--imp);}
.cs-gD{background:rgba(var(--fix-rgb),.14);color:var(--fix-text);}
.cs-gn{background:rgba(var(--c-rgb),.06);color:var(--dim);}
.cs-bar{display:block;height:8px;background:rgba(var(--c-rgb),.08);border-radius:999px;overflow:hidden;}
.cs-bar i{display:block;height:100%;border-radius:999px;}
.cs-hi{background:var(--grow);} .cs-mid{background:var(--imp);} .cs-lo{background:var(--fix);}
.cs-na{color:var(--dim);font-size:.85rem;}
.cs-act{text-align:right;}
.cs-act .linkbtn{font-size:.84rem;white-space:nowrap;}
@media (max-width:860px){
  .cs-th{display:none;}
  .cs-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px 10px;padding:14px 0;}
  .cs-ad{grid-column:1 / 5;}
  .cs-grade{grid-column:5;justify-self:end;}
  .cs-part::before{content:attr(data-l);display:block;font-size:.68rem;color:var(--dim);margin-bottom:4px;}
  .cs-act{grid-column:1 / -1;text-align:left;}
  .cs-act:empty{display:none;}
}
.cs-na{display:block;line-height:8px;}

/* ---------- Agency: Clients ---------- */
.ag-top{display:flex;flex-wrap:wrap;gap:10px 20px;align-items:center;justify-content:space-between;margin:0 0 14px;}
.ag-top p{margin:0;color:var(--soft);}
.ag-top > div{display:flex;align-items:center;gap:12px;}
.ag-top small{color:var(--dim);font-size:.8rem;}
.ag-top .btn{margin:0;padding:9px 16px;}
.ag-flagn{color:var(--fix-text);font-weight:600;}
.ag-row{display:grid;grid-template-columns:minmax(0,2.2fr) repeat(4,minmax(0,1fr)) 170px;gap:12px;align-items:center;padding:12px 0;border-top:1px solid rgba(var(--c-rgb),.08);font-variant-numeric:tabular-nums;}
.ag-th{border-top:0;font-size:.76rem;color:var(--dim);padding-bottom:4px;}
.ag-cur{background:rgba(var(--c-rgb),.03);}
.ag-name{min-width:0;}
.ag-name b{display:block;font-weight:500;overflow-wrap:anywhere;}
.ag-name em{font-style:normal;font-size:.72rem;color:var(--grow);margin-right:8px;}
.ag-flag{display:inline-block;font-style:normal;font-size:.74rem;color:var(--fix-text);background:rgba(var(--fix-rgb),.1);padding:1px 8px;border-radius:999px;margin:4px 6px 0 0;}
.ag-row small{font-size:.74rem;margin-left:6px;}
.ag-up{color:var(--grow);} .ag-down{color:var(--fix-text);} .ag-flat{color:var(--dim);}
.ag-unit{color:var(--dim);margin-left:2px!important;}
.ag-acts{display:flex;gap:14px;justify-content:flex-end;}
.ag-acts .linkbtn{font-size:.86rem;}
.ag-make{border:1px solid var(--line);background:var(--ink);padding:14px 16px;margin:0 0 10px;}
.ag-make textarea,.ag-brand input:not([type=color]):not([type=file]){width:100%;font:inherit;background:var(--black);color:var(--cream);border:1px solid rgba(var(--c-rgb),.2);padding:10px 12px;}
.ag-make .fld{margin:0 0 10px;}
.ag-save{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:8px;}
.ag-save .btn{margin:0;}
.ag-save small{color:var(--dim);font-size:.8rem;}
.ag-link{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:12px 0 4px;}
.ag-link input{flex:1 1 260px;font:inherit;font-size:.86rem;background:var(--black);color:var(--cream);border:1px solid rgba(var(--c-rgb),.2);padding:9px 12px;}
.ag-link .btn{margin:0;padding:9px 16px;}
.ag-sec{margin-top:36px;}
.ag-reps{list-style:none;margin:10px 0 0;padding:0;}
.ag-reps li{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:10px 0;border-top:1px solid rgba(var(--c-rgb),.08);}
.ag-reps b{display:block;font-weight:500;}
.ag-reps span{color:var(--dim);font-size:.84rem;}
.ag-brand{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;max-width:720px;margin-top:12px;}
.ag-brand .fld{margin:0;}
.ag-col input{width:64px;height:40px;padding:2px;background:none;border:1px solid var(--line);}
.ag-logo > div{display:flex;flex-wrap:wrap;gap:12px;align-items:center;}
.ag-logo img{max-height:48px;max-width:180px;background:#fff;padding:4px;border-radius:4px;}
.ag-nologo{font-style:normal;color:var(--dim);font-size:.86rem;}
.ag-file{margin:0!important;padding:8px 14px!important;cursor:pointer;}
.ag-brand .ag-save{grid-column:1 / -1;}
@media (max-width:860px){
  .ag-th{display:none;}
  .ag-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 14px;padding:14px 0;}
  .ag-name,.ag-acts{grid-column:1 / -1;}
  .ag-acts{justify-content:flex-start;}
  .ag-row > span[data-l]::before{content:attr(data-l);display:block;font-size:.68rem;color:var(--dim);}
  .ag-brand{grid-template-columns:minmax(0,1fr);}
}
.ag-row > span[data-l]{white-space:nowrap;} .ag-row > span[data-l] small{margin-left:4px;}

/* ---------- Benchmarks ---------- */
.bm{margin-top:32px;}
.bm-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px;}
.bm-row{border:1px solid var(--line);background:var(--ink);padding:14px 16px;}
.bm-head{display:flex;justify-content:space-between;gap:10px;align-items:baseline;}
.bm-head b{font-weight:500;}
.bm-head span{font-size:.84rem;color:var(--soft);}
.bm-good{color:var(--grow)!important;} .bm-bad{color:var(--fix-text)!important;}
.bm-scale{position:relative;height:18px;margin:14px 0 8px;}
.bm-scale::before{content:"";position:absolute;left:0;right:0;top:8px;height:2px;background:rgba(var(--c-rgb),.1);}
.bm-mid{position:absolute;top:5px;height:8px;background:rgba(var(--c-rgb),.18);border-radius:4px;}
.bm-med{position:absolute;top:1px;width:2px;height:16px;background:var(--soft);margin-left:-1px;}
.bm-you{position:absolute;top:2px;width:14px;height:14px;border-radius:50%;background:var(--imp);border:2px solid var(--ink);margin-left:-7px;}
.bm-you.bm-good{background:var(--grow);} .bm-you.bm-bad{background:var(--fix);}
.bm-nums{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:.84rem;color:var(--dim);}
.bm-nums b{color:var(--cream);font-weight:600;}
@media (max-width:640px){ .bm-list{grid-template-columns:minmax(0,1fr);} }

/* ---------- Store vs Meta ---------- */
.st{margin-top:32px;}
.st-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px;}
.st-grid > div{border:1px solid var(--line);background:var(--ink);padding:14px 16px;}
.st-grid small{display:block;color:var(--dim);font-size:.8rem;}
.st-grid b{font-size:1.5rem;font-weight:500;font-variant-numeric:tabular-nums;}
.st-grid > div > small + b + small{display:inline;margin-left:8px;font-size:.78rem;}
.st-grid span{display:block;color:var(--soft);font-size:.84rem;margin-top:2px;}
.st-note{margin:12px 0 0;font-size:.92rem;color:var(--soft2);border-left:3px solid var(--imp);padding:2px 0 2px 12px;max-width:72ch;}
@media (max-width:860px){ .st-grid{grid-template-columns:repeat(2,minmax(0,1fr));} }
.ap-agency{border:1px solid var(--line);background:var(--ink);padding:14px 16px;margin-top:16px;max-width:640px;}
.ap-agency b{font-weight:500;}
.ap-agency p{margin:4px 0 10px;color:var(--soft);font-size:.9rem;}
.ap-agency .btn{margin:0;padding:10px 18px;}
/* the numbers card: date range + switcher */
.dc-ghead{display:flex;align-items:center;justify-content:space-between;gap:10px 16px;flex-wrap:wrap;margin-bottom:14px;}
.dc-gwhen{font-size:.86rem;color:var(--cream);font-weight:500;}
.dc-range{display:inline-flex;padding:3px;border-radius:999px;background:rgba(var(--c-rgb),.06);border:1px solid rgba(var(--c-rgb),.1);}
.dc-range button{font:inherit;font-size:.78rem;color:var(--dim);background:none;border:0;padding:6px 12px;border-radius:999px;cursor:pointer;min-height:32px;}
.dc-range button.on{background:var(--cream);color:var(--black);}
.dc-range button:focus-visible{outline:2px solid var(--cream);outline-offset:2px;}
.dc-gnote{font-size:.84rem;color:var(--cream-dim);margin:34px 0 0;max-width:62ch;}
.dc-gbasis{font-size:.74rem;color:var(--dim);margin:6px 0 0;}
.dc-gnone{color:var(--dim);margin:0;}
html[data-theme="light"] .dc-range button.on{background:#121433;color:#fff;}
/* "why is the audit free?" under the hero, and the sample check after the report */
.lp-why{margin-top:18px;max-width:56ch;font-size:.92rem;color:var(--cream-dim);}
.lp-why summary{cursor:pointer;color:var(--cream);width:max-content;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(var(--c-rgb),.3);}
.lp-why p{margin:.6rem 0 0;}
.rs-sample{margin:3rem 0 1rem;}
.rs-sample h2{margin:0 0 .6rem;}
.rs-sample > p{color:var(--cream-dim);max-width:60ch;margin:0 0 1.4rem;}