/* Blue theme, 2026-11-03. Loaded last on every themed page; remove the <link> to revert (originals also in theme-backup-2026-11-03). */
:root{--bg:#EAF1FB;--bg2:#DCE8F8;--paper:#0A1B4D;--fog:rgba(10,27,77,.74);--dim:rgba(10,27,77,.55);
--line:rgba(10,27,77,.12);--line2:rgba(10,27,77,.22);--signal:#2F6BFF;--amber:#2F6BFF;--gold:#1F5BFF;--cyan:#2F6BFF;--green:#16A34A}
html{scrollbar-color:#9db6e6 #EAF1FB}
::selection{background:#2F6BFF;color:#fff}
#grid{background-image:linear-gradient(rgba(10,27,77,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(10,27,77,.05) 1px,transparent 1px)}
#nav.solid{background:rgba(234,241,251,.88)}
@media (max-width:980px){#navLinks{background:rgba(234,241,251,.98)}}
.navcall{background:rgba(255,255,255,.7)}
.navcall:hover{background:rgba(47,107,255,.1)}
.btn.primary{background:#2F6BFF;color:#fff;box-shadow:0 0 0 0 rgba(47,107,255,.5)}
.btn.primary:hover{box-shadow:0 8px 28px rgba(47,107,255,.35)}
.btn.ghost{background:rgba(255,255,255,.7)}
.btn.ghost:hover{background:#fff}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(47,107,255,.45)}70%{box-shadow:0 0 0 18px rgba(47,107,255,0)}100%{box-shadow:0 0 0 0 rgba(47,107,255,0)}}
#heroVid{opacity:.18}
#hero .shade{background:linear-gradient(90deg,rgba(234,241,251,.96) 0%,rgba(234,241,251,.82) 50%,rgba(234,241,251,.4) 100%),linear-gradient(180deg,rgba(234,241,251,.6) 0%,rgba(234,241,251,0) 28%,rgba(234,241,251,0) 62%,var(--bg) 100%)}
#hero h1 .b{-webkit-text-stroke:1.5px rgba(10,27,77,.75)}
#hero h1 .c{text-shadow:none;color:#2F6BFF}
.chip{background:rgba(255,255,255,.75)}
.stag{background:rgba(47,107,255,.12);color:#2F6BFF}
.star5,.res.star{color:#F5B301}

/* Live call + Review Engine demo panels: light cards so navy text is readable */
.term,.sms{background:#fff;box-shadow:0 18px 50px rgba(10,27,77,.14)}
.term .bar,.sms .bar{background:#F2F6FE}
.msg .txt,.bub.biz{background:#F2F6FE}
.bub.cus{background:rgba(47,107,255,.12);border:1px solid rgba(47,107,255,.3)}
.msg.cu .who{background:rgba(10,27,77,.06);color:#0A1B4D;border:1px solid rgba(10,27,77,.2)}
.bub .link{background:#2F6BFF;color:#fff}
.res.book{background:rgba(22,163,74,.1);border:1px solid rgba(22,163,74,.4);color:#15803D}
.term .bar .lt i{background:rgba(10,27,77,.18)}

/* "Start here" section, form fields and the trade-name band: light backgrounds so navy text reads */
#check{background:linear-gradient(180deg,var(--bg) 0%,#DCE8F8 100%)}
.a2p-cta{background:rgba(255,255,255,.75)}
form{background:rgba(255,255,255,.9);box-shadow:0 14px 40px rgba(10,27,77,.10)}
input,select,textarea{background:#fff;color:#0A1B4D}
select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M6 8l4 4 4-4' fill='none' stroke='%230A1B4D' stroke-width='1.6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}
.marq{background:rgba(255,255,255,.7)}

/* Watch section (videos), added 2026-11-03 */
.vsec{padding:64px 0;background:linear-gradient(180deg,#EAF1FB 0%,#DCE8F8 100%)}
.vwrap{width:min(100% - 40px,1080px);margin-inline:auto}
.veyebrow{font:500 11px/1 var(--body,system-ui);letter-spacing:.18em;text-transform:uppercase;color:#2F6BFF;margin:0 0 14px}
.vh{font-family:var(--display,Anton,Impact,sans-serif);font-weight:400;text-transform:uppercase;line-height:.95;font-size:clamp(2rem,5vw,3.4rem);margin:0 0 26px;color:#0A1B4D}
.vh .hi{color:#2F6BFF}
.vcard{margin:0;background:#fff;border:1px solid rgba(10,27,77,.14);border-radius:16px;overflow:hidden;box-shadow:0 14px 40px rgba(10,27,77,.10)}
.vcard video{display:block;width:100%;aspect-ratio:16/9;background:#0A1B4D;object-fit:cover}
.vcard figcaption{padding:12px 16px 14px;color:#0A1B4D;font-size:14.5px;line-height:1.4}
.vcard figcaption b{display:block;font-weight:700}
.vcard figcaption span{display:block;margin-top:3px;color:rgba(10,27,77,.65);font-size:13px}
.vbig{max-width:900px;margin:0 auto 22px}
.vbig figcaption{font-size:16px}
.vgrid{display:grid;gap:18px;grid-template-columns:repeat(3,1fr)}
.vgrid.vn2{grid-template-columns:repeat(2,1fr);max-width:900px;margin:0 auto}
.vgrid.vn1{grid-template-columns:1fr;max-width:900px;margin:0 auto}
@media (max-width:760px){.vgrid,.vgrid.vn2{grid-template-columns:1fr}.vsec{padding:44px 0}}
.f2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:560px){.f2{grid-template-columns:1fr}}

/* forms inside the .formcard pages (/site /mail /reviews /lists): no second box, full-width text areas */
.formcard form{background:transparent;box-shadow:none;border:0;padding:0}
.formcard textarea{width:100%;min-height:84px;padding:12px 14px;border-radius:10px;border:1px solid rgba(10,27,77,.22);background:#fff;color:#0A1B4D;font:inherit}
