/* start-cards ("Start here")
   Ported verbatim from css/components.css in the static handoff. */
.jcao-start { background: linear-gradient(180deg, var(--navy-deep) 0%, var(--navy) 100%); }
.jcao-start__inner { padding-block: clamp(42px, 5vw, 72px); }
.jcao-start__head { display: flex; flex-wrap: wrap; align-items: baseline; gap: 10px 20px; margin-bottom: clamp(24px, 2.6vw, 34px); }
.jcao-start__head h2 { color: #fff; font-size: clamp(24px, 2.6vw, 32px); line-height: 1.15; }
.jcao-start__note { font-size: 14.5px; color: rgba(255,255,255,.6); }
.jcao-grid-3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(276px, 1fr)); gap: clamp(16px, 1.8vw, 22px); }
.jcao-startcard { position: relative; overflow: hidden; display: flex; flex-direction: column; gap: 12px; padding: clamp(24px, 2.6vw, 32px); border-radius: var(--r-xl); background: rgba(255,255,255,.045); border: 1px solid rgba(255,255,255,.1); border-top: 3px solid var(--steel-light); text-decoration: none; color: #fff; transition: background .2s ease, transform .2s ease, box-shadow .2s ease; }
.jcao-startcard:hover { background: rgba(255,255,255,.09); color: #fff; transform: translateY(-3px); box-shadow: 0 14px 32px rgba(6,10,20,.4); }
.jcao-startcard--sand { border-top-color: var(--sand-mid); }
.jcao-startcard--green { border-top-color: var(--green-light); }
.jcao-startcard__num { position: absolute; right: 14px; top: 2px; font-family: var(--font-heading); font-weight: 600; font-size: 86px; line-height: 1; color: rgba(255,255,255,.055); }
.jcao-startcard__icon { width: 48px; height: 48px; border-radius: 9px; background: rgba(122,166,204,.16); color: var(--steel-light); }
.jcao-startcard--sand .jcao-startcard__icon { background: rgba(201,154,85,.16); color: var(--sand-mid); }
.jcao-startcard--green .jcao-startcard__icon { background: rgba(104,179,158,.16); color: var(--green-light); }
.jcao-startcard__title { display: block; font-family: var(--font-heading); font-weight: 600; font-size: 24px; line-height: 1.15; margin-top: 4px; }
.jcao-startcard__body { display: block; font-size: 14.5px; line-height: 1.6; color: rgba(255,255,255,.68); max-width: 32ch; }
.jcao-startcard__cta { display: inline-flex; align-items: center; gap: 8px; margin-top: 6px; padding-top: 14px; border-top: 1px solid rgba(255,255,255,.12); font-family: var(--font-heading); font-weight: 600; font-size: 14.5px; color: var(--sand-light); }