/* Pricing and the member cabinet, on the Tools tokens from motes.css. */
.a-body{color:var(--t-ink);font-family:"Instrument Sans",system-ui,sans-serif}
.a-page{width:min(1120px,calc(100vw - 32px));margin:0 auto;padding:12px 0 40px;display:flex;flex-direction:column;min-height:100dvh}
.a-nav{margin-bottom:44px}
.a-page main{flex:1}
.a-title{font-size:clamp(38px,5.4vw,56px);line-height:1;letter-spacing:-.05em;font-weight:700;margin-bottom:26px}

.a-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:0 16px;border-radius:11px;background:var(--t-white);box-shadow:inset 0 0 0 1px var(--t-line);color:var(--t-ink);font-size:14px;font-weight:600;text-decoration:none;transition:box-shadow .15s,background .15s,transform .15s}
.a-btn:hover{box-shadow:inset 0 0 0 1px #c6ccd4;background:#fafbfc}
.a-btn:active{transform:translateY(1px)}
.a-btn[disabled]{opacity:.55;cursor:default}
.a-btn-primary{background:var(--t-blue);color:#fff;box-shadow:none}.a-btn-primary:hover{background:var(--t-blue-deep);box-shadow:none}
.a-btn-danger{color:#b4261d}
.a-link{font-size:13px;font-weight:500;color:var(--t-mid);text-decoration:underline;text-underline-offset:2px}.a-link:hover{color:var(--t-ink)}

.a-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch}
.a-plan{display:flex;flex-direction:column;padding:22px;background:var(--t-white);border-radius:18px;box-shadow:inset 0 0 0 1px var(--t-line)}
.a-plan.is-featured{box-shadow:inset 0 0 0 2px var(--t-blue)}
.a-plan h2{font-size:15px;font-weight:600}
.a-price{display:flex;align-items:baseline;gap:7px;margin-top:18px;min-height:62px}
.a-price-main{font-size:58px;line-height:1;letter-spacing:-.055em;font-weight:700;font-variant-numeric:tabular-nums}
.a-price-main sup{font-size:.42em;letter-spacing:-.03em;vertical-align:baseline;position:relative;top:-.78em;margin-left:1px}
.a-price-unit{font-size:14px;color:var(--t-mid)}
.a-bill{margin-top:6px;font-size:14px;font-weight:500;color:var(--t-ink);min-height:20px}
.a-feat{list-style:none;margin:20px 0 22px;padding:18px 0 0;border-top:1px solid var(--t-line);display:grid;gap:9px;flex:1;align-content:start}
.a-feat li{display:grid;grid-template-columns:14px 1fr;gap:9px;font-size:14px;line-height:1.35;color:var(--t-ink)}
.a-feat svg{margin-top:3px;color:var(--t-blue)}
.a-plan .a-btn{width:100%}
.a-fine{margin-top:10px;font-size:12px;line-height:1.4;color:var(--t-mid);min-height:34px}

.a-packs{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:12px;padding:20px 22px;background:var(--t-white);border-radius:18px;box-shadow:inset 0 0 0 1px var(--t-line)}
.a-packs h2{font-size:15px;font-weight:600}.a-packs p{margin-top:4px;font-size:13px;line-height:1.4;color:var(--t-mid);max-width:380px}
.a-pack-row{display:flex;gap:8px;flex:none}
.a-pack{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:116px;padding:11px 14px;border-radius:12px;box-shadow:inset 0 0 0 1px var(--t-line);text-align:left;transition:box-shadow .15s,background .15s}
.a-pack:hover{box-shadow:inset 0 0 0 1px var(--t-blue);background:#f2f6fe}
.a-pack b{font-size:14px;font-weight:600}.a-pack span{font-size:13px;color:var(--t-mid);font-variant-numeric:tabular-nums}

.a-faq{margin-top:56px;max-width:720px}
.a-faq h2{font-size:26px;letter-spacing:-.035em;font-weight:700;margin-bottom:12px}
.a-faq details{border-top:1px solid var(--t-line)}.a-faq details:last-child{border-bottom:1px solid var(--t-line)}
.a-faq summary{display:flex;justify-content:space-between;gap:16px;padding:15px 0;font-size:15px;font-weight:500;cursor:pointer;list-style:none}
.a-faq summary::-webkit-details-marker{display:none}
.a-faq summary::after{content:"+";font-size:20px;line-height:1;color:var(--t-soft)}.a-faq details[open] summary::after{content:"–"}
.a-faq details p{padding:0 28px 16px 0;font-size:14px;line-height:1.5;color:var(--t-mid)}

.a-foot{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;margin-top:56px;padding-top:18px;border-top:1px solid var(--t-line);font-size:12px;color:var(--t-mid)}
.a-foot span{margin-right:auto}.a-foot a{color:var(--t-mid);text-decoration:none}.a-foot a:hover{color:var(--t-ink);text-decoration:underline}

.a-dialog{width:min(460px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;padding:24px;border:0;border-radius:18px;background:var(--t-white);color:var(--t-ink);box-shadow:0 30px 80px -20px #14181d59}
.a-dialog::backdrop{background:#14181d66}
.a-dialog h2{font-size:21px;letter-spacing:-.03em;font-weight:700}
.a-dialog p{font-size:14px;line-height:1.45;color:var(--t-mid);margin-top:8px}
.a-dialog .a-dialog-total{font-size:15px;font-weight:600;color:var(--t-ink);margin-top:10px}
.a-check{display:grid;grid-template-columns:18px 1fr;gap:10px;margin-top:14px;font-size:13px;line-height:1.4;color:var(--t-ink);cursor:pointer}
.a-check input{width:18px;height:18px;margin:0;accent-color:var(--t-blue)}.a-check a{color:var(--t-blue)}
.a-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px;flex-wrap:wrap}
.a-error{margin-top:12px!important;color:#b4261d!important;font-size:13px!important}

/* Cabinet */
.a-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
.a-card{padding:22px;background:var(--t-white);border-radius:18px;box-shadow:inset 0 0 0 1px var(--t-line);min-width:0}
.a-card.is-wide{grid-column:1/-1}
.a-card h2{font-size:13px;font-weight:600;color:var(--t-mid)}
.a-big{margin-top:10px;font-size:34px;line-height:1.05;letter-spacing:-.045em;font-weight:700;font-variant-numeric:tabular-nums}
.a-sub{margin-top:6px;font-size:14px;line-height:1.45;color:var(--t-mid)}
.a-sub b{color:var(--t-ink);font-weight:600}
.a-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;align-items:center}
.a-badge{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:7px;background:#eef3fe;color:var(--t-blue-deep);font-size:12px;font-weight:600;vertical-align:middle}
.a-badge.is-warn{background:#fdf1e3;color:#8a4b08}.a-badge.is-off{background:#eef0f3;color:var(--t-mid)}
.a-table{width:100%;margin-top:12px;border-collapse:collapse;font-size:13px}
.a-table th{padding:0 12px 8px 0;text-align:left;font-weight:500;color:var(--t-mid)}
.a-table td{padding:9px 12px 9px 0;border-top:1px solid var(--t-line);vertical-align:top}
.a-table td:last-child,.a-table th:last-child{padding-right:0;text-align:right;font-variant-numeric:tabular-nums}
.a-plus{color:#17803d;font-weight:600}
.a-key{display:flex;align-items:center;gap:8px;margin-top:12px;padding:10px 12px;background:var(--t-canvas);border-radius:10px;font:500 13px ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere}
.a-key span{flex:1;min-width:0}
.a-license+.a-license{margin-top:18px;padding-top:18px;border-top:1px solid var(--t-line)}
.a-empty{margin-top:10px;font-size:14px;line-height:1.45;color:var(--t-mid)}
.a-banner{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:12px 16px;border-radius:12px;background:#eef3fe;color:var(--t-blue-deep);font-size:14px;line-height:1.4}
.a-banner.is-error{background:#fdecea;color:#8c1d15}.a-banner.is-ok{background:#e8f6ed;color:#14652f}
.a-loading{padding:60px 0;text-align:center;font-size:14px;color:var(--t-mid)}
.a-signin{max-width:400px;margin:7vh auto 0;padding:32px 28px;background:var(--t-white);border-radius:20px;box-shadow:inset 0 0 0 1px var(--t-line);text-align:center}
.a-signin img{display:block;margin:0 auto 14px}
.a-signin h1{font-size:26px;letter-spacing:-.04em;font-weight:700}
.a-signin p{margin-top:8px;font-size:14px;line-height:1.45;color:var(--t-mid)}
.a-signin .a-btn{width:100%;margin-top:20px}
.a-signin small{display:block;margin-top:14px;font-size:12px;line-height:1.4;color:var(--t-soft)}.a-signin small a{color:var(--t-mid)}
.a-or{display:flex;align-items:center;gap:10px;margin-top:16px;font-size:12px;color:var(--t-soft)}.a-or::before,.a-or::after{content:"";flex:1;height:1px;background:var(--t-line)}
.a-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.a-input{display:block;width:100%;height:44px;margin-top:12px;padding:0 13px;border:1px solid var(--t-line);border-radius:11px;background:var(--t-white);color:var(--t-ink);font:inherit;font-size:16px}
.a-signin form .a-btn{margin-top:8px}.a-signin .a-error{margin-top:10px!important;text-align:left}
.a-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 16px;margin-bottom:22px}
.a-head h1{font-size:clamp(34px,5vw,48px);line-height:1;letter-spacing:-.05em;font-weight:700}
.a-head span{font-size:14px;color:var(--t-mid);overflow-wrap:anywhere}

.a-legal{max-width:720px}
.a-legal h2{margin-top:26px;font-size:17px;letter-spacing:-.015em;font-weight:600}
.a-legal p{margin-top:7px;font-size:15px;line-height:1.55;color:#3c454e}
.a-draft{display:inline-block;margin:0 0 6px!important;padding:6px 10px;border-radius:8px;background:#fdf1e3;color:#8a4b08!important;font-size:13px!important;font-weight:600}

@media (max-width:900px){
  .a-plans{grid-template-columns:1fr}
  .a-plan.is-featured{order:-1}
  .a-plan:first-child{order:1}
  .a-price{min-height:0}.a-fine{min-height:0}
  .a-packs{flex-direction:column;align-items:stretch}
  .a-pack-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.a-pack{min-width:0;padding:11px}
  .a-grid{grid-template-columns:1fr}
  .a-nav{margin-bottom:28px}
  .a-actions .a-btn{flex:1 1 auto;white-space:nowrap}
}
@media (prefers-reduced-motion:reduce){.a-btn,.a-pack{transition:none}}

.a-period{margin:14px 0 0;padding:0;border:0;display:grid;gap:6px}
.a-period legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.a-period-row{display:flex;align-items:center;gap:8px;min-height:40px;padding:0 12px;border-radius:10px;box-shadow:inset 0 0 0 1px var(--t-line);font-size:14px;color:var(--t-ink);cursor:pointer}
.a-period-row:has(input:checked){box-shadow:inset 0 0 0 1.5px var(--t-blue);background:#f3f7ff}
.a-period-row input{margin:0;accent-color:var(--t-blue);flex:none}
.a-period-row small{font-size:12px;font-weight:600;color:var(--t-blue)}
.a-period-row b{margin-left:auto;font-weight:600}
.a-feat .a-feat-limit{color:var(--t-mid)}
.a-feat-limit span{justify-self:center;align-self:center;width:4px;height:4px;border-radius:50%;background:var(--t-mid)}