:root{
  --bg:#f5f7fb;--panel:#ffffff;--ink:#132238;--muted:#607089;--line:#dfe7f2;
  --blue:#2458e6;--blue2:#123b9a;--cyan:#0ea5e9;--violet:#7c3aed;--green:#0f766e;
  --soft-blue:#eaf1ff;--soft-violet:#f1ecff;--soft-green:#e8faf7;--soft-amber:#fff7e6;
  --shadow:0 18px 45px rgba(19,34,56,.10);--radius:22px;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;
  --sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--sans);color:var(--ink);background:radial-gradient(circle at 7% 0%,rgba(36,88,230,.16),transparent 28rem),radial-gradient(circle at 95% 10%,rgba(124,58,237,.14),transparent 26rem),linear-gradient(180deg,#fff 0%,var(--bg) 42%,var(--bg) 100%);line-height:1.58}a{color:var(--blue2);text-decoration:none}a:hover{text-decoration:underline}.page{max-width:1180px;margin:0 auto;padding:26px 22px 70px}.topbar{display:flex;gap:14px;align-items:center;justify-content:space-between;padding:14px 0}.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:-.02em}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--blue),var(--violet));color:white;box-shadow:0 10px 24px rgba(36,88,230,.22)}.navlinks{display:flex;flex-wrap:wrap;gap:8px}.navlinks a,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:9px 13px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.78);color:var(--ink);font-weight:800;box-shadow:0 5px 18px rgba(19,34,56,.05)}.navlinks a:hover,.button:hover{text-decoration:none;transform:translateY(-1px)}.button.primary{background:var(--blue);border-color:var(--blue);color:#fff}.button.dark{background:#132238;border-color:#132238;color:#fff}.button.colab{background:#fff7e6;border-color:#ffd88a;color:#7a4a00}.button.small{min-height:34px;padding:7px 10px;font-size:.86rem}.hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:24px;align-items:stretch;padding:36px 0 22px}.hero-card{padding:40px;border:1px solid var(--line);border-radius:32px;background:rgba(255,255,255,.78);box-shadow:var(--shadow);backdrop-filter:blur(10px)}.eyebrow{display:inline-flex;align-items:center;gap:8px;width:fit-content;padding:7px 12px;border-radius:999px;background:var(--soft-blue);color:var(--blue2);font-size:.86rem;font-weight:900;letter-spacing:.02em}.hero h1{margin:16px 0 12px;font-size:clamp(2.35rem,5vw,5.2rem);line-height:.98;letter-spacing:-.07em}.subtitle{margin:0;color:var(--muted);font-size:clamp(1.04rem,1.7vw,1.28rem);max-width:860px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.status-card{padding:26px;border-radius:28px;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow)}.stat{display:flex;align-items:start;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.stat:last-child{border-bottom:0}.stat strong{display:block}.stat span{color:var(--muted);font-size:.92rem}.dot{width:14px;height:14px;border-radius:999px;background:linear-gradient(135deg,var(--cyan),var(--green));margin-top:5px;flex:0 0 auto}section{margin-top:34px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:14px}h2{margin:0;font-size:clamp(1.55rem,2.4vw,2.35rem);letter-spacing:-.04em}h3{margin:0 0 8px;font-size:1.13rem}.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:0 12px 34px rgba(19,34,56,.07)}.tag{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;background:var(--soft-blue);color:var(--blue2);font-size:.78rem;font-weight:900;margin-bottom:10px}.tag.green{background:var(--soft-green);color:var(--green)}.tag.violet{background:var(--soft-violet);color:#5b21b6}.tag.amber{background:var(--soft-amber);color:#8a5200}.links{display:grid;gap:8px;margin-top:12px}.pill{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:13px;background:#f9fbff;border:1px solid var(--line);font-family:var(--mono);font-size:.89rem;color:#24324c;overflow-wrap:anywhere}.pill:hover{background:var(--soft-blue);text-decoration:none}.split-pill{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.path{font-family:var(--mono);font-size:.9rem}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 12px 34px rgba(19,34,56,.06)}table{width:100%;border-collapse:collapse;min-width:780px}th,td{padding:14px 15px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{font-size:.82rem;text-transform:uppercase;letter-spacing:.06em;color:#40506a;background:#f8fbff}td code{font-family:var(--mono);font-size:.88rem;background:#eef3ff;color:#143b91;padding:2px 6px;border-radius:7px}.workflow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;counter-reset:step}.step{position:relative;padding:18px 16px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 9px 24px rgba(19,34,56,.06);counter-increment:step}.step:before{content:counter(step);display:grid;place-items:center;width:30px;height:30px;border-radius:999px;background:var(--soft-blue);color:var(--blue2);font-weight:900;margin-bottom:10px}.callout{border:1px solid #b9d4ff;background:#eef5ff;border-radius:18px;padding:18px;color:#17376b}.repo-box{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.repo-box input{flex:1 1 280px;padding:11px 12px;border-radius:12px;border:1px solid var(--line);font:inherit;font-family:var(--mono);background:#fff}.footer{margin-top:46px;padding-top:22px;border-top:1px solid var(--line);color:var(--muted);font-size:.94rem}.launchpad{margin:18px 0;padding:18px;border-radius:20px;border:1px solid var(--line);background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 10px 30px rgba(19,34,56,.07)}.launchpad h2,.launchpad h3{margin-top:0}.launch-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}.launch-card{display:grid;gap:8px;padding:14px;border-radius:16px;border:1px solid var(--line);background:#fff}.launch-card code{font-family:var(--mono);font-size:.86rem;overflow-wrap:anywhere}.floating-home{position:fixed;right:18px;bottom:18px;z-index:10}.floating-home a{display:inline-flex;align-items:center;gap:8px;padding:11px 14px;border-radius:999px;background:#132238;color:#fff;font-weight:900;box-shadow:0 12px 26px rgba(19,34,56,.24)}.floating-home a:hover{text-decoration:none;transform:translateY(-1px)}@media(max-width:900px){.hero{grid-template-columns:1fr}.grid,.grid.two,.grid.four,.workflow{grid-template-columns:1fr}.hero-card{padding:28px}.navlinks{justify-content:flex-start}.section-head{display:block}}@media(max-width:560px){.page{padding-inline:16px}.hero-card{padding:22px}.topbar{align-items:flex-start;flex-direction:column}.floating-home{display:none}}

.brand-logo {
  width: 55px;
  height: 55px;
  object-fit: contain;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  border-radius: 0;
  background: transparent;
}

.video-card {
  overflow: hidden;
}
.guide-video {
  width: 100%;
  display: block;
  border-radius: 16px;
  border: 1px solid var(--line);
  background: #000;
  box-shadow: 0 12px 30px rgba(19,34,56,.10);
}

.brand-with-logos {
  display: inline-flex;
  align-items: center;
  gap: 12px;
}

.brand-logo {
  object-fit: contain;
  display: inline-block;
  background: transparent;
}

.cvr-logo {
  width: 42px;
  height: 42px;
}

.vista-logo {
  width: 118px;
  height: auto;
  max-height: 46px;
}

.brand-with-logos span {
  margin-left: 2px;
}
@media (max-width: 760px) {
  .vista-logo {
    width: 92px;
    max-height: 38px;
  }

  .brand-with-logos span {
    font-size: 0.95rem;
  }
}