/* Hand Count (talkwithwebtraffic.co) design tokens. Fonts: Calistoga (display), Livvic (text), PT Mono (snippets): SIL OFL, files in /assets/fonts. */
@font-face{font-family:"Calistoga";src:url(/assets/fonts/calistoga-latin-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Livvic";src:url(/assets/fonts/livvic-latin-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Livvic";src:url(/assets/fonts/livvic-latin-600-normal.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Livvic";src:url(/assets/fonts/livvic-latin-700-normal.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"PT Mono";src:url(/assets/fonts/pt-mono-latin-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
:root{
  --paper:#FBF6EC;--paper-2:#F3EBDA;--card:#FFFDF8;--ink:#1E2240;--ink-2:#3A3F63;--muted:#5E6280;--line:#E2D7C1;
  --tomato:#E4573D;--tomato-ink:#B83A23;--marigold:#F2B53A;--sea:#2B8A7E;--sea-ink:#1E6A61;--lilac:#B9A7E8;--plum:#7A5BC4;
  --display:"Calistoga",Georgia,"Times New Roman",serif;--text:"Livvic",system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"PT Mono",ui-monospace,Menlo,Consolas,monospace;
  --r:18px;--shadow:0 1px 0 rgba(30,34,64,.06),0 12px 32px -14px rgba(30,34,64,.28)
}
*,*::before,*::after{box-sizing:border-box}
.fill--1,.afill--1{background:var(--tomato)}.fill--2,.afill--2{background:var(--sea)}.fill--3,.afill--3{background:var(--marigold)}.fill--4,.afill--4{background:var(--plum)}.fill--5,.afill--5{background:var(--ink-2)}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:400 1.0625rem/1.6 var(--text);overflow-x:hidden}
img,svg{max-width:100%}
a{color:var(--tomato-ink);text-underline-offset:.18em}
a:hover{color:var(--ink)}
:focus-visible{outline:3px solid var(--marigold);outline-offset:2px}
.skip{position:absolute;left:-999px;top:0;background:var(--ink);color:#fff;padding:.6rem 1rem;z-index:10}.skip:focus{left:1rem}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 clamp(1rem,3vw,2rem)}
code,.mono{font-family:var(--mono);font-size:.92em}
p code,li code{background:var(--paper-2);padding:.08em .35em;border-radius:6px;overflow-wrap:anywhere}

/* header */
.top{position:sticky;top:0;z-index:5;background:rgba(251,246,236,.92);backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid transparent}
.top__in{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:68px}
.logo{display:inline-flex;align-items:center;gap:.55rem;text-decoration:none;color:var(--ink)}
.logo__mark{width:34px;height:34px;flex:0 0 auto}
.logo__word{font:400 1.45rem/1 var(--display);letter-spacing:-.01em}
.logo--light{color:var(--paper)}
.nav{display:flex;align-items:center;gap:clamp(.5rem,2vw,1.6rem)}
.nav a:not(.btn){color:var(--ink);text-decoration:none;font-weight:600;font-size:.98rem;padding:.3rem 0;border-bottom:2px solid transparent}
.nav a:not(.btn):hover,.nav a[aria-current="page"]:not(.btn){border-bottom-color:var(--tomato)}
@media (max-width:720px){.nav a:not(.btn){display:none}.top__in{min-height:60px}.logo__word{font-size:1.25rem}}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font:700 1rem/1.1 var(--text);text-decoration:none;border:2px solid transparent;border-radius:999px;padding:.85rem 1.4rem;cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s;white-space:nowrap}
.btn:hover{transform:translateY(-1px)}
.btn--sm{padding:.55rem 1rem;font-size:.92rem}
.btn--tomato{background:var(--tomato);color:#fff;box-shadow:0 6px 0 -2px var(--tomato-ink)}
.btn--tomato:hover{color:#fff;box-shadow:0 8px 0 -2px var(--tomato-ink)}
.btn--ink{background:var(--ink);color:var(--paper)}.btn--ink:hover{color:#fff}
.btn--paper{background:var(--paper);color:var(--ink)}.btn--paper:hover{color:var(--ink)}
.btn--ghost{background:transparent;color:var(--ink);border-color:var(--ink)}.btn--ghost:hover{background:var(--ink);color:var(--paper)}
.btn--danger{background:#fff;color:var(--tomato-ink);border-color:var(--tomato-ink)}.btn--danger:hover{background:var(--tomato-ink);color:#fff}

/* type */
.kicker{display:inline-block;font:700 .78rem/1 var(--text);letter-spacing:.14em;text-transform:uppercase;color:var(--tomato-ink);margin:0 0 1rem}
.kicker--sea{color:var(--sea-ink)}.kicker--marigold{color:var(--marigold)}.kicker--stop,.kicker--missing{color:var(--tomato-ink)}.kicker--done{color:var(--sea-ink)}
.display{font:400 clamp(2.6rem,1.6rem + 4.6vw,5.1rem)/1.0 var(--display);letter-spacing:-.02em;margin:0 0 1.2rem;text-wrap:balance}
.display--md{font-size:clamp(2.1rem,1.5rem + 2.8vw,3.6rem);line-height:1.04}
.lede{font-size:clamp(1.12rem,1rem + .5vw,1.3rem);line-height:1.55;color:var(--ink-2);max-width:36em;margin:0 0 1.6rem}
.h1{font:400 clamp(1.8rem,1.4rem + 1.6vw,2.6rem)/1.1 var(--display);margin:0 0 .4rem;letter-spacing:-.01em}
.h2{font:400 clamp(1.75rem,1.3rem + 2vw,2.8rem)/1.08 var(--display);letter-spacing:-.015em;margin:0 0 .8rem;text-wrap:balance}
.h2--light,.h3--light{color:var(--paper)}
.h3{font:700 1.18rem/1.3 var(--text);margin:0 0 .6rem}
.sub{color:var(--ink-2);max-width:40em;margin:0 0 1.8rem}
.sub--light{color:#D7D9EA}
.fine{font-size:.88rem;color:var(--muted)}
.fine--light{color:#C5C8DE}
.tag{display:inline-block;font:700 .7rem/1 var(--text);letter-spacing:.08em;text-transform:uppercase;background:var(--paper-2);color:var(--ink-2);border-radius:99px;padding:.32rem .55rem;vertical-align:middle}
.tag--sea{background:#D7EEEA;color:var(--sea-ink)}.tag--marigold{background:#FCE9C0;color:#7A5300}

/* hero */
.hero{overflow:hidden;padding:clamp(2.5rem,6vw,5.5rem) 0 clamp(2.5rem,5vw,4.5rem);background:radial-gradient(120% 90% at 85% 10%,#FCE7C7 0,rgba(252,231,199,0) 60%)}
.hero__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(2rem,4vw,4rem);align-items:center}
.cta-row{display:flex;flex-wrap:wrap;gap:.8rem;margin:0 0 1.2rem}
.hero__price{font-size:.95rem;color:var(--muted);margin:0}
.hero__stage{position:relative;min-height:610px;display:flex;align-items:flex-start;justify-content:center}
.crowd{position:absolute;left:-6%;right:-6%;bottom:-2.5rem;width:112%;height:320px;max-width:none}
.demo{position:relative;z-index:1;margin:0;width:min(100%,440px);background:var(--card);border-radius:24px;padding:1.4rem 1.4rem 1.1rem;box-shadow:var(--shadow);border:1px solid var(--line)}
.demo__cap{font:700 .72rem/1.3 var(--text);letter-spacing:.1em;text-transform:uppercase;color:var(--sea-ink);margin:0 0 .7rem}
.demo__q{font:400 1.6rem/1.15 var(--display);margin:0 0 1rem}
.demo__list{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.pick{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"k l p" "k b b";gap:.3rem .75rem;align-items:center;width:100%;text-align:left;background:#fff;border:2px solid var(--line);border-radius:14px;padding:.6rem .8rem;font:600 1rem/1.25 var(--text);color:var(--ink);cursor:pointer;transition:border-color .15s,transform .15s}
.pick:hover{border-color:var(--tomato);transform:translateX(3px)}
.pick__key{grid-area:k;display:inline-grid;place-items:center;width:2rem;height:2rem;border-radius:8px;border:1.5px solid var(--ink);font:700 .85rem/1 var(--mono);background:var(--paper-2)}
.pick__label{grid-area:l}
.pick__pct{grid-area:p;font:700 .9rem/1 var(--mono)}
.pick__bar{grid-area:b;height:8px;background:var(--paper-2);border-radius:99px;overflow:hidden}
.pick.is-picked{border-color:var(--ink);background:#FFF6E4}
.pick.is-picked .pick__key{background:var(--tomato);border-color:var(--tomato);color:#fff}
.fill{display:block;height:100%;border-radius:99px;transition:width .5s cubic-bezier(.2,.8,.2,1)}
.demo__foot{font-size:.8rem;color:var(--muted);margin:.8rem 0 0}
@media (max-width:900px){.hero__grid{grid-template-columns:1fr}.hero__stage{min-height:0;padding-bottom:170px}.crowd{height:200px;bottom:-1.5rem}}

/* bands */
.band{padding:clamp(3rem,7vw,6rem) 0}
.band--paper{background:var(--paper-2)}
.band--ink{background:var(--ink);color:var(--paper)}
.band--form{padding-top:1rem}
.chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.6rem}
.chip{display:inline-block;background:var(--card);border:1.5px solid var(--line);border-radius:99px;padding:.6rem 1rem;color:var(--ink);text-decoration:none;font-weight:600;transition:border-color .15s,background .15s}
.chip:hover{border-color:var(--tomato);background:#fff;color:var(--ink)}
.steps{list-style:none;margin:2rem 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,3vw,2.5rem);counter-reset:none}
.step{border-top:3px solid var(--ink);padding-top:1.2rem}
.step__n{display:block;font:400 3.4rem/1 var(--display);color:var(--tomato);margin-bottom:.6rem}
.step p{color:var(--ink-2);margin:0}
@media (max-width:820px){.steps{grid-template-columns:1fr}}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(2rem,5vw,4.5rem);align-items:center}
.split--wide{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
@media (max-width:900px){.split,.split--wide{grid-template-columns:1fr}}
.code{background:#13162B;border-radius:18px;border:1px solid #2E3358;overflow:hidden;box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.code__bar{margin:0;display:flex;align-items:center;gap:.4rem;padding:.7rem 1rem;font:400 .8rem/1 var(--mono);color:#9EA3C7;border-bottom:1px solid #2E3358}
.code__bar span{width:10px;height:10px;border-radius:50%;background:#3A3F63}
.code__bar span:first-child{background:var(--tomato)}.code__bar span:nth-child(2){background:var(--marigold)}.code__bar span:nth-child(3){background:var(--sea)}
.code__body{margin:0;padding:1.2rem 1.2rem 1.4rem;font:400 .9rem/1.7 var(--mono);color:#E9E6F8;white-space:pre-wrap;overflow-wrap:anywhere}
.ledger{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin:2rem 0 1.4rem}
.ledger__col{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:1.6rem}
.ledger__col--never{background:var(--ink);color:var(--paper);border-color:var(--ink)}
@media (max-width:760px){.ledger{grid-template-columns:1fr}}
.ticks,.crosses{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}
.ticks li,.crosses li{position:relative;padding-left:1.8rem}
.ticks li::before{content:"";position:absolute;left:0;top:.35em;width:1.05rem;height:1.05rem;border-radius:50%;background:var(--sea) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/80% no-repeat}
.crosses li::before{content:"";position:absolute;left:0;top:.35em;width:1.05rem;height:1.05rem;border-radius:50%;background:var(--tomato) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M5 5l6 6M11 5l-6 6' fill='none' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/80% no-repeat}
.readout{background:var(--card);border-radius:24px;padding:1.6rem;box-shadow:var(--shadow);border:1px solid var(--line)}
.readout__q{font:400 1.45rem/1.2 var(--display);margin:0 0 1rem}
.readout__say{margin:1.1rem 0 .3rem;padding:.9rem 1rem;background:var(--paper-2);border-radius:12px;font-size:.98rem}
.readout__note{font-size:.8rem;color:var(--muted);margin:0}
.row{display:grid;grid-template-columns:minmax(5rem,9rem) minmax(0,1fr) 3.2rem;gap:.8rem;align-items:center;margin:.55rem 0}
.row__label{font-weight:600;overflow-wrap:anywhere}
.row__bar{height:16px;background:var(--paper-2);border-radius:99px;overflow:hidden}
.row__pct{font:700 .95rem/1 var(--mono);text-align:right}
.row--big{grid-template-columns:2rem minmax(0,1fr) 3.2rem 3.6rem;grid-template-areas:"k l p n" "k b b b";row-gap:.35rem;padding:.6rem 0;border-bottom:1px solid var(--line);margin:0}
.row--big .row__key{grid-area:k;align-self:start;display:inline-grid;place-items:center;width:2rem;height:2rem;border-radius:8px;border:1.5px solid var(--ink);font:700 .85rem/1 var(--mono)}
.row--big .row__label{grid-area:l}.row--big .row__pct{grid-area:p}.row--big .row__n{grid-area:n;text-align:right;color:var(--muted);font:400 .85rem/1 var(--mono)}
.row--big .row__bar{grid-area:b;height:14px}
.row--lead .row__key{background:var(--ink);color:var(--paper)}

/* pricing */
.tickets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;margin:2rem 0 1.2rem;align-items:stretch}
.ticket{position:relative;background:var(--card);border:1.5px solid var(--line);border-radius:22px;padding:1.8rem 1.6rem}
.ticket::before,.ticket::after{content:"";position:absolute;top:108px;width:22px;height:22px;border-radius:50%;background:var(--paper)}
.band--paper .ticket::before,.band--paper .ticket::after{background:var(--paper-2)}
.ticket::before{left:-12px}.ticket::after{right:-12px}
.ticket--star{background:var(--ink);color:var(--paper);border-color:var(--ink);transform:translateY(-8px)}
.ticket__kicker{font:700 .8rem/1 var(--text);letter-spacing:.12em;text-transform:uppercase;margin:0 0 .9rem;color:var(--tomato-ink)}
.ticket--star .ticket__kicker{color:var(--marigold)}
.ticket__price{font:400 3rem/1 var(--display);margin:0}
.ticket__price span{font:600 1rem/1 var(--text);margin-left:.3rem;opacity:.8}
.ticket__per{margin:.4rem 0 1.4rem;padding-bottom:1.2rem;border-bottom:2px dashed var(--line);color:var(--muted);font-size:.95rem}
.ticket--star .ticket__per{color:#C5C8DE;border-bottom-color:#3A3F63}
.ticket__note{margin:1.2rem 0 0;display:inline-block;background:var(--marigold);color:var(--ink);font-weight:700;font-size:.85rem;border-radius:99px;padding:.35rem .8rem}
@media (max-width:900px){.tickets{grid-template-columns:1fr}.ticket--star{transform:none}}
.preview-line{background:#FFF3D6;border:1.5px solid var(--marigold);border-radius:14px;padding:.9rem 1.1rem;max-width:52em;font-size:.97rem}

/* faq */
.faq{max-width:820px}
.faq--narrow{margin-top:3rem}
.faq details{border-bottom:1.5px solid var(--line);padding:.2rem 0}
.faq summary{cursor:pointer;list-style:none;font:700 1.08rem/1.4 var(--text);padding:1rem 2.2rem 1rem 0;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:.2rem;top:.7rem;font:400 1.6rem/1 var(--display);color:var(--tomato)}
.faq details[open] summary::after{content:"\2013"}
.faq details p{margin:0 0 1.1rem;color:var(--ink-2);max-width:44em}

.closer{background:var(--tomato);color:#fff;padding:clamp(3rem,6vw,5rem) 0}
.closer__in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.5rem}
.closer .display{margin:0;color:#fff}

/* footer */
.foot{background:var(--ink);color:#D7D9EA;padding:3.5rem 0 1.5rem;font-size:.95rem}
.foot a{color:#fff}
.foot__grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.4fr;gap:2rem}
.foot__brand p{max-width:26em;margin:.9rem 0 0}
.foot__h{font:700 .78rem/1 var(--text);letter-spacing:.14em;text-transform:uppercase;color:var(--marigold);margin:.4rem 0 .9rem}
.foot__list{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}
.foot__price p{margin:0 0 .45rem}
.foot__base{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.6rem;border-top:1px solid #3A3F63;margin-top:2.5rem;padding-top:1.2rem;font-size:.88rem}
.foot__base p{margin:0}
@media (max-width:820px){.foot__grid{grid-template-columns:1fr 1fr}.foot__brand,.foot__price{grid-column:1/-1}}

/* inner pages */
.page-head{padding:clamp(2.5rem,6vw,4.5rem) 0 1.5rem}
.page-head--tight{padding-bottom:.5rem}
.page-head--note{padding-bottom:4rem;min-height:50vh}
.prose-grid{display:grid;grid-template-columns:200px minmax(0,1fr);gap:3rem;align-items:start}
.toc{position:sticky;top:90px;display:grid;gap:.5rem;font-weight:600}
.toc a{color:var(--ink);text-decoration:none;border-left:3px solid var(--line);padding-left:.8rem}
.toc a:hover{border-left-color:var(--tomato)}
@media (max-width:820px){.prose-grid{grid-template-columns:1fr}.toc{position:static;grid-auto-flow:row}}
.prose{max-width:46em}
.prose h2{font:400 1.7rem/1.15 var(--display);margin:2.2rem 0 .7rem}
.prose h2:first-child{margin-top:0}
.prose li{margin:.35rem 0}

/* forms */
.form-split{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:2rem;align-items:start}
@media (max-width:900px){.form-split{grid-template-columns:1fr}}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:clamp(1.1rem,3vw,1.8rem);margin:0 0 1.2rem;box-shadow:0 1px 0 rgba(30,34,64,.04)}
.card--form{box-shadow:var(--shadow)}
.card--ink{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.card--ink a{color:#fff}
.aside{padding:.5rem 0}
.aside p{color:var(--ink-2);font-size:.95rem}
.qform{display:grid;gap:1.2rem}
.field{display:grid;gap:.4rem;border:0;margin:0;padding:0;min-width:0}
.field__label{font-weight:700;font-size:.98rem;padding:0}
.field__hint{font-size:.85rem;color:var(--muted)}
.input{width:100%;font:400 1rem/1.3 var(--text);color:var(--ink);background:#fff;border:2px solid var(--line);border-radius:12px;padding:.75rem .9rem;transition:border-color .15s}
.input:focus{border-color:var(--ink);outline:none;box-shadow:0 0 0 4px rgba(242,181,58,.35)}
.input--big{font:400 1.35rem/1.25 var(--display);padding:.85rem 1rem}
.input--mono{font:400 .85rem/1.5 var(--mono)}
.input--date{max-width:14rem}
.input:disabled{background:var(--paper-2);color:var(--muted)}
textarea.input{resize:vertical}
.opt{display:flex;align-items:center;gap:.6rem;margin:0 0 .45rem}
.opt__key{flex:0 0 auto;display:inline-grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:9px;background:var(--ink);color:var(--paper);font:700 .9rem/1 var(--mono)}
.check{display:flex;align-items:center;gap:.6rem;font-weight:600}
.check input{width:1.2rem;height:1.2rem;accent-color:var(--tomato)}
.qform__go{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}
.qform__price{margin:0;font-size:.88rem;color:var(--muted)}
.alert{background:#FDE8E3;border:1.5px solid var(--tomato);border-radius:14px;padding:.9rem 1.1rem;margin:0 0 1.2rem}
.alert__h{font-weight:700;margin:0 0 .3rem}
.alert ul{margin:0;padding-left:1.2rem}

/* app (desk) */
.app{padding:2rem 0 4rem}
.app__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin:0 0 1.5rem}
.meter{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:.8rem 1rem;max-width:100%}
.meter p{margin:0}
.meter__plan{font-weight:700}
.meter__line{font:400 .88rem/1.5 var(--mono)}
.meter__price{font-size:.85rem;color:var(--muted)}
.app__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:1.5rem;align-items:start}
@media (max-width:960px){.app__grid{grid-template-columns:1fr}}
.qlist{display:grid;gap:.7rem}
.qrow{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"s n" "t t";gap:.4rem .8rem;background:var(--card);border:1.5px solid var(--line);border-radius:16px;padding:1rem 1.1rem;text-decoration:none;color:var(--ink);transition:border-color .15s,transform .15s}
.qrow:hover{border-color:var(--ink);transform:translateY(-1px);color:var(--ink)}
.qrow__state{grid-area:s;justify-self:start;font:700 .7rem/1 var(--text);letter-spacing:.1em;text-transform:uppercase;border-radius:99px;padding:.35rem .6rem}
.qrow__state--open{background:#D7EEEA;color:var(--sea-ink)}.qrow__state--closed{background:var(--paper-2);color:var(--muted)}
.qrow__n{grid-area:n;justify-self:end;font-size:.9rem;color:var(--muted)}
.qrow__text{grid-area:t;font:400 1.25rem/1.25 var(--display);overflow-wrap:anywhere}
.empty{color:var(--muted);font-style:italic}
.keep{background:#FFF3D6;border:2px solid var(--marigold);border-radius:18px;padding:1.2rem 1.3rem;margin:0 0 1.6rem}
.keep--soft{background:#E5F3F0;border-color:var(--sea);padding:.8rem 1.1rem}
.keep__h{font:400 1.35rem/1.2 var(--display);margin:0 0 .4rem}
.keep p{margin:0 0 .5rem}
.copyline{display:flex;gap:.5rem;align-items:center;margin:.4rem 0}
.copyline .input{min-width:0;flex:1}
.danger{margin-top:1.5rem;border-top:1px solid var(--line);padding-top:1rem}
.danger summary{cursor:pointer;color:var(--tomato-ink);font-weight:700}
.danger__form{display:grid;gap:.8rem;max-width:30rem;margin-top:.8rem}
.crumbs{margin:0 0 1rem;font-weight:600}
.crumbs a{color:var(--ink)}
.qhead{margin:0 0 1.4rem;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.qhead__q{flex:1 0 100%;margin-top:.4rem;overflow-wrap:anywhere}
.result{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:1.2rem;align-items:start}
@media (max-width:960px){.result{grid-template-columns:1fr}}
.result__total{margin:0 0 .4rem;font-size:1.05rem}
.result__total strong{font:400 2.6rem/1 var(--display);margin-right:.3rem}
.say{margin:1.1rem 0 0;padding:.9rem 1rem;background:var(--paper-2);border-radius:12px}
.say--thin{border-left:4px solid var(--marigold)}
.days{display:grid;grid-template-columns:repeat(14,minmax(0,1fr));gap:4px;align-items:end;height:170px;margin:.6rem 0}
.days__col{display:grid;grid-template-rows:1fr auto auto;height:100%;align-items:end;text-align:center;min-width:0}
.days__bar{display:block;width:100%;background:var(--sea);border-radius:5px 5px 2px 2px;min-height:2px}
.days__n{font:400 .68rem/1.4 var(--mono)}
.days__d{font-size:.6rem;color:var(--muted);line-height:1.2;overflow:hidden;white-space:nowrap}
.table-wrap{overflow-x:auto}
.table{width:100%;border-collapse:collapse;font-size:.95rem}
.table th{text-align:left;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border-bottom:2px solid var(--ink);padding:.5rem .4rem}
.table td{border-bottom:1px solid var(--line);padding:.55rem .4rem;overflow-wrap:anywhere}
.actions-line{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem;margin:1rem 0 0}
.actions-line form{margin:0}
.place{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:1.2rem;align-items:start}
@media (max-width:960px){.place{grid-template-columns:1fr}}
.snip{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem;align-items:start;margin:.5rem 0 .8rem}
.card--ink .input{background:#13162B;border-color:#3A3F63;color:#E9E6F8}
.qform--settings{max-width:34rem;margin-bottom:1rem}

/* link page */
.asklink{padding:clamp(2.5rem,7vw,5rem) 0;background:radial-gradient(90% 80% at 50% 0,#FCE7C7 0,rgba(252,231,199,0) 70%)}
.asklink__in{max-width:640px}
.asklink__card{background:var(--card);border-radius:24px;padding:clamp(1.3rem,4vw,2.2rem);box-shadow:var(--shadow);border:1px solid var(--line);margin:0 0 1rem}
/* ---- the question card (shared by /a pages and the /w frame) ---- */
.ask{font-family:var(--text);color:var(--ink)}
.ask__q{font-family:var(--display);font-size:clamp(1.35rem,1.1rem + 1.2vw,1.85rem);line-height:1.15;margin:0 0 1rem;letter-spacing:-.005em}
.ask__form{display:grid;gap:.55rem;margin:0}
.ask__pick{display:flex;align-items:center;gap:.8rem;width:100%;text-align:left;font:600 1.02rem/1.3 var(--text);color:var(--ink);background:#fff;border:2px solid var(--line);border-radius:14px;padding:.7rem .9rem;cursor:pointer;transition:border-color .15s,transform .15s,background .15s}
.ask__pick:hover{border-color:var(--tomato);transform:translateX(2px)}
.ask__pick:focus-visible{outline:3px solid var(--marigold);outline-offset:2px}
.ask__key{flex:0 0 auto;display:inline-grid;place-items:center;width:1.9rem;height:1.9rem;border-radius:8px;background:var(--paper-2);border:1.5px solid var(--ink);font:700 .85rem/1 var(--mono)}
.ask__pick:hover .ask__key{background:var(--tomato);border-color:var(--tomato);color:#fff}
.ask__done{font-weight:700;font-size:1.1rem;margin:.2rem 0 .8rem;display:flex;align-items:center;gap:.55rem}
.ask__tick{display:inline-grid;place-items:center;width:1.8rem;height:1.8rem;border-radius:50%;background:var(--sea);color:#fff;font-size:1rem}
.ask__note{background:var(--paper-2);border-left:4px solid var(--marigold);padding:.6rem .8rem;border-radius:8px;margin:0 0 .8rem}
.ask__tally{display:grid;gap:.5rem}
.arow{display:grid;grid-template-columns:minmax(0,1fr) 3rem;grid-template-areas:"l p" "b b";gap:.2rem .6rem;align-items:center}
.arow__label{grid-area:l;font-weight:600;font-size:.95rem;overflow-wrap:anywhere}
.arow__pct{grid-area:p;text-align:right;font:700 .9rem/1 var(--mono)}
.arow__bar{grid-area:b;height:12px;background:var(--paper-2);border-radius:99px;overflow:hidden}
.afill{display:block;height:100%;border-radius:99px}
.arow--you .arow__label{color:var(--tomato-ink)}
.ask__small{font-size:.85rem;color:var(--muted);margin:.4rem 0 0}
.ask__foot{font-size:.78rem;color:var(--muted);margin:1rem 0 0}
.ask__foot a{color:inherit}
.fill.p-0,.afill.p-0{width:0%}.fill.p-2,.afill.p-2{width:2%}.fill.p-4,.afill.p-4{width:4%}.fill.p-6,.afill.p-6{width:6%}.fill.p-8,.afill.p-8{width:8%}.fill.p-10,.afill.p-10{width:10%}.fill.p-12,.afill.p-12{width:12%}.fill.p-14,.afill.p-14{width:14%}.fill.p-16,.afill.p-16{width:16%}.fill.p-18,.afill.p-18{width:18%}.fill.p-20,.afill.p-20{width:20%}.fill.p-22,.afill.p-22{width:22%}.fill.p-24,.afill.p-24{width:24%}.fill.p-26,.afill.p-26{width:26%}.fill.p-28,.afill.p-28{width:28%}.fill.p-30,.afill.p-30{width:30%}.fill.p-32,.afill.p-32{width:32%}.fill.p-34,.afill.p-34{width:34%}.fill.p-36,.afill.p-36{width:36%}.fill.p-38,.afill.p-38{width:38%}.fill.p-40,.afill.p-40{width:40%}.fill.p-42,.afill.p-42{width:42%}.fill.p-44,.afill.p-44{width:44%}.fill.p-46,.afill.p-46{width:46%}.fill.p-48,.afill.p-48{width:48%}.fill.p-50,.afill.p-50{width:50%}.fill.p-52,.afill.p-52{width:52%}.fill.p-54,.afill.p-54{width:54%}.fill.p-56,.afill.p-56{width:56%}.fill.p-58,.afill.p-58{width:58%}.fill.p-60,.afill.p-60{width:60%}.fill.p-62,.afill.p-62{width:62%}.fill.p-64,.afill.p-64{width:64%}.fill.p-66,.afill.p-66{width:66%}.fill.p-68,.afill.p-68{width:68%}.fill.p-70,.afill.p-70{width:70%}.fill.p-72,.afill.p-72{width:72%}.fill.p-74,.afill.p-74{width:74%}.fill.p-76,.afill.p-76{width:76%}.fill.p-78,.afill.p-78{width:78%}.fill.p-80,.afill.p-80{width:80%}.fill.p-82,.afill.p-82{width:82%}.fill.p-84,.afill.p-84{width:84%}.fill.p-86,.afill.p-86{width:86%}.fill.p-88,.afill.p-88{width:88%}.fill.p-90,.afill.p-90{width:90%}.fill.p-92,.afill.p-92{width:92%}.fill.p-94,.afill.p-94{width:94%}.fill.p-96,.afill.p-96{width:96%}.fill.p-98,.afill.p-98{width:98%}.fill.p-100,.afill.p-100{width:100%}
.days__bar.p-0{height:1%}.days__bar.p-2{height:2%}.days__bar.p-4{height:4%}.days__bar.p-6{height:6%}.days__bar.p-8{height:8%}.days__bar.p-10{height:10%}.days__bar.p-12{height:12%}.days__bar.p-14{height:14%}.days__bar.p-16{height:16%}.days__bar.p-18{height:18%}.days__bar.p-20{height:20%}.days__bar.p-22{height:22%}.days__bar.p-24{height:24%}.days__bar.p-26{height:26%}.days__bar.p-28{height:28%}.days__bar.p-30{height:30%}.days__bar.p-32{height:32%}.days__bar.p-34{height:34%}.days__bar.p-36{height:36%}.days__bar.p-38{height:38%}.days__bar.p-40{height:40%}.days__bar.p-42{height:42%}.days__bar.p-44{height:44%}.days__bar.p-46{height:46%}.days__bar.p-48{height:48%}.days__bar.p-50{height:50%}.days__bar.p-52{height:52%}.days__bar.p-54{height:54%}.days__bar.p-56{height:56%}.days__bar.p-58{height:58%}.days__bar.p-60{height:60%}.days__bar.p-62{height:62%}.days__bar.p-64{height:64%}.days__bar.p-66{height:66%}.days__bar.p-68{height:68%}.days__bar.p-70{height:70%}.days__bar.p-72{height:72%}.days__bar.p-74{height:74%}.days__bar.p-76{height:76%}.days__bar.p-78{height:78%}.days__bar.p-80{height:80%}.days__bar.p-82{height:82%}.days__bar.p-84{height:84%}.days__bar.p-86{height:86%}.days__bar.p-88{height:88%}.days__bar.p-90{height:90%}.days__bar.p-92{height:92%}.days__bar.p-94{height:94%}.days__bar.p-96{height:96%}.days__bar.p-98{height:98%}.days__bar.p-100{height:100%}