[hidden]{display:none!important}
/* Matches sharanaggarwal.in: navy ink, ivory paper, antique gold; Cormorant Garamond + Manrope. Boarding-pass motif from the book's journey. */
:root{
  --bg:#f6f1e6; --card:#fffdf8; --ink:#0e1b2c; --muted:#4a5262; --rule:#e2d7bf;
  --accent:#0e1b2c; --accent-ink:#f6f1e6; --accent-soft:#ece3d0; --gold:#a88346; --gold-ink:#7a5c2a; --gold-lt:#c9a66b;
  --stamp:#9b3b2a; --warn:#7a5c2a; --navy2:#1b3150;
  --display:"Cormorant Garamond", Georgia, serif;
  --body:"Manrope", "Helvetica Neue", Arial, sans-serif;
  --mono:"Manrope", "Helvetica Neue", Arial, sans-serif;
  color-scheme:light;
}
body{background:var(--bg);color:var(--ink);font:16px/1.6 var(--body)}
.topbar{background:var(--ink);color:var(--accent-ink);padding:14px max(16px,env(safe-area-inset-left,0px))}
.topbar .in{max-width:640px;margin:0 auto;display:flex;align-items:center;gap:12px}
.topbar .mono{font:500 italic 26px/1 var(--display);color:var(--gold-lt);letter-spacing:-.02em}
.topbar .bar{width:1px;height:22px;background:#3a4a60}
.topbar .nm{font:500 16px var(--body);letter-spacing:.01em}
.wrap{max-width:640px;margin:0 auto;padding-block:30px 64px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));display:flex;flex-direction:column;gap:22px}
.eyebrow{font:600 11px var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--gold-ink)}
h1{font:500 clamp(36px,8vw,52px)/1.04 var(--display);margin:8px 0 12px;text-wrap:balance;color:var(--ink)}
h1 em{font-style:italic;color:var(--gold-ink)}
.rule-gold{width:72px;height:1px;background:var(--gold);margin:4px 0 14px}
h2{font:500 28px/1.15 var(--display);margin:0 0 6px;text-wrap:balance}
p{margin:0}
.lead{color:var(--muted);max-width:56ch}
.steps{display:flex;gap:8px;list-style:none;padding:0;margin:0}
.steps li{flex:1;font:600 10.5px var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);border-top:2px solid var(--rule);padding-top:8px}
.steps li.on{color:var(--ink);border-color:var(--gold)}
.steps li.past{border-color:var(--gold);opacity:.6}
.panel{background:var(--card);border:1px solid var(--rule);border-radius:4px;padding:24px;display:flex;flex-direction:column;gap:16px}
@media (max-width:520px){.panel{padding:18px 16px}}
label{font-weight:600;font-size:14px;display:flex;flex-direction:column;gap:6px}
.hint{font-weight:400;color:var(--muted);font-size:13px}
input,select,textarea{font:16px var(--body);color:var(--ink);background:#fcfaf4;border:1px solid var(--rule);border-radius:3px;padding:12px;min-height:46px;width:100%;box-sizing:border-box}
input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:520px){.grid2{grid-template-columns:1fr}}
.btn{appearance:none;border:1px solid var(--ink);background:var(--ink);color:var(--accent-ink);font:600 13px var(--body);letter-spacing:.14em;text-transform:uppercase;border-radius:2px;padding:15px 20px;cursor:pointer;min-height:48px;text-align:center;text-decoration:none;display:inline-block}
.btn:hover{background:var(--navy2)}
.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--gold)}
.btn.small{padding:10px 14px;min-height:40px;font-size:11.5px}
.btn[aria-disabled="true"],.btn:disabled{opacity:.45;pointer-events:none}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.pass{border-radius:4px;background:var(--card);border:1px solid var(--rule);display:grid;grid-template-columns:1fr auto;overflow:hidden;position:relative}
.pass .main{padding:18px 20px;display:flex;flex-direction:column;gap:14px;min-width:0}
.pass .stub{border-left:2px dashed var(--gold-lt);padding:18px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;background:var(--ink);color:var(--accent-ink);min-width:108px}
.pass .stub b{font:500 46px/1 var(--display);color:var(--gold-lt);font-variant-numeric:lining-nums tabular-nums}
.pass .stub span{font:600 9.5px var(--body);letter-spacing:.16em;text-transform:uppercase;color:#bfc5ce;text-align:center}
.passtop{display:flex;justify-content:space-between;gap:10px;font:600 10.5px var(--body);letter-spacing:.18em;text-transform:uppercase;color:var(--gold-ink)}
.f{display:flex;flex-direction:column;gap:4px;min-width:0}
.f > span{font:600 10px var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.f .chap{font:500 24px/1.2 var(--display)}
.words{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.w{display:inline-flex;align-items:baseline;gap:5px;background:#fcfaf4;border:1px solid var(--rule);border-radius:3px;padding:5px 9px;font:500 19px var(--display)}
.w i{font:600 10px var(--body);font-style:normal;color:var(--gold-ink)}
.w.more{background:transparent;border-style:dashed;border-color:var(--gold);font:600 12px var(--body);color:var(--gold-ink)}
@media (max-width:520px){.pass{grid-template-columns:1fr}.pass .stub{border-left:0;border-top:2px dashed var(--gold-lt);flex-direction:row;gap:12px;padding:14px}.pass .stub b{font-size:38px}}
.how{display:flex;flex-direction:column;gap:10px}
.tabs{display:flex;gap:6px}
.tabs button{flex:1;border:1px solid var(--rule);background:#fcfaf4;color:var(--ink);border-radius:3px;padding:10px;font:600 14px var(--body);cursor:pointer;min-height:44px}
.tabs button[aria-selected="true"]{border-color:var(--gold);background:var(--accent-soft)}
.rules{font-size:14.5px;color:var(--muted);display:flex;flex-direction:column;gap:6px;margin:0;padding-left:20px}
.rules b{color:var(--ink);font-weight:600}
.copy{display:flex;gap:8px;align-items:stretch}
.copy code{flex:1;min-width:0;font:500 14px var(--body);background:#fcfaf4;border:1px solid var(--rule);border-radius:3px;padding:9px 10px;overflow-x:auto;white-space:nowrap;user-select:all}
.msg{font-size:14.5px;padding:10px 12px;border-radius:3px;background:var(--bg)}
.msg.bad{color:var(--stamp)} .msg.nudge{color:var(--warn)} .msg.good{color:#2f6b4f}
.answer{letter-spacing:.12em;font-size:20px;font-weight:600}
.stamp{position:absolute;right:132px;top:14px;transform:rotate(-8deg);border:3px solid var(--stamp);color:var(--stamp);font:700 15px var(--body);letter-spacing:.2em;padding:4px 10px;border-radius:3px;opacity:.9;background:var(--card)}
@media (max-width:520px){.stamp{right:16px}}
.check{flex-direction:row;align-items:flex-start;gap:10px;font-weight:400;font-size:13.5px;color:var(--muted)}
.check input{width:20px;height:20px;min-height:0;margin-top:2px;flex:0 0 auto;accent-color:var(--ink)}
.call{background:var(--ink);color:var(--accent-ink);border-radius:4px;padding:24px;display:flex;flex-direction:column;gap:12px}
.call h2{color:var(--accent-ink)}
.call .eyebrow{color:var(--gold-lt)}
.call ul{margin:0;padding-left:18px;font-size:14.5px;color:#d8dce2}
.call .btn{background:var(--accent-ink);color:var(--ink);border-color:var(--accent-ink)}
.call .btn:hover{background:#fffdf8}
.call .btn.ghost{background:transparent;color:var(--accent-ink);border-color:var(--gold-lt)}
.call .btn.ghost:hover{background:var(--navy2)}
.tiers{display:grid;gap:12px}
.tier{background:var(--card);border:1px solid var(--rule);border-radius:4px;padding:18px 20px;display:grid;grid-template-columns:1fr auto;gap:6px 14px;align-items:start}
.tier h3{margin:0;font:500 22px/1.2 var(--display)}
.tier .price{font:600 14px var(--body);white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums;color:var(--gold-ink)}
.tier p{grid-column:1/-1;color:var(--muted);font-size:14.5px}
.tier .act{grid-column:1/-1}
.tier.pick{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}
.tag{font:600 10px var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-ink);background:var(--accent-soft);padding:3px 7px;border-radius:2px;justify-self:start;grid-column:1/-1}
.foot{font-size:12.5px;color:var(--muted);text-align:center}
.demo{font:600 11px var(--body);letter-spacing:.08em;color:var(--warn);border:1px dashed var(--gold);border-radius:3px;padding:8px 10px}
pre.out{font:12px/1.5 ui-monospace,Menlo,monospace;background:#fcfaf4;border:1px solid var(--rule);border-radius:3px;padding:12px;overflow-x:auto;white-space:pre}
@media (prefers-reduced-motion:no-preference){.stamp{animation:thump .35s ease-out}@keyframes thump{from{transform:rotate(-8deg) scale(1.6);opacity:0}}}
/* top bar login */
.topbar .in{justify-content:flex-start}
.login-btn{margin-left:auto;appearance:none;background:transparent;color:var(--accent-ink);border:1px solid var(--gold-lt);border-radius:2px;padding:9px 16px;font:600 11.5px var(--body);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;min-height:40px;transition:background .2s,color .2s}
.login-btn:hover{background:var(--gold-lt);color:var(--ink)}
dialog#login{border:0;padding:0;border-radius:4px;max-width:440px;width:calc(100% - 32px);background:var(--card);color:var(--ink);box-shadow:0 30px 80px rgba(14,27,44,.35)}
dialog#login::backdrop{background:rgba(14,27,44,.55)}
.login-box{display:flex;flex-direction:column;gap:14px;padding:26px}
.login-box input:disabled{opacity:.6}
/* about */
.about{display:flex;flex-direction:column;gap:12px;padding:6px 0 4px;border-top:1px solid var(--rule);padding-top:22px}
.about h2 em{font-style:italic;color:var(--gold-ink)}
.facts{list-style:none;margin:6px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.facts li{border-left:1px solid var(--gold);padding:2px 0 2px 12px;display:flex;flex-direction:column}
.facts b{font:500 34px/1 var(--display);color:var(--ink);font-variant-numeric:lining-nums}
.facts span{font:600 10.5px var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:6px}
/* subtle motion */
@media (prefers-reduced-motion:no-preference){
  .reveal{opacity:0;transform:translateY(14px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
  .reveal.in{opacity:1;transform:none}
  .enter{animation:enter .55s cubic-bezier(.2,.7,.2,1)}
  @keyframes enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
  header h1,header .eyebrow,header .lead,header .rule-gold{animation:enter .8s cubic-bezier(.2,.7,.2,1) both}
  header h1{animation-delay:.08s} header .rule-gold{animation-delay:.16s} header .lead{animation-delay:.24s}
  .btn{transition:transform .2s,background .2s,box-shadow .2s}
  .btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(14,27,44,.14)}
  .orb{animation:breathe 4s ease-in-out infinite}
  @keyframes breathe{50%{filter:brightness(1.08)}}
  dialog#login[open]{animation:enter .35s cubic-bezier(.2,.7,.2,1)}
}
/* tablet and desktop */
@media (min-width:900px){
  .wrap,.topbar .in{max-width:760px}
  .tiers{grid-template-columns:1fr 1fr}
  .tier{grid-template-columns:1fr;align-content:start}
  .tier .price{text-align:left}
  .panel{padding:30px}
}
@media (min-width:1280px){ .wrap,.topbar .in{max-width:820px} h1{font-size:58px} }
/* small phones */
@media (max-width:360px){
  .facts b{font-size:26px} .facts span{font-size:9.5px;letter-spacing:.08em} .login-btn{padding:8px 10px}
  h1{font-size:32px} .f .chap{font-size:21px} .w{font-size:17px;padding:4px 7px}
  .steps li{font-size:9.5px;letter-spacing:.1em} .btn{letter-spacing:.1em;padding:14px 14px}
  .row .btn{width:100%}
}


html,body{margin:0}
textarea{min-height:96px;resize:vertical}
.req{color:var(--stamp)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
/* call room */
.room{background:var(--card);border:1px solid var(--rule);border-radius:14px;padding:26px 22px;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}
.orb{width:132px;height:132px;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--gold-lt),var(--ink) 72%);box-shadow:0 0 0 0 var(--accent-soft);transition:transform .12s ease-out}
.orb.speaking{box-shadow:0 0 0 14px var(--accent-soft)}
.clock{font:500 42px var(--display);font-variant-numeric:lining-nums tabular-nums;letter-spacing:.02em}
.clock.low{color:var(--stamp)}
.status{color:var(--muted);font-size:15px;min-height:1.5em}
.btn.end{background:var(--stamp);color:#fff}
@media (prefers-reduced-motion:reduce){.orb{transition:none}}

/* self-hosted brand fonts */
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/cormorant-garamond-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Cormorant Garamond";font-style:italic;font-weight:500;font-display:swap;src:url(/assets/fonts/cormorant-garamond-latin-500-italic.woff2) format("woff2")}
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/cormorant-garamond-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Manrope";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/manrope-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Manrope";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/manrope-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Manrope";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/manrope-latin-600-normal.woff2) format("woff2")}

/* header: original SA logo, as on sharanaggarwal.in */
.topbar a{color:inherit;text-decoration:none}
.brand{display:flex;align-items:center;gap:12px;min-width:0}
.brand img{width:40px;height:40px;display:block;border-radius:2px}
.brand .nm{white-space:nowrap}
.topnav{margin-left:auto;display:flex;align-items:center;gap:8px}
.topnav .lnk{font:600 11.5px var(--body);letter-spacing:.16em;text-transform:uppercase;color:#d8dce2;padding:10px 8px}
.topnav .lnk:hover{color:var(--gold-lt)}
.topnav .login-btn{margin-left:0;display:inline-flex;align-items:center;text-decoration:none}
.topnav .login-btn.solid{background:var(--gold-lt);color:var(--ink)}
.topnav .login-btn.solid:hover{background:var(--accent-ink)}
@media (max-width:560px){.topnav .lnk{display:none}.brand .nm{font-size:15px}}

.skip{position:absolute;left:-9999px}
.skip:focus{left:12px;top:12px;background:var(--card);color:var(--ink);padding:8px 12px;z-index:10}
:focus-visible{outline:2px solid var(--gold);outline-offset:2px}

/* home */
.hero .row{margin-top:18px}
.btn.link{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.cards{display:grid;gap:12px}
.card{background:var(--card);border:1px solid var(--rule);border-radius:4px;padding:20px 22px;display:flex;flex-direction:column;gap:8px}
.card h3{margin:0;font:500 24px/1.2 var(--display)}
.card p{color:var(--muted);font-size:15px}
.card .k{font:600 10.5px var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--gold-ink)}
.sec{display:flex;flex-direction:column;gap:12px;border-top:1px solid var(--rule);padding-top:26px}
.sec h2 em{font-style:italic;color:var(--gold-ink)}
.howto{list-style:none;margin:0;padding:0;display:grid;gap:12px;counter-reset:s}
.howto li{counter-increment:s;display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:start}
.howto li::before{content:counter(s);font:500 34px/1 var(--display);color:var(--gold-ink)}
.howto b{display:block;font-weight:600}
.howto span{color:var(--muted);font-size:15px}
.faq details{border-bottom:1px solid var(--rule);padding:14px 0}
.faq summary{cursor:pointer;font:500 21px/1.3 var(--display);list-style:none;display:flex;justify-content:space-between;gap:12px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font:400 22px var(--body);color:var(--gold-ink);transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{color:var(--muted);margin-top:8px;font-size:15px}
.cta-band{background:var(--ink);color:var(--accent-ink);border-radius:4px;padding:26px 24px;display:flex;flex-direction:column;gap:12px}
.cta-band h2{color:var(--accent-ink)}
.cta-band p{color:#d8dce2}
.cta-band .btn{background:var(--gold-lt);color:var(--ink);border-color:var(--gold-lt)}
.cta-band .btn.ghost{background:transparent;color:var(--accent-ink)}
.site-foot{border-top:1px solid var(--rule);margin-top:10px;padding-top:20px;display:flex;flex-direction:column;gap:8px;font-size:13px;color:var(--muted)}
.site-foot nav{display:flex;flex-wrap:wrap;gap:6px 18px}
.site-foot a{color:var(--ink)}
@media (min-width:900px){.cards{grid-template-columns:repeat(3,1fr)}.cta-band{padding:34px}}

/* account */
.auth{background:var(--card);border:1px solid var(--rule);border-radius:4px;padding:24px;display:flex;flex-direction:column;gap:14px}
.auth .tabs{margin-bottom:4px}
.pw{position:relative;display:block}
.pw input{padding-right:84px}
.pw button{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:transparent;border:0;font:600 11px var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-ink);cursor:pointer;padding:8px;min-height:36px}
.rulesmini{list-style:none;margin:0;padding:0;font-size:13px;color:var(--muted);display:flex;flex-direction:column;gap:2px}
.rulesmini li::before{content:"○ ";color:var(--gold)}
.rulesmini li.ok{color:#2f6b4f}
.rulesmini li.ok::before{content:"● ";color:#2f6b4f}
.linkbtn{background:none;border:0;padding:0;color:var(--ink);text-decoration:underline;font:inherit;cursor:pointer}
.kv{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;font-size:15px}
.kv dt{color:var(--muted)}
.kv dd{margin:0;font-weight:600;word-break:break-all}
.topnav .login-btn{height:40px;min-height:40px;padding:0 16px;white-space:nowrap}
main a:not(.btn):not(.linkbtn){color:var(--ink);text-decoration-color:var(--gold);text-underline-offset:3px}
main a:not(.btn):hover{color:var(--gold-ink)}
@media (max-width:440px){.brand .bar,.brand .nm{display:none}.topnav .login-btn{padding:0 12px;letter-spacing:.12em}}
/* Founders' Club */
.perks{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:12px}
.perks li{background:var(--card);border:1px solid var(--rule);border-left:2px solid var(--gold);border-radius:4px;padding:16px 18px;display:flex;flex-direction:column;gap:4px}
.perks b{font:500 21px/1.25 var(--display)}
.perks span{color:var(--muted);font-size:15px}
@media (min-width:900px){.perks{grid-template-columns:1fr 1fr}}
.refer{background:var(--accent-soft);border:0;border-radius:4px;padding:24px}
.wrap.wide{max-width:980px}
@media (min-width:1280px){.wrap.wide{max-width:1080px}}
.filters{display:grid;gap:12px}
@media (min-width:700px){.filters{grid-template-columns:2fr 1fr}}
.mlist{display:grid;gap:12px}
@media (min-width:700px){.mlist{grid-template-columns:1fr 1fr}}
@media (min-width:1100px){.mlist{grid-template-columns:1fr 1fr 1fr}}
.mcard{display:flex;gap:14px;align-items:flex-start;background:var(--card);border:1px solid var(--rule);border-radius:4px;padding:16px;color:var(--ink);text-decoration:none;transition:border-color .2s,transform .2s}
.mcard:hover{border-color:var(--gold);transform:translateY(-1px)}
.mcard h3{margin:0;font:500 22px/1.2 var(--display)}
.mtext{display:flex;flex-direction:column;gap:6px;min-width:0}
.mtext p{margin:0;font-size:14.5px;color:var(--muted);overflow-wrap:anywhere}
.mtext .mini{font-size:13.5px}
.mtext .mini b{color:var(--ink);font-weight:600}
.mtext .tag,.pv-head .tag{grid-column:auto}
.avatar{flex:0 0 auto;border-radius:50%;overflow:hidden;background:var(--ink);color:var(--gold-lt);display:flex;align-items:center;justify-content:center;font:500 24px var(--display);border:1px solid var(--gold)}
.avatar img{width:100%;height:100%;object-fit:cover;display:block}
.photo-row{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.filebtn{position:relative;overflow:hidden;cursor:pointer}
.filebtn input{position:absolute;inset:0;opacity:0;cursor:pointer;min-height:0}
.combo{position:relative;display:block}
.combo ul{position:absolute;z-index:5;left:0;right:0;top:100%;margin:4px 0 0;padding:4px 0;list-style:none;max-height:260px;overflow-y:auto;background:var(--card);border:1px solid var(--gold);border-radius:4px;box-shadow:0 12px 30px rgba(14,27,44,.15)}
.combo li{padding:9px 12px;font:500 15px var(--body);cursor:pointer}
.combo li:hover,.combo li.on{background:var(--accent-soft)}
.combo li:last-child{border-top:1px solid var(--rule);color:var(--gold-ink)}
.auth h2{margin-top:6px}
.posts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.posts .post{display:flex;gap:10px;align-items:center;flex-wrap:wrap;border-bottom:1px solid var(--rule);padding:8px 0}
.posts .post b{flex:1;min-width:140px;font-weight:600}
.prewrap{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink);font-size:16px;line-height:1.7}
.pv-head{display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.pv-head h1{margin:4px 0}
.filebtn{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;align-self:flex-start;width:auto}
.plan{display:flex;flex-direction:column;gap:10px}
.price.big{font:500 36px/1.1 var(--display);color:var(--ink);text-align:left}
.billing{display:inline-flex;border:1px solid var(--gold);border-radius:3px;overflow:hidden;align-self:flex-start}
.billing button{background:transparent;border:0;padding:9px 14px;font:600 11.5px var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);cursor:pointer;min-height:40px}
.billing button[aria-checked="true"]{background:var(--ink);color:var(--accent-ink)}
.billing button span{font-size:10px;letter-spacing:.06em;text-transform:none;color:var(--gold-lt);margin-left:4px}
.billing button[aria-checked="false"] span{color:var(--gold-ink)}
.incl{margin:0;padding-left:18px;color:var(--muted);font-size:14.5px;display:flex;flex-direction:column;gap:4px}
#pay-note{grid-column:1/-1}
@media (max-width:400px){.billing button{padding:8px 10px;letter-spacing:.06em}.billing button span{display:block;margin:2px 0 0}}
.tier{min-width:0}