/* Arc landing: same language as Cevelar content pages.
   Orange stays a gap signal, never decoration. */

.arc-page .btn,
.arc-page .nav-links a,
.arc-page summary,
.arc-page .cvUc-related-row,
.arc-page button{cursor:pointer}

.arc-page a:focus-visible,
.arc-page button:focus-visible,
.arc-page input:focus-visible,
.arc-page summary:focus-visible{
  outline:2px solid var(--cvl-blue);
  outline-offset:3px;
}

.arc-page .btn:active{transform:scale(0.97)}
.arc-page h2{text-wrap:balance}

/* Strip the orange wash used on other content heroes. */
.arc-page .content-hero{
  background:
    radial-gradient(ellipse 70% 80% at 100% 0%, rgba(20,57,110,.08), transparent 55%),
    linear-gradient(180deg, #F4F7FB 0%, var(--cvl-white) 78%);
}
.arc-page .content-hero h1{max-width:16ch}

/* One navy color block. Canonical product line. */
.content-page .cvArc-line{
  background:var(--cvl-blue);
  color:var(--cvl-white);
  border-bottom:0;
}
.cvArc-line .wrap{max-width:720px}
.cvArc-line h2{
  margin:0 0 18px;
  font-family:var(--cvl-font-display);
  font-size:clamp(32px,4.4vw,52px);
  font-weight:600;
  letter-spacing:-.025em;
  line-height:1.12;
  max-width:18ch;
}
.cvArc-line p{
  margin:0;
  font-size:clamp(17px,1.8vw,20px);
  line-height:1.6;
  color:var(--cvl-blue-200);
  max-width:46ch;
}

/* Handoff: two columns, no cards. */
.content-page .cvArc-split{background:var(--cvl-white)}
.cvArc-split-title{
  margin:0 0 14px;
  font-family:var(--cvl-font-display);
  font-size:clamp(32px,4vw,48px);
  font-weight:600;
  letter-spacing:-.025em;
  line-height:1.12;
  color:var(--cvl-ink);
  max-width:16ch;
}
.cvArc-split-lead{
  margin:0 0 clamp(36px,5vw,56px);
  font-size:var(--cvl-fs-lead);
  line-height:1.55;
  color:var(--cvl-slate);
  max-width:46ch;
}
.cvArc-split-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0;
  border-top:1px solid var(--cvl-ink);
}
.cvArc-split-col{padding:32px 36px 8px 0}
.cvArc-split-col + .cvArc-split-col{
  padding-left:36px;
  border-left:1px solid var(--cvl-border);
  background:var(--cvl-blue-50);
  margin:0 -8px 0 0;
  padding-right:8px;
}
.cvArc-split-h{
  margin:0 0 18px;
  font-family:var(--cvl-font-mono);
  font-size:12px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--cvl-muted);
}
.cvArc-split-col[data-tone="on"] .cvArc-split-h{color:var(--cvl-blue)}
.cvArc-split-list{list-style:none;margin:0;padding:0}
.cvArc-split-list li{
  padding:14px 0;
  border-bottom:1px solid var(--cvl-border);
  font-size:16px;
  line-height:1.5;
  color:var(--cvl-ink);
  font-weight:500;
}
.cvArc-split-list li:last-child{border-bottom:0}

/* Compare stays light. Arc heading is brand blue, never gap-orange. */
.arc-page .cvUc-compare{
  background:var(--cvl-white);
  color:var(--cvl-ink);
  border-top:1px solid var(--cvl-border);
}
.arc-page .cvUc-compare::before{display:none}
.arc-page .cvUc-compare-grid{border-top-color:var(--cvl-ink)}
.arc-page .cvUc-col + .cvUc-col{border-left-color:var(--cvl-border)}
.arc-page .cvUc-col-h{color:var(--cvl-muted)}
.arc-page .cvUc-col[data-tone="on"]{
  background:var(--cvl-blue-50);
  margin:0 -12px 0 0;
  padding-right:12px;
}
.arc-page .cvUc-col[data-tone="on"] .cvUc-col-h{color:var(--cvl-blue)}
.arc-page .cvUc-col-k{color:var(--cvl-muted)}
.arc-page .cvUc-col-v{color:var(--cvl-ink)}
.arc-page .cvUc-col[data-tone="on"] .cvUc-col-v{color:var(--cvl-ink)}
.arc-page .cvUc-col-list li{border-bottom-color:var(--cvl-border)}

/* Gap-orange is not a hover accent on this page. */
.arc-page .cvUc-flow-row:hover .cvUc-flow-n{color:var(--cvl-blue)}
.arc-page .cvUc-faq-item[open] summary::after,
.arc-page .cvUc-faq-item[open] .cvUc-faq-n{color:var(--cvl-blue)}
.arc-page .cvUc-faq-item[open] summary::after{content:"-"}
.arc-page .cvUc-faq-item summary{min-height:48px}

.arc-page .cvUc-cta-shell.arc-cta-shell{
  max-width:none;
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);
  gap:clamp(36px,5vw,72px);
  align-items:start;
}
.arc-page .cvUc-cta-title{max-width:12ch}

.arc-next{
  list-style:none;
  margin:8px 0 0;
  padding:0;
  border-top:1px solid var(--cvl-ink);
}
.arc-next li{
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  gap:16px;
  align-items:baseline;
  padding:18px 0;
  border-bottom:1px solid var(--cvl-border);
}
.arc-next-n{
  font-family:var(--cvl-font-mono);
  font-size:12px;
  letter-spacing:.08em;
  color:var(--cvl-muted);
}
.arc-next-t{
  display:block;
  font-family:var(--cvl-font-display);
  font-size:22px;
  font-weight:600;
  letter-spacing:-.02em;
  color:var(--cvl-ink);
  line-height:1.2;
}
.arc-next-d{
  display:block;
  margin-top:4px;
  font-size:15px;
  line-height:1.5;
  color:var(--cvl-slate);
}

.arc-page .cvArc-today{border-top:0}

@media (max-width:900px){
  .cvArc-split-grid,
  .arc-page .cvUc-cta-shell.arc-cta-shell{grid-template-columns:1fr}
  .cvArc-split-col + .cvArc-split-col{
    padding-left:0;
    border-left:0;
    border-top:1px solid var(--cvl-border);
    margin:0;
    padding:28px 0 8px;
  }
  .arc-page .cvUc-col[data-tone="on"]{margin:0;padding-left:0;padding-right:0}
}

@media (max-width:720px){
  .cvArc-line h2,
  .cvArc-split-title{max-width:none}
}

@media (prefers-reduced-motion:reduce){
  .arc-page .btn:active{transform:none}
}