.site{ --ui-page:#F7F8FA; --ui-card:#FFFFFF; --ui-tint:#F1F4F9; --ui-rule:#E6EAF0; --ui-rule-lt:#F0F3F7; --ui-mute:#616B7D; --ui-navy:#243A77; --ui-navy-d:#1A2B5A; --ui-r:14px; --ui-r-sm:10px; --ui-pill:999px; --ui-sh:0 1px 2px rgba(23,27,38,.05); --ui-sh-lift:0 1px 2px rgba(23,27,38,.05),0 14px 28px -18px rgba(23,27,38,.34); } .site .band:not(.dark){background:var(--ui-page)} .site .band.bone{background:var(--ui-tint)} .site .pillars,.site .statsrow,.site .six,.site .lcgrid, .site .pillar,.site .stat,.site .item,.site .acard{border-color:var(--ui-rule)!important} .site .choice,.site .pair,.site .acard,.site .leadcard, .site .opt,.site .callbox,.site .note{ border-radius:var(--ui-r); border-color:var(--ui-rule); box-shadow:var(--ui-sh); } .site .choice,.site .pair,.site .acard,.site .leadcard{background:var(--ui-card)} .site .choice{padding:26px 26px 24px;transition:transform .2s,box-shadow .2s,border-color .2s} .site .choice:hover{transform:translateY(-3px);box-shadow:var(--ui-sh-lift);border-color:#C6D0E0} .site .pair{padding:22px;transition:box-shadow .2s,border-color .2s} .site .pair:hover{box-shadow:var(--ui-sh-lift)} .site .acard{transition:transform .2s,box-shadow .2s,border-color .2s} .site .acard:hover{transform:translateY(-3px);box-shadow:var(--ui-sh-lift);border-color:#C6D0E0} .site .leadcard{border-top-width:1px;border-top-color:var(--ui-rule);overflow:hidden} .site .six{gap:14px!important;background:transparent;border:0} .site .item{background:var(--ui-card);border:1px solid var(--ui-rule);border-radius:var(--ui-r); box-shadow:var(--ui-sh);transition:transform .2s,box-shadow .2s,border-color .2s} .site .item:hover{transform:translateY(-3px);box-shadow:var(--ui-sh-lift);border-color:#C6D0E0;background:var(--ui-card)} .site .pillars{border:0;gap:14px!important} .site .pillar{background:var(--ui-card);border:1px solid var(--ui-rule)!important;border-radius:var(--ui-r); box-shadow:var(--ui-sh);padding:22px 20px 20px} .site .pillar::after{display:none} .site .statsrow{border:0;gap:14px!important;display:grid} .site .stat{background:var(--ui-card);border:1px solid var(--ui-rule)!important;border-radius:var(--ui-r); box-shadow:var(--ui-sh);padding:20px 20px 18px} .site .btn,.site .lks a.cta,.site .adpill,.site .cbtn{ border-radius:var(--ui-pill)!important} .site .btn{transition:transform .18s,box-shadow .18s,background .18s} .site .btn:hover{transform:translateY(-2px)} .site .lks a.cta{transition:transform .18s,box-shadow .18s,background .18s} .site .lks a.cta:hover{transform:translateY(-1px)} .site input[type="text"],.site input[type="email"],.site input[type="tel"], .site input[type="search"],.site select{ border-radius:var(--ui-pill);border-color:var(--ui-rule)} .site textarea{border-radius:var(--ui-r);border-color:var(--ui-rule)} .site .tracker{border-radius:var(--ui-r)} .site .opt{border-width:1px;border-color:var(--ui-rule);overflow:hidden} .site .opt:hover{border-color:var(--ui-navy);box-shadow:var(--ui-sh-lift);transform:translateY(-3px)} .site .olabel{border-top-width:1px;border-top-color:var(--ui-rule-lt)} .site .thumb.v{background:#EDF3F9} .site .thumb.d{background:var(--ui-tint)} .site .embedbox{ background:var(--ui-card); border:1px solid var(--ui-rule); border-radius:var(--ui-r); box-shadow:var(--ui-sh); overflow:hidden; } .site .embedbox iframe{display:block;border:0} .site .note{background:var(--ui-card);border:1px solid var(--ui-rule);padding:16px 18px} .site .callbox{background:var(--ui-navy)} .site .tagchip{border-radius:var(--ui-pill);overflow:hidden;border-color:var(--ui-rule)} .site .foot{border-top:1px solid rgba(255,255,255,.08)} .site .band{padding-top:76px;padding-bottom:76px}
.site .band.dark{background:var(--ui-navy)} .site .choices{gap:16px} .site .rgrid{gap:16px} @media(max-width:860px){ .site .band{padding-top:52px;padding-bottom:52px} } @media(prefers-reduced-motion:reduce){ .site .choice,.site .item,.site .acard,.site .opt,.site .btn,.site .lks a.cta{ transition:none!important;transform:none!important} } .site .lp-dupe{display:none} .site .svc-dupe{display:none} .site .lockcta{background:var(--ui-card);border:1px solid var(--ui-rule);border-radius:var(--ui-r);box-shadow:var(--ui-sh);padding:28px 30px} .site .lockcta-in{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap} .site .lockcta-h{font-family:var(--disp);font-size:1.25rem;font-weight:700;margin:0 0 8px;letter-spacing:-.02em} .site .lockcta-p{color:var(--ui-mute);font-size:.95rem;line-height:1.6;margin:0;max-width:48ch} .site .lockbtn{display:inline-flex;align-items:center;gap:9px;background:var(--ui-navy);color:#fff;border-radius:var(--ui-pill);padding:15px 28px;text-decoration:none;font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;font-weight:500;white-space:nowrap;box-shadow:0 10px 24px -12px rgba(36,58,119,.7);transition:background .18s,transform .18s,box-shadow .18s} .site .lockbtn:hover{background:var(--ui-navy-d);transform:translateY(-2px);box-shadow:0 16px 30px -12px rgba(36,58,119,.8)}
/* ---------- sky CTA band (replaces the old dark band) ---------- */
.site .band.sky{background:var(--sky)}
.site .band.sky h2,.site .band.sky h3,.site .band.sky strong{color:var(--ink)}
.site .band.sky .sub,.site .band.sky p{color:#2C3450}
.site .band.sky .btn-w{background:var(--ui-navy);color:#fff;border-color:var(--ui-navy)}
.site .band.sky .btn-w:hover{background:var(--ui-navy-d);border-color:var(--ui-navy-d)}

/* ---------- resources: breathing room up top ---------- */
.site .routes{gap:14px!important;margin-top:26px}
.site .route{background:var(--ui-card);border:1px solid var(--ui-rule)!important;
  border-radius:var(--ui-r);box-shadow:var(--ui-sh);padding:20px 20px 18px}
.site .lockcta{margin-top:22px}
.site .lockcta-p{max-width:52ch}

/* ---------- lock request form ---------- */
.site .lkshell{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}
.site .lkform{padding:0;overflow:hidden}
.site .lkform .fh{padding:26px 30px 20px;border-bottom:1px solid var(--ui-rule-lt);margin:0}
.site .lkform .fh h3{margin:0 0 8px}
.site .lkform .fh p{margin:0;color:var(--ui-mute);font-size:.93rem;line-height:1.6}

.site .lkprog{display:flex;align-items:center;gap:14px;padding:16px 30px;
  border-bottom:1px solid var(--ui-rule-lt);background:var(--ui-tint)}
.site .lkprogl{font-family:var(--mono);font-size:.68rem;letter-spacing:.11em;
  text-transform:uppercase;color:var(--ui-mute);white-space:nowrap}
.site .lkbar{flex:1;height:5px;border-radius:999px;background:#DCE2EC;overflow:hidden;min-width:60px}
.site .lkbari{display:block;height:100%;width:14%;border-radius:999px;
  background:var(--ui-navy);transition:width .3s ease}

.site .lkbody{padding:26px 30px 8px}
.site .lkstep{display:none}
.site .lkstep.on{display:block;animation:lkin .22s ease}
@keyframes lkin{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.site .lksech{font-family:var(--disp);font-size:1.22rem;font-weight:700;
  letter-spacing:-.02em;margin:0 0 7px;color:var(--ink)}
.site .lksecp{margin:0 0 24px;color:var(--ui-mute);font-size:.9rem;line-height:1.65}

.site .lkq{margin:0 0 22px}
.site .lkq>label,.site .lkqlbl{display:block;font-weight:600;font-size:.95rem;
  color:var(--ink);margin:0 0 4px}
.site .lkreq{color:#B3261E;font-weight:600}
.site .lkhelp{display:block;color:var(--ui-mute);font-size:.83rem;line-height:1.5;margin:0 0 9px}
.site .lkq .in{width:100%}

.site .lkopts{display:grid;gap:8px;margin-top:4px}
.site .lkopts.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.site .lkopt{display:flex;align-items:flex-start;gap:11px;padding:13px 15px;
  background:var(--ui-card);border:1px solid var(--ui-rule);border-radius:var(--ui-r-sm);
  cursor:pointer;transition:border-color .16s,background .16s,box-shadow .16s;
  font-size:.93rem;line-height:1.45;color:var(--ink)}
.site .lkopt:hover{border-color:#C6D0E0;background:#FBFCFE}
.site .lkopt input{margin:2px 0 0;accent-color:var(--ui-navy);flex:none;width:16px;height:16px}
.site .lkopt.sel{border-color:var(--ui-navy);background:#F4F7FD;
  box-shadow:inset 0 0 0 1px var(--ui-navy)}

.site .lkauth{border:1px solid var(--ui-rule);border-radius:var(--ui-r);
  background:var(--ui-tint);padding:18px 20px;max-height:270px;overflow-y:auto;
  font-size:.87rem;line-height:1.72;color:#2C3450;margin:0 0 16px}
.site .lkauth p{margin:0}

.site .lknav{display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  padding:18px 30px 26px;border-top:1px solid var(--ui-rule-lt);margin-top:16px}
.site .lknav .fine{color:var(--ui-mute);font-size:.82rem}
.site .lkback{background:transparent;border:1px solid var(--ui-rule);color:var(--ink);
  border-radius:var(--ui-pill);padding:13px 24px;font-family:var(--mono);font-size:.7rem;
  letter-spacing:.11em;text-transform:uppercase;font-weight:500;cursor:pointer;
  transition:border-color .16s,background .16s}
.site .lkback:hover{border-color:#C6D0E0;background:var(--ui-tint)}
.site .lknav .btn-n{cursor:pointer}
.site .lkerr{margin:0 30px 18px;padding:12px 15px;border-radius:var(--ui-r-sm);
  background:#FDF2F2;border:1px solid #F3C9C6;color:#8E1D17;font-size:.88rem;line-height:1.55}

.site .lkaside{background:var(--ui-card);border:1px solid var(--ui-rule);
  border-radius:var(--ui-r);box-shadow:var(--ui-sh);padding:22px 24px;margin-bottom:16px}
.site .lkaside h4{font-family:var(--disp);font-size:.98rem;font-weight:700;
  letter-spacing:-.01em;margin:0 0 12px;color:var(--ink)}
.site .lkaside p{margin:0;color:var(--ui-mute);font-size:.88rem;line-height:1.65}
.site .lkli{display:flex;gap:9px;align-items:baseline;color:#2C3450;font-size:.88rem;
  line-height:1.5;padding:6px 0;border-top:1px solid var(--ui-rule-lt)}
.site .lkli:first-of-type{border-top:0;padding-top:0}
.site .lkli::before{content:"";flex:none;width:5px;height:5px;border-radius:50%;
  background:var(--ui-navy);transform:translateY(-2px)}

.site .lkdonecard{text-align:center;padding:44px 34px 40px}
.site .lkcheck{display:block;width:52px;height:52px;margin:0 auto 18px;border-radius:50%;
  background:#E8F5EC;position:relative}
.site .lkcheck::after{content:"";position:absolute;left:19px;top:15px;width:11px;height:20px;
  border:solid #0E7A32;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
.site .lkdonecard h2{font-size:1.6rem;margin:0 0 10px}
.site .lkdp{color:var(--ui-mute);font-size:.93rem;line-height:1.65;margin:0 auto 22px;max-width:46ch}
.site .lkcodewrap{display:flex;align-items:stretch;justify-content:center;gap:10px;
  flex-wrap:wrap;margin-bottom:22px}
.site .lkcode{font-family:var(--mono);font-size:1.5rem;font-weight:500;letter-spacing:.06em;
  color:var(--ink);background:var(--ui-tint);border:1px solid var(--ui-rule);
  border-radius:var(--ui-r);padding:14px 24px}
.site .lkcopy{background:var(--ui-navy);color:#fff;border:0;border-radius:var(--ui-r);
  padding:0 22px;font-family:var(--mono);font-size:.7rem;letter-spacing:.11em;
  text-transform:uppercase;font-weight:500;cursor:pointer;transition:background .16s}
.site .lkcopy:hover{background:var(--ui-navy-d)}
.site .lkrecap{text-align:left;border:1px solid var(--ui-rule);border-radius:var(--ui-r);
  overflow:hidden;margin:0 0 20px}
.site .lkrr{display:grid;grid-template-columns:170px minmax(0,1fr);gap:14px;
  padding:11px 18px;border-top:1px solid var(--ui-rule-lt);font-size:.88rem;line-height:1.5}
.site .lkrr:first-child{border-top:0}
.site .lkrk{color:var(--ui-mute)}
.site .lkrv{color:var(--ink);word-break:break-word}
.site .lkactions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:6px}
.site .lkanother{background:transparent;border:1px solid var(--ui-rule);color:var(--ink);
  border-radius:var(--ui-pill);padding:15px 26px;font-family:var(--mono);font-size:.7rem;
  letter-spacing:.11em;text-transform:uppercase;font-weight:500;cursor:pointer}
.site .lkanother:hover{border-color:#C6D0E0;background:var(--ui-tint)}
.site .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

.site [hidden]{display:none!important}

@media(max-width:980px){
  .site .lkshell{grid-template-columns:minmax(0,1fr)}
  .site .lkaside{order:2}
}
@media(max-width:560px){
  .site .lkform .fh,.site .lkprog,.site .lkbody,.site .lknav{padding-left:20px;padding-right:20px}
  .site .lkerr{margin-left:20px;margin-right:20px}
  .site .lkopts.two{grid-template-columns:minmax(0,1fr)}
  .site .lkrr{grid-template-columns:minmax(0,1fr);gap:2px}
  .site .lkcode{font-size:1.25rem;padding:12px 18px}
}
/* inputs: same box as the Contact form (.fld .in), which our .lkq wrapper does not inherit */
.site .lkq .in{width:100%;height:38px;background:#FBFBF9;border:1px solid var(--ui-rule);border-radius:var(--ui-pill)}
.site .lkq textarea.in,.site .lkq .in.tall{height:auto;min-height:92px;border-radius:var(--ui-r);padding:11px 14px;line-height:1.6}
.site .lkq input.in[type=date]{padding-right:10px}
/* submit page: the three-step orientation now sits under the hero */
.site .band.peri{background:#EEF0FE}
.site .steps.light{gap:14px!important;border:0}
.site .steps.light .step{background:var(--ui-card);border:1px solid var(--ui-rule)!important;border-radius:var(--ui-r);box-shadow:var(--ui-sh);padding:20px 20px 18px}
.site .note{line-height:1.7;padding:18px 20px;margin-top:24px!important}
.site .leadcard{margin-top:26px}
.site .tagchip{margin-top:24px}
.site .chiphint{margin-top:12px}
/* ============================================================
   REDESIGN — light canvas, dark sticky header, modern cards
   Everything below overrides the treatment layer above it.
   Delete from this marker down to revert to the previous look.
   ============================================================ */

.site{
  --t-white:#FFFFFF;
  --t-blue1:#F3F8FC;      /* very light blue  */
  --t-blue2:#E6F0F9;      /* light blue       */
  --t-blue3:#D6E7F5;      /* deeper light blue*/
  --t-neutral:#F5F5F0;    /* soft neutral     */
  --t-peri:#EEF0FE;
  --t-sky:#B4D5ED;
  --t-line:#E4EAF1;
  --t-line-s:#EFF3F8;
  --t-ink:#161B2D;
  --t-navy:#243A77;
  --t-navy-d:#1A2B5A;
  --t-mute:#5A6478;
  --canvas:#F7F9FC;
  --canvas-2:#EFF4F9;
  --r-lg:18px;--r-pill:999px; --r-md:14px; --r-sm:10px;
  --sh-1:0 1px 2px rgba(22,27,45,.04), 0 1px 3px rgba(22,27,45,.06);
  --sh-2:0 2px 4px rgba(22,27,45,.04), 0 14px 30px -14px rgba(22,27,45,.26);
  --ease:cubic-bezier(.2,.7,.3,1);
}

/* ---------- sticky header ---------- */
html{scroll-padding-top:104px}
.site .nav{
  position:sticky; top:0; z-index:200;
  box-shadow:0 1px 0 rgba(255,255,255,.07), 0 14px 34px -26px rgba(22,27,45,.85);
}
@media(max-width:880px){ .site .nav{position:sticky; top:0} }
.site .lks a{transition:color .16s var(--ease)}
.site .lks a:hover{color:#fff}
.site .lks a.cta:hover{background:#C7E0F2}

/* ---------- page canvas ---------- */
.site .band:not(.dark):not(.sky){background:var(--canvas)}
.site .band.bone{background:var(--canvas-2)}
.site .band.peri{background:var(--t-peri)}
.site .band.sky{background:var(--t-sky)}

/* ---------- light hero: replaces the navy block ---------- */
.site .hero.lt{
  background:linear-gradient(178deg,#FFFFFF 0%,#F5F9FD 58%,var(--canvas) 100%);
  color:var(--t-ink);
  border-bottom:1px solid var(--t-line-s);
}
.site .hero.lt::after{
  background:radial-gradient(circle, rgba(180,213,237,.42), rgba(180,213,237,0) 62%);
}
.site .hero.lt h1,.site .hero.lt h2,.site .hero.lt h3{color:var(--t-ink)}
.site .hero.lt h1 span{color:var(--t-navy)}
.site .hero.lt .lead{color:var(--t-mute)}
.site .hero.lt .eyebrow{color:var(--t-navy)}
.site .hero.lt .btn-w{background:var(--t-navy);color:#fff;border:1px solid var(--t-navy)}
.site .hero.lt .btn-w:hover{background:var(--t-navy-d);border-color:var(--t-navy-d)}
.site .hero.lt .btn-o{border:1px solid #C6D4E5;color:var(--t-navy);background:rgba(255,255,255,.7)}
.site .hero.lt .btn-o:hover{background:#fff;border-color:var(--t-navy)}
.site .hero.lt .tlink{color:var(--t-navy)!important;border-bottom-color:rgba(36,58,119,.34)!important}

/* the Submit page tag chip, flipped for a light ground */
.site .hero.lt .tagchip{background:#fff;border:1px solid var(--t-line);box-shadow:var(--sh-1)}
.site .hero.lt .tagchip .lab{color:var(--t-navy)}
.site .hero.lt .tagchip .val{color:var(--t-ink)}
.site .hero.lt .tagchip .cp{background:var(--t-navy);color:#fff}
.site .hero.lt .tagchip .cp:hover{background:var(--t-navy-d)}
.site .hero.lt .chiphint{color:var(--t-mute)}
.site .hero.lt .chiphint strong{color:var(--t-ink)}

/* ---------- one card system ---------- */
.site .choice,.site .item,.site .stat,.site .pillar,.site .svcard,
.site .route,.site .acard,.site .pair,.site .qa,.site .pkg,
.site .step,.site .leadcard,.site .lockcta,.site .note,.site .fl-step{
  background:var(--t-white);
  border:1px solid var(--t-line)!important;
  border-radius:var(--r-lg)!important;
  box-shadow:var(--sh-1);
}
.site .choice,.site .item,.site .svcard,.site .acard,.site .pair,.site .opt,
.site .stat,.site .pillar,.site .revcard,.site .pkg,.site .fl-step,
.site .faq .qa,.site .hero .hv{
  transition:transform .22s var(--ease), box-shadow .22s var(--ease), border-color .22s var(--ease);
}
.site .choice:hover,.site .item:hover,.site .svcard:hover,.site .acard:hover,
.site .stat:hover,.site .pillar:hover,.site .revcard:hover,
.site .pkg:hover,.site .fl-step:hover{
  transform:translateY(-4px); box-shadow:var(--sh-2); border-color:#C9D8E8!important;
}
/* FAQ cards keep their rotating resting tint, so they lift without a swap. */
.site .faq .qa:hover{transform:translateY(-4px); box-shadow:var(--sh-2)}
/* The hero mock lifts as one piece — panel, chip and all. */
.site .hero .hv:hover{transform:translateY(-4px)}
.site .pair:hover{box-shadow:var(--sh-2)}
.site .choices,.site .six,.site .pillars,.site .statsrow,.site .routes,
.site .agrid,.site .rgrid,.site .pkgs,.site .faq,.site .steps{
  border:0!important; background:transparent!important; gap:16px!important;
}

/* ---------- Home ---------- */
.site .hgrid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);
  gap:48px;align-items:center}
.site .hgrid>.hcopy{min-width:0}

/* the hero visual: a document stack on a soft brand-coloured field */
.site .hv{position:relative;min-height:396px;min-width:0}
.site .hv-field{position:absolute;inset:-6% -4% -4% -2%;border-radius:28px;
  background:
    radial-gradient(60% 60% at 78% 22%, rgba(180,213,237,.55), rgba(180,213,237,0) 70%),
    radial-gradient(55% 55% at 18% 82%, rgba(184,188,244,.34), rgba(184,188,244,0) 72%),
    linear-gradient(160deg,#FFFFFF, #F1F7FC);
  border:1px solid var(--t-line-s);
  box-shadow:inset 0 1px 0 #fff, 0 30px 60px -40px rgba(22,27,45,.4);
  overflow:hidden}
.site .hv-field::after{content:"";position:absolute;inset:0;opacity:.5;
  background-image:radial-gradient(rgba(36,58,119,.13) 1px, transparent 1px);
  background-size:22px 22px;
  -webkit-mask-image:radial-gradient(78% 78% at 50% 50%,#000,transparent 76%);
  mask-image:radial-gradient(78% 78% at 50% 50%,#000,transparent 76%)}
.site .hv-sheet{position:absolute;background:#fff;border:1px solid var(--t-line);
  border-radius:14px;box-shadow:0 18px 40px -22px rgba(22,27,45,.45)}
.site .hv-s1{left:6%;top:16%;width:52%;height:60%;transform:rotate(-4deg);opacity:.62}
.site .hv-s2{left:14%;top:10%;width:54%;height:64%;transform:rotate(2.2deg);opacity:.82}
.site .hv-s3{left:22%;top:5%;width:58%;height:72%;padding:20px 22px;display:flex;
  flex-direction:column;gap:11px}
.site .hv-tag{font-family:var(--mono);font-size:.58rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--t-navy);background:var(--t-blue2);
  border-radius:999px;padding:5px 11px;align-self:flex-start}
.site .hv-ln{height:8px;border-radius:999px;background:#EDF1F6}
.site .hv-ln.a{width:88%} .site .hv-ln.b{width:66%} .site .hv-ln.c{width:78%}
.site .hv-ln.sky{background:var(--t-blue3)}
.site .hv-ln.navy{background:rgba(36,58,119,.5);width:44%}
.site .hv-rule{height:1px;background:var(--t-line-s);margin:3px 0}
.site .hv-chip{position:absolute;right:2%;bottom:9%;background:#fff;
  border:1px solid var(--t-line);border-radius:14px;padding:13px 16px;
  box-shadow:0 20px 40px -20px rgba(22,27,45,.5);display:flex;align-items:center;gap:11px}
.site .hv-dot{width:9px;height:9px;border-radius:50%;background:var(--t-navy);flex:none}
.site .hv-chip b{font-family:var(--disp);font-size:.9rem;color:var(--t-ink);
  letter-spacing:-.01em;font-weight:700;display:block;line-height:1.2}
.site .hv-chip span{font-size:.7rem;color:var(--t-mute);display:block;margin-top:2px}
@media(prefers-reduced-motion:no-preference){
  .site .hv-s3{animation:hvfloat 7s ease-in-out infinite}
  .site .hv-chip{animation:hvfloat 7s ease-in-out infinite .9s}
}
@keyframes hvfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}

.site .choices .choice:nth-child(1){background:var(--t-blue1)}
.site .choices .choice:nth-child(2){background:var(--t-neutral)}
.site .choice .go{color:var(--t-navy);font-weight:600}
.site .six .item{padding:24px 24px 22px}
.site .six .item:nth-child(2n){background:var(--t-blue1)}
.site .item .n{color:var(--t-navy);opacity:.5}
.site .statsrow .stat{background:var(--t-blue2);border-color:#D3E3F1!important}
.site .stat .k{color:var(--t-navy)}
.site .stat .v{color:var(--t-mute)}

/* ---------- What We Do ---------- */
.site .svcard{padding:26px 26px 24px}
.site .svcard:nth-child(2n){background:var(--t-blue1)}
.site .fl-step{padding:20px 20px 18px}
.site .fl-dot{background:var(--t-navy)!important}

/* ---------- Pricing ---------- */
.site .pkg{padding:30px 30px 28px}
.site .pkg .kn{color:var(--t-navy)}
.site .pkg .price{color:var(--t-ink)}
/* Let's talk — inverted: sky ground, navy type */
.site .pkg.alt{background:var(--t-sky)!important;border-color:#9CC6E4!important;
  color:var(--t-ink);box-shadow:0 2px 4px rgba(22,27,45,.05),0 18px 34px -18px rgba(36,58,119,.45)}
.site .pkg.alt .kn{color:var(--t-navy)}
.site .pkg.alt h3,.site .pkg.alt .price,.site .pkg.alt .talk{color:var(--t-navy)}
.site .pkg.alt li,.site .pkg.alt p,.site .pkg.alt .rfoot{color:#233049}
.site .pkg.alt li::before{background:var(--t-navy)!important;border-color:var(--t-navy)!important}
.site .pkg.alt .btn,.site .pkg.alt .btn-w{background:var(--t-navy);color:#fff;border:1px solid var(--t-navy)}
.site .pkg.alt .btn:hover,.site .pkg.alt .btn-w:hover{background:var(--t-navy-d)}
/* Questions — sky cards on the light canvas */
.site .faq .qa{background:var(--t-sky)!important;border-color:#9CC6E4!important;
  padding:24px 26px 22px}
.site .faq .qa h4,.site .faq .qa h3{color:var(--t-navy)}
.site .faq .qa p,.site .faq .qa li{color:#233049}
.site .faq .qa a{color:var(--t-navy)}

/* ---------- Resources ---------- */
.site .route{padding:22px 22px 20px}
.site .routes .route:nth-child(1){background:var(--t-blue2);border-color:#D3E3F1!important}
.site .routes .route:nth-child(2){background:var(--t-blue1)}
.site .routes .route:nth-child(3){background:var(--t-neutral)}
.site .route .rt{color:var(--t-navy)}
.site .lockcta{padding:28px 30px}
.site .acard{padding:24px 24px 22px}
.site .agrid .acard:nth-child(3n+2){background:var(--t-blue1)}
.site .agrid .acard:nth-child(3n+3){background:var(--t-neutral)}
.site .acard .go{color:var(--t-navy)}

/* ---------- watch-it / read-it tiles (Resources + Submit) ---------- */
.site .pair{padding:0;overflow:hidden;display:flex;flex-direction:column}
.site .pair .ptop{padding:24px 24px 20px;border-bottom:1px solid var(--t-line-s)}
.site .pair .ptag{color:var(--t-navy)}
.site .pairtwo{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:auto}
.site .pairtwo>.opt{border:0;border-radius:0;border-right:1px solid var(--t-line-s);
  box-shadow:none;background:transparent}
.site .pairtwo>.opt:last-child{border-right:0}
.site .pairtwo>.opt:hover{transform:none;background:var(--t-blue1);box-shadow:none}
.site .opt .thumb{border-radius:var(--r-md) var(--r-md) 0 0}
.site .olabel{border-top:1px solid var(--t-line-s);padding:14px 16px}
.site .olabel .ok{color:var(--t-navy);font-weight:600}
.site .rgrid.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.site .rgrid.three>.pair:nth-child(1) .ptop{background:var(--t-blue2)}
.site .rgrid.three>.pair:nth-child(2) .ptop{background:var(--t-blue1)}
.site .rgrid.three>.pair:nth-child(3) .ptop{background:var(--t-neutral)}
.site .pairtwo.one{grid-template-columns:minmax(0,1fr)}
.site .lcgrid{border:0!important;gap:6px!important;margin:14px 0 0;padding:0;list-style:none}
.site .lcgrid li{color:var(--t-mute);font-size:.86rem;line-height:1.5;
  padding-left:16px;position:relative}
.site .lcgrid li::before{content:"";position:absolute;left:0;top:.58em;width:5px;height:5px;
  border-radius:50%;background:var(--t-navy)}

/* ---------- Submit a Loan ---------- */
.site .steps.light .step{padding:22px 22px 20px}
.site .step .sn{display:inline-flex;align-items:center;justify-content:center;
  width:30px;height:30px;border-radius:50%;background:var(--t-blue2);
  color:var(--t-navy);font-family:var(--mono);font-size:.7rem;font-weight:500;
  margin-bottom:12px}
.site .steps.light .step:nth-child(2) .sn{background:var(--t-peri)}
.site .steps.light .step:nth-child(3) .sn{background:var(--t-neutral)}
.site .note{padding:20px 22px;line-height:1.7}

/* ---------- dark pages: Contact + Lock Request ---------- */
.site .hero.dk .formcard{border-radius:var(--r-lg);box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.site .hero.dk .cxgrid{align-items:start}

/* ---------- buttons ---------- */
.site .btn{transition:transform .18s var(--ease), box-shadow .18s var(--ease), background .18s var(--ease)}
.site .btn:hover{transform:translateY(-2px)}
.site .btn-n:hover{background:var(--t-navy-d)}
.site .lockbtn:hover{transform:translateY(-2px)}

/* ---------- responsive ---------- */
@media(max-width:1020px){
  .site .hgrid{grid-template-columns:minmax(0,1fr);gap:34px}
  .site .hv{min-height:320px;order:2}
  .site .rgrid.three{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:880px){
  html{scroll-padding-top:88px}
  .site .hv{min-height:270px}
  .site .hv-chip{padding:10px 13px}
}
@media(max-width:720px){
  .site .rgrid.three{grid-template-columns:minmax(0,1fr)}
  .site .choices,.site .six,.site .statsrow,.site .routes,.site .agrid,
  .site .pkgs,.site .steps{grid-template-columns:minmax(0,1fr)!important}
}
@media(max-width:560px){
  .site .hv{display:none}
  .site .pairtwo{grid-template-columns:minmax(0,1fr)}
  .site .pairtwo>.opt{border-right:0;border-bottom:1px solid var(--t-line-s)}
  .site .pairtwo>.opt:last-child{border-bottom:0}
}
@media(prefers-reduced-motion:reduce){
  .site .choice,.site .item,.site .svcard,.site .acard,.site .pair,.site .btn,
  .site .hv-s3,.site .hv-chip{transition:none!important;transform:none!important;animation:none!important}
}
/* hero tuning: the copy column is narrower than the old full-width hero */
.site .hgrid .hcopy h1{font-size:clamp(2.15rem,3.05vw,2.8rem);max-width:15ch}
.site .hgrid .hcopy .lead{max-width:44ch}
.site .hv-s1{left:2%;width:56%}
.site .hv-s2{left:13%;width:58%}
.site .hv-s3{left:25%;width:62%}
.site .hv-chip{right:0;bottom:5%}
/* three-tile system: the visual area fills whatever height the row settles on */
.site .rgrid.three>.pair .pairtwo{flex:1;margin-top:0}
.site .pairtwo>.opt{display:flex;flex-direction:column}
.site .pairtwo>.opt .thumb{flex:1;min-height:170px;display:flex;align-items:center;justify-content:center}
.site .pairtwo>.opt .olabel{flex:none}
.site .rgrid.three .lcgrid{grid-template-columns:minmax(0,1fr)!important;display:grid}
.site .rgrid.three .lcnote{margin:14px 0 0;font-size:.83rem;line-height:1.55;color:var(--t-mute)}
/* lock request: same dark ground and right-hand form card as Contact */
.site .lkcol{min-width:0}
.site .hero.dk .lkform,.site .hero.dk .lkdonecard{background:var(--t-white);border:1px solid var(--t-line);border-radius:var(--r-lg);overflow:hidden}
.site .hero.dk .lkdonecard{margin-top:0}
.site .hero.dk .cxinfo .v{line-height:1.6}
@media(max-width:980px){.site .hero.dk .cxgrid{grid-template-columns:minmax(0,1fr)}}
/* FAQ list is a block container, so the cards need margin rather than gap */
.site .faq .qa{margin-bottom:12px}
.site .faq .qa:last-child{margin-bottom:0}
/* a playing video takes the full tile width and a real 16:9 frame */
.site .pairtwo:has(.opt.is-live){grid-template-columns:minmax(0,1fr)}
.site .pairtwo>.opt.is-live{border-right:0;border-bottom:1px solid var(--t-line-s)}
.site .opt.is-live .thumb{flex:none;min-height:0;aspect-ratio:16/9;display:block}
.site .opt.is-live .thumb iframe{width:100%;height:100%;display:block;border:0}
/* ============================================================
   REFINEMENT PASS — periwinkle primary, sky secondary,
   tighter rhythm, and the Command Center brought onto the
   same design system. Delete from here down to revert.
   ============================================================ */

.site{
  --t-peri:#B8BCF4;      /* primary accent, solid */
  --t-peri-t:#EEF0FE;    /* primary accent, card tint */
  --t-peri-m:#DDE0FB;    /* primary accent, mid */
  --t-peri-ink:#4A51BE;  /* primary accent, text-safe */
  --t-peri-ln:#A6ABEE;   /* primary accent, border */
}

/* ---------- rhythm: less air between sections ---------- */
.site .band{padding-top:62px;padding-bottom:62px}
@media(max-width:880px){.site .band{padding-top:44px;padding-bottom:44px}}
.site .sub{margin-bottom:0}
.site .band>.c>.eyebrow+h2{margin-top:.5rem}

/* ---------- call-to-action bands: periwinkle ---------- */
.site .band.cta{background:var(--t-peri)}
.site .band.cta h2,.site .band.cta h3,.site .band.cta strong{color:var(--t-ink)}
.site .band.cta .sub,.site .band.cta p{color:#2A2F53}
.site .band.cta .eyebrow{color:var(--t-peri-ink)}
.site .band.cta .btn-w,.site .band.cta .btn-n{
  background:var(--t-navy);color:#fff;border:1px solid var(--t-navy)}
.site .band.cta .btn-w:hover,.site .band.cta .btn-n:hover{background:var(--t-navy-d)}
.site .band.cta .btn-o{border:1px solid rgba(36,58,119,.4);color:var(--t-navy);background:rgba(255,255,255,.55)}
.site .band.cta .btn-o:hover{background:#fff;border-color:var(--t-navy)}
.site .ctarow{align-items:center;gap:24px}

/* ---------- Pricing: Let's talk in periwinkle ---------- */
.site .pkg.alt{background:var(--t-peri)!important;border-color:var(--t-peri-ln)!important;
  box-shadow:0 2px 4px rgba(22,27,45,.05),0 18px 34px -18px rgba(74,81,190,.5)}
.site .pkg.alt .kn,.site .pkg.alt h3,.site .pkg.alt .price,.site .pkg.alt .talk{color:var(--t-navy)}
.site .pkg.alt li,.site .pkg.alt p,.site .pkg.alt .rfoot{color:#2A2F53}

/* ---------- What We Do: break the vertical colour stripe ---------- */
.site .svcard:nth-child(2n){background:var(--t-white)}
.site .svc>.svcard:nth-child(4n+2),
.site .svc>.svcard:nth-child(4n+3){background:var(--t-peri-t)}

/* ---------- What We Do: the five stages, numbered above ---------- */
.site .fl-track{display:none}
.site .flowline{margin-top:46px}
.site .fl-step{position:relative;overflow:visible;padding-top:20px}
.site .fl-dot{
  position:absolute;top:-30px;left:2px;
  width:auto;height:auto;border-radius:0;background:none!important;
  font-family:var(--disp);font-size:2.45rem;font-weight:800;line-height:1;
  letter-spacing:-.04em;color:var(--t-peri-ink);display:block}
.site .fl-step h4{margin-top:0}
@media(max-width:720px){
  .site .flowline{margin-top:40px}
  .site .fl-dot{font-size:2.1rem;top:-26px}
}

/* ---------- Resources: Open a Request goes dark ---------- */
.site .lockcta{background:var(--t-ink)!important;border-color:#2A3252!important;
  box-shadow:0 2px 4px rgba(22,27,45,.06),0 20px 40px -22px rgba(22,27,45,.6)}
.site .lockcta .lockcta-h{color:#fff}
.site .lockcta .lockcta-p{color:rgba(255,255,255,.68)}
.site .lockcta .lockbtn{background:var(--t-peri);color:var(--t-ink);
  box-shadow:0 10px 24px -12px rgba(184,188,244,.7)}
.site .lockcta .lockbtn:hover{background:#C7CAF7}

/* ---------- Resources: make the ARIVE material unmistakable ---------- */
.site .arivetag{display:inline-flex;align-items:center;gap:7px;
  background:var(--t-peri-t);border:1px solid var(--t-peri-ln);color:var(--t-peri-ink);
  border-radius:999px;padding:5px 13px;font-family:var(--mono);font-size:.66rem;
  letter-spacing:.13em;text-transform:uppercase;font-weight:500;margin-bottom:14px}
.site .acard .st{color:var(--t-peri-ink);font-weight:600}
.site .agrid .acard:nth-child(3n+2){background:var(--t-peri-t)}

/* ---------- Submit a Loan: three horizontal tiles ---------- */
.site .rgrid.three{grid-template-columns:minmax(0,1fr);gap:16px}
.site .rgrid.three>.pair{
  display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:stretch}
.site .rgrid.three>.pair .ptop{
  border-bottom:0;border-right:1px solid var(--t-line-s);padding:26px 28px;
  display:flex;flex-direction:column;justify-content:center}
.site .rgrid.three>.pair .pairtwo{margin-top:0;flex:none}
.site .rgrid.three>.pair:nth-child(1) .ptop{background:var(--t-peri-t)}
.site .rgrid.three>.pair:nth-child(2) .ptop{background:var(--t-blue2)}
.site .rgrid.three>.pair:nth-child(3) .ptop{background:var(--t-neutral)}
.site .rgrid.three .lcgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.site .rgrid.three>.pair .pairtwo>.opt .thumb{min-height:196px}
@media(max-width:900px){
  .site .rgrid.three>.pair{grid-template-columns:minmax(0,1fr)}
  .site .rgrid.three>.pair .ptop{border-right:0;border-bottom:1px solid var(--t-line-s)}
  .site .rgrid.three .lcgrid{grid-template-columns:minmax(0,1fr)!important}
}

/* ---------- footer: Command Center in periwinkle ---------- */
.site .fops-row{margin-top:14px}
.site .opslink{position:relative;display:inline-flex;align-items:center;gap:11px;
  background:#10152A;border:1px solid rgba(126,231,178,.28);
  color:#7EE7B2!important;border-radius:var(--r-pill);padding:12px 16px;
  font-family:var(--mono);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;
  font-weight:500;text-decoration:none;overflow:hidden;
  box-shadow:0 0 0 0 rgba(126,231,178,0), inset 0 1px 0 rgba(255,255,255,.03);
  transition:border-color .2s var(--ease),box-shadow .2s var(--ease),background .2s var(--ease)}
.site .opslink .dot{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#7EE7B2;
  box-shadow:0 0 0 0 rgba(126,231,178,.55);animation:opspulse 2.4s var(--ease) infinite}
@keyframes opspulse{0%{box-shadow:0 0 0 0 rgba(126,231,178,.5)}
  70%{box-shadow:0 0 0 7px rgba(126,231,178,0)}100%{box-shadow:0 0 0 0 rgba(126,231,178,0)}}
.site .opslink .arw{font-size:.82rem;line-height:1;opacity:.55;transform:translateX(-2px);
  transition:transform .2s var(--ease),opacity .2s var(--ease)}
.site .opslink:hover{background:#131A33;border-color:rgba(126,231,178,.62);
  box-shadow:0 0 22px -6px rgba(126,231,178,.42), inset 0 1px 0 rgba(255,255,255,.05)}
.site .opslink:hover .arw{transform:translateX(1px);opacity:1}
.site .opslink:focus-visible{outline:2px solid #7EE7B2;outline-offset:3px}
.site .opslink .lockmark{background:#7EE7B2}
.site .opslink .opsub{display:none}
@media(prefers-reduced-motion:reduce){.site .opslink .dot{animation:none}
  .site .opslink .arw,.site .opslink{transition:none}}

/* ============================================================
   COMMAND CENTER — same system, operational density
   ============================================================ */
.site .ops-shell{background:var(--canvas);min-height:calc(100vh - 84px)}
.site .ops-side{background:var(--t-white);border-right:1px solid var(--t-line)}
.site .side-head{color:var(--t-mute);font-family:var(--mono);font-size:.64rem;
  letter-spacing:.14em;text-transform:uppercase}
.site .side-item{border-radius:var(--r-sm);color:var(--t-ink);
  transition:background .16s var(--ease),color .16s var(--ease)}
.site .side-item:hover{background:var(--t-peri-t)}
.site .side-item.active{background:var(--t-peri-t);color:var(--t-peri-ink);font-weight:600;
  box-shadow:inset 2px 0 0 var(--t-peri-ink)}
.site .side-count{background:var(--t-peri);color:var(--t-ink);border-radius:999px;
  padding:2px 9px;font-family:var(--mono);font-size:.66rem;font-weight:500}
.site .side-soon{color:var(--t-mute);background:var(--t-line-s);border-radius:999px;
  padding:2px 8px;font-size:.62rem;letter-spacing:.09em;text-transform:uppercase}
.site .side-item.is-soon{color:var(--t-mute);cursor:default}
.site .side-item.is-soon:hover{background:transparent}
.site .side-add{background:var(--t-navy);color:#fff;border:0;border-radius:var(--ui-pill);
  padding:11px 18px;font-family:var(--mono);font-size:.68rem;letter-spacing:.11em;
  text-transform:uppercase;font-weight:500;cursor:pointer;width:100%;
  transition:background .18s var(--ease)}
.site .side-add:hover{background:var(--t-navy-d)}
.site .side-foot{color:var(--t-mute);font-size:.75rem;line-height:1.6}
.site .side-foot code{background:var(--t-line-s);border-radius:var(--r-sm);padding:1px 6px}

.site .ops-main{background:transparent}
.site .ops-title h1{font-family:var(--disp);color:var(--t-ink);letter-spacing:-.025em}
.site .ops-meta{color:var(--t-mute);font-family:var(--mono);font-size:.7rem;
  letter-spacing:.08em;text-transform:uppercase}
.site .ops-sub{color:var(--t-mute)}
.site .kpis{gap:14px!important;border:0!important;background:transparent!important}
.site .kpi{background:var(--t-white);border:1px solid var(--t-line)!important;
  border-radius:var(--r-lg)!important;box-shadow:var(--sh-1);padding:20px 22px 18px;
  transition:transform .22s var(--ease),box-shadow .22s var(--ease)}
.site .kpi:hover{transform:translateY(-3px);box-shadow:var(--sh-2)}
.site .kpi:nth-child(1){background:var(--t-peri-t);border-color:var(--t-peri-ln)!important}
.site .kpi .lbl{color:var(--t-mute);font-family:var(--mono);font-size:.64rem;
  letter-spacing:.14em;text-transform:uppercase}
.site .kpi .val{font-family:var(--disp);color:var(--t-ink);font-weight:800;
  letter-spacing:-.03em;font-size:2.2rem;line-height:1.05;margin:8px 0 4px}
.site .kpi:nth-child(1) .val{color:var(--t-peri-ink)}
.site .kpi .cap{color:var(--t-mute);font-size:.78rem}

.site .sec-head h2{font-family:var(--disp);color:var(--t-ink);letter-spacing:-.02em}
.site .filters button{background:var(--t-white);border:1px solid var(--t-line);
  color:var(--t-mute);border-radius:999px;padding:8px 15px;font-size:.76rem;
  cursor:pointer;transition:all .16s var(--ease)}
.site .filters button:hover{border-color:var(--t-peri-ln);color:var(--t-ink)}
.site .filters button[aria-pressed="true"]{background:var(--t-navy);border-color:var(--t-navy);
  color:#fff;font-weight:600}
.site .tablewrap{background:var(--t-white);border:1px solid var(--t-line);
  border-radius:var(--r-lg);box-shadow:var(--sh-1);overflow:hidden}
.site .tablewrap table{width:100%;border-collapse:collapse}
.site .tablewrap th{background:var(--t-blue1);color:var(--t-mute);font-family:var(--mono);
  font-size:.64rem;letter-spacing:.13em;text-transform:uppercase;font-weight:500;
  text-align:left;padding:13px 18px;border-bottom:1px solid var(--t-line)}
.site .tablewrap td{padding:14px 18px;border-bottom:1px solid var(--t-line-s);
  font-size:.88rem;color:var(--t-ink)}
.site .tablewrap tbody tr:last-child td{border-bottom:0}
.site .tablewrap tbody tr{transition:background .14s var(--ease)}
.site .tablewrap tbody tr:hover{background:var(--t-peri-t)}
.site .empty{color:var(--t-mute);padding:52px 24px;text-align:center;line-height:1.7}
.site .empty strong{display:block;color:var(--t-ink);font-family:var(--disp);
  font-size:1.05rem;margin-bottom:6px}
.site .modal{background:rgba(22,27,45,.55);backdrop-filter:blur(3px)}
.site .modal-card{background:var(--t-white);border:1px solid var(--t-line);
  border-radius:var(--r-lg);box-shadow:0 40px 80px -30px rgba(22,27,45,.6)}
.site .modal-card h3{font-family:var(--disp);color:var(--t-ink)}
.site .modal-card input,.site .modal-card select,.site .modal-card textarea{
  border:1px solid var(--t-line);border-radius:var(--r-sm);background:#FBFBF9}
.site .ops-note{color:var(--t-peri-ink);font-weight:600}
/* ---------- post-review corrections ---------- */
/* .band:not(.dark):not(.sky) outranked .band.cta, so the CTA ground never painted */
.site .band.cta:not(.dark){background:var(--t-peri)}
/* section rhythm: a little tighter again */
.site .band{padding-top:54px;padding-bottom:54px}
@media(max-width:880px){.site .band{padding-top:40px;padding-bottom:40px}}
/* the stage numbers were clipping the card edge */
.site .fl-dot{top:-42px}
.site .flowline{margin-top:54px}
/* Submit tiles: even the three rows by taking the slack out of the copy column */
.site .rgrid.three{grid-auto-rows:1fr}
.site .rgrid.three .ptop .ptag{margin:0 0 7px}
.site .rgrid.three .ptop h3{margin:0 0 9px}
.site .rgrid.three .ptop>p{margin:0}
.site .rgrid.three .lcgrid{margin:15px 0 0}
.site .rgrid.three .lcnote{margin:13px 0 0}
/* the sidebar file reference was invisible against its own chip */
.site .side-foot code{color:var(--t-peri-ink);background:var(--t-peri-t);font-family:var(--mono);font-size:.72rem}
/* ============================================================
   PASS 3 — bolder card headers, circular stage numbers,
   nav-matched hero buttons, Meet the Team, Command Center
   responsive. Delete from here down to revert.
   ============================================================ */

/* ---------- hero buttons speak the same language as the nav CTA ---------- */
.site .hero.lt .btns{gap:12px}
.site .hero.lt .btn-w,.site .hero.lt .btn-o{
  font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;
  font-weight:600;padding:15px 26px;border-radius:var(--ui-pill);border-width:2px;border-style:solid}
.site .hero.lt .btn-w{background:var(--t-sky);color:var(--t-ink);border-color:var(--t-navy)}
.site .hero.lt .btn-w:hover{background:#C7E0F2;border-color:var(--t-navy-d);color:var(--t-ink)}
.site .hero.lt .btn-o{background:#fff;color:var(--t-navy);border-color:var(--t-navy)}
.site .hero.lt .btn-o:hover{background:var(--t-peri-t);border-color:var(--t-navy-d)}
.site .lks a.cta{border:2px solid transparent}

/* ---------- What We Do: circular stage numbers ---------- */
.site .flowline{margin-top:60px}
.site .fl-step{padding-top:30px}
.site .fl-dot{
  top:-32px;left:20px;width:62px;height:62px;border-radius:50%;
  background:var(--t-peri)!important;border:2px solid #fff;
  box-shadow:0 10px 24px -10px rgba(74,81,190,.65);
  display:flex;align-items:center;justify-content:center;
  font-family:var(--disp);font-size:1.72rem;font-weight:800;line-height:1;
  letter-spacing:-.03em;color:var(--t-navy)}
@media(max-width:720px){
  .site .fl-dot{width:54px;height:54px;font-size:1.5rem;top:-28px;left:18px}
  .site .fl-step{padding-top:26px}
}

/* ---------- more presence on the floating cards ---------- */
.site .svcard,.site .acard,.site .choice,.site .item,.site .route,
.site .pkg,.site .pair,.site .stat,.site .fl-step,.site .step{
  box-shadow:0 1px 2px rgba(22,27,45,.05), 0 10px 24px -18px rgba(22,27,45,.4)}
.site .svcard h3,.site .acard h4,.site .choice h3,.site .pair h3,.site .route .rt{
  font-weight:700;letter-spacing:-.02em}
.site .svcard h3{font-size:1.12rem}
.site .band>.c>h2{font-weight:800}

/* ---------- card headers take the Lock Request treatment ---------- */
.site .pair .ptop{background:var(--t-ink);border-bottom:0}
.site .pair .ptop h3{color:#fff;font-size:1.12rem}
.site .pair .ptop>p{color:rgba(255,255,255,.66)}
.site .pair .ptag{color:var(--t-peri);font-weight:600}
.site .pair{overflow:hidden}
/* the three Submit tiles stay a set, differentiated by tag colour */
.site .rgrid.three>.pair:nth-child(1) .ptop,
.site .rgrid.three>.pair:nth-child(2) .ptop,
.site .rgrid.three>.pair:nth-child(3) .ptop{background:var(--t-ink)}
.site .rgrid.three>.pair:nth-child(1) .ptag{color:var(--t-peri)}
.site .rgrid.three>.pair:nth-child(2) .ptag{color:var(--t-sky)}
.site .rgrid.three>.pair:nth-child(3) .ptag{color:#E4E7DA}
.site .rgrid.three .lcgrid li{color:rgba(255,255,255,.72)}
.site .rgrid.three .lcgrid li::before{background:var(--t-peri)}
.site .rgrid.three .lcnote{color:rgba(255,255,255,.6)}
.site .rgrid.three .lcnote strong{color:#fff!important}

/* ---------- Common questions: the accent walks down the page ---------- */
.site .faq .qa:nth-child(4n+1){background:var(--t-sky)!important;border-color:#9CC6E4!important}
.site .faq .qa:nth-child(4n+2){background:var(--t-peri)!important;border-color:var(--t-peri-ln)!important}
.site .faq .qa:nth-child(4n+3){background:var(--t-blue2)!important;border-color:#CFE0EF!important}
.site .faq .qa:nth-child(4n+4){background:var(--t-neutral)!important;border-color:#E2E2D8!important}
.site .faq .qa h4,.site .faq .qa h3{color:var(--t-navy);font-weight:700}

/* ---------- Contact: Meet the team ---------- */
.site .band.team{background:var(--t-ink);border-top:1px solid rgba(255,255,255,.07)}
.site .band.team h2{color:#fff}
.site .band.team .eyebrow{color:var(--t-peri)}
.site .band.team .sub{color:rgba(255,255,255,.62)}
.site .teamrow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:34px}
.site .tmember{display:flex;flex-direction:column;align-items:center;gap:14px}
.site .tavatar{width:112px;height:112px;border-radius:50%;
  background:radial-gradient(70% 70% at 50% 32%, rgba(184,188,244,.34), rgba(184,188,244,.07) 70%),
             linear-gradient(160deg, rgba(255,255,255,.1), rgba(255,255,255,.02));
  border:1px solid rgba(184,188,244,.3);
  box-shadow:0 18px 40px -20px rgba(0,0,0,.7), inset 0 1px 0 rgba(255,255,255,.14);
  position:relative}
.site .tavatar::after{content:"";position:absolute;left:50%;top:50%;
  width:46px;height:46px;transform:translate(-50%,-56%);border-radius:50%;
  background:rgba(184,188,244,.24);
  box-shadow:0 34px 0 -6px rgba(184,188,244,.24)}
.site .tsoon{font-family:var(--mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--t-peri);background:rgba(184,188,244,.12);border:1px solid rgba(184,188,244,.28);
  border-radius:999px;padding:4px 12px}
@media(max-width:720px){
  .site .teamrow{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
  .site .tavatar{width:96px;height:96px}
}

/* ---------- Command Center: hold the layout together ---------- */
.site .ops-shell{overflow:hidden}
.site .ops-side{min-width:0;overflow:hidden}
.site .ops-side>*{max-width:100%}
.site .side-item{min-width:0;gap:10px}
.site .side-item>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.site .side-add{max-width:100%;box-sizing:border-box}
.site .side-nav-back{margin-top:auto;padding-top:14px;border-top:1px solid var(--t-line-s)}
.site .side-back{color:var(--t-mute);font-size:.82rem}
.site .side-back:hover{background:var(--t-peri-t);color:var(--t-peri-ink)}
.site .ops-main{min-width:0;overflow-x:hidden}
.site .tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.site .tablewrap table{min-width:760px}
@media(max-width:900px){
  .site .ops-shell{display:block}
  .site .ops-side{width:auto;border-right:0;border-bottom:1px solid var(--t-line);
    position:static;height:auto;min-height:0}
  .site .side-nav{display:flex;flex-wrap:wrap;gap:8px}
  .site .side-nav-back{width:100%;margin-top:10px}
  .site .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .site .ops-main{padding-left:22px;padding-right:22px}
}
@media(max-width:560px){
  .site .kpis{grid-template-columns:minmax(0,1fr)}
  .site .filters{flex-wrap:wrap}
}
/* same specificity trap as .band.cta: the canvas rule outranked .band.team */
.site .band.team:not(.dark){background:var(--t-ink)}
.site .band.team>.c>h2{color:#fff}
/* the placeholder silhouette read as a keyhole; head and shoulders, properly separated */
.site .tavatar{background:rgba(184,188,244,.10);border:1px solid rgba(184,188,244,.26);
  box-shadow:0 16px 34px -20px rgba(0,0,0,.65);overflow:hidden}
.site .tavatar::after{content:none}
.site .tmember{position:relative}
.site .tavatar::before{content:"";position:absolute;left:50%;top:27px;
  width:33px;height:33px;transform:translateX(-50%);border-radius:50%;
  background:rgba(184,188,244,.30);
  box-shadow:0 41px 0 -3px rgba(184,188,244,0)}
.site .tavatar i{position:absolute;left:50%;top:70px;width:70px;height:52px;
  transform:translateX(-50%);border-radius:35px 35px 0 0;background:rgba(184,188,244,.30);display:block}
@media(max-width:720px){
  .site .tavatar::before{top:22px;width:28px;height:28px}
  .site .tavatar i{top:59px;width:60px;height:46px;border-radius:30px 30px 0 0}
}
/* Quick add: width:100% plus its own 20px side margins pushed it past the rail */
.site .side-add{width:auto;align-self:stretch}
/* ============================================================
   PASS 4 — brand hierarchy: the tagline leads, the supporting
   line holds the review slot. Delete from here down to revert.
   ============================================================ */
.site .band.reviews{background:var(--t-white)}
.site .revrow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:30px}
.site .revcard{background:var(--t-white);border:1px solid var(--t-line);
  border-radius:var(--r-lg);box-shadow:0 1px 2px rgba(22,27,45,.05),0 10px 24px -18px rgba(22,27,45,.4);
  padding:26px 26px 22px;display:flex;flex-direction:column;gap:11px;align-items:flex-start}
.site .revmark{font-family:var(--disp);font-size:2.4rem;line-height:.7;font-weight:800;
  color:var(--t-peri);display:block;margin-bottom:4px}
.site .revln{display:block;height:9px;border-radius:999px;background:var(--t-line-s);width:100%}
.site .revln.a{width:92%} .site .revln.b{width:72%} .site .revln.c{width:84%}
.site .revsoon{margin-top:10px;font-family:var(--mono);font-size:.62rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--t-peri-ink);background:var(--t-peri-t);
  border:1px solid var(--t-peri-ln);border-radius:999px;padding:4px 12px}
@media(max-width:820px){.site .revrow{grid-template-columns:minmax(0,1fr)}}
/* third time on the same trap: .band:not(.dark):not(.sky) is 0,4,0 and outranks
   any plain .band.VARIANT. Every band variant needs a :not() to match it. */
.site .band.reviews:not(.dark){background:var(--canvas-2)}
.site .band.bone:not(.dark){background:var(--canvas-2)}
.site .band.peri:not(.dark){background:var(--t-peri-t)}
/* ============================================================
   PASS 5 — soft glass on the dark headers: a faint top-left
   spotlight, a cooler second light, a dust layer, and a 1px
   glass edge. Delete from here down to revert.
   ============================================================ */
.site .pair .ptop,
.site .lockcta,
.site .band.team:not(.dark),
.site .rgrid.three>.pair:nth-child(1) .ptop,
.site .rgrid.three>.pair:nth-child(2) .ptop,
.site .rgrid.three>.pair:nth-child(3) .ptop{
  background:
    radial-gradient(rgba(255,255,255,.055) .5px, transparent .6px) 0 0 / 18px 18px,
    radial-gradient(115% 95% at 10% -5%, rgba(184,188,244,.20), rgba(184,188,244,0) 58%),
    radial-gradient(85% 75% at 88% 6%, rgba(180,213,237,.11), rgba(180,213,237,0) 62%),
    var(--t-ink);
}
.site .pair .ptop,
.site .lockcta{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10);
}
.site .lockcta{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),
             0 2px 4px rgba(22,27,45,.06),
             0 20px 40px -22px rgba(22,27,45,.6);
}
.site .band.team:not(.dark){
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07);
}

/* the quote glyph was decorative but too faint to read as one */
.site .revmark{color:var(--t-peri-ink);opacity:.5}
/* Command Center sign-out */
.site .side-out{color:var(--t-mute);font-size:.82rem}
.site .side-out:hover{background:#FDF2F2;color:#8E1D17}
.site .signout{max-width:52ch;padding:26px 0 6px}
.site .signout .soact{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.site .signout .sofine{margin-top:20px;color:rgba(255,255,255,.5);font-size:.82rem;line-height:1.6}
.site .hero.dk .signout .btn-w{background:var(--t-peri);color:var(--t-ink);border:1px solid var(--t-peri)}
.site .hero.dk .signout .btn-w:hover{background:#C7CAF7}

/* PASS 6 - Submit tiles: air under the checklist, third tile back in the set */
.site .rgrid.three .ptop > p.lcnote{margin-top:20px}
.site .rgrid.three .lcgrid{margin-bottom:2px}

.site .hero.lt .dlrow{margin-top:24px;align-items:center;gap:14px}
.site .hero.lt .dlmeta{font-family:var(--mono);font-size:.66rem;letter-spacing:.11em;text-transform:uppercase;color:var(--t-mute)}
/* ================= PASS 7 - USA watermark, download chip, stacked resources, ARIVE mark ================= */
.site .band.usmap{position:relative;overflow:hidden}
.site .band.usmap>.c{position:relative;z-index:1}
.site .usmap-bg{position:absolute;right:3%;top:50%;transform:translateY(-50%);
  width:min(880px,66%);aspect-ratio:975/610;
  background:url(../img/us-outline.svg) no-repeat center/contain;
  opacity:.06;pointer-events:none;z-index:0}
@media(max-width:900px){.site .usmap-bg{width:104%;right:-12%;opacity:.05}}

.site .hero.lt .dlchip{text-decoration:none;cursor:pointer}
.site .hero.lt .dlchip .val{color:var(--t-ink)}
.site .hero.lt .dlchip .cp{transition:background .16s var(--ease)}
.site .hero.lt .dlchip:hover .cp{background:var(--t-navy-d);color:#fff}

.site .rgrid.three>.pair .pairtwo{grid-template-columns:minmax(0,1fr)!important}
.site .rgrid.three>.pair .pairtwo>.opt{border-left:0!important}
.site .rgrid.three>.pair .pairtwo>.opt+.opt{border-top:1px solid var(--t-line-s)}
.site .rgrid.three>.pair .pairtwo>.opt .thumb{min-height:148px}

.site .arivelock{display:flex;align-items:center;gap:12px;margin-top:18px}
.site .arivelock img{width:104px;height:auto;display:block}
.site .arivelock span{font-family:var(--mono);font-size:.62rem;letter-spacing:.13em;text-transform:uppercase;color:var(--t-mute)}
/* PASS 7b - keep the stacked resources compact, ARIVE mark in place of the text tag */
.site .rgrid.three>.pair .pairtwo{align-content:start;grid-auto-rows:max-content}
.site .rgrid.three>.pair .pairtwo>.opt .thumb{min-height:0;height:152px}
.site .arivetag.has-img{background:transparent!important;border:0!important;padding:0!important;display:inline-block;line-height:0}
.site .arivetag.has-img img{width:92px;height:auto;display:block}
/* PASS 7c - integration logo lockup */
.site .arivelock{display:flex;align-items:center;gap:14px;margin-top:18px;flex-wrap:wrap}
.site .arivelock img{display:block;height:auto}
.site .arivelock .lk-arive{width:104px}
.site .arivelock .lk-los{width:62px}
.site .arivelock .lk-sep{width:1px;height:22px;background:var(--t-line);display:block}
/* PASS 8 - matched chip columns, review-card star skeleton */
.site .hero.lt .tagchip{width:min(100%,506px);flex-wrap:nowrap}
.site .hero.lt .tagchip .lab{width:106px;flex:0 0 106px;justify-content:center;text-align:center;padding-left:0;padding-right:0}
.site .hero.lt .tagchip .val{flex:1 1 auto;min-width:0;justify-content:center;text-align:center;padding-left:10px;padding-right:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:normal}
.site .hero.lt .tagchip .cp{width:122px;flex:0 0 122px;display:flex;align-items:center;justify-content:center;text-align:center;padding-left:0;padding-right:0}
@media(max-width:560px){
  .site .hero.lt .tagchip{width:100%}
  .site .hero.lt .tagchip .lab{width:88px;flex:0 0 88px}
  .site .hero.lt .tagchip .cp{width:104px;flex:0 0 104px}
  .site .hero.lt .tagchip .val{font-size:.76rem}
}

.site .revstars{display:block;margin-top:10px;letter-spacing:.22em;font-size:.98rem;line-height:1;
  color:var(--t-peri);opacity:.34;user-select:none}
/* ================= PASS 9 - content-card headers go light; dark reserved for primary surfaces ================= */
.site .pair .ptop{background:var(--t-peri-t)!important;border-bottom:1px solid var(--t-line-s);box-shadow:none!important}
.site .pair .ptop h3{color:var(--t-ink)!important}
.site .pair .ptop>p{color:var(--t-mute)!important}
.site .pair .ptag{color:var(--t-peri-ink)!important}
.site .rgrid.three>.pair .ptop{border-right:1px solid var(--t-line-s)}
.site .rgrid.three>.pair:nth-child(1) .ptop{background:var(--t-peri-t)!important}
.site .rgrid.three>.pair:nth-child(2) .ptop{background:var(--t-blue2)!important}
.site .rgrid.three>.pair:nth-child(3) .ptop{background:var(--t-neutral)!important}
.site .rgrid.three>.pair:nth-child(1) .ptag{color:var(--t-peri-ink)!important}
.site .rgrid.three>.pair:nth-child(2) .ptag{color:var(--t-navy)!important}
.site .rgrid.three>.pair:nth-child(3) .ptag{color:#5F6552!important}
@media(max-width:900px){.site .rgrid.three>.pair .ptop{border-right:0}}

/* the checklist tile shows the real front page */
.site .rgrid.three>.pair .pairtwo.one>.opt .thumb{height:308px}
.site .thumb.docprev{display:flex;align-items:center;justify-content:center;padding:20px 16px;position:relative}
.site .thumb.docprev img{width:auto;height:100%;max-height:100%;max-width:78%;object-fit:contain;
  border-radius:var(--r-sm);background:#fff;border:1px solid var(--t-line);
  box-shadow:0 20px 44px -24px rgba(22,27,45,.55)}

.site .hero.lt .tagchip .val{font-size:.76rem}

/* Announcements */
.site .anngrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:30px}
.site .anncard{background:var(--t-white);border:1px solid var(--t-line);border-radius:var(--r-lg);
  padding:22px 22px 24px;box-shadow:var(--sh-1);display:flex;flex-direction:column}
.site .annsoon{align-self:flex-start;font-family:var(--mono);font-size:.6rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--t-peri-ink);background:var(--t-peri-t);
  border:1px solid var(--t-peri-m);border-radius:999px;padding:4px 11px}
.site .anncard h4{font-family:var(--disp);font-size:1.06rem;font-weight:700;letter-spacing:-.02em;
  color:var(--t-ink);margin:14px 0 8px}
.site .anncard p{color:var(--t-mute);font-size:.9rem;line-height:1.6;margin:0}
.site .annln{display:block;height:8px;border-radius:999px;background:var(--t-line-s)}
.site .annln.a{margin-top:20px;width:100%}
.site .annln.b{margin-top:8px;width:82%}
.site .annln.c{margin-top:8px;width:56%}
.site .anncard.is-ghost{background:transparent;border-style:dashed;box-shadow:none}
.site .anncard.is-ghost .annsoon{color:var(--t-mute);background:var(--t-line-s);border-color:var(--t-line)}
.site .annmeta{margin-top:26px}
@media(max-width:900px){.site .anngrid{grid-template-columns:repeat(2,minmax(0,1fr))}.site .anncard.is-ghost{display:none}}
@media(max-width:620px){.site .anngrid{grid-template-columns:minmax(0,1fr)}}
/* ================= PASS 10 - real icons, preview fills the tile ================= */
.site .ok.doc::before,.site .ok.dlmark::before{content:"";flex:0 0 auto;border:0!important;border-radius:0;
  background:var(--t-navy);width:16px;height:15px;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-position:center;mask-position:center;
  -webkit-mask-size:contain;mask-size:contain}
.site .ok.doc::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 23'%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M12 6.4C10.6 4.8 8.4 3.9 5.8 3.9H2v13.2h4.2c2.3 0 4.4.8 5.8 2'/%3E%3Cpath d='M12 6.4c1.4-1.6 3.6-2.5 6.2-2.5H22v13.2h-4.2c-2.3 0-4.4.8-5.8 2'/%3E%3Cpath d='M12 6.4v12.7'/%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 23'%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M12 6.4C10.6 4.8 8.4 3.9 5.8 3.9H2v13.2h4.2c2.3 0 4.4.8 5.8 2'/%3E%3Cpath d='M12 6.4c1.4-1.6 3.6-2.5 6.2-2.5H22v13.2h-4.2c-2.3 0-4.4.8-5.8 2'/%3E%3Cpath d='M12 6.4v12.7'/%3E%3C/g%3E%3C/svg%3E")}
.site .ok.dlmark::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='2.2' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M12 3v11'/%3E%3Cpath d='M7.5 9.6 12 14.2l4.5-4.6'/%3E%3Cpath d='M3.5 17.5v2A1.5 1.5 0 0 0 5 21h14a1.5 1.5 0 0 0 1.5-1.5v-2'/%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='2.2' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M12 3v11'/%3E%3Cpath d='M7.5 9.6 12 14.2l4.5-4.6'/%3E%3Cpath d='M3.5 17.5v2A1.5 1.5 0 0 0 5 21h14a1.5 1.5 0 0 0 1.5-1.5v-2'/%3E%3C/g%3E%3C/svg%3E")}

.site .rgrid.three>.pair .pairtwo.one{align-content:stretch;grid-auto-rows:auto;height:100%}
.site .rgrid.three>.pair .pairtwo.one>.opt{height:100%}
.site .rgrid.three>.pair .pairtwo.one>.opt .thumb{height:auto;flex:1 1 auto;min-height:280px}
/* PASS 10b - keep the stacked resources compact so the row height stays sane */
.site .rgrid.three>.pair .pairtwo:not(.one){grid-template-rows:max-content max-content!important;align-content:center}
.site .rgrid.three>.pair .pairtwo:not(.one)>.opt{align-self:start}
.site .rgrid.three>.pair .pairtwo:not(.one)>.opt .thumb{height:170px!important;flex:0 0 auto!important;min-height:0!important}
/* PASS 10c - chip values read left, like a field */
.site .hero.lt .tagchip .val{justify-content:flex-start;text-align:left;padding-left:18px;padding-right:14px}
/* PASS 10d - icons as background art (mask was unreliable) */
.site .ok.doc::before,.site .ok.dlmark::before{
  -webkit-mask-image:none!important;mask-image:none!important;
  background-color:transparent!important;width:17px;height:16px;
  background-repeat:no-repeat;background-position:center;background-size:contain}
.site .ok.doc::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='23' viewBox='0 0 24 23'%3E%3Cg fill='none' stroke='%23243A77' stroke-width='2' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M12 6.4C10.6 4.8 8.4 3.9 5.8 3.9H2v13.2h4.2c2.3 0 4.4.8 5.8 2'/%3E%3Cpath d='M12 6.4c1.4-1.6 3.6-2.5 6.2-2.5H22v13.2h-4.2c-2.3 0-4.4.8-5.8 2'/%3E%3Cpath d='M12 6.4v12.7'/%3E%3C/g%3E%3C/svg%3E")}
.site .ok.dlmark::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23243A77' stroke-width='2.2' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M12 3v11'/%3E%3Cpath d='M7.5 9.6 12 14.2l4.5-4.6'/%3E%3Cpath d='M3.5 17.5v2A1.5 1.5 0 0 0 5 21h14a1.5 1.5 0 0 0 1.5-1.5v-2'/%3E%3C/g%3E%3C/svg%3E")}
/* ================= PASS 11 - branded marks instead of fake UI mockups ================= */
.site .thumb.v .vsheet,.site .thumb.d:not(.docprev) .dstack{display:none!important}
.site .thumb.v::before,.site .thumb.d:not(.docprev)::before{
  content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:104px;height:104px;border-radius:26px;background:#fff;
  border:1px solid var(--t-line);box-shadow:0 18px 40px -24px rgba(22,27,45,.55);z-index:0}
.site .thumb.v .vplay{width:52px!important;height:52px!important;
  transform:translate(-26px,-26px)!important;z-index:2;
  box-shadow:0 10px 24px -10px rgba(22,27,45,.6)}
.site .thumb.d:not(.docprev)::after{
  content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:50px;height:50px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='%23243A77' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M32 8h4a3 3 0 0 1 3 3v29a3 3 0 0 1-3 3H12a3 3 0 0 1-3-3V11a3 3 0 0 1 3-3h4'/%3E%3Crect x='16' y='5' width='16' height='7' rx='2'/%3E%3Cpath d='M16 22h16M16 29h16M16 36h9'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:center;background-size:contain;z-index:2}
.site .thumb.v .vlen,.site .thumb.d .dpages{z-index:3}

/* review skeleton stars read gold, not periwinkle */
.site .revstars{color:#E2A32D;opacity:.55}
/* ================= PASS 12 - hero visual reads like the loan file they live in ================= */
.site .hv .hv-sheet,.site .hv .hv-tag,.site .hv .hv-ln,.site .hv .hv-rule{display:none!important}
.site .lfui{position:relative;z-index:2;background:var(--t-white);border:1px solid var(--t-line);
  border-radius:var(--r-lg);box-shadow:0 30px 70px -34px rgba(22,27,45,.45),0 2px 4px rgba(22,27,45,.05);
  overflow:hidden;font-family:var(--body);width:100%;max-width:520px}

.site .lfui-top{display:flex;align-items:center;gap:14px;padding:13px 18px;
  background:var(--t-ink);border-bottom:1px solid rgba(255,255,255,.08)}
.site .lfui-stage{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);
  font-size:.6rem;letter-spacing:.13em;text-transform:uppercase;color:var(--t-peri);
  background:rgba(184,188,244,.14);border:1px solid rgba(184,188,244,.3);border-radius:999px;padding:4px 11px;flex:0 0 auto}
.site .lfui-stage i{width:6px;height:6px;border-radius:50%;background:var(--t-peri);display:block}
.site .lfui-rail{flex:1 1 auto;height:5px;border-radius:999px;background:rgba(255,255,255,.13);overflow:hidden;min-width:0}
.site .lfui-rail i{display:block;height:100%;width:64%;border-radius:999px;
  background:linear-gradient(90deg,var(--t-sky),var(--t-peri))}
.site .lfui-id{font-family:var(--mono);font-size:.6rem;letter-spacing:.1em;color:rgba(255,255,255,.5);flex:0 0 auto}

.site .lfui-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  border-bottom:1px solid var(--t-line);background:var(--t-blue1)}
.site .lfui-strip>div{padding:12px 16px;border-right:1px solid var(--t-line-s);min-width:0}
.site .lfui-strip>div:last-child{border-right:0}
.site .lfui-strip span{display:block;font-family:var(--mono);font-size:.55rem;letter-spacing:.13em;
  text-transform:uppercase;color:var(--t-mute);margin-bottom:5px}
.site .lfui-strip b{font-family:var(--disp);font-size:1rem;font-weight:700;letter-spacing:-.02em;color:var(--t-ink)}

.site .lfui-body{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr)}
.site .lfui-nav{border-right:1px solid var(--t-line);padding:12px 0;background:var(--t-white)}
.site .lfui-nav span{display:flex;align-items:center;gap:8px;padding:8px 14px;font-size:.72rem;
  color:var(--t-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.site .lfui-nav span::before{content:"";width:14px;height:14px;border-radius:50%;flex:0 0 auto;
  border:1.5px solid var(--t-line);background:transparent}
.site .lfui-nav span.on{color:var(--t-ink)}
.site .lfui-nav span.on::before{border-color:var(--t-peri-ln);background:var(--t-peri-t) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath fill='none' stroke='%234A51BE' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' d='M2.6 7.4 5.6 10.3 11.4 4'/%3E%3C/svg%3E") center/10px 10px no-repeat}
.site .lfui-nav span.cur{color:var(--t-peri-ink);font-weight:600;background:var(--t-peri-t);
  box-shadow:inset 2px 0 0 var(--t-peri-ink)}
.site .lfui-nav span.cur::before{border-color:var(--t-peri-ink)}

.site .lfui-main{padding:14px 16px 16px}
.site .lfui-h{font-family:var(--mono);font-size:.55rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--t-mute);margin-bottom:10px}
.site .lfui-row{display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:9px 0;border-bottom:1px solid var(--t-line-s);font-size:.76rem;color:var(--t-ink)}
.site .lfui-row:last-child{border-bottom:0}
.site .lfui-row em{font-style:normal;font-family:var(--mono);font-size:.58rem;letter-spacing:.1em;
  text-transform:uppercase;border-radius:999px;padding:3px 9px;flex:0 0 auto}
.site .lfui-row em.ok{color:#2F6B4F;background:#E4F2EA;border:1px solid #C8E3D5}
.site .lfui-row em.wk{color:#8A6516;background:#FBF1D6;border:1px solid #EFDDAE}

@media(max-width:980px){.site .lfui{max-width:none}}
@media(max-width:520px){
  .site .lfui-body{grid-template-columns:minmax(0,1fr)}
  .site .lfui-nav{border-right:0;border-bottom:1px solid var(--t-line);display:flex;flex-wrap:wrap;padding:10px}
  .site .lfui-nav span{padding:6px 10px;font-size:.68rem}
  .site .lfui-strip b{font-size:.9rem}
}
/* PASS 12b - the chip sits clear of the loan-file card */
.site .hv{padding-bottom:26px}
.site .hv .hv-chip{position:absolute;left:-14px;right:auto;bottom:-6px;top:auto;z-index:4;
  box-shadow:0 22px 46px -22px rgba(22,27,45,.5)}
@media(max-width:980px){.site .hv .hv-chip{left:0;bottom:-10px}}
@media(max-width:560px){.site .hv .hv-chip{position:static;margin-top:16px;box-shadow:var(--sh-1)}.site .hv{padding-bottom:0}}
/* PASS 12c - the loan-file card is the strongest thing in the hero; show it on phones too */
@media(max-width:980px){
  .site .hero.lt .hv{display:block!important;margin-top:34px}
  .site .hero.lt .hv .hv-field{display:none}
  .site .lfui{max-width:none}
}
@media(max-width:560px){
  .site .lfui-top{gap:10px;padding:11px 13px}
  .site .lfui-id{display:none}
  .site .lfui-strip>div{padding:10px 12px}
  .site .lfui-main{padding:12px 13px 14px}
  .site .lfui-row{font-size:.72rem;padding:8px 0}
}
/* ================= PASS 13 - ARIVE vocabulary in the hero card ================= */
.site .lfui-crumb{font-family:var(--mono);font-size:.58rem;letter-spacing:.11em;text-transform:uppercase;
  color:rgba(255,255,255,.62);flex:0 0 auto}
.site .lfui-crumb::before{content:"\203A";margin-right:8px;color:rgba(255,255,255,.34)}

.site .lfui-main{padding:13px 16px 14px}
.site .lfui-row{display:flex;align-items:center;gap:10px;padding:7px 0;
  border-bottom:1px solid var(--t-line-s);font-size:.74rem;color:var(--t-mute)}
.site .lfui-row:last-child{border-bottom:0}
.site .lfui-row>span{flex:1 1 auto;display:flex;align-items:center;gap:9px;min-width:0;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.site .lfui-row>span::before{content:"";width:14px;height:14px;border-radius:50%;flex:0 0 auto;
  border:1.5px solid var(--t-line);background:transparent}
.site .lfui-row.done{color:var(--t-ink)}
.site .lfui-row.done>span::before{border-color:var(--t-peri-ln);
  background:var(--t-peri-t) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath fill='none' stroke='%234A51BE' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' d='M2.6 7.4 5.6 10.3 11.4 4'/%3E%3C/svg%3E") center/10px 10px no-repeat}
.site .lfui-row>em{font-style:normal;font-family:var(--mono);font-size:.62rem;letter-spacing:.02em;
  color:var(--t-mute);flex:0 0 auto;background:none;border:0;padding:0;text-transform:none}
.site .lfui-row.done>em{color:var(--t-ink)}

/* the flow steps need air now that the copy is gone */
.site .fl-step{padding-top:46px;padding-bottom:22px}
.site .fl-step h4{margin:0}
@media(max-width:720px){.site .fl-step{padding-top:40px;padding-bottom:18px}}
/* PASS 13b - chip clears the card */
.site .hv{padding-bottom:44px}
.site .hv .hv-chip{left:-22px;bottom:0}
@media(max-width:980px){.site .hv{padding-bottom:38px}.site .hv .hv-chip{left:0}}
@media(max-width:560px){.site .hv{padding-bottom:0}}
/* ================= PASS 14 - the ARIVE setup block speaks in machine, on purpose =================
   Everything here is ARIVE-s own documentation. It is set in mono, uppercase and square so it is
   visibly not our voice. Scoped to .band.robo only. ================= */
.site .band.robo:not(.dark){background:var(--t-neutral);border-top:1px solid var(--t-line);
  border-bottom:1px solid var(--t-line);
  background-image:radial-gradient(rgba(22,27,45,.055) .5px,transparent .6px);
  background-size:14px 14px}
.site .band.robo h2{font-family:var(--mono);font-size:1.28rem;font-weight:600;letter-spacing:-.01em;
  text-transform:none;margin-top:.5rem}
.site .band.robo .eyebrow{font-family:var(--mono);letter-spacing:.24em}
.site .band.robo .sub{font-family:var(--mono);font-size:.8rem;line-height:1.7;color:var(--t-mute);letter-spacing:.005em;margin-bottom:32px}
.site .band.robo .arivetag.has-img{margin-bottom:14px}

.site .band.robo .agrid{gap:14px;margin-top:26px}
.site .band.robo .acard{background:var(--t-white);border:1px solid var(--t-ink);border-radius:var(--r-md);
  box-shadow:3px 3px 0 rgba(22,27,45,.09);padding:20px 20px 18px;
  transition:transform .16s var(--ease),box-shadow .16s var(--ease)}
.site .band.robo .acard:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 rgba(74,81,190,.22);
  border-color:var(--t-peri-ink)}
.site .band.robo .acard .st{display:inline-block;font-family:var(--mono);font-size:.58rem;
  letter-spacing:.2em;text-transform:uppercase;color:var(--t-white);background:var(--t-ink);
  border-radius:var(--r-pill);padding:4px 9px;margin-bottom:14px}
.site .band.robo .acard h4{font-family:var(--mono);font-size:.92rem;font-weight:600;letter-spacing:-.01em;
  color:var(--t-ink);margin:0 0 9px;text-transform:none}
.site .band.robo .acard p{font-family:var(--mono);font-size:.72rem;line-height:1.75;color:var(--t-mute);
  margin:0;letter-spacing:.005em}
.site .band.robo .acard .go{display:inline-block;margin-top:16px;font-family:var(--mono);font-size:.62rem;
  letter-spacing:.16em;text-transform:uppercase;color:var(--t-peri-ink);
  border-bottom:1px solid var(--t-peri-ln);padding-bottom:2px}
.site .band.robo .acard:hover .go{border-bottom-color:var(--t-peri-ink)}
/* PASS 14b - pricing cards carry copy, not bullet lists */
.site .pkg .pkgbody{margin:18px 0 0;color:var(--t-ink);font-size:.94rem;line-height:1.72}
.site .pkg .kicker{margin-top:14px;color:var(--t-mute);font-size:.85rem;line-height:1.65}
/* PASS 14c - the pricing CTA has to read as a button on a white card */
.site .pkg .rfoot .btn{background:var(--t-navy);color:#fff;border:2px solid var(--t-navy);
  border-radius:var(--ui-pill);font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;
  text-transform:uppercase;font-weight:600;padding:13px 24px;display:inline-block;
  transition:background .18s var(--ease),border-color .18s var(--ease)}
.site .pkg .rfoot .btn:hover{background:var(--t-navy-d);border-color:var(--t-navy-d);color:#fff}
/* ================= PASS 15 - Submit tiles adopt the Resources layout =================
   header band on top, resources side by side underneath. Undoes the horizontal split. ===== */
.site .rgrid.three{grid-auto-rows:auto}
.site .rgrid.three>.pair{display:flex!important;flex-direction:column}
.site .rgrid.three>.pair .ptop{border-right:0!important;border-bottom:1px solid var(--t-line-s);
  padding:24px 24px 20px;display:block}
.site .rgrid.three>.pair .pairtwo{grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-content:stretch;grid-auto-rows:auto;margin-top:0;flex:1 1 auto}
.site .rgrid.three>.pair .pairtwo>.opt{border-left:0!important;border-top:0!important;height:auto}
.site .rgrid.three>.pair .pairtwo>.opt .thumb{height:auto!important;min-height:170px!important;flex:1 1 auto!important}
.site .rgrid.three>.pair .pairtwo.one{grid-template-columns:minmax(0,1fr)!important}
.site .rgrid.three>.pair .pairtwo.one>.opt .thumb{min-height:300px!important}
@media(max-width:900px){.site .rgrid.three>.pair .pairtwo{grid-template-columns:minmax(0,1fr)!important}}
/* PASS 15b - the doc preview is bounded by height, not width */
.site .rgrid.three>.pair .pairtwo>.opt .thumb{min-height:210px!important}
.site .rgrid.three>.pair .pairtwo.one>.opt .thumb{min-height:0!important;height:392px!important;flex:0 0 auto!important}
.site .thumb.docprev{padding:24px 16px}
.site .thumb.docprev img{width:auto!important;height:auto!important;max-height:100%!important;max-width:100%!important}
/* PASS 15c - close the seam between the header band and the panels */
.site .rgrid.three>.pair{gap:0}
.site .pair{gap:0}
/* PASS 15d - neutralise the older stacked-resource rules so Submit matches Resources exactly */
.site .rgrid.three>.pair .pairtwo:not(.one){grid-template-rows:auto!important;align-content:stretch!important;
  grid-auto-rows:auto!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
.site .rgrid.three>.pair .pairtwo:not(.one)>.opt{align-self:stretch!important;height:auto!important}
.site .rgrid.three>.pair .pairtwo:not(.one)>.opt .thumb{height:auto!important;min-height:170px!important;
  flex:1 1 0%!important;aspect-ratio:16/10}
.site .rgrid.three>.pair .pairtwo.one>.opt .thumb{aspect-ratio:auto!important;height:392px!important;
  min-height:0!important;flex:0 0 auto!important}
@media(max-width:900px){
  .site .rgrid.three>.pair .pairtwo:not(.one){grid-template-columns:minmax(0,1fr)!important}
}
/* PASS 16 - the placeholder stars carry a bit more weight (decorative, aria-hidden) */
.site .revstars{color:#D08C1B;opacity:.72}
/* PASS 17 - Careers placeholder on Contact */
.site .band.careers:not(.dark){background:var(--canvas-2);border-top:1px solid var(--t-line)}
.site .carwrap{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}
.site .carcopy{max-width:56ch}
.site .carcopy h2{margin-top:.5rem}
.site .carcopy .sub{margin-top:.9rem}
.site .carsoon{flex:0 0 auto;font-family:var(--mono);font-size:.66rem;letter-spacing:.16em;
  text-transform:uppercase;color:var(--t-peri-ink);background:var(--t-peri-t);
  border:1px solid var(--t-peri-m);border-radius:999px;padding:10px 20px}
@media(max-width:720px){.site .carwrap{gap:20px}}

/* PASS 18 - lock form adopts the contact form field typography.
   Both forms are the same product; they should not read as two different apps. */
.site .lkq>label,.site .lkqlbl{display:block;font-size:.72rem;font-weight:600;
  letter-spacing:.06em;text-transform:uppercase;color:var(--ui-mute,var(--mute));
  margin:0 0 6px}
.site .lkq .lkhelp{font-size:.78rem;color:var(--ui-mute,var(--mute));margin:0 0 8px;line-height:1.5}
.site .lkq>label .lkreq,.site .lkqlbl .lkreq{letter-spacing:0}
.site .lkopt{font-size:.9rem}
/* PASS 19 - the reviews band sat on the same grey as the band above it, so the two
   sections read as one. .site .band:not(.dark):not(.sky) is 0,4,0 and was beating
   .site .band.reviews at 0,3,0 - match the weight instead of reaching for !important. */
.site .band.reviews:not(.dark):not(.sky){background:var(--t-white)}
/* PASS 20 - Submit hero runs two-up: copy left, illustration filling the right.
   The art is decorative, so it drops out entirely below the breakpoint rather
   than stacking and pushing the checklist download below the fold. */
.site .hero .subgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.62fr);
  gap:40px;align-items:center}
.site .hero .subcopy{min-width:0}
.site .subart{display:flex;justify-content:center;align-items:center;min-width:0}
.site .subart img{width:100%;max-width:340px;height:auto;display:block}
@media(max-width:900px){
  .site .hero .subgrid{grid-template-columns:1fr;gap:0}
  .site .subart{display:none}
}
.site .hero.dk .subart img{opacity:.92}
/* PASS 21 - the ARIVE setup block lost its heading; the two cards say it.
   The logo carries the section now, so give it real size and its own breathing room. */
.site .band.robo .arivetag.has-img{padding:11px 20px;border-radius:14px;margin-bottom:26px}
.site .band.robo .arivetag.has-img img{width:164px;height:auto;display:block}
.site .band.robo .agrid{margin-top:0}
/* Lock desk: the copy column ran short against a tall form, so the rate-lock
   card fills the rest of it. Decorative - it drops out when the column stacks. */
.site .lockart{margin-top:38px;max-width:420px}
.site .lockart img{width:100%;height:auto;display:block}
@media(max-width:900px){.site .lockart{display:none}}
/* PASS 22 - thumbnails become the same drawn cards used across the site.
   These replace the floating white square + icon from PASS 11: the video thumb
   is a player card, the SOP thumb is a document card. Same family as the hero art. */
.site .thumb.v::before,.site .thumb.d:not(.docprev)::before,
.site .thumb.d:not(.docprev)::after{display:none!important}
.site .thumb.v,.site .thumb.d:not(.docprev){
  background-repeat:no-repeat;background-position:center;background-size:auto 82%}
.site .thumb.v{background-image:url("../img/lp-thumb-video.svg")}
.site .thumb.d:not(.docprev){background-image:url("../img/lp-thumb-doc.svg")}
.site .thumb.v .vplay{display:none!important}
.site .thumb.v .vsheet,.site .thumb.d:not(.docprev) .dstack{display:none!important}
/* PASS 23 - ARIVE setup: logo and a drawn rocket sit on one line, so the
   section reads as ours setting up in their tool rather than their banner. */
.site .ariverow{display:flex;align-items:center;gap:18px;margin-bottom:26px;flex-wrap:wrap}
.site .ariverow .arivetag{margin-bottom:0}
.site .ariverocket{width:72px;height:72px;display:block;flex:0 0 auto}
@media(max-width:560px){.site .ariverocket{width:56px;height:56px}}
/* PASS 24 - Watch and Read sat edge to edge on one ground with only a hairline
   between them, so the pair read as one block. Each option becomes its own card
   inside the shared heading: real padding, a gap, and a proper divider.
   Specificity note: .site .pairtwo>.opt is 0,3,0 - matched here, not beaten. */
.site .pairtwo{gap:14px;padding:14px}
.site .pairtwo>.opt{border:1px solid var(--t-line);border-radius:14px;
  background:var(--t-white);overflow:hidden;border-right:1px solid var(--t-line);
  transition:border-color .16s var(--ease),box-shadow .16s var(--ease)}
.site .pairtwo>.opt:last-child{border-right:1px solid var(--t-line)}
.site .pairtwo>.opt:hover{background:var(--t-white);border-color:var(--t-peri);
  box-shadow:0 12px 30px -20px rgba(22,27,45,.45)}
.site .pairtwo>.opt .thumb{background-color:var(--t-blue1)}
.site .pairtwo>.opt .olabel{border-top:1px solid var(--t-line)}
@media(max-width:760px){
  .site .pairtwo>.opt{border-right:1px solid var(--t-line);border-bottom:1px solid var(--t-line)}
}
/* PASS 25 - each ARIVE step card leads with its own drawn mark. Rocket for
   getting set up, file-plus for assigning us to the loan. */
.site .acard .amark{display:block;width:56px;height:56px;margin-bottom:14px}
.site .acard .amark img{width:56px;height:56px;display:block}
.site .acard{display:flex;flex-direction:column}
@media(max-width:560px){
  .site .acard .amark,.site .acard .amark img{width:46px;height:46px}
}

/* ---------- PASS 26: CTA row — heading gets the free width ---------- */
.site .ctarow{justify-content:space-between}
.site .ctarow>div:first-child{flex:1 1 auto;min-width:0}
.site .ctarow>.btn{flex:0 0 auto}.site .ctarow h2{max-width:none;text-wrap:balance}
/* ---------- PASS 27: ARIVE steps stack as wide article rows ---------- */
.site .agrid{grid-template-columns:minmax(0,1fr)!important;gap:14px}
.site .agrid .acard{
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;
  grid-template-areas:"mark st go" "mark h4 go";
  column-gap:22px;row-gap:6px;align-items:center;padding:20px 24px}
.site .agrid .acard .amark{grid-area:mark;display:block;width:46px;height:46px;margin:0}
.site .agrid .acard .amark img{width:46px;height:46px}
.site .agrid .acard .st{grid-area:st;justify-self:start;align-self:end}
.site .agrid .acard h4{grid-area:h4;align-self:start;margin:0}
.site .agrid .acard .go{grid-area:go;align-self:center;white-space:nowrap;
  border-top:0;margin-top:0;padding-top:0}
@media(max-width:640px){
  .site .agrid .acard{grid-template-columns:auto minmax(0,1fr);
    grid-template-areas:"mark st" "mark h4" "go go";row-gap:8px}
  .site .agrid .acard .go{justify-self:start;margin-top:4px}}
/* ---------- PASS 28: ARIVE step cards wear the brand faces, not the mono ---------- */
.site .band.robo .acard .st{font-family:var(--body);font-size:.63rem;font-weight:600;
  letter-spacing:.15em;padding:5px 10px;border-radius:var(--r-pill);margin-bottom:0}
.site .band.robo .acard h4{font-family:var(--disp);font-size:1.06rem;font-weight:700;
  letter-spacing:-.015em}
.site .band.robo .acard p{font-family:var(--body);font-size:.9rem;line-height:1.6;letter-spacing:0}
.site .band.robo .acard .go{font-family:var(--body);font-size:.7rem;font-weight:600;
  letter-spacing:.12em}
/* ---------- PASS 29: Submit a Loan only. Red Hat Display runs heavier than
   the old face at the same numeric weight, and this page’s hero is the
   largest on the site, so it read as shouting. Every other page keeps 800.
   ---------- */
.site.submitpage h1{font-weight:700;letter-spacing:-.032em;
  font-size:clamp(2.25rem,4.4vw,3.1rem)}
.site.submitpage .band>.c>h2{font-weight:700}
/* ---------- PASS 30: footer HUD — readout left, radar anchoring the right ----------
   Deliberately no live pipeline numbers here. Volume would mean a public
   endpoint exposing how many files are in flight; these three are already
   public facts about the business. ------------------------------------- */
.site .fops-row{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.site .fhud{flex:1 1 auto;min-width:0;display:flex;align-items:center;
  justify-content:flex-end;gap:24px}
.site .fread{display:flex;font-family:var(--mono);font-size:.6rem;
  letter-spacing:.12em;text-transform:uppercase}
.site .fread .fcell{padding:0 18px;border-left:1px solid rgba(255,255,255,.09);text-align:right}
.site .fread .fcell:first-child{border-left:0}
.site .fread .k{color:#5C6685;display:block;margin-bottom:5px}
.site .fread .v{color:#7EE7B2;font-size:.74rem;letter-spacing:.05em;display:block}
.site .fradar{width:66px;height:66px;flex:0 0 66px}
.site .fradar svg{width:100%;height:100%;display:block}
.site .fradar .sweep{transform-origin:50% 50%;animation:lpsweep 4s linear infinite}
@keyframes lpsweep{to{transform:rotate(360deg)}}
.site .fradar .blip{animation:lpblip 3s ease-in-out infinite}
.site .fradar .blip:nth-of-type(2){animation-delay:.9s}
.site .fradar .blip:nth-of-type(3){animation-delay:1.8s}
@keyframes lpblip{0%,100%{opacity:.15}45%{opacity:1}}
@media(max-width:900px){.site .fhud{display:none}}
@media(prefers-reduced-motion:reduce){
  .site .fradar .sweep,.site .fradar .blip{animation:none}}
/* ---------- PASS 31: header dropdowns ----------
   Opens on hover and on keyboard focus, so it works without a mouse. The
   parent link still goes to the section page, so the menu adds routes
   rather than taking one away. -------------------------------------- */
.site .nvi{position:relative;display:inline-flex}
.site .nvi>a{display:inline-flex;align-items:center;gap:6px}
.site .nvi>a .cv{transition:transform .18s var(--ease);opacity:.7}
.site .nvi:hover>a .cv,.site .nvi:focus-within>a .cv{transform:rotate(180deg);opacity:1}
.site .nvm{position:absolute;top:100%;left:50%;transform:translate(-50%,6px);
  min-width:210px;background:#FFFFFF;border:1px solid rgba(22,27,45,.10);
  border-radius:var(--r-md);padding:7px;margin-top:12px;display:flex;flex-direction:column;
  box-shadow:0 26px 50px -24px rgba(15,20,38,.42),0 2px 6px -2px rgba(15,20,38,.14);
  opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .16s var(--ease),transform .16s var(--ease),visibility .16s;z-index:60}
.site .nvm::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
.site .nvi:hover>.nvm,.site .nvi:focus-within>.nvm{
  opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
.site .nvm a{display:block;white-space:nowrap;padding:9px 13px;border-radius:var(--r-sm);
  font-size:.86rem;color:#1E2540!important;text-decoration:none;font-weight:500;
  transition:background .14s var(--ease),color .14s var(--ease)}
.site .nvm a:hover,.site .nvm a:focus-visible{background:#EEF0FE;
  color:#2A3350!important;outline:none}
@media(max-width:900px){
  .site .nvi{display:block;width:100%}
  .site .nvi>a .cv{display:none}
  .site .nvm{position:static;transform:none;opacity:1;visibility:visible;pointer-events:auto;
    background:none;border:0;box-shadow:none;padding:0 0 4px 14px;margin:0;min-width:0;
    border-left:1px solid rgba(255,255,255,.14)}
  .site .nvm::before{display:none}
  .site .nvm a{padding:7px 10px;font-size:.82rem}}
@media(prefers-reduced-motion:reduce){.site .nvm,.site .nvi>a .cv{transition:none}}
/* ── Common questions: hover ──────────────────────────────── */
/* These used to deepen to a sky tint on hover, which fought the rotating
   resting colours and read as a highlight rather than feedback. The tint
   swap is gone: .faq .qa now takes the sitewide card lift only, defined in
   the one-card system block near the top of this file. */

/* Resources sub-beat heading, in the .site layer so it matches the h2s. */
.site .subbeat h3{color:var(--t-navy)}
.site .subbeat{border-top-color:#D6DEE8}

/* The ARIVE setup caption is a single line of mono, not a paragraph — the
   inherited 445px cap broke it onto two. 34rem holds it on one line and still
   wraps normally on narrow screens. */
.site .band.robo .sub{max-width:34rem}

/* The ARIVE mark sat flush against the caption above it. It is inline-block,
   so a top margin applies without changing the flow. */
.site .band.robo .arivetag{margin-top:28px}

/* The lock panel lost its heading — the Covers row underneath already says
   what it handles — so the button leads and carries the weight. */
.site .lockbtn.big{font-size:.86rem;padding:17px 30px;letter-spacing:.13em;margin-bottom:30px}




/* Lock request box: breathing room above the button */
.site .lockcta.lockhero{padding-top:46px}

/* ARIVE cards use the SOP library card shell */
.site a.libcard{text-decoration:none;color:inherit}
.site .thumb.ar{background-color:#EDF3F9;background-repeat:no-repeat;background-position:50% 50%;background-size:auto 34%}
.site .aricard .libbody{display:flex;flex-direction:column}
.site .aricard .libacts{margin-top:auto}

/* periwinkle callbox */
.site .callbox{background:var(--t-peri)!important;border-color:var(--t-peri-ln)!important}
.site .callbox .cl{color:var(--t-peri-ink)!important}
.site .callbox .cn{color:var(--t-ink)!important}
.site .callbox .cs{color:rgba(22,27,45,.72)!important}

/* the footer needs air above it */
.site .foot{padding-top:96px}
@media(max-width:760px){.site .foot{padding-top:64px}}

/* the notify field should read as a field */
.site .adform input{background:#FFFFFF!important;border-color:var(--t-line)!important}
.site .adform input:focus{border-color:var(--t-peri-ln)!important}


/* The phone number is the point of this box, so it gets the lock CTA's
   treatment: a lifted pill with the fade sitting under it. */
.site .callbox .cn{
  display:inline-flex;align-items:center;
  background:#FFFFFF;
  border-radius:var(--ui-pill);
  padding:13px 26px;
  margin:12px 0 10px;
  font-size:1.7rem;
  box-shadow:0 10px 24px -12px rgba(36,58,119,.65);
  transition:transform .18s,box-shadow .18s,background .18s;
}
.site .callbox .cn:hover{
  background:#FFFFFF;
  color:var(--t-ink)!important;
  transform:translateY(-2px);
  box-shadow:0 16px 30px -12px rgba(36,58,119,.75);
}


/* ONE BUTTON TREATMENT
   The phone pill on Contact is the shape we settled on: white, dark ink,
   display type in sentence case, a soft navy fade sitting under it. The lock
   CTA follows it exactly, only smaller because the label is longer. */
.site .lockbtn,
.site .lockbtn.big{
  background:#FFFFFF;
  color:var(--t-ink);
  font-family:var(--disp);
  font-weight:800;
  font-size:1.15rem;
  letter-spacing:-.02em;
  text-transform:none;
  border-radius:var(--ui-pill);
  padding:13px 26px;
  gap:10px;
  box-shadow:0 10px 24px -12px rgba(36,58,119,.65);
  transition:transform .18s,box-shadow .18s,background .18s;
}
.site .lockbtn.big{margin-bottom:26px}
.site .lockbtn:hover{
  background:#FFFFFF;
  color:var(--t-ink);
  transform:translateY(-2px);
  box-shadow:0 16px 30px -12px rgba(36,58,119,.75);
}