/* Accepted launch-convergence corrections shared by every public page. */
.brand{ gap:0 !important; }
.brand-lockup{ display:inline-flex; align-items:center; gap:9px; white-space:nowrap; }
.brand-vm{ color:var(--text); font-weight:700; font-size:1.05rem; letter-spacing:-0.04em; }
.brand-rule{ width:1px; height:20px; background:var(--border-strong); }
.brand-name{ color:var(--text-2); font-family:var(--mono); font-size:0.72rem; font-weight:600; letter-spacing:0.08em; }
.brand-name .brand-app{ color:var(--accent); }
.nav-links .nav-power{
  display:inline-flex; align-items:center; justify-content:center;
  min-height:44px; padding:0 14px; border-radius:6px;
  background:var(--red); color:#0b0d10; font-family:var(--mono);
  font-size:0.78rem; font-weight:700; text-decoration:none;
  box-shadow:0 8px 24px rgba(240,93,104,0.2);
}
.nav-links .nav-power:hover{ color:#0b0d10; filter:brightness(1.08); }
@media (max-width:760px){
  .nav-links{ gap:8px !important; }
  .nav-links a:not(.nav-cta):not(.nav-quiet):not(.nav-power){ display:none !important; }
  .nav-links .nav-cta{ padding:0 11px !important; font-size:0.82rem !important; }
  .nav-links .nav-power{ display:inline-flex !important; padding:0 10px; font-size:0.7rem; }
}
@media (max-width:430px){
  .brand-rule,.brand-name{ display:none; }
  .nav-links{ gap:6px !important; }
  .nav-links .nav-power{ padding:0 7px; font-size:0.64rem; }
}

/* Connected pipeline and verification instrument treatment accepted in #279. */
#how-it-works .cs-shell{ position:relative; overflow:hidden; }
#how-it-works .cs-shell::before{
  content:""; position:absolute; left:22px; top:34px; bottom:34px; width:2px;
  background:linear-gradient(var(--accent),rgba(61,126,255,0.12));
}
#how-it-works .cs-node{ position:relative; }
@media (min-width:920px){
  #how-it-works .cs-shell::before{ left:5%; right:5%; top:47px; bottom:auto; width:auto; height:2px; }
}
.verify{
  margin-top:24px; padding:24px; border:1px solid rgba(61,126,255,0.35);
  border-radius:14px; background:
    radial-gradient(circle at 80% 20%,rgba(61,126,255,0.14),transparent 42%),var(--surface);
}
.verify-label,.verify-unit{ display:block; font-family:var(--mono); text-transform:uppercase; letter-spacing:0.1em; }
.verify-label{ color:var(--text-2); font-size:0.72rem; }
.verify-num{ display:block; color:var(--accent); font-family:var(--mono); font-size:clamp(2.9rem,8vw,5.8rem); font-weight:700; line-height:1; margin-top:8px; }
.verify-unit{ color:var(--text); font-size:0.78rem; margin-top:5px; }
.verify-copy{ color:var(--text-2); margin:14px 0 0; }
.verify-actions{ display:flex; flex-wrap:wrap; gap:10px; margin-top:16px; }

/* Graphic calculator/spreadsheet comparisons. */
.cmp-list{ display:grid; gap:16px; }
.cmp:not(table){ display:grid; grid-template-columns:1fr; gap:12px; padding:18px; border:1px solid var(--border); border-radius:14px; background:var(--surface); }
.cmp-kicker{ grid-column:1/-1; margin:0; color:var(--text-2); font:600 0.72rem/1.3 var(--mono); letter-spacing:0.09em; text-transform:uppercase; }
.cmp-panel{ min-width:0; border:1px solid var(--border); border-radius:10px; padding:14px; background:rgba(11,13,16,0.62); }
.cmp-panel.live{ border-color:rgba(61,126,255,0.46); background:rgba(61,126,255,0.07); }
.cmp-panel small{ display:block; color:var(--text-2); font:600 0.68rem/1.4 var(--mono); letter-spacing:0.07em; text-transform:uppercase; }
.cmp-readout{ margin:7px 0 0; color:var(--text); font:600 1rem/1.45 var(--mono); }
.cmp-stale{ color:var(--text-2); text-decoration:line-through; text-decoration-color:var(--red); }
.cmp-change{ align-self:center; justify-self:stretch; padding:10px 12px; border:1px solid rgba(61,126,255,0.42); border-radius:999px; color:var(--accent); text-align:center; font:600 0.78rem/1.35 var(--mono); }
@media (min-width:760px){
  .cmp:not(table){ grid-template-columns:minmax(0,1fr) minmax(120px,168px) minmax(0,1fr); align-items:stretch; }
}
@media (min-width:1000px){ .cmp:not(table){ grid-template-columns:minmax(0,1fr) minmax(150px,220px) minmax(0,1fr); } }

/* Power is the premium focal point while Free keeps the low-friction entry. */
@media (min-width:840px){ #pricing .tier-split{ grid-template-columns:5fr 7fr; align-items:start; } }
#pricing .tier-power{
  position:relative; overflow:hidden; border-color:rgba(61,126,255,0.48);
  background:linear-gradient(155deg,rgba(61,126,255,0.16),rgba(21,25,30,0.96) 44%,rgba(240,93,104,0.08));
  box-shadow:0 24px 70px rgba(0,0,0,0.34);
}
#pricing .tier-power::before{ content:""; position:absolute; left:0; right:0; top:0; height:4px; background:linear-gradient(90deg,var(--accent),var(--red)); }
.power-tag{ display:inline-block; margin-bottom:10px; color:var(--accent); font:600 0.69rem/1.2 var(--mono); letter-spacing:0.09em; text-transform:uppercase; }
.power-price{ display:flex; align-items:flex-end; gap:10px; margin:14px 0 8px; }
.power-price strong{ color:var(--text); font:700 clamp(3.5rem,8vw,6rem)/0.85 var(--mono); letter-spacing:-0.08em; }
.power-price span{ color:var(--accent); font:700 0.86rem/1 var(--mono); letter-spacing:0.1em; padding-bottom:6px; }
.power-meta{ display:flex; flex-wrap:wrap; gap:7px; margin:12px 0 16px; }
.power-meta span{ padding:6px 9px; border:1px solid var(--border-strong); border-radius:999px; color:var(--text-2); font:500 0.7rem/1 var(--mono); }
.btn-power{ background:var(--red); color:#0b0d10; border-color:var(--red); box-shadow:0 12px 30px rgba(240,93,104,0.24); }
.btn-power:hover{ filter:brightness(1.08); }
.power-cockpit{ margin:20px 0; display:grid; grid-template-columns:1fr; gap:10px; }
.power-module{ padding:13px; border:1px solid var(--border); border-radius:10px; background:rgba(11,13,16,0.58); }
.power-module.wide{ grid-column:1/-1; }
.power-module small{ display:block; color:var(--text-2); font:600 0.66rem/1.3 var(--mono); letter-spacing:0.07em; text-transform:uppercase; }
.power-module strong{ display:block; margin-top:6px; color:var(--text); font:600 0.9rem/1.45 var(--mono); }
.power-module .ok{ color:var(--green); }
@media (min-width:560px){ .power-cockpit{ grid-template-columns:repeat(2,minmax(0,1fr)); } }