/* ======================= OrendaTrust Design System ======================= */
/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Montserrat:wght@700;800&display=swap');

:root{
  /* Brand & Status (your palette) */
  --brand:#B22222;         /* Crimson Red (primary) */
  --accent:#FFB703;        /* Amber Gold (CTA) */
  --navy:#0D1B2A;          /* Dark Navy */
  --bg:#F5F5F5;            /* Light Gray background sections */
  --white:#FFFFFF;         /* Cards & content areas */
  --success:#2A9D8F;       /* Success Green */
  --error:#E63946;         /* Error Red */

  /* Text & Lines */
  --text:#0D1B2A;          /* Default text on light */
  --text-muted:#5B6B7C;
  --line:#E1E6EC;

  /* Elevation & Radius */
  --radius-lg:16px;
  --radius-md:12px;
  --shadow-1:0 8px 24px rgba(13,27,42,.08);
  --shadow-2:0 12px 40px rgba(13,27,42,.12);

  /* Typography scale */
  --ff-head:"Montserrat", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  --ff-body:"Inter", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  --fs-hero: clamp(2rem, 4vw, 3rem);
  --fs-h1: clamp(1.75rem, 3vw, 2.25rem);
  --fs-h2: clamp(1.25rem, 2.2vw, 1.6rem);
  --fs: 16px;

  /* Motion */
  --ease:cubic-bezier(.2,.7,.2,1);
  --dur:220ms;
  --dur-fast:140ms;
}

/* Base */
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font: var(--fs)/1.6 var(--ff-body);
  color:var(--text);
  background:var(--bg);
  top:0 !important;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}
.container{max-width:none;width:100%;margin:0;padding:18px}

/* Google Translate overrides */
.goog-te-banner-frame.skiptranslate{display:none !important;}
.goog-te-gadget,.goog-te-gadget span,.goog-logo-link{display:none !important;}
#ot-google-translate{display:none !important;}

/* Header */
header{position:sticky;top:0;z-index:40;background:var(--navy);color:#fff;border-bottom:1px solid rgba(255,255,255,.06)}
.navbar{display:flex;align-items:center;justify-content:space-between;gap:12px}
.brand{
  display:flex;
  align-items:center;
  gap:.6rem;
  font-family:var(--ff-head);
  font-weight:800;
  text-decoration:none;
}
.brand::before{content:none}
.brand img{height:36px;width:auto;display:block}
.brand span{line-height:1;color:#f4f7ff}
.hamburger{display:none;background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:10px;padding:.45rem .6rem;cursor:pointer}
.nav-links{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}
.nav-links a, .nav-links .nav-item>a{
  color:#e9f1ff;text-decoration:none;padding:.6rem .75rem;border-radius:10px;transition:all var(--dur-fast) var(--ease);
  font-weight:500
}
.nav-links a:hover, .nav-links .nav-item>a:hover{background:rgba(255,255,255,.08)}
.nav-links a.active{background:rgba(255,255,255,.12)}
.dashboard-shortcuts{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}
.dashboard-shortcut{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .8rem;border-radius:999px;background:rgba(255,255,255,.08);color:#fff;text-decoration:none;font-weight:600;font-size:.88rem;transition:background var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease)}
.dashboard-shortcut .sidebar-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:999px;background:rgba(255,255,255,.16);color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.04em}
.dashboard-shortcut:hover{background:rgba(255,255,255,.12);transform:translateY(-1px)}
.dashboard-shortcut.active{background:rgba(255,255,255,.2)}
.dashboard-shortcut.active .sidebar-icon{background:#fff;color:var(--navy)}
.nav-cta{display:flex;align-items:center;gap:.5rem}
.linklike{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.25);padding:.45rem .7rem;border-radius:10px;cursor:pointer}
.linklike:hover{background:rgba(255,255,255,.08)}
.btn-cta{
  background:linear-gradient(180deg, var(--accent), #ff9f00);
  color:#1a1200;border:0;border-radius:12px;padding:.6rem 1rem;font-weight:800;cursor:pointer;
  box-shadow:0 10px 22px rgba(255,183,3,.25);transition:filter var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);
}
.btn-cta:hover{filter:brightness(1.05);transform:translateY(-1px)}

/* Dropdown */
.nav-item{position:relative}
.dropdown{
  position:absolute; top:110%; left:0; min-width:230px; display:none;
  background:#0f2033; border:1px solid rgba(255,255,255,.12); border-radius:14px; padding:.5rem; box-shadow:var(--shadow-2);
  animation:fadeUp var(--dur-fast) var(--ease) both; transform-origin:top left; z-index:30;
}
.dropdown.open{display:block}
.dropdown a{display:block;color:#e9f1ff;padding:.55rem .6rem;border-radius:10px}
.dropdown a:hover{background:rgba(255,255,255,.1)}

/* Mobile nav */
@media (max-width: 900px){
  .hamburger{display:inline-flex}
  .nav-links{display:none;position:absolute;left:0;right:0;top:64px;padding:12px;border-bottom:1px solid rgba(255,255,255,.1);background:var(--navy)}
  .nav-links.open{display:flex;flex-direction:column;align-items:flex-start}
  .dashboard-shortcuts{flex-direction:column;align-items:flex-start;width:100%}
  .dashboard-shortcut{width:100%;justify-content:flex-start}
}

/* Hero */
.hero{
  margin:24px 0; padding:34px; border-radius:var(--radius-lg);
  background:var(--white); box-shadow:var(--shadow-1); border:1px solid var(--line);
}
.hero h1{margin:0 0 .35rem 0; font-family:var(--ff-head); font-size:var(--fs-hero)}
.lead{font-size:1.06rem;color:var(--text-muted)}

/* Ticker */
.ticker{
  margin:14px 0; background:var(--white); border:1px solid var(--line); border-radius:12px; overflow:hidden; box-shadow:var(--shadow-1)
}
.ticker-track{display:flex;gap:24px;white-space:nowrap;animation:ticker 30s linear infinite;padding:10px 14px}
@keyframes ticker{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.ti{display:inline-flex;gap:.5rem;align-items:center;font-weight:600}
.ti .up{color:var(--success)} .ti .down{color:var(--error)}

/* Cards & Sections */
.card{
  margin:18px 0; padding:22px; border-radius:var(--radius-lg);
  background:var(--white); border:1px solid var(--line); box-shadow:var(--shadow-1); transition:transform var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease);
}
.card:hover{transform:translateY(-2px); box-shadow:var(--shadow-2)}
.section{scroll-margin-top:90px}

/* Grid */
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width: 900px){ .grid-3{grid-template-columns:1fr} .grid-2{grid-template-columns:1fr} }

/* Buttons */
button,.btn-link{
  display:inline-block; background:var(--brand); color:#fff; border:0; text-decoration:none;
  padding:.7rem 1.05rem; border-radius:12px; cursor:pointer; font-weight:700;
  box-shadow:0 10px 22px rgba(178,34,34,.18); transition:transform var(--dur-fast) var(--ease), filter var(--dur-fast) var(--ease);
}
button:hover,.btn-link:hover{filter:brightness(1.04); transform:translateY(-1px)}
.btn-secondary{background:transparent;border:1px solid var(--line);color:var(--text)}
.btn-danger{background:var(--error)}
.badge{display:inline-flex;align-items:center;gap:.4rem;padding:.2rem .5rem;border-radius:999px;border:1px solid var(--line);background:#fff;color:#213244;font-size:.8rem}

/* Forms */
.stack>*{display:block;width:100%;margin:.5rem 0;padding:.8rem;border-radius:12px;border:1px solid var(--line);background:#fff;color:var(--text)}
.stack input::placeholder, .stack textarea::placeholder{color:#96a4b3}
select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#8394a7 50%),linear-gradient(135deg,#8394a7 50%,transparent 50%);background-position:calc(100% - 18px) 55%, calc(100% - 12px) 55%; background-size:6px 6px; background-repeat:no-repeat}

.login-form{gap:1rem}
.login-field{display:flex;flex-direction:column;gap:.35rem}
.login-field span{font-weight:600;color:var(--text)}
.login-field input{padding:.8rem;border-radius:12px;border:1px solid var(--line);background:#fff;color:var(--text)}
.login-field input:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(178,34,34,.12)}
.login-meta{display:flex;justify-content:space-between;align-items:center;gap:.5rem;font-size:.9rem;color:var(--text-muted)}
.login-meta .remember{display:flex;align-items:center;gap:.4rem}
.login-meta .remember input{margin:0}
.login-meta .forgot{color:var(--brand);text-decoration:none}
.login-meta .forgot:hover{text-decoration:underline}
.login-links{margin-top:1rem;display:flex;flex-direction:column;gap:.6rem}
.login-links .btn-link{width:100%;text-align:center}

.auth-hero{max-width:540px;margin:3rem auto;padding:0;background:transparent;border:none;box-shadow:none}
.auth-hero .form-card{background:#fff;border:1px solid var(--line);box-shadow:0 24px 55px rgba(13,27,42,.15);padding:2.5rem}
@media(max-width:640px){.auth-hero{margin:2.5rem auto;padding:0 1rem}.auth-hero .form-card{padding:1.75rem}}

.signup-form{gap:1.2rem}
.signup-form .login-field select,.signup-form .login-field input{width:100%}

.svc-wrapper{margin:0 auto;padding:0 1rem 4rem;max-width:none}
.svc-wrapper > *:first-child{margin-top:3rem}
.svc-hero{max-width:1200px;margin:0 auto 3rem;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,420px);gap:2rem;align-items:center;background:#ffffff;border-radius:20px;padding:2.5rem;box-shadow:0 24px 55px rgba(13,27,42,.12);border:1px solid var(--line)}
.svc-hero .copy h1{margin:0 0 1rem;font-size:2.4rem;letter-spacing:-0.02em}
.svc-hero .copy p.lead{font-size:1.125rem;color:#4d5d6f;max-width:520px}
.svc-hero .copy .svc-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.4rem}
.svc-hero .svc-media{position:relative;border-radius:18px;min-height:320px;background:#0d1b2a;display:flex;align-items:center;justify-content:center;color:#fff;text-align:center;padding:1.5rem;overflow:hidden}
.svc-media::after{content:"";position:absolute;inset:0;border-radius:18px;background:linear-gradient(180deg,rgba(0,0,0,.25),rgba(0,0,0,.05));opacity:.8;transition:opacity .3s ease}
.svc-media.has-image::after{opacity:0}
.svc-media img{width:100%;height:100%;object-fit:cover;border-radius:18px}
.svc-media__placeholder{position:relative;z-index:1;font-weight:600;line-height:1.5}
.svc-media__placeholder small{display:block;font-weight:400;color:rgba(255,255,255,.75)}

.svc-section{margin:3rem auto}
.svc-section.narrow{max-width:840px}
.svc-section h2{font-size:2rem;margin-bottom:.75rem}
.svc-section p.lead{font-size:1.1rem;color:#4d5d6f}

.svc-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}
.svc-feature-grid .svc-card{height:100%}
@media(max-width:960px){.svc-hero{grid-template-columns:1fr}.svc-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.svc-feature-grid{grid-template-columns:1fr}}

.svc-card{background:#fff;border-radius:18px;padding:1.5rem;border:1px solid var(--line);box-shadow:0 14px 32px rgba(13,27,42,.08);display:flex;flex-direction:column;gap:.75rem}
.svc-card h3{margin:0;font-size:1.2rem}
.svc-card p{margin:0;color:#4d5d6f}
.svc-card .svc-link{margin-top:auto}
.svc-link{color:var(--brand);text-decoration:none;font-weight:600}
.svc-link:hover{text-decoration:underline}

.svc-resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem}
.svc-resource{background:#0d1b2a;border-radius:18px;color:#fff;padding:1.5rem;position:relative;overflow:hidden}
.svc-resource.light{background:#fff;color:#213244;border:1px solid var(--line)}
.svc-resource .svc-resource-img{border-radius:14px;height:220px;margin-bottom:1rem;background:#1f3b5a;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;overflow:hidden}
.svc-resource .svc-resource-img img{width:100%;height:100%;object-fit:cover}
.svc-resource.light .svc-resource-img{background:#e9eff6;color:#213244}
@media(max-width:720px){.svc-resource-grid{grid-template-columns:1fr}}

.svc-help-bar{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem;padding:1.5rem;border:1px solid var(--line);border-radius:16px;background:#f8fafc}
.svc-help-item{flex:1 1 200px;display:flex;align-items:flex-start;gap:.75rem;color:#213244}
.svc-help-icon{width:44px;height:44px;border-radius:50%;background:#0d1b2a;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}
.svc-wrapper .svc-section{max-width:1200px;margin:3rem auto}
.transfer-card{max-width:760px;margin:0 auto;background:#fff;border-radius:18px;padding:2.5rem;box-shadow:0 24px 55px rgba(13,27,42,.12);border:1px solid var(--line);display:grid;gap:1rem}
.transfer-card h2{margin-top:0}
.transfer-card .grid-2{gap:1rem}
.transfer-card .muted{margin:0}
.transfer-tabs{display:flex;flex-wrap:wrap;gap:.5rem;background:#f3f6fb;padding:.5rem;border-radius:999px;align-self:center}
.transfer-tab{border:1px solid transparent;background:transparent;color:#213244;font-weight:600;padding:.45rem 1rem;border-radius:999px;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease}
.transfer-tab:hover{transform:translateY(-1px)}
.transfer-tab.active{background:#fff;border-color:rgba(13,27,42,.12);box-shadow:0 6px 18px rgba(13,27,42,.12)}
.transfer-pane{display:none}
.transfer-pane.active{display:block}
.transfer-pane form{display:grid;gap:1rem}
.transfer-pane .form-grid{display:grid;gap:1rem}
.transfer-pane .form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.transfer-pane textarea{min-height:110px;resize:vertical}
.transfer-status{margin:0;color:#4d5d6f;font-size:.95rem}
.receipt{margin-top:1rem;padding:1rem;border:1px solid var(--line);border-radius:12px;background:#f8fafc;display:grid;gap:.5rem;font-size:.95rem}
.receipt b{color:#0d1b2a}
.transfer-pane .btn-row{display:flex;gap:.75rem;flex-wrap:wrap}
@media(max-width:900px){.svc-hero{grid-template-columns:1fr;padding:2rem}.svc-wrapper{padding:0 1rem 3rem}}

.form-card{max-width:420px;margin:0 auto;background:#fff;border-radius:16px;padding:2rem;box-shadow:0 20px 45px rgba(13,27,42,.12);border:1px solid var(--line)}
.form-card h1{margin-top:0}
.form-card .form-grid{display:grid;gap:1rem}
.form-card .form-grid.two{grid-template-columns:repeat(2,1fr);gap:1rem}
@media(max-width:640px){.form-card{padding:1.5rem}.form-card .form-grid.two{grid-template-columns:1fr}}

.select{position:relative}


/* Tables */
.table-wrap{overflow:auto}
.ot-table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden}
.ot-table th,.ot-table td{padding:.9rem;border-bottom:1px solid var(--line);text-align:left}
.ot-table thead th{position:sticky;top:0;background:#f9fafb;z-index:1}
.ot-table tr:nth-child(even) td{background:#fcfcfd}

/* Dashboard layout */
.layout{
  display:grid; grid-template-columns: 1fr; gap:18px; align-items:start;
}

.dashboard-main{display:flex;flex-direction:column;gap:18px}
.dashboard-section{display:none;gap:18px}
.dashboard-section.active{display:flex;flex-direction:column}

.align-center{align-items:center}
.time-block{text-align:right}
@media(max-width:720px){.time-block{text-align:left;margin-top:1rem}}

.card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.1rem}
.card-header .actions{display:flex;align-items:center;gap:.75rem}

.muted{color:var(--text-muted)}
.small{font-size:.82rem}

.snapshot-card .snapshot-grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-top:.5rem;
}
.snapshot-card .snapshot-item{
  background:#f5f7fb;border:1px solid var(--line);border-radius:12px;padding:1rem;display:flex;flex-direction:column;gap:.3rem;
}
.snapshot-card .snapshot-item .big{margin:0;font-size:1.35rem}
.trend{font-weight:600;font-size:.9rem}
.trend.up{color:var(--success)}
.trend.down{color:var(--error)}

.accounts-wrapper{display:grid;gap:1rem}
.account-block{
  display:flex;justify-content:space-between;align-items:flex-start;gap:1.25rem;padding:1.1rem 1.3rem;
  border:1px solid var(--line);border-radius:14px;background:#fff;
}
.account-block__meta .label{font-weight:600;color:var(--text-muted);margin-bottom:.25rem}
.account-block__meta .account-number{font-size:1.2rem;font-weight:700}
.account-block__meta .tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.35rem}
.account-block__balances{display:flex;flex-wrap:wrap;gap:1.8rem;text-align:right}
.account-block__balances strong{display:block;font-size:1.05rem;margin-top:.25rem}
.account-block--empty{opacity:.68}
.account-actions{margin-top:1.3rem;display:flex;flex-wrap:wrap;gap:.6rem}
.account-actions .btn-link{box-shadow:none}

.overview-grid{display:grid;grid-template-columns:2fr 1fr;gap:18px}
.stacked-cards{display:flex;flex-direction:column;gap:18px}
@media(max-width:1100px){.overview-grid{grid-template-columns:1fr}}

.activity-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.8rem}
.activity-list li{display:flex;align-items:center;gap:.6rem;color:var(--text)}
.badge-small{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .5rem;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.6);font-size:.72rem;font-weight:600;color:var(--navy)}
.badge-small.success{background:rgba(42,157,143,.12);border-color:rgba(42,157,143,.35);color:var(--success)}

.tx-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin:1rem 0}
.summary-card{border:1px solid var(--line);border-radius:12px;padding:1rem;background:#f9fafc}
.summary-card .label{display:block;font-size:.82rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}
.summary-card .value{display:block;margin-top:.35rem;font-size:1.1rem;font-weight:700}

.tx-controls{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-bottom:1rem}
.chip-group{display:flex;gap:.5rem;flex-wrap:wrap}
.chip{
  background:#f1f4fa;border:1px solid transparent;color:var(--text);padding:.45rem 1rem;border-radius:999px;font-weight:600;
  cursor:pointer;transition:all var(--dur-fast) var(--ease);box-shadow:none;
}
.chip:hover{filter:brightness(1.03)}
.chip.active{background:#fff;border-color:var(--brand);color:var(--brand);box-shadow:0 6px 14px rgba(178,34,34,.15)}
.tx-search{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}
.tx-search input{
  padding:.65rem .8rem;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--text);min-width:220px;
}

.tx-amount{font-weight:700}
.tx-amount.credit{color:var(--success)}
.tx-amount.debit{color:var(--error)}

.profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}
.profile-grid .label{font-size:.82rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}
.profile-grid .value{font-weight:600}

.support-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1rem}

.settings-form{display:flex;flex-direction:column;gap:1rem}
.setting-toggle{
  display:flex;gap:.8rem;align-items:center;padding:1rem;border:1px solid var(--line);border-radius:12px;background:#fdfdff;
}
.setting-toggle input{width:20px;height:20px}
.setting-toggle span{display:flex;flex-direction:column;gap:.2rem;color:var(--text)}
.setting-toggle strong{font-size:.92rem}
.setting-toggle small{color:var(--text-muted)}

.document-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1rem}

.upcoming-item{display:flex;flex-direction:column;gap:.6rem;padding:.75rem 0;border-bottom:1px solid var(--line)}
.upcoming-item:last-child{border-bottom:0}
.upcoming-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}
.upcoming-row .amount{font-weight:700}

.btn-link.small{padding:.45rem .75rem;font-size:.82rem}
.btn-link.btn-secondary.small{border-width:1px}

/* Mobile tx accordion */
.tx-accordion { display:none }
@media (max-width: 720px){
  .ot-table{display:none}
  .tx-accordion{display:grid; gap:10px}
  .tx-item{border:1px solid var(--line);background:#fff;border-radius:12px;padding:12px}
  .tx-item .row{display:flex;justify-content:space-between;gap:10px}
  .tx-item .muted{color:var(--text-muted)}
}

/* Animations */
[data-animate]{opacity:0; transform:translateY(10px); transition:all .5s var(--ease)}
[data-animate].in{opacity:1; transform:none}
@keyframes fadeUp{from{opacity:0; transform:translateY(6px) scale(.98)} to{opacity:1; transform:none}}

/* Footer */
.site-footer{margin-top:48px;padding:48px 0 24px;background:#0b1627;color:#e5edf7}
.site-footer .footer-inner{display:flex;flex-direction:column;gap:32px}
.footer-top{display:flex;flex-wrap:wrap;gap:40px}
.footer-brand{flex:1 1 220px;min-width:220px}
.footer-logo{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--ff-head);font-weight:800;color:#fff;text-decoration:none}
.footer-logo img{height:38px;width:auto;display:block}
.footer-brand p{margin:1rem 0 0;max-width:360px;color:rgba(229,237,247,.78)}
.footer-socials{display:flex;gap:.65rem;margin-top:1.2rem}
.footer-socials a{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.12);color:#fff;text-decoration:none;font-weight:700;box-shadow:0 6px 18px rgba(9,20,33,.22);transition:background var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease)}
.footer-socials a:hover{background:rgba(255,255,255,.22);transform:translateY(-2px)}
.footer-columns{flex:2 1 420px;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:32px}
.footer-columns h4{margin:0 0 .75rem;font-size:1rem;color:#fff}
.footer-columns ul{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}
.footer-columns a{color:rgba(229,237,247,.85);text-decoration:none;font-weight:500}
.footer-columns a:hover{color:#fff}
.footer-bottom{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.1);padding-top:18px;font-size:.9rem;color:rgba(229,237,247,.76)}
.footer-bottom small{display:inline-flex;align-items:center;gap:.4rem}
.footer-legal{display:flex;flex-wrap:wrap;gap:1rem}
@media (max-width:720px){
  .footer-top{flex-direction:column}
  .footer-columns{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}
}

/* Accessibility */
a:focus, button:focus, input:focus, select:focus, textarea:focus{
  outline:3px solid #ffca4a; outline-offset:2px;
}

/* Language selector */
.lang{display:inline-flex;align-items:center;gap:.35rem;color:#fff;background:transparent;border:1px solid rgba(255,255,255,.25);padding:.45rem .7rem;border-radius:10px;cursor:pointer}
.lang select{background:transparent;border:0;color:#fff}

/* Ensure topic labels are visible regardless of global button styles */
.topic-pill{
  color:#0D1B2A !important;       /* OrendaTrust navy for text */
  font-weight:600;
  font-size:.95rem;
  display:block;
  text-align:left;
}

/* -------- Home slideshow helpers -------- */
.promo,
.big-cta .visual,
.assistant-band { position: relative; overflow: hidden; }

.bg-slideshow { position: absolute; inset: 0; z-index: 0; }

.bg-slideshow img {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  opacity: 0;                    /* start hidden */
  transition: opacity 900ms ease;
  filter: saturate(.98) contrast(1.02);
}

.bg-slideshow img.active { opacity: 1; }

/* Keep existing content above the images */
.promo > :not(.bg-slideshow),
.big-cta .copy,
.assistant-band > div:not(.bg-slideshow) { position: relative; z-index: 1; }

/* Soft readability overlay on image-backed sections */
.promo::after,
.assistant-band::after {
  content: "";
  position: absolute; inset: 0; z-index: 0;
  background: linear-gradient(180deg, rgba(2,12,26,.45), rgba(2,12,26,.2));
  pointer-events: none;
}

/* When slides are present in the big-cta visual, hide the text placeholder */
.big-cta .visual.has-slides > div:not(.bg-slideshow) { display: none; }

.promo.has-slides { color: #e7eef8; }
.promo.has-slides h1 { color: #f4f6fb; text-shadow: 0 3px 10px rgba(3,16,32,.55); }
.promo.has-slides .kicker { color: #dce7f5; text-shadow: 0 2px 8px rgba(3,16,32,.45); }
.promo.has-slides .emblem { color: #ffe3d7; text-shadow: 0 2px 8px rgba(3,16,32,.45); }
.promo.has-slides .btn-link { text-shadow: 0 2px 8px rgba(3,16,32,.45); }
.promo.has-slides .btn-link.btn-secondary {
  color: #f4f6fb;
  border-color: rgba(255,255,255,.55);
}

.assistant-band.has-slides { color: #f6f8fd; }
.assistant-band.has-slides h2 { color: #ffffff; text-shadow: 0 3px 12px rgba(0,0,0,.55); }
.assistant-band.has-slides p,
.assistant-band.has-slides .muted-sm,
.assistant-band.has-slides a { text-shadow: 0 2px 10px rgba(0,0,0,.55); }
.assistant-band.has-slides .lead { color: #d2e1ff; }

/* Optional: respect reduced motion */
@media (prefers-reduced-motion: reduce) {
  .bg-slideshow img { transition: none; }
}