/* Design tokens — sources:
   gerayo.com  (www.gerayo.com/assets/index-Dwb00RVx.css, Quasar): --q-primary #0b5965, --q-secondary #26a69a, --q-warning #f2c037, body font Lato, cards radius 14px, Quasar shadow
   carpool.gerayo.com (/assets/index-jbGCWjN3.css): same primary/secondary/warning + --q-accent #0e3f75
   logo: /workspace/gerayo-launch-prep/brand/gerayo-carpool.png = solid #0b5965 */
@import url(/static/fonts/lato.css);
:root{
  /* brand */
  --brand:#0B5965;        /* gerayo.com + carpool --q-primary, logo PNG colour */
  --brand-hover:#084852;  /* derived: primary darkened */
  --brand-bright:#26A69A; /* gerayo.com --q-secondary */
  --brand-navy:#0E3F75;   /* carpool.gerayo.com --q-accent */
  --brand-300:#9ED3CE;    /* derived tint of #26a69a */
  --brand-50:#E3F1F0;     /* derived tint of #0b5965 */
  --mist:#EDF2F3;
  --cream:#FCF5EF;
  --sand:#F5EEE8;
  --green:#21BA45;        /* gerayo.com --q-positive */
  --green-50:#EFF9F1;
  --orange:#F2C037;       /* gerayo.com/carpool --q-warning (highlight yellow) */
  --red:#C10015;          /* gerayo.com --q-negative */
  --ink:#333333;
  --muted:#6F6F7A;        /* derived from gerayo #8C8C8C, darkened for AA contrast */
  --line:#ECECEC;
  --line-2:#D1D1D1;
  --surface:#FFFFFF; --bg:#F7F7FB;
  /* answer colours (TV/phone): distinct hues, white text >= 4.5:1 except amber (dark text) */
  --a0:#D9434A; --a1:#0E3F75; --a2:#F2C037; --a3:#2E8B3E; /* red, navy (accent), yellow (warning), green — distinct on teal TV */
  /* type */
  --font:'Lato',Verdana,Geneva,ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --fs-xs:.75rem; --fs-sm:.875rem; --fs-md:1rem; --fs-lg:1.125rem; --fs-xl:1.5rem; --fs-2xl:2rem; --fs-3xl:2.75rem;
  /* spacing (4px scale) */
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:20px; --s6:24px; --s8:32px; --s10:40px; --s12:48px; --s16:64px;
  /* radius — gerayo.com: cards 14px, buttons/inputs 7px, pills 28px */
  --r-sm:7px; --r-md:10px; --r-lg:14px; --r-xl:20px; --r-full:9999px;
  /* shadows — Quasar shadow used on gerayo.com: 0 1px 5px #0003,0 2px 2px #00000024,0 3px 1px -2px #0000001f */
  --sh-1:0 1px 5px #0003,0 2px 2px #00000024,0 3px 1px -2px #0000001f;
  --sh-2:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f;
  --sh-3:0 7px 8px -4px #0003,0 12px 17px 2px #00000024,0 5px 22px 4px #0000001f;
  --sh-brand:0 10px 24px -6px rgba(11,89,101,.45);
  --grad-brand:linear-gradient(135deg,#167B83 0%,#0B5965 45%,#084852 100%);
  --grad-tv:radial-gradient(1200px 700px at 12% -10%,#1C8C8A 0%,rgba(11,89,101,.0) 60%),radial-gradient(900px 600px at 110% 120%,#0E3F75 0%,rgba(54,69,156,0) 60%),linear-gradient(160deg,#06323A 0%,#05242C 55%,#03161C 100%);
  --ease:cubic-bezier(.2,.8,.2,1);
}
.ic{width:1.25em;height:1.25em;flex:none;vertical-align:-.25em;display:inline-block}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* logo (concept 9): four answer tiles teal #0B5965 / light teal #26A69A / navy #0E3F75 / yellow #F2C037, white ▲ ● ■ and navy ◆ */
.lockup{display:inline-flex;align-items:center;gap:.55em;line-height:1;text-decoration:none}
.lockup img{width:2.1em;height:2.1em;flex:none;border-radius:0!important;box-shadow:none!important;background:none}
.lockup .wm{display:flex;flex-direction:column;gap:.12em;font-family:Lato,system-ui,sans-serif}
.lockup .wm b{font-weight:900;font-size:1.15em;color:#0E3F75;letter-spacing:-.01em}
.lockup .wm small{font-weight:400;font-size:.52em;letter-spacing:.32em;text-transform:uppercase;color:#26A69A}
.lockup .wm em{font-style:normal;font-weight:500;font-size:.55em;color:var(--muted,#6b7c80);margin-top:.2em}
.lockup.dark .wm b{color:#fff}.lockup.dark .wm small{color:#5fd0c3}.lockup.dark img{filter:drop-shadow(0 0 1px rgba(255,255,255,.55))}
img.mark{border-radius:0!important;box-shadow:none!important}