/* RareSRV conversion layer. Extends site.css with the admin console's glass-terminal language:
   mono labels, corner brackets, trace lines. House rules: no pill chips, no grid backgrounds, no em-dashes. */
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.preserve{white-space:pre-line}

/* terminal corner brackets on featured surfaces */
.brackets{position:relative}
.brackets::after{content:"";position:absolute;inset:8px;pointer-events:none;border-radius:12px;
 background:
  linear-gradient(var(--cyan2),var(--cyan2)) top left/14px 1px no-repeat,linear-gradient(var(--cyan2),var(--cyan2)) top left/1px 14px no-repeat,
  linear-gradient(var(--cyan2),var(--cyan2)) top right/14px 1px no-repeat,linear-gradient(var(--cyan2),var(--cyan2)) top right/1px 14px no-repeat,
  linear-gradient(var(--cyan2),var(--cyan2)) bottom left/14px 1px no-repeat,linear-gradient(var(--cyan2),var(--cyan2)) bottom left/1px 14px no-repeat,
  linear-gradient(var(--cyan2),var(--cyan2)) bottom right/14px 1px no-repeat,linear-gradient(var(--cyan2),var(--cyan2)) bottom right/1px 14px no-repeat;opacity:.55}
.trace{height:1px;border:0;margin:0;background:linear-gradient(90deg,transparent,rgba(20,184,255,.55) 30%,rgba(95,216,255,.85) 50%,rgba(20,184,255,.55) 70%,transparent);opacity:.6}
.mono{font-family:var(--mono);letter-spacing:.08em}
.cursor::after{content:"_";margin-left:.15em;color:var(--cyan2);animation:cx-blink 1.1s steps(1) infinite}
@keyframes cx-blink{50%{opacity:0}}

/* sticky plan bar */
.cx-bar{position:fixed;left:0;right:0;bottom:0;z-index:90;padding:0 1rem calc(.8rem + env(safe-area-inset-bottom));transform:translateY(130%);transition:transform .5s var(--ease);pointer-events:none}
.cx-bar.is-on{transform:none}
.cx-bar__in{pointer-events:auto;display:flex;align-items:center;gap:1rem;width:min(780px,100%);margin-inline:auto;padding:.7rem .8rem .7rem 1.2rem;border:1px solid var(--stroke2);border-radius:16px;background:rgba(3,9,20,.82);-webkit-backdrop-filter:blur(22px) saturate(170%);backdrop-filter:blur(22px) saturate(170%);box-shadow:0 20px 60px -20px rgba(0,0,0,.9),0 0 50px -24px rgba(20,184,255,.7)}
.cx-bar__text{display:flex;align-items:baseline;flex-wrap:wrap;gap:.2rem .7rem;flex:1;min-width:0}
.cx-bar__label{font:600 .7rem var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--cyan2)}
.cx-bar__text strong{font-size:1.25rem;letter-spacing:-.02em}
.cx-bar__sub{color:var(--muted);font-size:.9rem}
.cx-bar__x{flex:none;width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:9px;background:transparent;color:var(--dim);cursor:pointer}
.cx-bar__x:hover{background:rgba(255,255,255,.06);color:var(--ink)}
@media(max-width:640px){.cx-bar__sub{display:none}}

/* live status dot (footer / header) */
.status-dot{display:inline-flex;align-items:center;gap:.55rem;font:600 .74rem var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.status-dot[hidden]{display:none}
.status-led{width:9px;height:9px;border-radius:50%;background:var(--dim);flex:none;box-shadow:0 0 0 0 transparent}
[data-state=operational] .status-led,.status-dot[data-state=operational]::before{background:var(--ok);animation:cx-pulse 2.4s infinite}
[data-state=degraded] .status-led{background:var(--warn)}
[data-state=outage] .status-led{background:var(--bad)}
.status-dot::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--dim);flex:none}
.status-dot[data-state=degraded]::before{background:var(--warn)}
.status-dot[data-state=outage]::before{background:var(--bad)}
@keyframes cx-pulse{0%{box-shadow:0 0 0 0 rgba(44,240,160,.55)}70%{box-shadow:0 0 0 9px rgba(44,240,160,0)}100%{box-shadow:0 0 0 0 rgba(44,240,160,0)}}
.status-head{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:1.6rem 1.8rem;margin-bottom:1.25rem}
.status-head h2{font-size:1.5rem}
.status-head small{margin-left:auto;color:var(--dim);font-family:var(--mono)}
.status-line{display:flex;align-items:center;gap:.6rem;font-weight:650}
.status-servers{margin-bottom:2.2rem}
.status-incidents{display:grid;gap:1rem}
.status-incidents h3{margin-bottom:.4rem}

/* plan finder */
.finder{padding:clamp(1.5rem,4vw,2.6rem);display:grid;gap:1.6rem;max-width:860px;margin-inline:auto}
.finder__top{display:flex;justify-content:space-between;gap:1rem;font:600 .72rem var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--cyan2)}
.finder__bar{height:3px;border-radius:3px;background:rgba(160,210,255,.12);overflow:hidden}
.finder__bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--cyan),var(--cyan2));box-shadow:0 0 14px rgba(95,216,255,.8);transition:width .5s var(--ease)}
.finder__stage{display:grid;gap:1.2rem;min-height:300px;align-content:start;animation:fadein .4s var(--ease)}
.finder__stage h3{font-size:clamp(1.5rem,3vw,2.1rem);outline:0}
.finder__opts{display:grid;gap:.75rem}
.finder__opt{display:grid;gap:.2rem;text-align:left;padding:1.05rem 1.3rem;border:1px solid var(--stroke);border-radius:14px;background:rgba(160,210,255,.04);color:var(--ink);font:inherit;cursor:pointer;transition:border-color .2s,background .2s,transform .25s var(--ease)}
.finder__opt strong{font-size:1.05rem}
.finder__opt small{color:var(--muted);font-size:.9rem}
.finder__opt:hover,.finder__opt:focus-visible{border-color:var(--cyan2);background:rgba(20,184,255,.1);transform:translateX(4px)}
.finder__back{justify-self:start;border:0;background:none;color:var(--muted);font:inherit;cursor:pointer;padding:.3rem 0}
.finder__back:hover{color:var(--ink)}
.finder__result{padding:1.6rem;display:grid;gap:1.1rem}
.finder__result .price{font-size:clamp(2.4rem,5vw,3.4rem);font-weight:800;letter-spacing:-.04em;line-height:1}
.finder__result .price small{font-size:1rem;font-weight:500;color:var(--muted);margin-left:.3rem;letter-spacing:0}

/* pricing matrix */
.cmp--matrix{min-width:560px}
.cmp--matrix thead th{vertical-align:bottom}
.cmp__name{font-size:1rem;letter-spacing:.04em;color:var(--ink);font-family:var(--font);text-transform:none;font-weight:750}
.cmp__price td strong{font-size:1.5rem;color:var(--ink);letter-spacing:-.03em}
.cmp__price td small{color:var(--muted)}
.cmp--matrix td .i{width:1.2em;height:1.2em;color:var(--ok)}
.cmp--matrix td.no{color:var(--dim)}
.cmp__cta td{padding-top:1.4rem}
.savings{color:var(--ok);font:600 .85rem var(--mono);letter-spacing:.06em;min-height:1.3em}

/* reseller calculator */
.calc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(1.5rem,4vw,3rem);padding:clamp(1.5rem,4vw,2.6rem)}
.calc__in{display:grid;gap:1.3rem;align-content:start}
.calc label{display:grid;gap:.5rem;font:600 .74rem var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--cyan2)}
.calc label span b{color:var(--ink);font-size:1rem;letter-spacing:0}
.calc input[type=range]{width:100%;accent-color:var(--cyan)}
.calc input[type=number],.calc select,.cx-input{width:100%;min-height:48px;padding:0 1rem;border-radius:12px;border:1px solid var(--stroke2);background:rgba(2,8,18,.7);color:var(--ink);font:inherit;font-size:1rem}
.calc input:focus-visible,.calc select:focus-visible,.cx-input:focus-visible{outline:2px solid var(--cyan2);outline-offset:2px}
.calc__out{display:grid;gap:.9rem;align-content:start}
.calc__row{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding-bottom:.8rem;border-bottom:1px solid var(--stroke);color:var(--muted)}
.calc__row b{color:var(--ink);font-size:1.15rem;font-weight:700}
.calc__big{display:grid;gap:.2rem;padding:1.2rem 1.4rem;border-radius:16px;border:1px solid rgba(95,216,255,.4);background:linear-gradient(180deg,rgba(20,184,255,.16),rgba(47,107,255,.05))}
.calc__big small{font:600 .72rem var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--cyan2)}
.calc__big strong{font-size:clamp(2.2rem,5vw,3.2rem);letter-spacing:-.04em;line-height:1.05}
.calc__big strong.neg{color:var(--bad)}
.fine{color:var(--dim);font-size:.85rem}
@media(max-width:820px){.calc{grid-template-columns:1fr}}

/* stat band and logo-less trust row */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:0}
.stats>div{padding:1.6rem 1.4rem;display:grid;gap:.3rem;border-right:1px solid var(--stroke)}
.stats>div:last-child{border-right:0}
.stats strong{font-size:clamp(1.5rem,3vw,2.1rem);letter-spacing:-.03em}
.stats span{color:var(--muted);font-size:.92rem}
@media(max-width:820px){.stats{grid-template-columns:repeat(2,1fr)}.stats>div:nth-child(2){border-right:0}.stats>div:nth-child(-n+2){border-bottom:1px solid var(--stroke)}}

/* referral note, tiers, journey */
.ref-note{display:flex;align-items:center;gap:.8rem;padding:.9rem 1.2rem;margin-bottom:1.4rem;border:1px solid rgba(44,240,160,.35);border-radius:14px;background:rgba(44,240,160,.07);color:var(--ink)}
.ref-note[hidden]{display:none}
.ref-note .i{color:var(--ok)}
.ref-note b{font-family:var(--mono);letter-spacing:.08em}
.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.tier{padding:1.8rem;display:grid;gap:.5rem}
.tier .mult{font-size:clamp(2.4rem,5vw,3.4rem);font-weight:800;letter-spacing:-.04em;line-height:1}
.tier small{font:600 .72rem var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--cyan2)}
@media(max-width:820px){.tiers{grid-template-columns:1fr}}
.journey{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;counter-reset:j}
.journey>li{counter-increment:j;padding:1.4rem 1.2rem;display:grid;gap:.5rem;align-content:start}
.journey>li::before{content:"0" counter(j);font:700 .8rem var(--mono);letter-spacing:.18em;color:var(--cyan2)}
.journey h3{font-size:1.1rem}
.journey p{color:var(--muted);font-size:.93rem}
@media(max-width:1040px){.journey{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.journey{grid-template-columns:1fr}}

/* feature groups */
.fgroup{display:grid;gap:1.4rem;margin-bottom:clamp(3rem,6vw,5rem)}
.fgroup:last-child{margin-bottom:0}
.fgroup>h3{display:flex;align-items:center;gap:.8rem;font-size:1.5rem}
.fgroup>h3::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--stroke2),transparent)}
.fgroup>h3 span{font:600 .72rem var(--mono);letter-spacing:.18em;color:var(--cyan2)}

/* guarantee strip */
.assure{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.assure article{padding:1.5rem;display:grid;gap:.6rem;align-content:start}
.assure .i{width:1.6rem;height:1.6rem;color:var(--cyan2)}
.assure h3{font-size:1.1rem}
.assure p{color:var(--muted);font-size:.95rem}
@media(max-width:820px){.assure{grid-template-columns:1fr}}

/* checklist for migration */
.checklist{display:grid;gap:.9rem}
.checklist li{display:flex;gap:.8rem;align-items:flex-start;color:var(--muted)}
.checklist .i{color:var(--ok);margin-top:.2rem}
.checklist strong{color:var(--ink)}

@media(prefers-reduced-motion:reduce){.cx-bar,.finder__bar i{transition:none}.status-led,.cursor::after{animation:none}}
@media print{.cx-bar{display:none!important}}