/* ==========================================================================
   Board Infinity - shared web theme
   --------------------------------------------------------------------------
   Single source of truth for colour, type, spacing and the components that
   repeat across every Board Infinity page. Derived from:
     · Colour Palette PDF (official ramps, step 6 = designated primary)
     · board-infinity-website-v11 homepage (the approved reference build)

   RULES THIS FILE ENCODES - do not override them downstream:
   1. Brand 6 #0075EB is 4.43:1 on white and FAILS WCAG SC 1.4.3 for normal
      text. Every button label and link therefore uses brand 7 #006BD6
      (5.15:1). Brand 6 is a hover/fill/large-display colour only.
   2. Semantic colours are never decorative. Green = a confirmed success,
      amber = caution, red = an error. For decorative rotation use
      brand → accent-2 → accent-1 → brand-9.
   3. Muted text is neutral 8 #595959 (7.0:1). Neutral 7 #8C8C8C is 3.36:1
      and must never carry text.
   4. Buttons carry no drop shadow.
   5. No prefers-color-scheme blocks. Light is pinned.
   ========================================================================== */

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

:root{
  color-scheme: light;

  /* ---------- Brand ramp (0–10). Step 6 is the designated primary. ---------- */
  --brand-0:#F5FAFF; --brand-1:#E6F3FF; --brand-2:#BDDEFF; --brand-3:#8AC4FF;
  --brand-4:#57ABFF; --brand-5:#1F8FFF; --brand-6:#0075EB; --brand-7:#006BD6;
  --brand-8:#004CA3; --brand-9:#002B6B; --brand-10:#00173D;

  /* ---------- Semantic ramps - meaning only, never decoration ---------- */
  --error-1:#FFF1F0;  --error-6:#D13845;  --error-9:#5E0B1B;
  --warn-2:#FFEBA8;   --warn-3:#FFDD80;   --warn-6:#FCA106;  --warn-9:#8A4900;
  --ok-1:#E6F9F1;     --ok-2:#B2ECD3;     --ok-6:#06C170;    --ok-9:#036A3E;

  /* ---------- Accents - tags, badges, icons, data viz ---------- */
  --a1-1:#FFF6F0; --a1-3:#FFD4BD; --a1-4:#FFB694; --a1-6:#F46C40; --a1-8:#A8351B;
  --a2-1:#F4EBFF; --a2-3:#D6BBFB; --a2-4:#B692F6; --a2-6:#7F56D9; --a2-8:#53389E;

  /* ---------- Neutral ramp (1–13, per the PDF's own numbering) ---------- */
  --n-1:#FFFFFF; --n-2:#FAFAFA; --n-3:#F5F5F5; --n-4:#F0F0F0; --n-5:#D9D9D9;
  --n-6:#BFBFBF; --n-7:#8C8C8C; --n-8:#595959; --n-9:#434343; --n-10:#262626;
  --n-11:#1F1F1F; --n-12:#141414; --n-13:#000000;

  /* ---------- Role tokens - use these, not the ramps, in page CSS ---------- */
  --blue:#0075EB;          /* fills, hovers, large display text        */
  --blue-txt:#006BD6;      /* ALL button labels, links, small blue text */
  --blue-hov:#1F8FFF;
  --blue-deep:#004CA3;
  --navy:#00173D;          /* headings, dark sections                  */
  --navy-2:#002B6B;
  --canvas:#071322;        /* footer / deepest surface                 */

  --ink:#141414;
  --text:#262626;          /* body                                     */
  --text-2:#595959;        /* secondary + muted. Never #8C8C8C.        */
  --line:#D9D9D9;          /* strong divider                           */
  --line-2:#F0F0F0;        /* hairline                                 */
  --paper:#FFFFFF;
  --paper-2:#FAFAFA;
  --surface:#FAFDFF;       /* blue-tinted page background               */

  --on-navy:#B7CEEA;       /* body text on navy   - 10.9:1             */
  --on-navy-2:#8FAACD;
  --on-navy-a:#6FB0FF;     /* accent text on navy                      */
  --on-canvas:#C7D6E5;     /* footer links        - 12.6:1             */
  --on-canvas-2:#8FA6BC;   /* footer body         -  7.4:1             */

  /* ---------- Elevation - navy-tinted, never neutral black ---------- */
  --sh-sm:0 1px 3px rgba(0,23,61,.07),0 1px 2px rgba(0,23,61,.05);
  --sh-md:0 6px 20px -6px rgba(0,23,61,.14);
  --sh-lg:0 28px 64px -20px rgba(0,23,61,.22);

  /* ---------- Radius, rhythm, type ---------- */
  --r-sm:8px; --r-md:12px; --r-lg:18px; --r-xl:24px; --r-pill:999px;
  --max:1200px;
  --pad:28px;
  --font:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
}

/* ==========================  reset & base  ============================== */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--font);font-size:16px;line-height:1.65;color:var(--text);
  background:var(--paper);-webkit-font-smoothing:antialiased;overflow-x:clip}
img,svg,video{display:block;max-width:100%}
a{color:var(--blue-txt);text-decoration:none}
a:hover{text-decoration:underline}
button{font-family:inherit;cursor:pointer}
ul{margin:0;padding:0}
:focus-visible{outline:3px solid var(--blue-txt);outline-offset:2px;border-radius:4px}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}

/* ==========================  type scale  =============================== */
h1,h2,h3,h4{margin:0;color:var(--navy);letter-spacing:-.025em;line-height:1.15;font-weight:800}
h1{font-size:clamp(38px,4.9vw,64px);letter-spacing:-.032em;line-height:1.04}
h2{font-size:clamp(29px,3.6vw,46px)}
h3{font-size:clamp(19px,2.1vw,25px)}
h4{font-size:17px;letter-spacing:-.015em}

.lede{font-size:clamp(16.5px,1.4vw,19px);color:var(--text-2);margin:0}
.lede b{color:var(--navy);font-weight:800}

.eyebrow{display:inline-block;font-size:12px;font-weight:900;letter-spacing:.13em;
  text-transform:uppercase;color:var(--blue-txt);margin-bottom:12px}

/* Every headline figure on every page uses .num - tabular, tight, one look. */
.num{font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1;
  font-weight:800;letter-spacing:-.03em;line-height:1}

/* Blue emphasis inside a heading. Headings never go green, amber or teal. */
h1 em,h2 em,h3 em{font-style:normal;color:var(--blue-txt)}
.grad{background:linear-gradient(96deg,var(--blue-txt) 8%,var(--blue) 46%,var(--a2-6) 96%);
  -webkit-background-clip:text;background-clip:text;color:transparent}
@supports not (background-clip:text){.grad{color:var(--blue-txt)}}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip-link{position:absolute;left:16px;top:-56px;z-index:300;background:var(--blue-txt);
  color:#fff;padding:10px 16px;border-radius:0 0 8px 8px;transition:top .15s}
.skip-link:focus{top:0}

/* ==========================  layout  =================================== */
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--pad)}
.sec{padding:84px 0}
.sec--tint{background:var(--brand-0)}
.sec--alt{background:var(--paper-2)}
.sec--navy,.sec--canvas{color:#fff;position:relative;overflow:hidden}
.sec--navy{background:linear-gradient(160deg,var(--navy) 0%,var(--navy-2) 55%,#001029 100%)}
.sec--canvas{background:var(--canvas)}
/* Blue radial glow, top-right. Same recipe as the homepage dark bands. */
.sec--navy::before{content:"";position:absolute;width:640px;height:640px;border-radius:50%;
  top:-260px;right:-140px;pointer-events:none;
  background:radial-gradient(circle,rgba(0,117,235,.28),transparent 68%)}
/* Faint grid. This is what stops a dark band reading flat and dull. */
.sec--navy::after,.sec--canvas::before{content:"";position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.7) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(255,255,255,.7) 1px,transparent 1px);
  background-size:56px 56px}
.sec--navy::after{opacity:.07}
.sec--canvas::before{opacity:.055;background-size:104px 104px}
.sec--navy>.wrap,.sec--canvas>.wrap{position:relative;z-index:1}
.sec--navy h2,.sec--canvas h2,.sec--navy h3,.sec--canvas h3{color:#fff}
.sec--navy .eyebrow,.sec--canvas .eyebrow{color:var(--on-navy-a)}
.sec--navy .lede,.sec--canvas .lede{color:var(--on-navy)}
.sec--navy .lede b,.sec--canvas .lede b{color:#fff}

.sec-head{max-width:780px;margin-bottom:44px}
.sec-head--center{margin-left:auto;margin-right:auto;text-align:center}
.sec-head p{margin:14px 0 0;font-size:17.5px;color:var(--text-2);text-wrap:pretty}
.sec--navy .sec-head p,.sec--canvas .sec-head p{color:var(--on-navy)}

/* ==========================  buttons  ================================== */
/* No drop shadows. Labels sit on brand 7 so they clear 4.5:1. */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:700;
  font-size:15px;line-height:1;border-radius:var(--r-md);border:1.5px solid transparent;
  padding:15px 26px;white-space:nowrap;text-decoration:none!important;
  transition:background .18s,border-color .18s,color .18s,transform .18s}
.btn-p{background:var(--blue-txt);color:#fff}
.btn-p:hover{background:var(--blue);transform:translateY(-1px)}
.btn-g{background:#fff;color:var(--navy);border-color:var(--line)}
.btn-g:hover{border-color:var(--blue-txt);color:var(--blue-txt)}
.btn-w{background:#fff;color:var(--navy)}
.btn-w:hover{transform:translateY(-1px);box-shadow:0 14px 30px -14px rgba(0,0,0,.5)}
.btn-on{background:transparent;color:#fff;border-color:rgba(255,255,255,.42)}
.btn-on:hover{background:rgba(255,255,255,.12);border-color:#fff}
.btn-lg{padding:17px 32px;font-size:16px}
.btn-sm{padding:12px 22px;font-size:14px}
.btn .arr{transition:transform .18s}
.btn:hover .arr{transform:translateX(3px)}

/* ==========================  badge / pill / chip  ====================== */
.badge{display:inline-flex;align-items:center;gap:8px;background:#fff;
  border:1px solid var(--brand-2);border-radius:var(--r-pill);padding:9px 18px;font-size:12px;
  font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--blue-txt);
  box-shadow:var(--sh-sm)}
.badge i{width:7px;height:7px;border-radius:50%;background:var(--blue);flex:none}
.chip{display:inline-block;font-size:11.5px;font-weight:700;border-radius:var(--r-pill);
  padding:4px 11px;background:var(--brand-0);color:var(--blue-txt);border:1px solid var(--brand-2)}

/* ==========================  nav  ====================================== */
.nav{position:sticky;top:0;z-index:200;background:rgba(255,255,255,.92);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid transparent;transition:border-color .2s,box-shadow .2s}
.nav.sc{border-bottom-color:var(--line-2);box-shadow:var(--sh-sm)}
.nav-in{display:flex;align-items:center;gap:26px;height:76px;max-width:var(--max);
  margin:0 auto;padding:0 var(--pad)}
.logo{display:flex;align-items:center;gap:12px;flex:none;text-decoration:none!important}
.logo img{width:118px;height:auto}
.logo-div{width:1px;height:28px;background:var(--line)}
.logo-ctx{font-size:13px;font-weight:700;color:var(--text-2);line-height:1.25}
.nav-l{display:flex;align-items:center;gap:24px;margin-left:auto}
.nav-l>a{color:var(--text);font-weight:600;font-size:14.5px;white-space:nowrap;text-decoration:none}
.nav-l>a:hover{color:var(--blue-txt)}
.nav-cta{display:flex;align-items:center;gap:10px}
.nav-tog{display:none;background:none;border:1px solid var(--line);border-radius:10px;
  padding:8px;color:var(--navy);margin-left:auto}

/* ==========================  outcome band (the numbers)  =============== */
.oband{background:linear-gradient(135deg,var(--navy) 0%,var(--navy-2) 70%,var(--navy) 130%);
  border-radius:var(--r-xl);padding:48px 44px;position:relative;overflow:hidden}
.oband::before{content:"";position:absolute;width:560px;height:560px;border-radius:50%;
  top:-260px;right:-130px;background:radial-gradient(circle,rgba(0,117,235,.4),transparent 66%);
  pointer-events:none}
.oband::after{content:"";position:absolute;inset:0;opacity:.07;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.7) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(255,255,255,.7) 1px,transparent 1px);
  background-size:56px 56px}
.ob{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px}
.ob>div{border-left:2px solid rgba(255,255,255,.16);padding-left:22px}
.ob>div:first-child{border-left:0;padding-left:0}
.ob b{display:block;font-size:clamp(30px,3.4vw,44px);font-weight:800;letter-spacing:-.03em;
  color:#fff;line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap}
/* Four stats, not five: a 5th cell is too narrow for a long Indian-format figure
   (6,00,000+) at 44px, and shrinking the type breaks parity with the homepage. */
.ob--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.ob span{display:block;font-size:13px;color:var(--on-navy);margin-top:8px;line-height:1.45}

/* ==========================  accreditation band  ======================= */
.accr{background:#fff;border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2);padding:52px 0}
.accr-h{text-align:center;margin-bottom:30px}
.accr-h p{font-size:14.5px;color:var(--text-2);margin:9px 0 0}
.accr-h p b{color:var(--blue-txt)}
.accr-b{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.ab{display:flex;flex-direction:column;align-items:center;text-align:center;
  padding:15px 14px 13px;border:1px solid var(--line-2);border-radius:var(--r-md);
  background:var(--brand-0);width:178px;min-height:120px;transition:border-color .2s,transform .2s}
.ab:hover{border-color:var(--brand-2);transform:translateY(-2px)}
.ab img{height:auto;width:auto;max-height:44px;max-width:140px;object-fit:contain;margin:0 auto 10px}
.ab .a{font-size:21px;font-weight:900;color:var(--navy);height:44px;display:flex;
  align-items:center;margin-bottom:10px}
.ab .b{font-size:12px;font-weight:700;color:var(--text-2);line-height:1.45}

/* ==========================  cards  ==================================== */
.card{background:#fff;border:1px solid var(--line-2);border-radius:var(--r-lg);
  padding:28px;box-shadow:var(--sh-sm);transition:transform .18s,box-shadow .18s,border-color .18s}
.card:hover{transform:translateY(-3px);box-shadow:var(--sh-md);border-color:var(--brand-2)}
.card h3{font-size:18px;margin-bottom:8px}
.card p{margin:0;font-size:14.5px;color:var(--text-2)}
.ico{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;flex:none}

/* Decorative rotation. Brand → accent 2 → accent 1 → brand 9.
   Semantic green/amber/red are deliberately absent. */
.ico--1{background:var(--brand-1);color:var(--blue-txt)}
.ico--2{background:var(--a2-1);color:var(--a2-8)}
.ico--3{background:var(--a1-1);color:var(--a1-8)}
.ico--4{background:var(--brand-1);color:var(--brand-9)}
.ico--solid-1{background:var(--blue-txt);color:#fff}
.ico--solid-2{background:var(--a2-6);color:#fff}
.ico--solid-3{background:var(--a1-6);color:#fff}
.ico--solid-4{background:var(--brand-9);color:#fff}
/* Success tick - the ONE legitimate green, on real confirmations only. */
.ico--ok{background:var(--ok-1);color:var(--ok-9)}
/* Gradient tiles, lifted from the homepage. Use on dark bands where a flat tint
   disappears. Same brand -> accent2 -> accent1 -> brand9 rotation. */
.ico--g1{background:linear-gradient(135deg,#006BD6,#57ABFF);color:#fff}
.ico--g2{background:linear-gradient(135deg,#7F56D9,#B692F6);color:#fff}
.ico--g3{background:linear-gradient(135deg,#A8351B,#F46C40);color:#fff}
.ico--g4{background:linear-gradient(135deg,#002B6B,#0075EB);color:#fff}
.ico--g5{background:linear-gradient(135deg,#004CA3,#8AC4FF);color:#fff}

/* ==========================  checks list  ============================== */
.checks{list-style:none;display:grid;gap:15px}
.checks li{display:flex;gap:13px;font-size:15.5px;color:var(--text-2)}
.checks b{color:var(--navy)}
.checks .ck{flex:none;width:25px;height:25px;border-radius:50%;background:var(--brand-1);
  color:var(--blue-txt);display:grid;place-items:center;margin-top:1px}
.sec--navy .checks li,.sec--canvas .checks li{color:var(--on-navy)}
.sec--navy .checks b,.sec--canvas .checks b{color:#fff}
.sec--navy .checks .ck,.sec--canvas .checks .ck{background:rgba(255,255,255,.12);color:var(--on-navy-a)}

/* ==========================  faq  ===================================== */
.faq{max-width:860px;margin:0 auto}
.faq details{border:1px solid var(--line-2);border-radius:var(--r-md);background:#fff;
  margin-bottom:12px;box-shadow:var(--sh-sm)}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;
  align-items:center;gap:16px;font-weight:700;font-size:16px;padding:19px 22px;color:var(--navy)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:25px;font-weight:400;color:var(--blue-txt);
  flex:none;transition:transform .18s;line-height:1}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq .a{padding:0 22px 20px;color:var(--text-2);font-size:15px}
.faq .a p{margin:0 0 10px}
.faq .a p:last-child{margin:0}

/* ==========================  forms  =================================== */
.field{display:flex;flex-direction:column;gap:6px}
.field label{font-size:12.5px;font-weight:700;color:var(--text)}
.field input,.field select,.field textarea{width:100%;border:1.5px solid var(--line);
  border-radius:10px;padding:12px 13px;font-family:inherit;font-size:14.5px;color:var(--ink);
  background:#fff;transition:border-color .15s,box-shadow .15s}
.field textarea{resize:vertical;min-height:78px}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;
  border-color:var(--blue-txt);box-shadow:0 0 0 3px var(--brand-1)}

/* ==========================  table  ==================================== */
.tbl-wrap{overflow-x:auto;border:1px solid var(--line-2);border-radius:var(--r-lg);
  box-shadow:var(--sh-sm);background:#fff}
table.tbl{width:100%;border-collapse:collapse;min-width:700px}
table.tbl th{text-align:left;font-size:11.5px;font-weight:900;letter-spacing:.1em;
  text-transform:uppercase;color:var(--text-2);padding:16px 22px;background:var(--paper-2);
  border-bottom:1px solid var(--line-2);white-space:nowrap}
table.tbl td{padding:16px 22px;font-size:14.5px;border-bottom:1px solid var(--line-2);color:var(--text-2)}
table.tbl tr:last-child td{border-bottom:0}
table.tbl td:first-child{font-weight:700;color:var(--navy)}
table.tbl td.n{font-weight:800;color:var(--navy);font-variant-numeric:tabular-nums}
table.tbl tbody tr:hover{background:var(--brand-0)}
table.tbl tfoot td{background:var(--brand-0);font-weight:800;color:var(--navy);
  border-top:2px solid var(--brand-2)}

/* ==========================  footer CTA band  ==========================
   Sits directly above footer.ft. Same recipe as the homepage: canvas ground,
   a faint 104px grid, a green availability pill and a white contact button. */
.ftcta{background:var(--canvas);color:#fff;padding:66px 0 60px;position:relative;
  overflow:hidden;border-bottom:1px solid rgba(255,255,255,.08)}
.ftcta::before{content:"";position:absolute;inset:0;opacity:.055;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.6) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(255,255,255,.6) 1px,transparent 1px);
  background-size:104px 104px}
.ftcta .wrap{position:relative;display:flex;align-items:center;justify-content:space-between;
  gap:32px;flex-wrap:wrap}
.ftcta .ft-pill{display:inline-flex;align-items:center;gap:9px;font-size:11.5px;font-weight:900;
  letter-spacing:.13em;text-transform:uppercase;color:#22C58B;
  border:1px solid rgba(34,197,139,.4);border-radius:var(--r-pill);padding:9px 17px}
.ftcta .ft-pill i{width:7px;height:7px;border-radius:50%;background:#22C58B;flex:none}
.ftcta h2{font-size:clamp(28px,3.8vw,44px);font-weight:900;letter-spacing:-.035em;
  line-height:1.15;margin-top:20px;color:#fff}
.ftcta h2 span{background:linear-gradient(96deg,#4DA3FF,#22C58B);
  -webkit-background-clip:text;background-clip:text;color:transparent}
.ftcta .wbtn{display:inline-flex;align-items:center;gap:11px;background:#fff;color:var(--canvas);
  border-radius:16px;padding:19px 30px;font-size:16px;font-weight:800;white-space:nowrap;
  text-decoration:none!important;transition:transform .16s,box-shadow .16s}
.ftcta .wbtn:hover{transform:translateY(-2px);box-shadow:0 14px 30px -12px rgba(0,0,0,.6)}
.ftcta .wbtn svg{width:19px;height:19px}

/* ==========================  footer  =================================== */
footer.ft{background:var(--canvas);color:var(--on-canvas-2);padding:58px 0 30px}
.ft-g{display:grid;grid-template-columns:1.5fr repeat(5,minmax(0,1fr));gap:36px 26px;margin-bottom:44px}
footer.ft h4{color:#fff;font-size:12px;font-weight:900;text-transform:uppercase;
  letter-spacing:.11em;margin-bottom:18px}
footer.ft ul{display:grid;gap:13px;list-style:none}
footer.ft a{color:var(--on-canvas);font-size:14.5px;text-decoration:none;line-height:1.4}
footer.ft a:hover{color:#fff;text-decoration:none}
footer.ft .brand img{width:132px;filter:brightness(0) invert(1)}
footer.ft .brand>p{font-size:14px;margin:18px 0 0;max-width:340px;line-height:1.65;color:var(--on-canvas-2)}
.ft-row{display:flex;align-items:flex-start;gap:13px;margin-top:22px;font-size:14px;
  line-height:1.6;color:var(--on-canvas)}
.ft-row svg{width:18px;height:18px;flex:none;margin-top:2px;color:var(--on-canvas-2)}
.ft-row a{font-size:14px}
.ft-soc{display:flex;gap:11px;margin-top:26px}
.ft-soc a{width:42px;height:42px;border-radius:11px;background:#12253A;display:flex;
  align-items:center;justify-content:center;color:#fff;transition:background .18s}
.ft-soc a:hover{background:#1D3B5C}
.ft-soc svg{width:17px;height:17px}
.ft-b{border-top:1px solid rgba(255,255,255,.1);padding-top:26px;display:flex;
  justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13.5px;color:var(--on-canvas-2)}
.ft-b .lk{display:flex;gap:26px}

/* ==========================  reveal  =================================== */
.rv{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
.rv.in{opacity:1;transform:none}

/* ==========================  responsive  =============================== */
@media(max-width:1080px){
  .ft-g{grid-template-columns:1.4fr repeat(3,minmax(0,1fr))}
  .ob{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ob>div:nth-child(3n+1){border-left:0;padding-left:0}
}
@media(max-width:920px){ .nav-l,.nav-cta .login{display:none} .nav-tog{display:block} }
@media(max-width:760px){
  .ftcta .wrap{flex-direction:column;align-items:flex-start}
  :root{--pad:20px}
  .sec{padding:56px 0}
  .oband{padding:30px 24px}
  .ob{grid-template-columns:1fr 1fr;gap:22px}
  .ob>div:nth-child(odd){border-left:0;padding-left:0}
  .ft-g{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ft-g .brand{grid-column:1/-1}
  .ab{width:calc(50% - 5px)}
}