/* Oposaúde design tokens.
   Source: https://oposics.cat/ (owner-supplied reference, read 2026-09-25), style.min.css `:root`
   plus the landing page's inline `:root` (--teal, --orange, --lp-*). Every value below is the
   exact value served by OposICS; only the brand name and mark are ours. Do not edit values
   here without re-reading the reference. */
@font-face{font-family:'Inter';font-style:normal;font-weight:400 900;font-display:swap;src:url(/fonts/inter-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:400 900;font-display:swap;src:url(/fonts/inter-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{
 /* Colour · app pages (style.min.css) */
 --blue:#0e7c7b;--blue-dark:#0b6363;--teal-bright:#12a594;--teal-soft:#e6f2f2;
 --accent:#ef8a3c;--accent-dark:#e07b2c;
 --green:#12a594;--green-soft:#e2f4f1;--red:#d64545;--red-soft:#fbe8e8;
 --ink:#1f2a33;--muted:#5b6b76;--line:#e4eaee;--bg:#f6f8fa;--card:#ffffff;
 /* Colour · landing aliases (inline :root on the OposICS home) */
 --teal:#0E7C7B;--teal-deep:#0B6363;--orange:#EF8A3C;--orange-hover:#E07B2C;
 --lp-bg:#F6F8FA;--lp-card:#FFFFFF;--lp-slate:#1F2A33;--lp-muted:#5B6B76;--lp-line:#E4EAEE;
 /* Wordmark: "Opos" slate, suffix teal on light; white and #8FE9D6 on the hero */
 --wm:#1F2A33;--wm-accent:#0E7C7B;--wm-dark:#FFFFFF;--wm-dark-accent:#8FE9D6;
 /* Gradients */
 --grad:linear-gradient(135deg,#0e7c7b 0%,#12a594 100%);
 --grad-deep:linear-gradient(135deg,#0b6363,#0e7c7b 55%,#12a594);
 --grad-hero:linear-gradient(135deg,#0B6363 0%,#0E7C7B 45%,#12A594 100%);
 /* Radius, padding, header height, shadows */
 --radius:16px;--radius-sm:12px;--pad-sm:18px;--pad:22px;--pad-lg:28px;--hh:62px;
 --shadow:0 10px 30px -14px rgba(15,42,51,.14);--shadow-lg:0 24px 60px -22px rgba(15,42,51,.22);
 --lp-radius:16px;--lp-shadow:0 10px 30px -12px rgba(15,42,51,.14);--lp-shadow-lg:0 24px 60px -20px rgba(15,42,51,.22);
 /* Containers: app pages 980, landing 1160 */
 --maxw:980px;--lp-maxw:1160px;
 /* Type */
 --font:'Inter',system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
@media(max-width:640px){:root{--hh:0px}}
@media(max-width:480px){:root{--pad-sm:15px;--pad:17px;--pad-lg:19px}}