/* takedown.best — dark only. Flat surfaces, hairlines, one acid accent, mono labels, 2px corners. No gradients, no glow. */
:root{
  --bg:#0a0a0a;--bg-2:#0e0e0e;--surface:#111111;--surface-2:#171717;--surface-3:#1f1f1f;
  --line:#242424;--line-2:#343434;--line-3:#4a4a4a;
  --text:#f3f1ea;--text-2:#9b9a93;--text-3:#6b6a64;
  --accent:#d9ff3d;--accent-ink:#0a0a0a;--accent-dim:#9fbd1f;--accent-soft:rgba(217,255,61,.08);
  --ok:#39d98a;--ok-soft:rgba(57,217,138,.1);--warn:#ffb020;--warn-soft:rgba(255,176,32,.1);
  --danger:#ff5c5c;--danger-soft:rgba(255,92,92,.1);--info:#5ab0ff;--info-soft:rgba(90,176,255,.1);
  --r:3px;--r-sm:2px;--r-xs:2px;
  --font:"Inter Tight","Inter","Helvetica Neue",Helvetica,Arial,system-ui,-apple-system,"Noto Sans","Noto Sans Arabic","Noto Sans Devanagari","Noto Sans Bengali",sans-serif;
  --mono:"JetBrains Mono","IBM Plex Mono","Cascadia Mono","SF Mono",ui-monospace,Menlo,Consolas,monospace;
  --side:248px;--top:60px;
  color-scheme:dark;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 var(--font);min-height:100dvh;font-feature-settings:"ss01","cv11","tnum"}
a{color:var(--text);text-decoration:none}
a:hover{color:var(--accent)}
h1,h2,h3,h4{margin:0;font-weight:600;letter-spacing:-.03em;line-height:1.05}
.h1{font-size:clamp(32px,4.2vw,52px)}.h2{font-size:24px}.h3{font-size:15px;letter-spacing:.02em;text-transform:uppercase;font-family:var(--mono);font-weight:600;color:var(--text-2)}
p{margin:0}
.muted{color:var(--text-2)}.subtle{color:var(--text-3)}.small{font-size:13px}.tiny{font-size:12px}
.mono{font-family:var(--mono);font-size:.92em;letter-spacing:.01em}
.stack{display:grid;gap:14px}.stack-lg{display:grid;gap:22px}
.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.row-between{justify-content:space-between}
.grow{flex:1 1 auto}.right{margin-inline-start:auto}
.ic{width:1.1em;height:1.1em;flex:none;vertical-align:-.18em}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
::selection{background:var(--accent);color:var(--accent-ink)}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
[dir=rtl] .ic-flip{transform:scaleX(-1)}
.label,.kicker,.plan__terms-label,.tbl th,.badge,.pill,.plan__idx,.crumb,.timeline span,.bubble__meta,.kpi span,.trust,.plan__sla,.promo{font-family:var(--mono)}

/* ---------- promo bar ---------- */
.promo{position:relative;z-index:30;background:var(--accent);color:var(--accent-ink);font-size:12.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.promo__in{max-width:1280px;margin:0 auto;padding:8px 52px 8px 20px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.promo .ic{color:var(--accent-ink);width:14px;height:14px}
.promo__code{display:inline-flex;align-items:center;padding:2px 8px;border:1.5px dashed var(--accent-ink);font-weight:700;letter-spacing:.12em}
.promo__btn{border:1.5px solid var(--accent-ink);background:transparent;color:var(--accent-ink);font:inherit;font-weight:700;padding:2px 10px;cursor:pointer;letter-spacing:.06em}
.promo__btn:hover{background:var(--accent-ink);color:var(--accent)}
.promo__meta{opacity:.75;font-weight:500}
.promo__x{position:absolute;inset-inline-end:12px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:var(--accent-ink);cursor:pointer;padding:6px;opacity:.7}
.promo__x:hover{opacity:1}

/* ---------- header ---------- */
.top{position:sticky;top:0;z-index:20;height:var(--top);display:flex;align-items:center;gap:14px;padding:0 20px;background:var(--bg);border-bottom:1px solid var(--line)}
.brand{display:inline-flex;align-items:center;gap:10px;color:var(--text)}
.brand:hover{color:var(--text)}
.brand img{width:26px;height:26px;display:block}
.brand__word{font-family:var(--mono);font-weight:700;font-size:14px;letter-spacing:.16em}
.brand small{color:var(--text-3);font-weight:500;font-size:11px;letter-spacing:.08em;margin-inline-start:4px}
.top__right{margin-inline-start:auto;display:flex;align-items:center;gap:10px}
.who{display:none;align-items:center;gap:8px;color:var(--text-2);font-size:12.5px;font-family:var(--mono);max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(min-width:720px){.who{display:inline-flex}}
.lang{position:relative}
.lang select{appearance:none;-webkit-appearance:none;background:var(--bg);color:var(--text);border:1px solid var(--line-2);border-radius:var(--r-sm);padding:6px 28px 6px 10px;font:inherit;font-size:12.5px;font-family:var(--mono);cursor:pointer}
.lang select:hover{border-color:var(--line-3)}
[dir=rtl] .lang select{padding:6px 10px 6px 28px}
.lang .ic{position:absolute;inset-inline-end:9px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--text-3);width:13px;height:13px}
.burger{display:inline-flex;border:1px solid var(--line-2);background:var(--bg);color:var(--text);border-radius:var(--r-sm);padding:7px;cursor:pointer}
@media(min-width:960px){.burger{display:none}}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line-3);background:transparent;color:var(--text);
  font:inherit;font-family:var(--mono);font-weight:700;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;padding:11px 16px;border-radius:var(--r-sm);cursor:pointer;
  transition:.12s background,.12s color,.12s border-color;white-space:nowrap;text-decoration:none}
.btn:hover{border-color:var(--text);color:var(--text)}
.btn:active{transform:translateY(1px)}
.btn--primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.btn--primary:hover{background:var(--text);border-color:var(--text);color:var(--accent-ink)}
.btn--ghost{border-color:var(--line-2);color:var(--text-2)}
.btn--ghost:hover{color:var(--text)}
.btn--ok{background:var(--ok);color:#06231a;border-color:var(--ok)}
.btn--danger{color:var(--danger);border-color:rgba(255,92,92,.4)}
.btn--block{width:100%}.btn--lg{padding:15px 20px;font-size:13px}.btn--sm{padding:6px 10px;font-size:11.5px}
.btn[disabled]{opacity:.5;cursor:not-allowed;transform:none}
.btn .ic{width:1.1em;height:1.1em}

/* ---------- cards ---------- */
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:22px}
.card--tight{padding:16px}
.card__head{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.card__head .h3{flex:1}
.divider{height:1px;background:var(--line);margin:4px 0}

/* ---------- badges ---------- */
.badge{display:inline-flex;align-items:center;gap:7px;padding:3px 9px;border-radius:var(--r-sm);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;border:1px solid;white-space:nowrap}
.badge::before{content:"";width:6px;height:6px;background:currentColor}
.badge--ok{color:var(--ok);border-color:rgba(57,217,138,.35)}.badge--warn{color:var(--warn);border-color:rgba(255,176,32,.4)}
.badge--info{color:var(--info);border-color:rgba(90,176,255,.4)}.badge--muted{color:var(--text-2);border-color:var(--line-2)}
.badge--danger{color:var(--danger);border-color:rgba(255,92,92,.4)}
.pill{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border:1px solid var(--accent-dim);color:var(--accent);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border-radius:var(--r-sm)}

/* ---------- flashes ---------- */
.flashes{display:grid;gap:8px;margin-bottom:18px}
.flash{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:var(--r-sm);border:1px solid;border-inline-start-width:3px;font-size:14px;background:var(--surface);transition:opacity .6s}
.flash--fade{opacity:0}
.flash--ok{border-color:var(--ok);color:var(--text)}
.flash--error{border-color:var(--danger);color:var(--text)}
.flash--info{border-color:var(--info);color:var(--text)}
.flash--ok .ic{color:var(--ok)}.flash--error .ic{color:var(--danger)}.flash--info .ic{color:var(--info)}
.flash .ic{margin-top:2px}

/* ---------- forms ---------- */
.field{display:grid;gap:6px}
.label{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-2)}
.label em{font-style:normal;color:var(--text-3);font-weight:500;text-transform:none;letter-spacing:0}
.help{font-size:12.5px;color:var(--text-3)}
.input,.select,.textarea{width:100%;background:var(--bg);color:var(--text);border:1px solid var(--line-2);border-radius:var(--r-sm);padding:11px 12px;font:inherit;font-size:15px;transition:.12s border-color}
.input::placeholder,.textarea::placeholder{color:var(--text-3)}
.input:hover,.select:hover,.textarea:hover{border-color:var(--line-3)}
.input:focus,.select:focus,.textarea:focus{outline:0;border-color:var(--accent)}
.textarea{min-height:120px;resize:vertical}
.select{appearance:none;-webkit-appearance:none;padding-inline-end:38px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%239b9a93' stroke-width='2' d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}
[dir=rtl] .select{background-position:left 12px center}
.input-ic{position:relative}.input-ic .ic{position:absolute;inset-inline-start:12px;top:50%;transform:translateY(-50%);color:var(--text-3);width:16px;height:16px}
.input-ic .input{padding-inline-start:38px}
.check{display:flex;gap:12px;align-items:flex-start;cursor:pointer;padding:14px;border:1px solid var(--line-2);border-radius:var(--r-sm);background:var(--bg);transition:.12s border-color}
.check:hover{border-color:var(--line-3)}
.check input{margin:3px 0 0;width:16px;height:16px;accent-color:var(--accent);flex:none}
.check b{display:block;font-weight:600}.check span{display:block;color:var(--text-2);font-size:13px;margin-top:2px}
.check--on{border-color:var(--accent)}
.form-grid{display:grid;gap:16px}
@media(min-width:720px){.form-grid--2{grid-template-columns:1fr 1fr}}
.inline-form{display:flex;gap:8px}.inline-form .input{flex:1}

/* ---------- auth / landing ---------- */
.auth-body{display:flex;flex-direction:column;min-height:100dvh}
.landing{max-width:1280px;width:100%;margin:0 auto;padding:48px 20px 72px;display:grid;gap:40px;align-items:start;flex:1}
@media(min-width:960px){.landing{grid-template-columns:1.15fr .85fr;gap:64px;padding-top:72px}}
.hero{border-top:1px solid var(--line-2);padding-top:22px}
.hero .kicker{display:inline-flex;align-items:center;gap:8px;color:var(--accent);font-weight:600;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:26px}
.hero .kicker .ic{width:12px;height:12px}
.hero .h1{margin-bottom:22px;max-width:15ch;font-size:clamp(40px,5.6vw,76px);font-weight:600;letter-spacing:-.045em;line-height:.98}
.hero .lead{font-size:17px;color:var(--text-2);max-width:54ch;margin-bottom:34px;line-height:1.55}
.points{display:grid;gap:0;margin:0 0 30px;padding:0;list-style:none;border-top:1px solid var(--line);counter-reset:pt}
.points li{display:flex;gap:16px;align-items:center;font-weight:500;padding:13px 0;border-bottom:1px solid var(--line);counter-increment:pt}
.points li::before{content:"0" counter(pt);font-family:var(--mono);font-size:11px;color:var(--text-3);letter-spacing:.1em;width:22px}
.points .dot{width:28px;height:28px;border:1px solid var(--line-2);color:var(--accent);display:inline-flex;align-items:center;justify-content:center;flex:none}
.points .dot .ic{width:14px;height:14px}
.trust{display:flex;gap:0;flex-wrap:wrap;color:var(--text-3);font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.trust span{display:inline-flex;align-items:center;gap:6px}
.trust span+span::before{content:"/";margin:0 12px;color:var(--line-3)}
.trust .ic{display:none}
.auth-card{padding:28px;max-width:460px;width:100%;margin:0 auto;border-color:var(--line-2)}
.tabs{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line-2);margin-bottom:22px}
.tabs a{display:block;text-align:center;padding:10px;color:var(--text-2);font-family:var(--mono);font-weight:700;font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.tabs a+a{border-inline-start:1px solid var(--line-2)}
.tabs a:hover{color:var(--text)}
.tabs a.on{background:var(--text);color:var(--accent-ink)}
.auth-card .h2{margin-bottom:6px}.auth-card .sub{color:var(--text-2);margin-bottom:20px;font-size:14px}
.switch{text-align:center;color:var(--text-2);font-size:13.5px;margin-top:4px}
.switch a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.note{font-size:12.5px;color:var(--text-3);display:flex;gap:8px;align-items:flex-start}
.note .ic{flex:none;margin-top:2px;width:14px;height:14px}

/* ---------- app shell ---------- */
.shell{display:grid;min-height:calc(100dvh - var(--top))}
@media(min-width:960px){.shell{grid-template-columns:var(--side) 1fr}}
.side{position:fixed;inset:0;z-index:40;background:rgba(10,10,10,.7);display:none}
.side.open{display:block}
.side__panel{width:min(86vw,300px);height:100%;background:var(--bg);border-inline-end:1px solid var(--line);padding:18px 0;display:flex;flex-direction:column;gap:6px;overflow:auto}
@media(min-width:960px){.side{position:sticky;top:var(--top);height:calc(100dvh - var(--top));display:block;background:transparent}.side__panel{width:auto}}
.side__close{align-self:flex-end;border:0;background:transparent;color:var(--text-2);cursor:pointer;padding:6px 14px}
@media(min-width:960px){.side__close{display:none}}
.nav a{display:flex;align-items:center;gap:12px;padding:12px 18px;color:var(--text-2);font-family:var(--mono);font-weight:600;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;border-inline-start:2px solid transparent;transition:.12s color,.12s background}
.nav a .ic{width:16px;height:16px;color:var(--text-3)}
.nav a:hover{color:var(--text);background:var(--surface)}
.nav a.on{color:var(--text);border-inline-start-color:var(--accent);background:var(--surface)}.nav a.on .ic{color:var(--accent)}
.nav__sep{height:1px;background:var(--line);margin:8px 0}
.nav .cnt{margin-inline-start:auto;background:var(--accent);color:var(--accent-ink);font-size:10.5px;font-weight:700;padding:1px 6px}
.side__cta{margin:auto 14px 0;padding:16px;border:1px solid var(--line-2);background:var(--surface)}
.side__cta b{display:block;font-size:13px;margin-bottom:4px;font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase}.side__cta p{font-size:12.5px;color:var(--text-2);margin-bottom:12px}
.main{padding:28px 20px 60px;min-width:0}
@media(min-width:960px){.main{padding:36px 40px 80px}}
.wrap{max-width:1160px;margin:0 auto}
.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:26px;padding-bottom:18px;border-bottom:1px solid var(--line-2)}
.page-head .h1{font-size:clamp(26px,3.2vw,36px)}
.page-head .sub{color:var(--text-2);margin-top:6px}
.crumb{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);margin-bottom:12px;display:flex;gap:8px;align-items:center}
.crumb a{color:var(--text-2)}

/* ---------- KPIs ---------- */
.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-bottom:28px;border:1px solid var(--line);background:var(--surface)}
.kpi{padding:16px 18px;border-inline-end:1px solid var(--line)}
.kpi:last-child{border-inline-end:0}
.kpi b{display:block;font-size:32px;font-weight:600;letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums}
.kpi span{display:block;margin-top:8px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3)}
@media(max-width:600px){.kpi{padding:12px}.kpi b{font-size:22px}.kpi span{font-size:10px}}

/* ---------- plan cards ---------- */
.plans{display:grid;gap:0;margin-bottom:32px;border:1px solid var(--line-2)}
@media(min-width:900px){.plans{grid-template-columns:repeat(3,1fr)}}
.plan{position:relative;display:flex;flex-direction:column;gap:14px;padding:26px 24px 24px;background:var(--surface);border-bottom:1px solid var(--line-2);transition:.12s background}
@media(min-width:900px){.plan{border-bottom:0;border-inline-end:1px solid var(--line-2)}.plan:last-child{border-inline-end:0}}
.plan:hover{background:var(--surface-2)}
.plan--hot{background:var(--bg)}
.plan--hot::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--accent)}
.plan__top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.plan__idx{font-size:11px;letter-spacing:.14em;color:var(--text-3)}
.plan__flag{font-family:var(--mono);background:var(--accent);color:var(--accent-ink);font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:3px 8px}
.plan__icon{width:40px;height:40px;border:1px solid var(--line-2);display:inline-flex;align-items:center;justify-content:center;color:var(--text)}
.plan__icon .ic{width:18px;height:18px}
.plan--hot .plan__icon{border-color:var(--accent);color:var(--accent)}
.plan__name{font-size:19px;font-weight:600;letter-spacing:-.025em;line-height:1.15}
.plan__desc{color:var(--text-2);font-size:13.5px;min-height:2.6em}
.plan__price{display:flex;align-items:baseline;gap:10px;margin-top:6px;padding-top:16px;border-top:1px solid var(--line)}
.plan__price b{font-size:46px;font-weight:600;letter-spacing:-.05em;line-height:1;font-variant-numeric:tabular-nums}
.plan__price b small{font-size:22px;font-weight:500;vertical-align:top;margin-inline-end:1px;color:var(--text-2)}
.plan__price span{color:var(--text-3);font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-family:var(--mono)}
.plan__sla{display:inline-flex;align-items:center;gap:7px;padding:5px 9px;border:1px solid var(--ok);color:var(--ok);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;width:fit-content}
.plan__sla .ic{width:13px;height:13px}
.plan__terms{list-style:none;margin:2px 0 0;padding:0;display:grid;gap:0;font-size:13.5px;color:var(--text-2)}
.plan__terms li{display:flex;gap:10px;align-items:flex-start;padding:9px 0;border-top:1px solid var(--line)}
.plan__terms .ic{color:var(--accent);flex:none;margin-top:3px;width:14px;height:14px}
.plan__terms-label{font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);margin-top:8px}
.plan .btn{margin-top:auto}
.plan__rush{font-size:11px;letter-spacing:.06em;text-transform:uppercase;font-family:var(--mono);color:var(--text-3);display:flex;align-items:center;gap:6px;justify-content:center}
.plan__rush .ic{color:var(--warn);width:12px;height:12px}

/* ---------- tables ---------- */
.tbl-wrap{overflow:auto;border:1px solid var(--line-2);background:var(--surface)}
.tbl{width:100%;border-collapse:collapse;font-size:14px;min-width:620px}
.tbl th{text-align:start;font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);padding:11px 14px;border-bottom:1px solid var(--line-2)}
.tbl td{padding:13px 14px;border-bottom:1px solid var(--line);vertical-align:middle}
.tbl tr:last-child td{border-bottom:0}
.tbl tbody tr:hover td{background:var(--surface-2)}
.tbl .num{text-align:end;font-variant-numeric:tabular-nums}
.tbl a.rowlink{color:var(--text);font-weight:600}
.tbl a.rowlink:hover{color:var(--accent)}
.empty{padding:48px 20px;text-align:center;color:var(--text-2)}
.empty .ic{width:30px;height:30px;color:var(--text-3);margin-bottom:12px}
.empty p{margin-bottom:16px}

/* ---------- order form / summary ---------- */
.two-col{display:grid;gap:22px;align-items:start}
@media(min-width:960px){.two-col{grid-template-columns:1.25fr .75fr}.sticky{position:sticky;top:calc(var(--top) + 20px)}}
.planbox{display:flex;align-items:center;gap:14px;padding:14px;background:var(--bg);border:1px solid var(--line-2)}
.planbox .plan__icon{width:36px;height:36px}
.planbox b{display:block}.planbox span{font-size:13px;color:var(--text-2)}
.lines{display:grid;gap:10px;font-size:14px}
.line{display:flex;justify-content:space-between;gap:12px;color:var(--text-2)}
.line b{color:var(--text);font-weight:600;font-variant-numeric:tabular-nums;font-family:var(--mono)}
.line--disc{color:var(--accent)}.line--disc b{color:var(--accent)}
.line--total{padding-top:14px;border-top:1px solid var(--line-2);color:var(--text);font-size:15px}
.line--total b{font-size:30px;font-weight:600;letter-spacing:-.04em;font-family:var(--font)}
.deadline{display:flex;gap:10px;align-items:center;padding:12px;border:1px solid var(--ok);color:var(--ok);font-size:12px;font-weight:600;font-family:var(--mono);letter-spacing:.03em}
.msg{font-size:13px;min-height:1.2em;font-family:var(--mono)}.msg--ok{color:var(--accent)}.msg--err{color:var(--danger)}

/* ---------- order page ---------- */
.kv{display:grid;gap:0;font-size:14px}
.kv > div{display:grid;grid-template-columns:160px 1fr;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}
.kv > div:last-child{border-bottom:0}
.kv dt{color:var(--text-3);margin:0;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding-top:3px}.kv dd{margin:0;word-break:break-word;white-space:pre-wrap}
@media(max-width:520px){.kv > div{grid-template-columns:1fr;gap:2px}}
.pay-card{border-color:var(--accent)}
.pay-card .big{font-size:32px;font-weight:600;letter-spacing:-.03em}
.coins{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.coins span{font-size:10.5px;font-weight:700;letter-spacing:.08em;padding:3px 7px;border:1px solid var(--line-2);color:var(--text-2);font-family:var(--mono)}
.waiting{display:flex;gap:14px;align-items:flex-start;padding:16px;border:1px solid var(--warn);background:var(--surface)}
.waiting .spin{width:18px;height:18px;border:2px solid var(--line-3);border-top-color:var(--warn);animation:spin 1s linear infinite;flex:none;margin-top:3px}
@keyframes spin{to{transform:rotate(360deg)}}
.waiting b{display:block;color:var(--warn);margin-bottom:3px;font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.waiting p{font-size:13.5px;color:var(--text-2)}
.timeline{list-style:none;margin:0;padding:0;display:grid;gap:0}
.timeline li{display:grid;grid-template-columns:18px 1fr;gap:14px;padding:0 0 18px;position:relative}
.timeline li::before{content:"";position:absolute;inset-inline-start:8px;top:18px;bottom:0;width:1px;background:var(--line-2)}
.timeline li:last-child::before{display:none}
.timeline .dot{width:18px;height:18px;background:var(--bg);border:1px solid var(--line-3);display:inline-flex;align-items:center;justify-content:center;color:transparent}
.timeline .done .dot{background:var(--text);border-color:var(--text);color:var(--accent-ink)}
.timeline .now .dot{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.timeline .dot .ic{width:11px;height:11px}
.timeline b{display:block;font-size:14px}.timeline span{font-size:11px;color:var(--text-3);letter-spacing:.04em}
.timeline li:not(.done):not(.now) b{color:var(--text-3)}

/* ---------- tickets ---------- */
.thread{display:grid;gap:12px}
.bubble{max-width:min(720px,92%);padding:14px 16px;background:var(--surface);border:1px solid var(--line-2);white-space:pre-wrap;word-break:break-word;font-size:14.5px}
.bubble__meta{display:flex;gap:10px;align-items:center;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);margin-bottom:8px;white-space:normal}
.bubble__meta b{color:var(--text-2)}
.bubble--user{margin-inline-start:auto;border-inline-start:3px solid var(--accent)}
.bubble--admin{border-inline-start:3px solid var(--ok)}
.bubble--admin .bubble__meta b{color:var(--ok)}

/* ---------- how it works ---------- */
.steps{display:grid;gap:0;border:1px solid var(--line)}
@media(min-width:720px){.steps{grid-template-columns:repeat(4,1fr)}}
.step{padding:16px;font-size:13.5px;color:var(--text-2);border-bottom:1px solid var(--line)}
@media(min-width:720px){.step{border-bottom:0;border-inline-end:1px solid var(--line)}.step:last-child{border-inline-end:0}}
.step b{display:block;font-family:var(--mono);color:var(--accent);font-size:11px;letter-spacing:.14em;margin-bottom:10px}
.step b::before{content:"0"}

/* ---------- footer ---------- */
.foot{border-top:1px solid var(--line);padding:22px 20px;color:var(--text-3);font-size:12px;font-family:var(--mono);letter-spacing:.02em}
.foot__in{max-width:1280px;margin:0 auto;display:flex;gap:16px;flex-wrap:wrap;align-items:center;justify-content:space-between}
.foot a{color:var(--text-2)}
.foot a:hover{color:var(--accent)}
.foot__links{display:flex;gap:18px;flex-wrap:wrap}
.foot .tiny{margin-top:10px;font-family:var(--font)}

/* ---------- misc ---------- */
.notice{display:flex;gap:12px;align-items:center;padding:14px 16px;border:1px solid var(--warn);background:var(--surface);margin-bottom:22px;flex-wrap:wrap}
.notice .ic{color:var(--warn)}.notice p{flex:1;color:var(--text);font-size:14px;min-width:200px}
.prose p{margin-bottom:14px;color:var(--text-2);max-width:72ch}
.prose p:last-child{margin-bottom:0}
.list-cards{display:grid;gap:0;border:1px solid var(--line)}
.lc{display:flex;align-items:center;gap:14px;padding:13px 16px;background:var(--surface);border-bottom:1px solid var(--line);color:var(--text)}
.lc:last-child{border-bottom:0}
.lc:hover{background:var(--surface-2);color:var(--text)}
.lc b{display:block;font-size:14px}.lc span{font-size:12px;color:var(--text-3);font-family:var(--mono)}
.lc .amt{margin-inline-start:auto;font-weight:600;font-variant-numeric:tabular-nums;font-family:var(--mono)}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}