/* Nabdah website tokens (design system v1, 19 Oct 2026), taken from the v5 home page.
   Layer 1 is the palette and the raw scales. Layer 2 is semantic roles; components use these.
   Layer 3 keeps v5's names (--navy, --lime …) as aliases, so v5.css runs unchanged on top of this file.
   Light site only: dark sections are a surface, not a theme. Only transform and opacity animate. */
:root{
  /* ── 1. palette ── */
  --em-950:#021A18;  /* night: solid nav, the deepest surface, theme-color */
  --em-900:#052824;  /* dark sections (hero, care, revenue cycle, finale) */
  --em-850:#0A3934;  /* raised surface on dark */
  --em-800:#0E2F2A;  /* device bezel on dark mockups */
  --em-700:#0B6E5D;  /* brand green on light: links, icons, bars, focus on light */
  --em-750:#095C4E;  /* hover of em-700 */
  --em-400:#9CCFBA;  /* mint, start of the art gradient */
  --em-300:#A9D9C4;  /* sky: kicker text on dark */
  --em-200:#CFE0D8;  /* hairlines on mint */
  --em-100:#DCEBE5;  /* mist: top of light section gradients */
  --em-75: #E7F2EE;  /* active row */
  --em-50: #F1F6F4;  /* tinted section */
  --em-25: #F5F8F7;  /* fills inside UI mockups */
  --lime-400:#C6F36D; /* the action colour: primary buttons, highlights on dark */
  --lime-300:#D3F887; /* hover */
  --n-0:#FFFFFF; --n-950:#000000; --n-850:#292929; --n-750:#3D3D3D; --n-650:#555555;
  --n-500:#6E6E6E;   /* secondary text: 5.1:1 on white */
  --n-450:#737373;   /* secondary text in small UI: 4.7:1 on white */
  --n-200:#E3E3E3; --n-150:#EBEBEB; --n-100:#F0F0F0; --n-50:#F2F2F2;
  --ok-bg:#E3F2E7;   --ok-fg:#1F6B3A;
  --warn-bg:#FCEFD9; --warn-fg:#94570A; --warn-bar:#E2A04A;
  --bad-bg:#FBE5E3;  --bad-fg:#A3261F;  --bad-line:#C0362C;
  --wa-chat:#EFEAE2; --wa-me:#D9FDD3;   /* WhatsApp mockups only */

  /* ── type ── */
  --font-latin:Inter,"Inter Fallback",system-ui,sans-serif;
  --font-arabic:"IBM Plex Sans Arabic",Inter,"Inter Fallback",sans-serif;
  --font-display:Alexandria,Inter,"Inter Fallback",sans-serif;
  /* brand v1 names for the palette (same values): Deep --em-900, Night --em-950, Raised --em-850, Emerald --em-700, Mint --em-400, Mist --em-100, Tint #F1F6F4; Beat is lime (deep grounds only) */
  --leaf:#4E9A0E; /* the dot of the mark on light grounds; mark only, never text */ /* brand v1: display headings, both scripts (Arabic pages fall back to Plex) */
  --fs-display:64px; --fs-h2:48px; --fs-h3:32px; --fs-h3-big:40px; --fs-title:20px; --fs-lede:17px; --fs-body:16px;
  --fs-small:15px;   --fs-ui:14px; --fs-ui-sm:13px; --fs-caption:12px; --fs-label:11px;
  --fs-stat:64px; --fs-quote:26px;
  --lh-display:1.1; --lh-h2:1.15; --lh-h3:1.2; --lh-body:1.4; --lh-lede:1.55; --lh-prose:1.7;
  --lh-ar-display:1.3; --lh-ar-h2:1.35; --lh-ar-prose:1.9;   /* Arabic needs more room */
  --ls-display:-.025em; --ls-h2:-.025em; --ls-h3:-.02em; --ls-body:-.02em; --ls-ui:-.01em; --ls-label:.05em;
  --fw-regular:400; --fw-medium:500; --fw-semibold:600;
  --fw-ar-heading:500;   /* Arabic headings are medium, Latin headings regular */

  /* ── space (4-based; 2, 6, 10 and 14 only inside UI mockups) ── */
  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:20px; --s-6:24px; --s-8:32px; --s-10:40px; --s-12:48px;
  --s-14:56px; --s-16:64px; --s-18:72px; --s-20:80px; --s-22:88px; --s-24:96px; --s-30:120px;
  --section-y:120px; --section-y-phone:80px;      /* vertical padding of every section */
  --head-gap:64px;                                 /* section head to its content (56 to 88 by density) */
  --wrap:1200px; --narrow:900px; --gutter:24px; --gutter-phone:16px;

  /* ── radius ── */
  --r-xs:4px; --r-sm:6px;    /* tags */
  --r-md:8px;                /* mini buttons, inline alerts */
  --r-lg:10px;               /* buttons, inputs, rows inside mockups */
  --r-xl:12px;               /* art panels, cards, sections inside the footer */
  --r-2xl:16px;              /* mockup windows, dialog */
  --r-pill:999px;

  /* ── elevation ── */
  --sh-hair:inset 0 0 0 1px var(--n-150);
  --sh-tag:inset 0 0 0 1px #E6E6E6,0 1px 2px rgba(0,0,0,.04);
  --sh-ui:0 0 0 4px rgba(255,255,255,.5),0 24px 48px -26px rgba(2,26,24,.4);      /* a mockup card on an art panel */
  --sh-window:0 0 0 1px rgba(2,26,24,.08),0 30px 70px -28px rgba(2,26,24,.55);    /* the product window */
  --sh-card:inset 0 0 0 1px var(--n-150),0 24px 48px -36px rgba(2,26,24,.3);      /* a content card on white */
  --sh-dialog:0 40px 100px -30px rgba(2,26,24,.6);
  --sh-nav:0 8px 24px -16px rgba(0,0,0,.6);

  /* ── art surfaces (behind mockups) ── */
  --art-sage:radial-gradient(70% 60% at 80% 10%,rgba(255,255,255,.55),transparent 70%),linear-gradient(160deg,#AFC1B4 0%,#D6DED8 60%,#E9EDEA 100%);
  --art-grey:radial-gradient(70% 60% at 20% 0%,rgba(255,255,255,.8),transparent 70%),linear-gradient(170deg,#E3E5E6 0%,#F3F4F4 100%);
  --art-mint:linear-gradient(225deg,var(--em-400) 0%,#D6E3DD 100%);
  --bg-mist:linear-gradient(var(--em-100) 0%,#fff 100%);

  /* ── motion ── */
  --ease:cubic-bezier(.2,.8,.2,1);          /* everything that moves into place */
  --ease-pop:cubic-bezier(.3,1.6,.5,1);     /* chips and badges landing, once */
  --t-micro:.2s; --t-ui:.45s; --t-reveal:.9s; --stagger:80ms;

  /* ── 2. semantic roles ── */
  --surface:var(--n-0); --surface-tint:var(--em-50); --surface-dark:var(--em-900); --surface-deep:var(--em-950);
  --text:var(--n-950); --text-2:var(--n-750); --text-muted:var(--n-500);
  --text-on-dark:#fff; --text-on-dark-2:rgba(255,255,255,.75); --text-on-dark-muted:rgba(255,255,255,.65);
  --line:var(--n-150); --line-on-dark:rgba(255,255,255,.1);
  --brand:var(--em-700); --brand-hover:var(--em-750);
  --action:var(--lime-400); --action-hover:var(--lime-300); --on-action:var(--n-950);
  --focus-on-light:var(--em-700); --focus-on-dark:var(--lime-400);

  /* ── 3. v5 aliases ── */
  --navy:var(--em-900); --night:var(--em-950); --navy2:var(--em-850); --navy3:var(--em-700);
  --lime:var(--lime-400); --limeh:var(--lime-300); --sky:var(--em-300); --mist:var(--em-100);
  --ink:var(--n-950); --ink2:var(--n-850); --grey:var(--n-500); --grey2:var(--n-450); --blue:var(--art-mint);
}
@media (max-width:1024px){:root{--fs-display:52px;--fs-h2:40px;--fs-h3:28px;--fs-stat:52px}}
@media (max-width:640px){:root{--fs-display:38px;--fs-h2:31px;--fs-h3:25px;--fs-h3-big:30px;--section-y:80px;--gutter:16px;--head-gap:48px}}

/* Nabdah home v5: v4 (responsive, en+ar) in v2's emerald and lime. Only transform and opacity animate. */
@font-face{font-family:Inter;font-style:normal;font-weight:300 700;font-display:swap;src:url(/assets/fonts/inter-latin.woff2) format("woff2")}
@font-face{font-family:Alexandria;font-weight:500;font-display:swap;src:url(fonts/alexandria-500-latin.woff2) format("woff2");unicode-range:U+0020-007E,U+00A0-00FF,U+2010-2027,U+2032-2033,U+2039-203A,U+2122,U+2190-2193,U+2212}
@font-face{font-family:Alexandria;font-weight:500;font-display:swap;src:url(fonts/alexandria-500-arabic.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F}
@font-face{font-family:"Inter Fallback";src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0%;size-adjust:107.12%}
@font-face{font-family:"IBM Plex Sans Arabic";font-weight:400;font-display:swap;src:url(/assets/fonts/plex-arabic-400.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFC,U+200C-200F}
@font-face{font-family:"IBM Plex Sans Arabic";font-weight:500;font-display:swap;src:url(/assets/fonts/plex-arabic-500.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFC,U+200C-200F}
@font-face{font-family:"IBM Plex Sans Arabic";font-weight:600;font-display:swap;src:url(/assets/fonts/plex-arabic-600.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFC,U+200C-200F}

:root{--navy:#052824;--navy2:#0A3934;--navy3:#0B6E5D;--night:#021A18;--lime:#C6F36D;--limeh:#D3F887;--sky:#A9D9C4;--mist:#DCEBE5;--ink:#000;--ink2:#292929;--grey:#6E6E6E;--grey2:#737373;--line:#EBEBEB;
  --ease:cubic-bezier(.2,.8,.2,1);--blue:linear-gradient(225deg,#9CCFBA 0%,#D6E3DD 100%)}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{min-width:320px;background:#fff;color:var(--ink);font:400 16px/1.4 Inter,"Inter Fallback",system-ui,sans-serif;letter-spacing:-.02em;-webkit-font-smoothing:antialiased;font-feature-settings:"cv11","ss01"}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit;letter-spacing:inherit;color:inherit}
[lang=ar]{font-family:"IBM Plex Sans Arabic",sans-serif;letter-spacing:0}
html[lang=ar] body,html[lang=ar] button,html[lang=ar] input,html[lang=ar] select{font-family:"IBM Plex Sans Arabic",Inter,"Inter Fallback",sans-serif}
[dir=rtl] *{letter-spacing:0!important}
[lang=en]{font-family:Inter,"Inter Fallback",sans-serif}
[id]{scroll-margin-top:72px}
.o-skip{position:fixed;top:8px;inset-inline-start:8px;z-index:200;padding:10px 14px;border-radius:8px;background:var(--lime);color:#000;font-weight:500;transform:translateY(-150%)}.o-skip:focus{transform:none}
.o-wrap{width:min(1200px,calc(100% - 48px));margin:0 auto;position:relative}
.o-narrow{width:min(900px,calc(100% - 48px));margin:0 auto}
.o-center{text-align:center;display:flex;flex-direction:column;align-items:center}
.navy{background:var(--navy);color:#fff;position:relative}
.o-guides{position:absolute;inset:0;pointer-events:none}
.o-guides::before,.o-guides::after{content:"";position:absolute;top:0;bottom:0;width:1px;background:rgba(255,255,255,.08)}
.o-guides::before{inset-inline-start:80px}.o-guides::after{inset-inline-end:80px}

/* type */
.o-display{font-size:58px;font-weight:500;line-height:1.1;letter-spacing:-.025em;margin-top:32px}
.o-display span{color:var(--lime);display:block}
.o-h2{font-size:48px;font-weight:500;line-height:1.15;letter-spacing:-.025em}
.o-h2.xl{max-width:940px}
.o-h2.light{color:#fff}
.o-h3{font-size:32px;font-weight:500;line-height:1.2;letter-spacing:-.02em}
/* brand v1: display headings in Alexandria 500, both scripts; Inter and IBM Plex Sans Arabic stay for text */
.o-display,.o-h2,.o-h3,.o-phero h1{font-family:Alexandria,Inter,"Inter Fallback",sans-serif}[lang=ar] .o-display,[lang=ar] .o-h2,[lang=ar] .o-h3,[lang=ar] .o-phero h1{font-family:Alexandria,"IBM Plex Sans Arabic",sans-serif;letter-spacing:0}
.o-h3.big{font-size:40px;line-height:1.15}
.o-sub{font-size:16px;color:#3d3d3d;max-width:520px;margin-top:20px}
.o-sub.left{margin-top:0;max-width:400px}
.o-sub.light{color:rgba(255,255,255,.7)}
.o-kicker{display:inline-flex;align-items:center;gap:10px;height:32px;padding:0 14px 0 4px;border-radius:999px;background:rgba(169,217,196,.08);box-shadow:inset 0 0 0 1px rgba(169,217,196,.22);font-size:14px;font-weight:500;color:var(--sky);letter-spacing:-.01em}
.o-ai{white-space:nowrap;flex-shrink:0;display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 9px 0 7px;border-radius:999px;background:var(--lime);color:var(--navy);font-size:12px;font-weight:600;letter-spacing:0}
.o-lede{font-size:17px;line-height:1.55;color:rgba(255,255,255,.75);max-width:620px;margin:32px auto 0}

/* tags and buttons */
.o-tag{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:6px;background:#fff;box-shadow:inset 0 0 0 1px #E6E6E6,0 1px 2px rgba(0,0,0,.04);font-size:14px;font-weight:500;letter-spacing:-.01em;color:#000;white-space:nowrap}
.o-tag svg{color:#4a4a4a}
.o-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:41px;padding:0 16px;border-radius:10px;font-size:15px;font-weight:500;letter-spacing:-.02em;cursor:pointer;border:0;white-space:nowrap;transition:background-color .2s ease,transform .15s ease}
.o-btn svg:last-child{transition:transform .25s var(--ease)}.o-btn:hover svg:last-child{transform:translateX(2px)}
[dir=rtl] .fwd{transform:scaleX(-1)}[dir=rtl] .o-btn:hover svg.fwd,[dir=rtl] .o-stat p a:hover svg.fwd,[dir=rtl] .o-mfeat:hover .fwd{transform:scaleX(-1) translateX(2px)}.o-btn:active{transform:scale(.98)}
.o-btn:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
.o-btn.lime{background:var(--lime);color:#000}.o-btn.lime:hover{background:var(--limeh)}
.o-btn.ghost{background:rgba(255,255,255,.05);color:rgba(255,255,255,.75)}.o-btn.ghost:hover{background:rgba(255,255,255,.1);color:#fff}
.o-btn.navy{background:var(--navy3);color:#fff}.o-btn.navy:hover{background:#095C4E}
.o-btn.sm{height:36px;font-size:14px;padding:0 14px}
.o-btn.wide{width:100%;height:46px}
.o-ctas{display:flex;gap:12px;justify-content:center;margin-top:44px}

/* hero */
.o-nav{position:sticky;top:0;z-index:50;height:72px;margin-bottom:-72px;color:#fff;border-bottom:1px solid rgba(255,255,255,.08);transition:background-color .25s ease,box-shadow .25s ease}
.o-nav.solid{background:var(--night);border-bottom-color:rgba(255,255,255,.1);box-shadow:0 8px 24px -16px rgba(0,0,0,.6)}
.o-navrow{height:72px;display:flex;align-items:center;gap:40px}
.o-logo{display:flex;align-items:center;color:#fff}.o-brand{display:block;width:auto;height:30px}[dir=rtl] .o-logo .o-brand{height:35px}
.o-nav nav{display:flex;gap:26px;align-items:center}
.o-nl{display:inline-flex;align-items:center;gap:4px;height:36px;padding:0;border:0;background:none;cursor:pointer;font-size:14px;font-weight:500;letter-spacing:-.01em;color:rgba(255,255,255,.7);transition:color .2s}
.o-nl:hover,.o-nl.on,.o-nl[aria-expanded=true]{color:#fff}.o-nl svg{transition:transform .25s var(--ease)}.o-nl[aria-expanded=true] svg{transform:rotate(180deg)}
.o-nl:focus-visible,.o-lang:focus-visible,.o-burger:focus-visible{outline:2px solid var(--lime);outline-offset:4px;border-radius:4px}
.o-navright{margin-inline-start:auto;display:flex;align-items:center;gap:20px}
.o-lang{font-size:14px;color:rgba(255,255,255,.75)}.o-lang:hover{color:#fff}.o-lang svg{display:none}
.o-burger{display:none;width:40px;height:40px;border:0;border-radius:10px;background:rgba(255,255,255,.06);color:#fff;cursor:pointer;align-items:center;justify-content:center}
.o-menu{position:absolute;top:64px;inset-inline-start:0;display:flex;background:#fff;color:#000;border-radius:16px;box-shadow:0 0 0 1px rgba(2,26,24,.08),0 30px 70px -28px rgba(2,26,24,.55);overflow:hidden;opacity:0;transform:translateY(-6px);visibility:hidden;pointer-events:none;transition:opacity .18s ease,transform .25s var(--ease),visibility 0s .25s;z-index:60}
.o-menu.open{opacity:1;transform:none;visibility:visible;pointer-events:auto;transition:opacity .18s ease,transform .25s var(--ease),visibility 0s}
.o-menu.wide{inset-inline:0}
.o-mcols{display:flex;gap:8px;padding:20px 16px}
.o-mcol{width:300px;display:flex;flex-direction:column}
.o-mcol > p{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--grey);padding:0 10px 10px;margin:0 10px 6px 0;border-bottom:1px solid var(--line)}
.o-mi{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:10px;transition:background-color .15s}
.o-mi:hover,.o-mi:focus-visible{background:#F1F6F4;outline:none}
.o-mii{width:34px;height:34px;border-radius:9px;background:#F1F6F4;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.o-mi > span:last-child{display:flex;flex-direction:column}.o-mi b{font-size:14px;font-weight:500}.o-mi small{font-size:13px;color:var(--grey)}
.o-mfeat{flex:1;display:flex;flex-direction:column;gap:10px;justify-content:flex-end;padding:24px;min-width:260px;background:radial-gradient(90% 80% at 100% 0%,#11524B 0%,rgba(17,82,75,0) 70%),var(--navy);color:#fff}
.o-mfeat.light{background:#F1F6F4;color:#000;justify-content:flex-start}
.o-mfeat b{font-size:16px;font-weight:500;margin-top:10px}.o-mfeat.light > span:not(.o-mfgo){font-size:13.5px;color:var(--grey)}
.o-mfq{font-size:18px;line-height:1.35;letter-spacing:-.02em}.o-mfw{font-size:13px;color:rgba(255,255,255,.6)}
.o-mfgo{display:inline-flex;align-items:center;gap:6px;margin-top:6px;font-size:13px;font-weight:600;color:var(--lime)}.o-mfeat.light .o-mfgo{color:var(--navy3)}
.o-mfgo svg{transition:transform .2s var(--ease)}.o-mfeat:hover .o-mfgo svg{transform:translateX(3px)}
.o-mnav{display:none}
.o-hero{padding-bottom:0;background:radial-gradient(70% 45% at 50% 0%,rgba(17,82,75,.95) 0%,rgba(17,82,75,0) 70%),linear-gradient(180deg,var(--night) 0%,var(--navy) 55%,var(--navy) 100%)}
.o-final{background:radial-gradient(60% 60% at 50% 30%,rgba(17,82,75,.95) 0%,rgba(17,82,75,0) 70%),linear-gradient(180deg,var(--navy) 0%,var(--night) 100%)}
.o-herocopy{text-align:center;padding:132px 0 0}
.o-trust{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:40px;font-size:15px;font-weight:500;color:#fff}
.o-trust img{filter:brightness(0) invert(1);opacity:1}
.o-tr{display:inline-flex;align-items:center;gap:14px}.o-trust span{display:inline-flex;align-items:center;gap:6px}.o-trust span svg{color:var(--lime)}
.o-trust i{width:1px;height:28px;background:rgba(255,255,255,.22);margin:0 6px}
.o-trust svg{width:17px;height:17px}
.o-media{margin-top:52px}
.o-frame{position:relative;width:100%}.o-frame.scaled{overflow:hidden}.o-frame.scaled .sc-panels{position:absolute!important;top:0;left:0;transform-origin:top left}
[dir=rtl] .sc-row::before{left:auto;right:0}
.o-media .sc-stage{width:auto!important;background:none!important;padding-bottom:0!important}
/* the hero preview on phones (26 Oct 2026; build.mjs hOps, hCare, hRev): the window gives way to three cards drawn like the sections' screens.
   They share one grid cell, so every tab is as tall as the tallest card and the tour can run without the page jumping. */
.o-hpv,.sc-short{display:none}
@media (max-width:640px){
  .o-media .o-frame{display:none}
  /* the tabs stand apart, the dark glass control they are on wider screens, with one-word labels; the cards get the sage panel below them */
  .o-media .sc-stage{align-items:stretch!important;gap:14px!important;padding:0!important}
  .o-media .sc-tabs{width:100%;max-width:none}.o-media .sc-tab{min-height:42px;white-space:nowrap}
  .o-hpv{padding:8px;border-radius:22px;background:radial-gradient(70% 60% at 80% 10%,rgba(255,255,255,.55),transparent 70%),linear-gradient(160deg,#AFC1B4 0%,#D6DED8 60%,#E9EDEA 100%)}
  .o-media .sc-long{display:none}.o-media .sc-short{display:inline}
  .o-hpv{display:grid;width:100%;box-sizing:border-box}
  .o-hcard{grid-area:1/1;display:flex;flex-direction:column;min-width:0;visibility:hidden;opacity:0;transform:translateY(8px);transition:opacity .4s ease,transform .5s var(--ease),visibility 0s .5s}
  .o-hcard.on{visibility:visible;opacity:1;transform:none;transition-delay:0s}
  .o-hcard .o-uihead{gap:10px}.o-hcard .o-uihead > span:first-child{min-width:0}.o-hcard .o-uihead b{font-size:16px;font-weight:600;letter-spacing:-.02em}
  .o-hcard .o-mini{flex:none;white-space:nowrap}.o-hcard .o-uihead > .o-mini{flex-direction:row}.o-hcard .o-uifoot{gap:10px}.o-hcard .o-uihead small span{display:inline}.o-hcard em.c{font-weight:600}
  .o-hcard .o-uirow:nth-last-child(2){border-bottom:0}
  .o-hcard .o-uifoot{margin-top:auto}.o-hcard .o-uifoot > .o-mini:only-child{margin-inline-start:auto}.o-hcard > :nth-last-child(2){margin-bottom:14px}
  .o-hstat{margin-top:8px;font-size:12.5px;font-weight:400;color:var(--grey)}
  .o-hdocs{display:flex;gap:6px;margin-top:10px}
  .o-hdoc{flex:1 1 auto;display:flex;flex-direction:column;align-items:flex-start;gap:1px;min-width:0;padding:7px 9px;border:0;border-radius:10px;background:#F2F5F4;font:inherit;color:inherit;text-align:start;cursor:pointer}
  .o-hdoc b{max-width:100%;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.o-hdoc small{font-size:11.5px;font-weight:400;color:var(--grey)}
  .o-hdoc.on{background:var(--navy);color:#fff}.o-hdoc.on small{color:var(--sky)}
  button.o-hdoc:focus-visible{outline:2px solid var(--navy3);outline-offset:2px}
  /* the day's list takes no height of its own: it fills what the tallest card leaves and fades out where it is cut, as a schedule scrolls */
  .o-hslots{display:none;flex-direction:column;gap:6px;height:0;flex:1 0 auto;min-height:0;margin-top:10px;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 36px),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - 36px),transparent)}.o-hslots.on{display:flex}
  .o-hslot{flex:none}
  .o-hslot{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;column-gap:8px;row-gap:4px;padding:8px 10px;border-radius:10px;background:#F5F8F7;border:1px solid transparent;font-size:13.5px}
  .o-hslot time{grid-row:1/3;align-self:start;padding-top:1px;font-size:12px;color:var(--grey);font-variant-numeric:tabular-nums}
  .o-hslot b{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.o-hslot em.c{justify-self:start;font-size:11px;padding:2px 7px}
  .o-hslot.in{background:#E7F2EE;border-inline-start:3px solid var(--navy3)}.o-hslot.free{background:none;border:1px dashed #BFD3CA}.o-hslot.free b{color:var(--grey)}
  .o-hallergy{margin-top:10px}
  .o-hsteps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin-top:12px}
  .o-hsteps span{grid-column:1/-1;display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px}.o-hsteps b{font-size:13.5px;font-weight:600}.o-hsteps small{font-size:12px;font-weight:400;color:var(--grey)}
  .o-hsteps i{height:5px;border-radius:3px;background:#E6ECE9}.o-hsteps i.done{background:var(--navy3)}.o-hsteps i.now{background:#8CC7B3}
  .o-hcard .o-vitals b{font-size:16px}
  .o-hplan{display:flex;flex-direction:column;gap:3px;margin-top:12px;padding:10px 12px;border-radius:10px;border:1px dashed #BFD3CA}
  .o-hplan small,.o-hlabel{font-size:11px;font-weight:600;letter-spacing:.06em;color:var(--grey)}.o-hplan span{font-size:13px;font-weight:400;color:var(--grey)}
  .o-hdocs + .o-hclaim{margin-top:10px}
  .o-hclaim{display:flex;justify-content:space-between;gap:10px;margin-top:6px;padding:9px 10px;border-radius:10px;background:#F5F8F7;border:1px solid transparent}
  .o-hclaim > span{display:flex;flex-direction:column;gap:3px}.o-hclaim > span:first-child{min-width:0}.o-hclaim > span:last-child{flex:none;align-items:flex-end}
  .o-hclaim b{font-size:13px;font-weight:600;line-height:1.3}.o-hclaim small{font-size:11.5px;font-weight:400;color:var(--grey);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .o-hclaim > span:last-child b{font-variant-numeric:tabular-nums}.o-hclaim em.c{font-size:11px;padding:2px 7px}
  .o-hclaim.on{background:#E7F2EE;border-inline-start:3px solid var(--navy3)}
  .o-hlabel{margin-top:14px}.o-hcard .o-uirow{padding:8px 0;font-size:13px}
  /* motion (26 Oct 2026), in the showcase's own language: when a card comes on, its parts rise in turn, the step bar fills, the checks run one by one,
     and what is live (the patient in the room, the claim being worked, the step under way) keeps a slow pulse. It waits for the stage to come into view,
     sleeps with it off screen (.away), and the stage's reduced-motion rule stills it all */
  .o-hspin,.o-hcaret{display:none}
  .sc-stage.in .o-hcard.on :is(.o-hstat,.o-hallergy,.o-vby,.o-hlabel){animation:h-in .45s var(--ease) .1s both}
  .sc-stage.in .o-hcard.on :is(.o-hdoc,.o-hslot,.o-vitals > span,.o-hclaim,.o-hcheck){animation:h-in .5s var(--ease) both;animation-delay:calc(var(--i) * 70ms + var(--d0,180ms))}
  .sc-stage.in .o-hcard.on .o-hslot{--d0:300ms}.sc-stage.in .o-hcard.on .o-vitals > span{--d0:620ms}.sc-stage.in .o-hcard.on .o-hclaim{--d0:300ms;animation-delay:calc(var(--i) * 110ms + var(--d0))}
  .sc-stage.in .o-hcard.on .o-hcheck{--d0:640ms}
  .sc-stage.in .o-hcard.on .o-hslot.in,.sc-stage.in .o-hcard.on .o-hclaim.on{animation:h-in .5s var(--ease) both,h-glow 2.6s ease-in-out 1.4s infinite;animation-delay:calc(var(--i) * 70ms + var(--d0)),1.4s}
  .o-hsteps i{transform-origin:left center}[dir=rtl] .o-hsteps i{transform-origin:right center}
  .sc-stage.in .o-hcard.on .o-hsteps i:is(.done,.now){animation:h-fill .45s var(--ease) both;animation-delay:calc(var(--i) * 160ms + 260ms)}
  .sc-stage.in .o-hcard.on .o-hsteps i.now{animation:h-fill .45s var(--ease) both,h-breathe 1.8s ease-in-out infinite;animation-delay:calc(var(--i) * 160ms + 260ms),1.2s}
  .sc-stage.in .o-hcard.on :is(.o-trend,.o-hplan){animation:h-in .5s var(--ease) both;animation-delay:.9s}.sc-stage.in .o-hcard.on .o-hplan{animation-delay:1.02s}
  .sc-stage.in .o-hcard.on .o-trend em.c{animation:h-pop .4s var(--ease) 1.3s both}
  .o-hcaret{display:inline-block;width:1.5px;height:1.05em;margin-inline-end:5px;vertical-align:-.15em;background:var(--navy3)}
  .sc-stage.in .o-hcard.on .o-hcaret{animation:h-blink 1.1s steps(1) 1.5s infinite}
  /* a check spins, then gives its answer: 0.5 s apart, as the window's checks do */
  .o-hcheck{position:relative}
  .sc-stage.in .o-hcard.on .o-hspin{display:block;position:absolute;inset-inline-end:2px;top:50%;width:13px;height:13px;margin-top:-7px;border-radius:50%;border:2px solid rgba(10,26,25,.12);border-top-color:var(--navy3);
    animation:h-spin .7s linear infinite,h-gone .2s ease both;animation-delay:0s,calc(var(--i) * 500ms + 1.15s)}
  .sc-stage.in .o-hcard.on .o-hcheck em.c{animation:h-pop .35s var(--ease) both;animation-delay:calc(var(--i) * 500ms + 1.15s)}
  .sc-stage.in .o-hcard[data-k=rev].on .o-uifoot small{animation:h-fade .4s ease 2.5s both}
  @keyframes h-in{from{opacity:0;transform:translateY(8px)}}
  @keyframes h-fade{from{opacity:0}}
  @keyframes h-pop{from{opacity:0;transform:scale(.85)}}
  @keyframes h-fill{from{transform:scaleX(0)}}
  @keyframes h-breathe{50%{opacity:.45}}
  @keyframes h-glow{0%,100%{box-shadow:0 0 0 0 rgba(11,110,93,0)}50%{box-shadow:0 0 0 4px rgba(11,110,93,.13)}}
  @keyframes h-spin{to{transform:rotate(360deg)}}
  @keyframes h-gone{to{opacity:0;visibility:hidden}}
  @keyframes h-blink{50%{opacity:0}}
}
@media (max-width:640px) and (prefers-reduced-motion:reduce){.o-hcard{transition:none}.sc-stage.in .o-hcard.on .o-hspin{display:none}}


/* the Wave 25 bar */
.o-ann{display:flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:8px 16px;background:var(--night);color:rgba(255,255,255,.75);font-size:13.5px;border-bottom:1px solid rgba(255,255,255,.08);position:relative;z-index:51}
.o-annchip{flex-shrink:0;height:22px;padding:0 9px;border-radius:999px;background:var(--lime);color:var(--night);font-size:11.5px;font-weight:600;display:inline-flex;align-items:center}
.o-ann a{flex-shrink:0;display:inline-flex;align-items:center;gap:5px;color:var(--lime);font-weight:600}.o-ann a svg{transition:transform .2s var(--ease)}.o-ann a:hover svg{transform:translateX(2px)}
.o-annshort{display:none}
/* the leak */
.o-leak{background:linear-gradient(var(--mist) 0%,#fff 100%);padding:120px 0 150px}
.o-stats{display:flex;gap:20px;justify-content:center;margin-top:84px;align-items:flex-start}
.o-stat{width:284px;height:360px;border-radius:12px;background:linear-gradient(#fff 0%,rgba(255,255,255,.1) 100%);padding:20px;display:flex;flex-direction:column;align-items:flex-start;text-align:start;transform:translateY(var(--off))}
.o-stat .o-tag{height:26px;font-size:12px;padding:0 8px;gap:5px}
.o-num{display:flex;align-items:baseline;gap:4px;margin-top:22px;font-size:64px;font-weight:400;letter-spacing:-.04em;line-height:1}
.o-num small{font-size:24px;letter-spacing:-.02em}.o-num small.pre{font-size:20px;color:var(--grey2);margin-inline-end:4px;align-self:flex-start;margin-top:8px}
.o-viz{margin-top:28px;width:100%}
.o-viz.range i{display:block;position:relative;height:8px;border-radius:999px;background:#E2ECE8}.o-viz.range b{position:absolute;top:0;bottom:0;border-radius:999px;background:var(--navy3)}
.o-viz.range span{display:flex;justify-content:space-between;margin-top:6px}.o-viz em{font-style:normal;font-size:11px;color:var(--grey)}
.o-viz.pair{display:flex;flex-direction:column;gap:10px}.o-viz.pair div{display:grid;grid-template-columns:96px 1fr 38px;align-items:center;gap:8px;font-size:11.5px;color:var(--grey2)}
.o-viz.pair i{height:8px;border-radius:999px;background:#E2ECE8;overflow:hidden}.o-viz.pair b{display:block;height:100%;border-radius:999px;background:#B6C8C0}.o-viz.pair b.good{background:var(--navy3)}.o-viz.pair em{text-align:end;font-weight:600;color:#000}
.o-viz.months{display:flex;align-items:flex-end;gap:4px;flex-wrap:wrap}.o-viz.months i{width:14px;height:28px;border-radius:3px;background:var(--navy3);opacity:calc(.35 + var(--k) * .055)}.o-viz.months > span{width:100%;margin-top:6px;font-size:11px;color:var(--grey)}
.js .o-viz b,.js .o-viz.months i{transform:scaleX(0);transform-origin:left;transition:transform 1s var(--ease) .3s}.js .o-viz.months i{transform:scaleY(0);transform-origin:bottom;transition-delay:calc(var(--k) * 50ms + .3s)}
.js .in .o-viz b,.js .in .o-viz.months i{transform:none}
.o-stat p{margin-top:auto;font-size:14px;color:var(--grey2);line-height:1.35}.o-stat p b{color:#000;font-weight:500}
.o-stat p a{display:inline-flex;align-items:center;gap:4px;margin-top:8px;color:var(--navy3);font-weight:500}.o-stat p a svg{transition:transform .2s var(--ease)}.o-stat p a:hover svg{transform:translateX(2px)}

/* how: the AI statement is its title */
.o-how{position:relative;overflow:hidden}
.o-howhead{padding:40px 0 24px}
.o-howhead .o-h2{margin-top:26px}
.o-how .o-dots{top:40px;transform:translateX(-50%);height:420px}
.o-how .w{color:#C3CFC9;transition:color .35s ease}.o-how .w.on{color:#000}.o-how .w.hi.on{color:var(--navy3)}
html:not(.js) .o-how .w{color:#000}
.o-dots{position:absolute;left:50%;top:50%;width:900px;height:600px;transform:translate(-50%,-50%);background:radial-gradient(#C1D3CB 1.1px,transparent 1.6px) 0 0/13px 13px;-webkit-mask:radial-gradient(closest-side,#000 0%,transparent 100%);mask:radial-gradient(closest-side,#000 0%,transparent 100%);opacity:.7}

/* how */
.o-how,.o-plat,.o-switch,.o-sec,.o-faq{padding:120px 0}
.o-plat{background:linear-gradient(var(--mist) 0%,#fff 70%)}
.o-sec{background:#F1F6F4}
.o-headrow{display:flex;justify-content:space-between;align-items:flex-end;width:100%;gap:40px}
.o-more{display:inline-flex;align-items:center;gap:6px;color:var(--brand,#0B6E5D);font-weight:500;font-size:15px}.o-more svg{transition:transform .2s var(--ease)}.o-more:hover svg{transform:translateX(3px)}[dir=rtl] .o-more:hover svg{transform:scaleX(-1) translateX(3px)}.o-more.light{color:var(--lime)}
.o-morerow{display:flex;flex-wrap:wrap;gap:12px 32px;margin-top:40px}.o-morerow.c{justify-content:center}.o-more:hover span{text-decoration:underline;text-underline-offset:3px}
.o-two{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:64px;position:relative}
.o-two h3{font-size:20px;font-weight:500;letter-spacing:-.02em;margin-top:22px}
.o-two p{color:var(--grey);margin-top:8px;max-width:520px}
.o-art{height:480px;border-radius:12px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:20px}
.o-art.sage{background:radial-gradient(70% 60% at 80% 10%,rgba(255,255,255,.55),transparent 70%),linear-gradient(160deg,#AFC1B4 0%,#D6DED8 60%,#E9EDEA 100%)}
.o-art.grey{background:radial-gradient(70% 60% at 20% 0%,rgba(255,255,255,.8),transparent 70%),linear-gradient(170deg,#E3E5E6 0%,#F3F4F4 100%)}
.o-art.blue{background:var(--blue)}
.o-art.tall{height:560px}

/* the white UI cards */
.o-ui{background:#fff;border-radius:16px;padding:16px;box-shadow:0 0 0 4px rgba(255,255,255,.5),0 24px 48px -26px rgba(2,26,24,.4);font-size:14px;font-weight:500;letter-spacing:-.01em;color:#000;text-align:start;max-width:100%}
.w340{width:340px}.w360{width:360px}.w380{width:380px}
.o-uihead{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:12px;margin-bottom:4px;border-bottom:1px solid #F0F0F0}
.o-uihead span{display:flex;flex-direction:column;gap:2px}.o-uihead small{font-size:12px;font-weight:500;color:var(--grey)}
.o-uirow{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #F5F5F5}
.o-uirow:last-of-type{border-bottom:0}
.o-uirow span{display:inline-flex;align-items:center;gap:8px}
.o-uirow:has(.box){justify-content:flex-start}
.o-uirow.done > span{color:var(--grey);position:relative}.o-uirow.done > span::after{content:"";position:absolute;inset-inline:0;top:52%;height:1px;background:rgba(0,0,0,.3)}
em.c{font-style:normal;font-size:12px;font-weight:500;padding:3px 8px;border-radius:6px;white-space:nowrap}
.c.ok{background:#E3F2E7;color:#1F6B3A}.c.warn{background:#FCEFD9;color:#94570A}.c.bad{background:#FBE5E3;color:#A3261F}.c.grey{background:#F2F2F2;color:#555}
.box{width:18px;height:18px;border-radius:5px;box-shadow:inset 0 0 0 1.5px #D5D5D5;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.box.on{background:var(--navy3);box-shadow:none}
.o-reason{display:flex;justify-content:space-between;gap:10px;margin:10px 0 4px;padding:8px 10px;border-radius:8px;background:#FBE5E3;font-size:12.5px;color:#A3261F}
.o-reason em{font-style:normal;color:#94570A}
.o-reason.warn{background:#FCEFD9;color:#5c3a07;margin-top:14px}
.o-uifoot{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid #F0F0F0;margin-top:6px}
.o-uifoot small{font-size:12px;color:var(--grey)}
.o-mini{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 11px;border-radius:8px;background:var(--navy);color:#fff;font-size:12.5px}
.o-flow{position:relative;display:flex;flex-direction:column;gap:10px;width:min(372px,100%);padding-inline-start:34px;color:var(--ink);text-align:start}
.o-rail{position:absolute;inset-inline-start:10px;top:28px;bottom:28px;width:2px;border-radius:2px;background:rgba(11,110,93,.16)}
.o-rail > i{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,var(--navy3) 0%,#2E9C6F 100%)}
.o-step,.o-paid{position:relative;display:flex;align-items:center;gap:12px;padding:10px;padding-inline-end:12px;border-radius:14px;border:1px solid rgba(2,26,24,.06)}
.o-flow .o-step{box-shadow:0 1px 2px rgba(2,26,24,.05),0 14px 28px -18px rgba(2,26,24,.38)}
.o-sic{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#EAF4F0}
.o-stx{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.o-stx b{font-size:14px;font-weight:600}
.o-stx small{font-size:12px;line-height:1.35;color:var(--grey);font-weight:400}.o-step em.c{flex:none}
.o-node{position:absolute;inset-inline-start:-35px;top:50%;width:22px;height:22px;margin-top:-11px;border-radius:999px;display:grid;place-items:center;background:var(--navy3);box-shadow:0 0 0 3px rgba(255,255,255,.9)}
.o-paid{background:var(--navy);color:#fff;border-color:transparent;box-shadow:0 16px 30px -18px rgba(2,26,24,.8)}
.o-paid .o-sic{background:rgba(255,255,255,.08)}.o-paid .o-stx small{color:rgba(255,255,255,.65)}.o-paid strong{color:var(--lime)}.o-paid .o-node{background:var(--navy);box-shadow:0 0 0 3px rgba(255,255,255,.9),inset 0 0 0 2px var(--lime)}
.o-paid strong{flex:none;font-size:20px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}

/* features on navy */
.o-features{padding:120px 0 40px}
.o-feat{display:grid;grid-template-columns:1fr 588px;gap:72px;align-items:center;margin-bottom:96px}
.o-feat.flip{grid-template-columns:588px 1fr}.o-feat.flip .o-feattext{order:2}
.o-feattext h3{color:#fff}
.o-feattext p{color:rgba(255,255,255,.65);margin-top:14px;max-width:440px}
.o-ticks{list-style:none;margin-top:26px;display:flex;flex-direction:column;gap:14px}
.o-ticks li{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.9);font-size:15px}
.o-ticks svg{color:rgba(255,255,255,.7);flex-shrink:0}
.o-est{width:380px}
.o-field{display:flex;flex-direction:column;gap:8px;margin-top:14px;font-size:13px;color:#555}
.o-field b{color:var(--navy3)}
.o-field > span:first-child{display:flex;justify-content:space-between}
.o-input{display:flex;align-items:center;height:44px;padding:0 12px;border-radius:10px;background:#F4F7F6;box-shadow:inset 0 0 0 1px #E0E8E4}
.o-input:focus-within{box-shadow:inset 0 0 0 2px var(--navy3);background:#fff}
.o-input input{flex:1;min-width:0;border:0;background:none;outline:none;font-size:18px;font-weight:600;color:#000;font-variant-numeric:tabular-nums}
.o-input em{font-style:normal;font-size:12px;font-weight:600;color:var(--grey)}
.o-field input[type=range]{accent-color:var(--navy3);width:100%;cursor:pointer}
.o-result{margin-top:16px;padding:14px;border-radius:10px;background:#EDF5F1;display:flex;flex-direction:column;gap:2px}
.o-result b{font-size:28px;font-weight:500;letter-spacing:-.03em;color:var(--navy)}
.o-result > span{font-size:13px;color:#555}.o-result i{font-style:normal;font-weight:600;color:#000}
.o-fine{display:block;margin-top:10px;font-size:12px;color:var(--grey);font-weight:400}
.o-bar{display:grid;grid-template-columns:88px 1fr 64px;align-items:center;gap:12px;padding:9px 0;font-size:13px}
.o-bar i{height:8px;border-radius:999px;background:#E7EFEB;overflow:hidden}
.o-bar b{display:block;height:100%;width:var(--w);border-radius:999px;background:var(--navy3);transform-origin:left;transition:transform 1.1s var(--ease)}
.o-bar b.warn{background:#E2A04A}.o-bar em{font-style:normal;text-align:end;font-weight:600}
[dir=rtl] .o-bar b,[dir=rtl] .js .o-viz b{transform-origin:right}
.js .o-bar b{transform:scaleX(0)}.js .in .o-bar b{transform:none}

.o-bandcta{display:flex;justify-content:space-between;align-items:center;gap:40px;margin:8px 0 80px;padding-top:56px;border-top:1px solid rgba(255,255,255,.1)}
.o-bandcta p{color:rgba(255,255,255,.65);margin-top:8px}.o-bandcta .o-ctas{margin-top:0}
/* social proof (placeholders) */
.o-logos{text-align:center;padding:72px 0 80px}
/* without the logo strip (the default build since 25 Oct 2026) the hero's screen still needs room before the next section */
.o-hero.bare{padding-bottom:88px}
@media (max-width:640px){.o-hero.bare{padding-bottom:56px}}
.o-logos p{font-size:13px;font-weight:500;color:rgba(255,255,255,.55)}
.o-logorow{display:flex;justify-content:center;align-items:center;gap:64px;margin-top:30px}
.o-wm{display:inline-flex;align-items:center;gap:8px;font-size:19px;font-weight:600;letter-spacing:-.02em;color:rgba(255,255,255,.55);white-space:nowrap}
.o-wm.upper{font-size:15px;letter-spacing:.16em;text-transform:uppercase}
.o-wm.serif{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:21px;letter-spacing:0}
.o-proof{padding:120px 0}
.o-av{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;font-size:14px;font-weight:600;color:#fff;flex-shrink:0}
.o-av.lg{width:52px;height:52px;font-size:17px}
.o-av.a{background:linear-gradient(140deg,#2F6E8E,#0B3C55)}.o-av.b{background:linear-gradient(140deg,#7A9E7E,#3F6B4A)}.o-av.c{background:linear-gradient(140deg,#B48A5E,#7A5534)}
.o-resultnote{margin-top:16px;font-size:12.5px;color:var(--grey)}
.proof-mark [data-placeholder="proof"]{outline:2px dashed #E2A04A!important;outline-offset:3px}
/* platforms */
.o-plats{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:56px;width:100%;text-align:start}
.o-platcard{padding:36px;border-radius:12px;background:linear-gradient(#F2F8F5 0%,#fff 100%);box-shadow:inset 0 0 0 1px var(--line);transition:transform .3s var(--ease)}
.o-platcard:hover{transform:translateY(-3px)}
.o-platcard img{display:block;height:30px;object-fit:contain;object-position:left}[dir=rtl] .o-platcard img{object-position:right}
.o-platcard h3{font-size:24px;font-weight:400;letter-spacing:-.025em;margin-top:28px}
.o-platcard p{color:var(--grey);margin-top:6px}
.o-platcard .o-ticks li{color:#1a1a1a}.o-platcard .o-ticks svg{color:#1F6B3A}
/* switching */
.o-switch .o-headrow{margin-top:22px}
.o-switch .o-cols3{margin:56px 0 0}
.o-switch .o-col em{color:var(--navy3)}[dir=rtl] .o-col::before{transform-origin:right}
.o-cols3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:56px 0 40px}
.o-col{position:relative;border-top:1px solid #E3E3E3;padding-top:20px}
.o-col::before{content:"";position:absolute;inset-inline:0;top:-1px;height:1px;background:var(--navy);transform-origin:left;transition:transform .9s var(--ease);transition-delay:calc(var(--rv,0) * 350ms + 200ms)}
.js .o-col::before{transform:scaleX(0)}.js .o-col.in::before{transform:none}
.o-col em{font-style:normal;font-size:12px;font-weight:600;color:var(--grey)}
.o-col h4{font-size:16px;font-weight:500;margin-top:10px}.o-col p{font-size:15px;color:var(--grey);margin-top:8px;max-width:330px}

/* security */
.o-sec .o-headrow{margin-top:22px}
.o-secgrid{display:grid;grid-template-columns:588px 1fr;gap:64px;margin-top:56px;align-items:center}
.o-audit{width:min(470px,100%)}
.o-audit ol{list-style:none;position:relative}
.o-audit ol::before{content:"";position:absolute;inset-inline-start:56px;top:18px;bottom:18px;width:1px;background:#E3E3E3}
.o-audit li{display:grid;grid-template-columns:42px 28px 1fr;gap:10px;align-items:start;padding:9px 0;font-size:13.5px;font-weight:400;color:#3d3d3d}
.o-audit time{font-size:12px;color:var(--grey);line-height:28px;font-variant-numeric:tabular-nums}
.o-audit li > i{position:relative;z-index:1;width:28px;height:28px;border-radius:999px;background:#F2F2F2;box-shadow:0 0 0 4px #fff;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:10px;font-weight:700;color:#555}
.o-audit li > i.sys{background:var(--navy);color:var(--lime)}.o-audit li > i.gov{background:#E3F2E7;color:#1F6B3A}
.o-audit li > span{display:flex;flex-direction:column}.o-audit .who{display:flex;gap:6px;align-items:baseline}.o-audit b{font-weight:600;color:#000}.o-audit small{font-size:12px;color:var(--grey)}.o-audit .k{display:block;margin-top:1px}
.o-guards{display:grid;grid-template-columns:1fr 1fr;gap:34px 32px}
.o-guard svg{display:block}
.o-guard h4{font-size:16px;font-weight:500;margin-top:12px}.o-guard p{font-size:14px;color:var(--grey);margin-top:6px}

/* questions */
.o-faq .o-headrow{align-items:flex-start}
.o-faq .o-h2{margin-top:22px}
.o-faqside{max-width:300px;display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding-top:8px}
.o-faqside p{font-size:15px;color:#555}
.o-acc{margin-top:56px;border-top:1px solid var(--line)}
.o-q{border-bottom:1px solid var(--line)}
.o-q button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;background:none;border:0;cursor:pointer;text-align:start;font-size:17px;font-weight:500}
.o-q button:focus-visible{outline:2px solid var(--navy3);outline-offset:4px}
.o-q button:hover span{color:var(--navy3)}
.o-q button svg{flex-shrink:0;transition:transform .35s var(--ease)}
.o-q.open button svg{transform:rotate(45deg)}
.o-a{overflow:hidden;height:0;transition:height .4s var(--ease)}
.o-q.open .o-a{height:auto}
.o-a p{padding-block:0 22px;padding-inline:0 60px;color:var(--grey2);font-size:15.5px}

/* finale and footer */
.o-final{position:relative;padding:140px 0 80px;overflow:hidden}
.o-water{position:absolute;inset-inline-end:-6%;top:-90px;width:min(720px,60vw);opacity:.14;pointer-events:none}.o-water .o-brand{width:100%;height:auto}.o-final .o-wrap{position:relative}
.o-shapes i{position:absolute;background:rgba(255,255,255,.035)}
.o-shapes .s1{inset-inline-start:80px;top:0;width:200px;height:200px;border-radius:0 0 200px 0}
.o-shapes .s2{inset-inline-start:80px;top:200px;width:200px;height:120px}
.o-shapes .s3{inset-inline-end:80px;top:120px;width:220px;height:220px;border-radius:220px 0 0 0}
.o-shapes .s4{inset-inline-end:300px;top:40px;width:130px;height:130px}
.o-finalcopy{position:relative}
.o-final .o-sub{margin-top:16px}
.o-foot{margin-top:120px}
.o-footcard{background:#fff;color:#000;border-radius:12px;padding:56px 64px 28px}
.o-footmain{display:flex;gap:40px;align-items:flex-start}
.o-bigmark{display:flex;align-items:flex-start;flex-shrink:0;margin-inline-end:16px;padding-top:2px}.o-bigmark .o-brand{height:40px}[dir=rtl] .o-bigmark .o-brand{height:46px}
.o-fcol{display:flex;flex-direction:column;gap:10px}
.o-fcol a{white-space:nowrap}
.o-fcol h5{font-size:13px;font-weight:500;color:var(--grey);margin-bottom:6px}
.o-fcol a{font-size:14px;font-weight:500;transition:color .2s}.o-fcol a:hover{color:var(--navy3)}
.o-contact{margin-inline-start:auto}.o-contact h5{white-space:nowrap}.o-contact a{display:inline-flex;align-items:center;gap:8px}
.o-footline{display:flex;justify-content:space-between;align-items:flex-end;padding:48px 0;margin-top:48px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.o-footbar{display:flex;justify-content:space-between;align-items:center;padding-top:24px;font-size:12px;color:var(--grey)}
.o-footbar span{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:13px;color:#3d3d3d}
.o-footbar a:hover{color:var(--navy3)}
.proof-mark [data-todo]{outline:2px dashed #C0362C!important;outline-offset:2px}

/* dialog */
.o-modal{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center}.o-modal[hidden]{display:none}
.o-scrim{position:absolute;inset:0;background:rgba(2,20,18,.55);animation:o-fade .25s ease both}
.o-dialog{position:relative;width:min(540px,calc(100% - 32px));max-height:calc(100% - 32px);overflow:auto;border-radius:16px;background:#fff;padding:32px;box-shadow:0 40px 100px -30px rgba(2,26,24,.6);animation:o-pop .3s var(--ease) both}
.o-dialog h2{font-size:28px;font-weight:400;letter-spacing:-.03em}.o-dialog p{color:var(--grey2);margin-top:6px}
.o-x{position:absolute;top:14px;inset-inline-end:14px;width:36px;height:36px;border:0;border-radius:10px;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.o-x:hover{background:#F2F2F2}
.o-grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px 12px;margin:24px 0 20px}
.o-grid2 label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:500;color:#3d3d3d}
.o-grid2 input,.o-grid2 select{height:44px;border:0;border-radius:10px;background:#F4F7F6;box-shadow:inset 0 0 0 1px #E0E8E4;padding:0 12px;font-size:15px;outline:none}
.o-grid2 input:focus,.o-grid2 select:focus{box-shadow:inset 0 0 0 2px var(--navy3);background:#fff}
.o-grid2 label.bad input{box-shadow:inset 0 0 0 2px #C0362C}
.o-done .o-btn{margin-top:24px}
/* sending a lead: the refusal line above the button, the button while it sends, the honeypot kept off screen */
.o-formerr,.o-dialog p.o-formerr{margin:0 0 14px;color:#A3261F;font-size:14px;line-height:1.45}.o-btn:disabled{opacity:.7;cursor:progress}
.o-hp{position:absolute;inset-inline-start:-9999px;width:1px;height:1px;overflow:hidden}.o-ts:empty{display:none}.o-ts{margin-bottom:12px}
@keyframes o-fade{from{opacity:0}}@keyframes o-pop{from{opacity:0;transform:translateY(10px) scale(.97)}}

/* Arabic type */
[dir=rtl] .o-display{font-weight:500;line-height:1.3;font-size:54px}[dir=rtl] .o-h2{font-weight:500;line-height:1.35}[dir=rtl] .o-h3{font-weight:500;line-height:1.35}
[dir=rtl] .o-num,[dir=rtl] .o-sbig,[dir=rtl] .o-result b,[dir=rtl] .o-cproof b{font-family:Inter,"Inter Fallback",sans-serif}
[dir=rtl] .o-wm.serif{font-family:"IBM Plex Sans Arabic",serif;font-weight:400}
[dir=rtl] .o-num small.pre{order:3;margin-inline:4px 0}[dir=rtl] .o-num span[data-count],[dir=rtl] bdi{unicode-bidi:isolate;direction:ltr}
[dir=rtl] .o-bar{grid-template-columns:104px 1fr 60px}[dir=rtl] .o-num small{font-family:"IBM Plex Sans Arabic",sans-serif;font-size:22px}
[dir=rtl] .o-kicker{padding:0 4px 0 14px}[dir=rtl] .o-ai{padding:0 7px 0 9px}

/* reveals */
.js [data-rv]{opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .9s var(--ease);transition-delay:calc(var(--rv,0) * 80ms)}
.js [data-rv].in{opacity:1;transform:none}
.js .o-stat[data-rv]{transform:translateY(calc(var(--off) + 30px))}.js .o-stat[data-rv].in{transform:translateY(var(--off))}
.js .o-herocopy > :not(.o-display){animation:o-up .9s var(--ease) both}
.js .o-herocopy > .o-display{animation:o-rise .9s var(--ease) both}
.js .o-herocopy > :nth-child(2){animation-delay:.08s}.js .o-herocopy > :nth-child(3){animation-delay:.16s}.js .o-herocopy > :nth-child(4){animation-delay:.24s}.js .o-herocopy > :nth-child(5){animation-delay:.32s}
@keyframes o-up{from{opacity:0;transform:translateY(14px)}}
@keyframes o-rise{from{transform:translateY(10px)}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.js [data-rv]{opacity:1;transform:none}.js .o-stat[data-rv]{transform:translateY(var(--off))}}

/* ── responsive ── */
@media (max-width:1280px){.o-guides{display:none}.o-feat{grid-template-columns:1fr 1fr;gap:48px}.o-feat.flip{grid-template-columns:1fr 1fr}.o-secgrid{grid-template-columns:1fr 1fr;gap:40px}
  .o-nav nav{gap:20px}.o-logorow{gap:40px;flex-wrap:wrap}.o-footmain{flex-wrap:wrap;row-gap:32px}.o-contact{margin-inline-start:0}}
@media (max-width:1024px){
  .o-nav nav,.o-navright .o-btn.sm{display:none}.o-burger{display:inline-flex}.o-menu{display:none}
  .o-navright{gap:8px}.o-navright .o-lang{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 14px;border-radius:10px;background:rgba(255,255,255,.06);color:#fff;font-size:15px;font-weight:500}.o-navright .o-lang svg{display:block}
  @media (max-width:359px){.o-nav .o-logo .o-brand{height:25px}.o-navright .o-lang{padding:0 10px}.o-navright .o-lang svg{display:none}}
  .o-mnav{display:flex;flex-direction:column;gap:2px;padding:12px 24px 24px;background:var(--navy);border-bottom:1px solid rgba(255,255,255,.08)}.o-mnav[hidden]{display:none}
  .o-mnav a:not(.o-btn){padding:11px 0;font-size:16px;color:rgba(255,255,255,.85);border-bottom:1px solid rgba(255,255,255,.06)}.o-mnav .o-btn{margin-top:16px;width:100%}
  .o-display{font-size:48px}[dir=rtl] .o-display{font-size:44px}.o-h2{font-size:40px}.o-h3{font-size:28px}
  .o-stats{gap:14px}.o-stat{transform:none!important;flex:1 1 0;min-width:0;width:auto;height:auto;min-height:340px;padding:18px}.o-num{font-size:52px}.o-viz.pair div{grid-template-columns:1fr 1fr 34px}
  .o-two{grid-template-columns:1fr}.o-feat,.o-feat.flip{grid-template-columns:1fr;gap:32px;margin-bottom:72px}.o-feat.flip .o-feattext{order:0}
  .o-plats,.o-cols3,.o-secgrid{grid-template-columns:1fr}.o-bandcta,.o-headrow,.o-footline{flex-direction:column;align-items:flex-start}
  .o-center .o-headrow{align-items:center}.o-sub.left{max-width:none}.o-art.tall{height:auto;min-height:480px}
  .o-media .sc-tabs{max-width:100%;overflow-x:auto;scrollbar-width:none}.o-media .sc-tab{white-space:nowrap;flex-shrink:0}.o-media .sc-tabs::-webkit-scrollbar{display:none}}
@media (max-width:640px){
  .o-logo .o-brand{height:28px}[dir=rtl] .o-logo .o-brand{height:32px}
  .o-flow{padding-inline-start:30px;gap:8px}.o-rail{inset-inline-start:9px}.o-node{inset-inline-start:-31px;width:20px;height:20px;margin-top:-10px}.o-flow .o-sic{display:none}
  .o-step,.o-paid{padding:11px 12px;gap:10px}.o-paid strong{font-size:18px}
  .o-wrap,.o-narrow{width:calc(100% - 32px)}
  .o-herocopy{padding-top:128px}.o-kicker{height:auto;min-height:32px;padding:4px 12px 4px 4px;font-size:12.5px;text-align:start;border-radius:18px}
  .o-display{font-size:34px;line-height:1.14}[dir=rtl] .o-display{font-size:31px;line-height:1.4}.o-display span{display:block;margin-top:6px}
  .o-lede{font-size:16px;margin-top:22px}.o-ctas{flex-direction:column;align-items:stretch;width:100%;margin-top:32px}.o-ctas .o-btn{height:48px}
  .o-trust{flex-direction:column;gap:12px}.o-trust i{display:none}.o-media{margin-top:44px}
  .o-media .sc-tabs{overflow:visible}.o-media .sc-tab{flex:1 1 0;min-width:0;height:auto;min-height:44px;padding:6px 8px;justify-content:center;text-align:center;white-space:normal;font-size:13px;line-height:16px}.o-media .sc-tab svg{display:none}
  .o-h2{font-size:31px;line-height:1.2}[dir=rtl] .o-h2{font-size:28px}.o-h2 br.d,.o-h3 br.d{display:none}.o-h3{font-size:25px}.o-h3.big{font-size:30px}
  .o-leak,.o-how,.o-plat,.o-switch,.o-sec,.o-faq,.o-proof{padding:80px 0}.o-features{padding:80px 0 20px}.o-final{padding:90px 0 40px}
  .o-stats{margin-top:48px;gap:14px;flex-direction:column;align-items:stretch}.o-stat{width:100%!important;flex:none;min-height:0}.o-stat p{margin-top:24px}
  .o-art{height:auto;min-height:400px;padding:28px 14px}.o-ui{padding:14px}.w340,.w360,.w380,.o-est{width:100%}
  .o-reason{flex-direction:column;gap:2px}.o-guards{grid-template-columns:1fr;gap:28px}
  .o-platcard{padding:24px}
  .o-faqside{max-width:none}.o-q button{font-size:16px;padding:18px 0}.o-a p{padding-inline-end:0}
  .o-shapes{display:none}.o-foot{margin-top:72px}.o-footcard{padding:32px 20px 20px}.o-bigmark .o-brand{height:34px}[dir=rtl] .o-bigmark .o-brand{height:39px}
  .o-footmain{display:grid;grid-template-columns:1fr 1fr;gap:28px}.o-bigmark,.o-contact{grid-column:1/-1}.o-fcol a{white-space:normal}.o-contact h5{white-space:normal}
  .o-footbar{flex-direction:column;align-items:flex-start;gap:14px}.o-grid2{grid-template-columns:1fr}.o-dialog{padding:24px 20px}}

.sc-tab:focus{outline:none}.sc-tab:focus-visible{outline:2px solid rgba(198,243,109,.7);outline-offset:-2px}
@media (max-width:820px){.o-annlong{display:none}.o-annshort{display:inline}}
@media (max-width:640px){.o-ann{font-size:12.5px;gap:8px;flex-wrap:wrap;row-gap:4px}}
.o-media .sc-stage{opacity:1;transform:none}

/* ── motion, round 2: the mockups act out what they show. Transform and opacity only; one-shot unless noted; off with reduced motion ── */
@media (prefers-reduced-motion:no-preference){
  .o-logo .o-beat{animation:m-beat .6s ease-in-out .6s 1}@keyframes m-beat{50%{r:calc(var(--r) * 1.25)}}
  /* the AI review: a soft scan reads the claim, then each check lands in order, then the verdict */
  .o-checks{position:relative;overflow:hidden}
  .o-scan{position:absolute;inset-inline:12px;top:64px;height:46px;border-radius:10px;background:linear-gradient(180deg,rgba(198,243,109,0) 0%,rgba(198,243,109,.28) 50%,rgba(198,243,109,0) 100%);opacity:0;pointer-events:none;z-index:2}
  .in .o-scan{animation:m-scan 1.5s cubic-bezier(.45,0,.2,1) .35s 1}
  @keyframes m-scan{0%{opacity:0;transform:translateY(0)}12%{opacity:1}88%{opacity:1}100%{opacity:0;transform:translateY(222px)}}
  .js .o-checks .o-uirow{opacity:0;transform:translateY(6px);transition:opacity .45s ease,transform .55s var(--ease)}
  .js .in .o-checks .o-uirow{opacity:1;transform:none}
  .js .in .o-checks .o-uirow:nth-child(3){transition-delay:220ms}.js .in .o-checks .o-uirow:nth-child(4){transition-delay:300ms}.js .in .o-checks .o-uirow:nth-child(5){transition-delay:380ms}.js .in .o-checks .o-uirow:nth-child(6){transition-delay:460ms}.js .in .o-checks .o-uirow:nth-child(7){transition-delay:540ms}
  .js .o-checks .o-uirow em.c,.js .o-checks .o-uihead em.c{opacity:0;transform:scale(.7);transition:opacity .3s ease,transform .45s cubic-bezier(.3,1.6,.5,1)}
  .js .in .o-checks .o-uirow em.c{opacity:1;transform:none}
  .js .in .o-checks .o-uirow:nth-child(3) em.c{transition-delay:940ms}.js .in .o-checks .o-uirow:nth-child(4) em.c{transition-delay:1180ms}.js .in .o-checks .o-uirow:nth-child(5) em.c{transition-delay:1420ms}.js .in .o-checks .o-uirow:nth-child(6) em.c{transition-delay:1660ms}.js .in .o-checks .o-uirow:nth-child(7) em.c{transition-delay:1900ms}
  .js .in .o-checks .o-uihead em.c{opacity:1;transform:none;transition-delay:2s}
  .js .o-checks .o-uifoot{opacity:0;transition:opacity .5s ease 2.2s}.js .in .o-checks .o-uifoot{opacity:1}
  .o-checks .o-mini{position:relative;overflow:hidden}
  .o-checks .o-mini::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(198,243,109,.45) 50%,transparent 70%);transform:translateX(-120%)}
  .in .o-checks .o-mini::after{animation:m-shine 1.1s ease 2.6s 2}
  @keyframes m-shine{to{transform:translateX(120%)}}

  /* booking to bank: the steps arrive, the rail fills down through them, each node ticks as the fill reaches it, then the payment lands */
  .js .o-flow > .o-step,.js .o-flow > .o-paid{opacity:0;transform:translateY(10px);transition:opacity .45s ease,transform .6s var(--ease)}
  .js .in .o-flow > .o-step,.js .in .o-flow > .o-paid{opacity:1;transform:none}
  .js .in .o-flow > :nth-child(3){transition-delay:120ms}.js .in .o-flow > :nth-child(4){transition-delay:240ms}.js .in .o-flow > :nth-child(5){transition-delay:360ms}
  .js .o-rail > i{transform:scaleY(0);transform-origin:top}
  .js .in .o-rail > i{transform:none;transition:transform 1.5s cubic-bezier(.4,0,.6,1) .45s}
  .js .o-node{transform:scale(0)}
  .js .in .o-node{transform:none;transition:transform .45s cubic-bezier(.3,1.6,.5,1) .45s}
  .js .in .o-flow > :nth-child(3) .o-node{transition-delay:.83s}.js .in .o-flow > :nth-child(4) .o-node{transition-delay:1.2s}.js .in .o-flow > :nth-child(5) .o-node{transition-delay:1.58s}.js .in .o-flow > .o-paid .o-node{transition-delay:2.05s}
  .js .o-flow > .o-paid{transform:translateY(10px) scale(.96)}
  .js .in .o-flow > .o-paid{transition:opacity .35s ease 1.88s,transform .55s cubic-bezier(.3,1.6,.5,1) 1.88s}
  .o-paid::after{content:"";position:absolute;inset:-5px;border-radius:18px;box-shadow:0 0 0 2px rgba(198,243,109,.9);opacity:0;pointer-events:none}
  .in .o-paid::after{animation:m-ring2 1.2s ease-out 2.35s 2}
  @keyframes m-ring{0%{opacity:.9;transform:scale(1)}100%{opacity:0;transform:scale(1.25)}}
  @keyframes m-ring2{0%{opacity:.9;transform:scale(1)}100%{opacity:0;transform:scale(1.05,1.18)}}

  /* the estimator: the result nods when it changes */
  .o-result{transition:transform .35s cubic-bezier(.3,1.6,.5,1)}.o-result.bump{transform:scale(1.025)}

  /* win back a rejection: the reason slides in, the first fix ticks and strikes through, then the count */
  .js .o-feat .o-reason{opacity:0;transform:translateX(-10px);transition:opacity .45s ease .3s,transform .55s var(--ease) .3s}
  [dir=rtl].js .o-feat .o-reason{transform:translateX(10px)}
  .js .o-feat.in .o-reason{opacity:1;transform:none}
  .js .o-uirow.done .box.on{transform:scale(0);transition:transform .45s cubic-bezier(.3,1.6,.5,1) .8s}.js .in .o-uirow.done .box.on{transform:none}
  .js .o-uirow.done > span{color:#000;transition:color .4s ease 1.2s}.js .in .o-uirow.done > span{color:var(--grey)}
  .js .o-uirow.done > span::after{transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease) 1.1s}[dir=rtl].js .o-uirow.done > span::after{transform-origin:right}
  .js .in .o-uirow.done > span::after{transform:none}
  .js .o-feat .o-uifoot small{opacity:0;transition:opacity .4s ease 1.6s}.js .o-feat.in .o-uifoot small{opacity:1}

  /* days to pay: bars grow (existing), the days count up, then the short-payment note */
  .js .o-feat .o-reason.warn{transition-delay:1.3s}

  /* the audit trail: the spine draws and each entry is written in turn; the approval glows last */
  .js .o-audit ol::before{transform:scaleY(0);transform-origin:top;transition:transform 1.6s var(--ease) .3s}
  .js .in .o-audit ol::before{transform:none}
  .js .o-audit li{opacity:0;transform:translateY(8px);transition:opacity .45s ease,transform .55s var(--ease)}
  .js .in .o-audit li{opacity:1;transform:none}
  .js .in .o-audit li:nth-child(1){transition-delay:360ms}.js .in .o-audit li:nth-child(2){transition-delay:620ms}.js .in .o-audit li:nth-child(3){transition-delay:880ms}.js .in .o-audit li:nth-child(4){transition-delay:1140ms}.js .in .o-audit li:nth-child(5){transition-delay:1400ms}.js .in .o-audit li:nth-child(6){transition-delay:1660ms}
  .js .o-audit li > i{transform:scale(.4);transition:transform .45s cubic-bezier(.3,1.6,.5,1)}
  .js .in .o-audit li > i{transform:none}
  .js .in .o-audit li:nth-child(1) > i{transition-delay:410ms}.js .in .o-audit li:nth-child(2) > i{transition-delay:670ms}.js .in .o-audit li:nth-child(3) > i{transition-delay:930ms}.js .in .o-audit li:nth-child(4) > i{transition-delay:1190ms}.js .in .o-audit li:nth-child(5) > i{transition-delay:1450ms}.js .in .o-audit li:nth-child(6) > i{transition-delay:1710ms}
  .o-audit li:last-child{position:relative}
  .o-audit li:last-child::before{content:"";position:absolute;inset:-2px -8px;border-radius:10px;background:rgba(198,243,109,.22);opacity:0;pointer-events:none;z-index:-1}
  .in .o-audit li:last-child::before{animation:m-glow 1.6s ease 1.9s 1}
  .o-audit ol{isolation:isolate}
  @keyframes m-glow{0%,100%{opacity:0}30%{opacity:1}}
  .js .o-guards > *{opacity:0;transform:translateY(12px);transition:opacity .5s ease,transform .6s var(--ease)}
  .js .in .o-guards > *{opacity:1;transform:none}
  .js .in .o-guards > :nth-child(1){transition-delay:290ms}.js .in .o-guards > :nth-child(2){transition-delay:380ms}.js .in .o-guards > :nth-child(3){transition-delay:470ms}.js .in .o-guards > :nth-child(4){transition-delay:560ms}.js .in .o-guards > :nth-child(5){transition-delay:650ms}.js .in .o-guards > :nth-child(6){transition-delay:740ms}

  /* platforms: the ticks land one by one */
  .js .o-platcard .o-ticks li{opacity:0;transform:translateY(6px);transition:opacity .4s ease,transform .5s var(--ease)}
  .js .o-platcard.in .o-ticks li{opacity:1;transform:none}
  .js .o-platcard.in .o-ticks li:nth-child(1){transition-delay:360ms}.js .o-platcard.in .o-ticks li:nth-child(2){transition-delay:470ms}.js .o-platcard.in .o-ticks li:nth-child(3){transition-delay:580ms}.js .o-platcard.in .o-ticks li:nth-child(4){transition-delay:690ms}

  /* the media cards lift on hover; with scroll-driven animation, the white cards drift gently against their panels */
  .o-art .o-ui,.o-art .o-flow{transition:transform .5s var(--ease)}
  .o-art:hover .o-ui:not(.o-step),.o-art:hover .o-flow{transform:translateY(-4px)}
  @supports (animation-timeline:view()){
    @media (min-width:1025px){
      .o-art > .o-ui,.o-art > .o-flow{animation:m-drift linear both;animation-timeline:view();animation-range:entry 0% exit 100%}
      @keyframes m-drift{from{translate:0 22px}to{translate:0 -22px}}
    }
  }

  /* the primary button: a light sweep on hover */
  .o-btn.lime{position:relative;overflow:hidden;isolation:isolate}
  .o-btn.lime::before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);transform:translateX(-120%);z-index:-1}
  .o-btn.lime:hover::before{transition:transform .7s ease;transform:translateX(120%)}

  /* the hero: the AI mark twinkles once; the badges arrive after the buttons */
  .o-ai svg{animation:m-twinkle 1.2s ease 1s 2}
  @keyframes m-twinkle{0%,100%{transform:scale(1) rotate(0)}50%{transform:scale(1.25) rotate(18deg)}}
  .js .o-herocopy .o-trust .o-tr{animation:o-up .8s var(--ease) both}.js .o-herocopy .o-trust .o-tr:last-child{animation-delay:.5s}.js .o-herocopy .o-trust .o-tr:first-child{animation-delay:.4s}

  /* questions: the answer rises as it opens */
  .o-a p{transition:opacity .35s ease,transform .45s var(--ease)}.o-q:not(.open) .o-a p{opacity:0;transform:translateY(-6px)}
}
.sar{display:inline-block;width:auto;height:.74em;vertical-align:-.04em;fill:currentColor;margin-inline-end:.16em}[dir=rtl] .sar{margin-inline:.16em 0}.o-num small.pre .sar,.o-input em .sar{margin:0;height:.85em}
.money{white-space:nowrap}

/* ── whitespace, round 4: one rhythm. Sections 120px (72px on phones); where two white sections meet, the join is 168px, not 270+;
   tag to heading 22px everywhere; heading block to content 56px everywhere ── */
.o-leak{padding-bottom:96px}
.o-how{padding-top:72px}.o-howhead{padding:0 0 8px}.o-howhead .o-h2{margin-top:22px}
.o-plat{padding-bottom:88px}.o-switch{padding-top:72px}
.o-proof .o-h2,.o-plat .o-h2{margin-top:22px}
.o-stats{margin-top:64px}.o-two{margin-top:56px}
@media (max-width:640px){
  .o-leak{padding-bottom:56px}.o-how{padding-top:40px}.o-plat{padding-bottom:56px}.o-switch{padding-top:40px}
  .o-stats,.o-two,.o-stories,.o-plats,.o-cols3,.o-secgrid,.o-acc{margin-top:40px}
}

/* even line breaks for headings and short paragraphs */
.o-display,.o-h2,.o-h3,.o-lede,.o-sub,.o-kicker > span:last-child,.o-squote blockquote{text-wrap:balance}

[tabindex="-1"]:focus{outline:none}

/* ── customer stories: a tab per clinic; each story is the quote beside the clinic's number ── */
.o-stories{width:100%;margin-top:56px;text-align:start}
.o-stabs{display:flex;border-bottom:1px solid var(--line)}
.o-stab{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:76px;border:0;background:none;cursor:pointer;color:#98A39F;transition:color .3s ease}
.o-stab .o-wm{color:inherit;font-size:19px}.o-stab .o-wm.upper{font-size:15px}.o-stab .o-wm.serif{font-size:21px}
.o-stab small{font-size:12px;font-weight:500;color:#A9B2AF}
.o-stab:hover{color:#4d5a56}.o-stab.on{color:var(--ink)}.o-stab.on small{color:var(--grey)}
.o-stab:focus{outline:none}.o-stab:focus-visible{outline:2px solid var(--navy3);outline-offset:-4px;border-radius:8px}
.o-sprog{position:absolute;inset-inline:0;bottom:-1px;height:2px;background:var(--navy3);transform:scaleX(0);transform-origin:left}
[dir=rtl] .o-sprog{transform-origin:right}
.o-stab.on .o-sprog{transform:scaleX(1)}
.o-stabs.run .o-stab.on .o-sprog{animation:s-fill 7s linear both}.o-stabs.run:hover .o-stab.on .o-sprog,.o-stories:focus-within .o-stabs.run .o-stab.on .o-sprog,.o-stabs.run.held .o-stab.on .o-sprog{animation-play-state:paused}
@keyframes s-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.o-spanels{display:grid;margin-top:24px}
.o-story{grid-area:1/1;display:grid;grid-template-columns:1.5fr 1fr;border-radius:16px;overflow:hidden;background:#fff;box-shadow:inset 0 0 0 1px var(--line),0 24px 48px -36px rgba(2,26,24,.3);
  opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .45s ease,transform .55s var(--ease),visibility 0s .55s}
.o-story.on{opacity:1;visibility:visible;transform:none;transition:opacity .45s ease,transform .55s var(--ease),visibility 0s}
.o-squote{display:flex;flex-direction:column;justify-content:space-between;gap:40px;padding:52px}
.o-squote blockquote{font-size:28px;line-height:1.32;letter-spacing:-.025em;font-weight:400;color:var(--ink)}
.o-squote blockquote > span{color:var(--navy3)}
.o-squote figcaption{display:flex;align-items:center;gap:14px}
.o-squote figcaption > span:last-child{display:flex;flex-direction:column}.o-squote figcaption b{font-size:15px;font-weight:600}.o-squote figcaption small{font-size:13.5px;color:var(--grey)}
.o-smetric{display:flex;flex-direction:column;padding:44px 40px 32px;color:var(--night)}
.o-smetric.mint{background:radial-gradient(80% 70% at 100% 0%,rgba(255,255,255,.55),transparent 70%),linear-gradient(160deg,#A9D3C1 0%,#D2E8DE 100%)}
.o-smetric.sage{background:radial-gradient(80% 70% at 100% 0%,rgba(255,255,255,.55),transparent 70%),linear-gradient(160deg,#B4C5B8 0%,#DDE5DF 100%)}
.o-smetric.sand{background:radial-gradient(80% 70% at 100% 0%,rgba(255,255,255,.55),transparent 70%),linear-gradient(160deg,#D8CDB4 0%,#EEE8DA 100%)}
.o-stop{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgba(2,26,24,.6)}
.o-sbig{font-size:68px;font-weight:400;letter-spacing:-.045em;line-height:1;margin-top:14px}
.o-slabel{font-size:15px;color:rgba(2,26,24,.72);margin-top:8px}
.o-sbars{display:flex;flex-direction:column;gap:10px;margin-top:auto;padding-top:32px}
.o-sbars p{font-size:12.5px;font-weight:600;color:rgba(2,26,24,.7)}
.o-sbars div{display:grid;grid-template-columns:100px 1fr 40px;align-items:center;gap:10px;font-size:12.5px;color:rgba(2,26,24,.7)}
.o-sbars i{height:8px;border-radius:999px;background:rgba(255,255,255,.6);overflow:hidden}
.o-sbars b{display:block;height:100%;border-radius:999px;background:rgba(2,26,24,.25);transform-origin:left;transition:transform .9s var(--ease) .25s}
.o-sbars b.good{background:var(--navy3);transition-delay:.45s}
[dir=rtl] .o-sbars b{transform-origin:right}
.o-story:not(.on) .o-sbars b{transform:scaleX(0);transition:none}
.o-sbars em{font-style:normal;font-weight:600;text-align:end;color:var(--night)}
.o-sctx{display:flex;align-items:center;gap:6px;margin-top:22px;padding-top:14px;border-top:1px solid rgba(2,26,24,.12);font-size:13px;color:rgba(2,26,24,.65)}
[dir=rtl] .o-squote blockquote{font-weight:500;line-height:1.6;font-size:25px}
@media (max-width:1024px){.o-story{grid-template-columns:1fr}.o-squote{padding:36px}.o-smetric{padding:32px}}
@media (max-width:640px){.o-stabs{overflow-x:auto;scrollbar-width:none}.o-stab{min-width:118px;height:68px}.o-stab .o-wm{font-size:16px}.o-stab .o-wm.upper{font-size:13px}.o-stab .o-wm.serif{font-size:18px}
  .o-squote{padding:26px 22px;gap:28px}.o-squote blockquote{font-size:20px}[dir=rtl] .o-squote blockquote{font-size:19px}.o-smetric{padding:26px 22px 22px}.o-sbig{font-size:52px}.o-sbars div{grid-template-columns:92px 1fr 36px}}

/* ── round 8: clinic operations and clinical care, before the revenue cycle ── */
.o-tag.dark{background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);color:#fff}.o-tag.dark svg{color:var(--lime)}
.o-chead{display:flex;flex-direction:column;align-items:center;text-align:center}.o-chead .o-h2{margin-top:22px}
/* a customer's number under a section's heading: the clinic, the result, what was measured */
.o-cproof{display:inline-flex;align-items:center;gap:14px;max-width:100%;margin-top:28px;padding:10px 16px 10px 18px;border-radius:999px;background:#fff;border:1px solid var(--line);box-shadow:0 12px 28px -18px rgba(2,26,24,.28);color:var(--ink);text-align:start;transition:border-color .2s ease,transform .3s var(--ease)}
.o-cproof:hover{border-color:#B9D6CC;transform:translateY(-1px)}.o-cproof > svg{flex:none;color:var(--navy3)}
.o-cpw{display:flex;align-items:center;padding-inline-end:14px;border-inline-end:1px solid var(--line)}.o-cproof .o-wm{color:var(--ink2);font-size:15px}.o-cproof .o-wm.upper{font-size:12px}.o-cproof .o-wm.serif{font-size:17px}
.o-cproof b{font-size:24px;font-weight:600;letter-spacing:-.03em;color:var(--navy3);font-variant-numeric:tabular-nums}
.o-cpt{display:flex;flex-direction:column;font-size:14px;font-weight:500;line-height:1.3}.o-cpt small{font-size:12px;font-weight:400;color:var(--grey)}
.o-cproof.dark{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);box-shadow:none;color:#fff}.o-cproof.dark:hover{border-color:rgba(198,243,109,.5)}
.o-cproof.dark b,.o-cproof.dark > svg{color:var(--lime)}.o-cproof.dark .o-wm{color:rgba(255,255,255,.8)}.o-cproof.dark .o-cpw{border-color:rgba(255,255,255,.14)}.o-cproof.dark small{color:rgba(255,255,255,.6)}
/* the Kingdom's other checks, under the two platforms */
.o-comply{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:24px;width:100%;text-align:start}
.o-cmp{display:flex;align-items:center;gap:14px;padding:16px 20px;border-radius:16px;background:#fff;border:1px solid var(--line);color:var(--ink);transition:border-color .2s ease}.o-cmp:hover{border-color:#B9D6CC}
.o-cmpi{flex:none;width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:#EAF4F0}
.o-cmpt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.o-cmpt b{font-size:15px;font-weight:600}.o-cmpt small{font-size:13px;line-height:1.45;color:var(--grey)}.o-cmp > svg{flex:none;color:var(--navy3)}
@media (max-width:1100px){.o-comply{grid-template-columns:1fr;max-width:640px;margin-inline:auto;gap:12px}}
@media (max-width:640px){.o-comply{grid-template-columns:1fr;gap:12px}.o-cproof{gap:10px;padding:10px 14px;border-radius:18px}.o-cpw{display:none}.o-cproof b{font-size:21px}}
.o-care .o-chead,.o-features .o-chead{margin-bottom:88px}
/* the front desk: five screens in a bento */
.o-clinic{padding:60px 0 130px;background:linear-gradient(#fff 0%,#fff 55%,#F1F6F4 100%)}
.o-bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 24px;margin-top:64px;width:100%;text-align:start}
.o-bento .span2{grid-column:span 2}
.o-bento .o-art{height:360px}.o-bento > :nth-child(-n+2) .o-art{height:450px}
.o-bento > article > h3{font-size:20px;font-weight:500;letter-spacing:-.02em;margin-top:22px}
.o-bento > article > p{color:var(--grey);margin-top:8px;max-width:520px}
.c.in{background:var(--navy);color:var(--lime)}.c.free{background:#fff;color:var(--navy3);box-shadow:inset 0 0 0 1px #CFE0D8}
.o-day{width:100%;max-width:700px}
.o-daycols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:12px}
.o-daycol > p{display:flex;align-items:center;gap:6px;min-height:24px;margin-bottom:2px;font-size:13.5px}
.o-daycol > p small{font-size:12px;font-weight:400;color:var(--grey)}.o-daycol > p em.c{margin-inline-start:auto;font-size:11px;padding:2px 6px}
.o-slot{display:flex;flex-direction:column;align-items:flex-start;gap:3px;margin-top:8px;padding:9px 11px;border-radius:10px;background:#F5F8F7;border:1px solid transparent;font-size:13.5px}
.o-slot time{font-size:11.5px;color:var(--grey);font-variant-numeric:tabular-nums}
.o-slot b{max-width:100%;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.o-slot em.c{font-size:11px;padding:2px 6px}
.o-slot.in{background:#E7F2EE;border-inline-start:3px solid var(--navy3)}
.o-slot.free{background:none;border:1px dashed #BFD3CA}.o-slot.free b{color:var(--grey)}
.o-checkin{width:300px}
.o-idf{display:flex;flex-direction:column;gap:6px;margin:10px 0 2px;font-size:12px;color:var(--grey)}
.o-idv{display:flex;align-items:center;height:40px;padding:0 12px;border-radius:10px;background:#fff;box-shadow:inset 0 0 0 2px var(--navy3);font-size:16px;font-weight:600;color:#000;letter-spacing:.03em;font-variant-numeric:tabular-nums}
.o-caret{display:inline-block;width:1.5px;height:18px;margin-inline-start:2px;background:var(--navy3)}
.o-idf small{font-size:11.5px;font-weight:500;color:var(--navy3)}
.o-checkin .o-uirow,.o-stock .o-uirow{padding:8px 0;font-size:13.5px}
.o-wa{width:290px;padding:0;overflow:hidden;background:#EFEAE2}
.o-wa .o-uihead{margin:0;padding:12px 14px;background:#fff}
.o-bub{position:relative;width:fit-content;max-width:86%;margin:10px 12px 0;padding:8px 10px 18px;border-radius:10px;background:#fff;font-size:13px;font-weight:400;line-height:1.4;box-shadow:0 1px 1px rgba(0,0,0,.08)}
.o-bub small{position:absolute;inset-inline-end:8px;bottom:3px;font-size:10px;color:#8a8a8a}
.o-bub.me{margin-inline-start:auto;min-width:70px;background:#D9FDD3}
.o-sys{display:flex;align-items:center;justify-content:center;gap:6px;margin:12px;padding:6px 10px;border-radius:8px;background:rgba(255,255,255,.9);font-size:12px;font-weight:500;color:#1F6B3A}
.o-board{width:290px;padding:16px;border-radius:14px;background:var(--night);color:#fff;text-align:start;box-shadow:0 0 0 6px #0E2F2A,0 28px 48px -24px rgba(2,26,24,.7)}
.o-board ul{list-style:none;margin-top:8px}
.o-board.o-board2{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:320px;max-width:100%}.o-bcol li span{white-space:nowrap}.o-board2 .o-bnote{grid-column:1/-1;margin-top:4px}.o-bcol{padding:12px;border-radius:10px;background:rgba(198,243,109,.08);box-shadow:inset 0 0 0 1px rgba(198,243,109,.25)}.o-bcol > small{display:block;font-size:12px;color:var(--lime);font-weight:600}.o-bcount{display:block;font-size:13px;font-weight:500;color:rgba(255,255,255,.7);margin-top:2px}.o-bcol ul{margin-top:8px}.o-bcol li{padding:7px 0;font-size:14px}.o-bcol li b{font-size:16px}
.o-soon{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px;border-radius:999px;background:#F2F2F2;color:#555;font-size:11.5px;font-weight:600;white-space:nowrap;vertical-align:middle}.o-soon::before{content:"";width:6px;height:6px;border-radius:50%;background:#E8A23A}.navy .o-soon{background:rgba(255,255,255,.08);color:rgba(255,255,255,.75)}
.o-board li{display:flex;justify-content:space-between;gap:10px;padding:9px 2px;border-bottom:1px solid rgba(255,255,255,.08);font-size:13.5px}
.o-board li b{font-weight:500}.o-board li span{color:rgba(255,255,255,.6)}
.o-bnote{display:flex;align-items:center;gap:6px;margin-top:10px;font-size:11.5px;color:rgba(255,255,255,.55)}
.o-stock{width:310px}
.o-batch{display:flex;align-items:center;gap:10px;margin:10px 0 4px;padding:10px 12px;border-radius:10px;background:#EDF5F1}
.o-batch svg{flex-shrink:0}.o-batch span{display:flex;flex-direction:column;gap:1px}.o-batch b{font-size:13.5px}.o-batch small{font-size:12px;font-weight:400;color:var(--grey)}
.o-stlabel,.o-rxlabel{margin-top:12px;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--grey)}
/* the consultation room */
.o-care{padding:120px 0}
.o-carerow{display:grid;grid-template-columns:1fr 588px;gap:72px;align-items:center}
.o-carelist{list-style:none;display:flex;flex-direction:column;gap:36px}
.o-carelist li{display:flex;align-items:flex-start;gap:16px}
.o-ci{flex-shrink:0;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:rgba(198,243,109,.08);box-shadow:inset 0 0 0 1px rgba(198,243,109,.25)}
.o-carelist h3{font-size:20px;font-weight:500;letter-spacing:-.02em;color:#fff}
.o-carelist p{max-width:440px;margin-top:6px;color:rgba(255,255,255,.65)}
.o-visit{width:480px}
.o-allergy{display:inline-flex;align-items:center;gap:4px}
.o-vitals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}
.o-vitals span{display:flex;flex-direction:column;padding:8px 10px;border-radius:10px;background:#F5F8F7}
.o-vitals small{font-size:11px;color:var(--grey)}.o-vitals b{font-size:17px;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.o-vitals i{font-style:normal;font-size:11px;font-weight:400;color:var(--grey)}
.o-vby{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:12px;font-weight:400;color:var(--grey)}
.o-trend{display:flex;align-items:center;gap:12px;margin-top:12px;padding:10px 12px;border-radius:10px;box-shadow:inset 0 0 0 1px #ECF0EE}
.o-trend > span:first-child{flex:1;display:flex;flex-direction:column;gap:1px}.o-trend small{font-size:11.5px;font-weight:400;color:var(--grey)}.o-trend b{font-size:15px}
.o-spark{position:relative;display:inline-flex;overflow:hidden;direction:ltr}
.o-rx{display:flex;align-items:center;gap:10px;margin-top:8px;padding:10px 12px;border-radius:10px;background:#F5F8F7}
.o-rx svg{flex-shrink:0}.o-rx span{display:flex;flex-direction:column}.o-rx small{font-size:12px;font-weight:400;color:var(--grey)}
.o-rxalert{display:flex;align-items:flex-start;gap:10px;margin-top:8px;padding:10px 12px;border-radius:10px;background:#FBE5E3;color:#A3261F}
.o-rxalert svg{flex-shrink:0;margin-top:2px}.o-rxalert > span{display:flex;flex-direction:column;gap:2px}.o-rxalert b{font-size:13.5px}.o-rxalert small{font-size:12.5px;font-weight:400;color:#7D2A24}
.o-rxact{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.o-rxact span{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:7px;background:#fff;box-shadow:inset 0 0 0 1px #F2C9C4;font-size:12px;color:#000}
.o-visit .o-mini{opacity:.5}
@media (prefers-reduced-motion:no-preference){
  /* the day fills in, column by column */
  .js .o-day .o-slot{opacity:0;transform:translateY(8px);transition:opacity .45s ease,transform .6s var(--ease);transition-delay:calc(var(--d) + 250ms)}
  .js .in .o-day .o-slot{opacity:1;transform:none}
  /* check-in: the ID is typed, then the patient, the cover and the share are found in turn */
  .o-caret{animation:m-blink 1s steps(1) 8}
  @keyframes m-blink{50%{opacity:0}}
  .js .o-checkin .o-uirow,.js .o-checkin .o-uifoot{opacity:0;transform:translateY(6px);transition:opacity .4s ease,transform .5s var(--ease)}
  .js .in .o-checkin .o-uirow,.js .in .o-checkin .o-uifoot{opacity:1;transform:none}
  .js .in .o-checkin .o-uirow:nth-child(3){transition-delay:.6s}.js .in .o-checkin .o-uirow:nth-child(4){transition-delay:.85s}.js .in .o-checkin .o-uirow:nth-child(5){transition-delay:1.1s}.js .in .o-checkin .o-uifoot{transition-delay:1.35s}
  /* the reminder, the reply, then the schedule knows */
  .js .o-wa .o-bub,.js .o-wa .o-sys{opacity:0;transform:translateY(8px) scale(.97);transition:opacity .4s ease,transform .5s var(--ease)}
  .js .in .o-wa .o-bub,.js .in .o-wa .o-sys{opacity:1;transform:none}
  .js .in .o-wa .o-bub{transition-delay:.3s}.js .in .o-wa .o-bub.me{transition-delay:1s}.js .in .o-wa .o-sys{transition-delay:1.6s;transition-timing-function:ease,cubic-bezier(.3,1.6,.5,1)}
  /* the board calls the next patient */
  /* the waiting room: each name arrives in the order the patients did */
  .js .o-bcol li{opacity:0;transform:translateY(8px);transition:opacity .4s ease,transform .5s var(--ease)}.js .in .o-bcol li{opacity:1;transform:none}
  .js .in .o-bcol:nth-child(1) li:nth-child(1){transition-delay:.3s}.js .in .o-bcol:nth-child(2) li:nth-child(1){transition-delay:.5s}.js .in .o-bcol:nth-child(1) li:nth-child(2){transition-delay:.7s}
  /* the counter: the scan lands, then stock to watch */
  .js .o-stock .o-uihead em.c{opacity:0;transform:scale(.7);transition:opacity .3s ease .7s,transform .45s cubic-bezier(.3,1.6,.5,1) .7s}.js .in .o-stock .o-uihead em.c{opacity:1;transform:none}
  .js .o-batch{opacity:0;transform:translateX(-10px);transition:opacity .45s ease .3s,transform .55s var(--ease) .3s}[dir=rtl].js .o-batch{transform:translateX(10px)}.js .in .o-batch{opacity:1;transform:none}
  .js .o-stock .o-uirow{opacity:0;transform:translateY(6px);transition:opacity .4s ease,transform .5s var(--ease)}.js .in .o-stock .o-uirow{opacity:1;transform:none}
  .js .in .o-stock .o-uirow:nth-child(4){transition-delay:1s}.js .in .o-stock .o-uirow:nth-child(5){transition-delay:1.15s}
  /* the visit: the vitals arrive, the trend draws, then the allergy check stops the prescription */
  .js .o-vitals span{opacity:0;transform:translateY(6px);transition:opacity .4s ease,transform .5s var(--ease)}.js .in .o-vitals span{opacity:1;transform:none}
  .js .in .o-vitals span:nth-child(2){transition-delay:80ms}.js .in .o-vitals span:nth-child(3){transition-delay:160ms}.js .in .o-vitals span:nth-child(4){transition-delay:240ms}
  .o-spark::after{content:"";position:absolute;inset:0;background:#fff;transform-origin:right;transition:transform 1s var(--ease) .5s}.js .in .o-spark::after{transform:scaleX(0)}html:not(.js) .o-spark::after{display:none}
  .js .o-rxalert{opacity:0;transform:translateY(-6px);transition:opacity .45s ease 1.3s,transform .55s var(--ease) 1.3s}.js .in .o-rxalert{opacity:1;transform:none}
  .o-allergy{position:relative}.o-allergy::after{content:"";position:absolute;inset:-3px;border-radius:8px;box-shadow:0 0 0 2px rgba(163,38,31,.45);opacity:0;pointer-events:none}
  .in .o-allergy::after{animation:m-ring 1.2s ease-out 1.5s 2}
}
@media (max-width:1280px){.o-carerow{grid-template-columns:1fr 1fr;gap:48px}.o-visit{width:100%}}
@media (max-width:1024px){.o-bento{grid-template-columns:repeat(2,minmax(0,1fr))}.o-bento .span2{grid-column:1/-1}.o-carerow{grid-template-columns:1fr}.o-care .o-chead,.o-features .o-chead{margin-bottom:64px}}
@media (max-width:640px){
  .o-clinic{padding:40px 0 80px}.o-care{padding:80px 0}.o-care .o-chead,.o-features .o-chead{margin-bottom:48px}
  .o-bento{grid-template-columns:1fr;gap:40px;margin-top:48px}.o-bento .o-art,.o-bento > :nth-child(-n+2) .o-art{height:auto;min-height:0;padding:28px 14px}
  .o-daycols{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.o-daycol:nth-child(3){display:none}.o-daycol > p{white-space:nowrap}.o-daycol > p em.c{display:none}.o-day .o-uihead em.c{display:none}
  .o-checkin,.o-wa,.o-board,.o-stock{width:100%}.o-vitals{grid-template-columns:repeat(2,minmax(0,1fr))}.o-carelist{gap:28px}.o-art.tall:has(.o-visit){min-height:0}}
/* below the fold, sections are laid out only as they near the screen (round 8: the page grew by two sections) */
.o-clinic,.o-care,.o-how,.o-features,.o-proof,.o-plat,.o-switch,.o-sec,.o-faq{content-visibility:auto;contain-intrinsic-size:auto 1100px}

/* Nabdah website patterns for the inner pages and the blog (design system v1, 19 Oct 2026).
   These build on v5.css and tokens.css: same tokens, same type, same radii. Every rule uses logical properties,
   so it works right to left without overrides, and nothing animates except transform and opacity. */

/* ── B03 page hero: every page except home. Dark, shorter than home, copy at the start, optional mockup at the end ── */
.o-phero{background:var(--surface-dark);color:#fff;position:relative;padding:calc(72px + 88px) 0 104px;overflow:hidden}
.o-phero .o-wrap{display:grid;grid-template-columns:minmax(0,1fr) 520px;gap:64px;align-items:center}
.o-phero.center .o-wrap{grid-template-columns:minmax(0,1fr);text-align:center;justify-items:center}
.o-phero h1{font-size:56px;font-weight:500;line-height:1.1;letter-spacing:var(--ls-display);margin-top:22px;max-width:640px;font-family:var(--font-display)}
.o-phero h1 span{color:var(--lime)}.o-phero h1,.o-phero h1 span{text-wrap:balance}
.o-phero .o-lede{margin:24px 0 0;max-width:560px}.o-phero.center .o-lede{margin-inline:auto}
.o-phero .o-ctas{justify-content:flex-start;margin-top:36px}.o-phero.center .o-ctas{justify-content:center}
.o-phero .o-trust{justify-content:flex-start;margin-top:40px}
.o-phero .o-art{height:440px}
[dir=rtl] .o-phero h1{font-weight:500;line-height:1.3;font-size:50px}

/* ── breadcrumb (inner pages and articles) ── */
.o-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;color:rgba(255,255,255,.6)}
.o-crumbs a{color:rgba(255,255,255,.8)}.o-crumbs a:hover{color:var(--lime)}
.o-crumbs svg{opacity:.6}[dir=rtl] .o-crumbs svg{transform:scaleX(-1)}
.o-crumbs.ink{color:var(--text-muted)}.o-crumbs.ink a{color:var(--text-2)}.o-crumbs.ink a:hover{color:var(--brand)}

/* ── B18 data table: comparisons, the rejection codes library, schedules. Becomes labelled cards on a phone ── */
.o-table{width:100%;border-collapse:collapse;text-align:start;font-size:15px}
.o-table caption{caption-side:bottom;text-align:start;padding-top:12px;font-size:12.5px;color:var(--text-muted)}
.o-table th{font-size:12px;font-weight:600;letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--text-muted);text-align:start;padding:0 16px 12px;border-bottom:1px solid var(--n-200)}
[dir=rtl] .o-table th{text-transform:none;font-size:13px}
.o-table td{padding:16px;border-bottom:1px solid var(--line);vertical-align:top;color:var(--text-2)}
.o-table td:first-child,.o-table th:first-child{padding-inline-start:0}.o-table td:last-child,.o-table th:last-child{padding-inline-end:0}
.o-table td b{color:var(--text);font-weight:500}
.o-table .num{text-align:end;font-variant-numeric:tabular-nums;white-space:nowrap}
.o-table tbody tr{transition:background-color .2s ease}.o-table tbody tr:hover{background:var(--em-25)}
.o-table .yes{color:var(--ok-fg)}.o-table .no{color:var(--text-muted)}
.o-table .hl{background:var(--em-50)}   /* the Nabdah column in a comparison */
.o-tablewrap{width:100%;overflow-x:auto;border-radius:var(--r-xl);box-shadow:var(--sh-card);padding:24px 28px;background:#fff}

/* ── B19 callout: a deadline, a gate, a fact to keep in mind. Three tones, one icon, at most two sentences ── */
.o-note{display:flex;gap:12px;align-items:flex-start;padding:16px 18px;border-radius:var(--r-xl);background:var(--em-50);box-shadow:inset 0 0 0 1px var(--em-200);font-size:15px;color:var(--text-2);text-align:start}
.o-note svg{flex-shrink:0;color:var(--brand);margin-top:2px}.o-note b{color:var(--text);font-weight:600}
.o-note.warn{background:var(--warn-bg);box-shadow:inset 0 0 0 1px #F3D9AE}.o-note.warn svg{color:var(--warn-fg)}
.o-note.dark{background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);color:rgba(255,255,255,.75)}.o-note.dark b{color:#fff}.o-note.dark svg{color:var(--lime)}

/* ── a feature that is not live yet: say when, never pretend ── */
.o-soon{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px;border-radius:var(--r-pill);background:var(--n-50);color:var(--n-650);font-size:11.5px;font-weight:600;white-space:nowrap;vertical-align:middle}
.o-soon::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--warn-bar)}
.navy .o-soon,.o-phero .o-soon{background:rgba(255,255,255,.08);color:rgba(255,255,255,.75)}

/* ── B12b single story: one clinic, one quote, one number. For inner pages, where the tabbed stories are too much ── */
.o-quote1{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:56px;align-items:center;padding:48px 56px;border-radius:var(--r-2xl);background:#fff;box-shadow:var(--sh-card);text-align:start}
.o-quote1 blockquote{font-size:26px;line-height:1.35;letter-spacing:-.02em}
.o-quote1 blockquote span{color:var(--brand)}
.o-quote1 figcaption{display:flex;align-items:center;gap:12px;margin-top:28px}.o-quote1 figcaption b{display:block;font-weight:500}.o-quote1 figcaption small{font-size:13.5px;color:var(--text-muted)}
.o-quote1 .o-q1num{padding-inline-start:40px;border-inline-start:1px solid var(--line)}
.o-quote1 .o-q1num b{display:block;font-size:56px;font-weight:400;letter-spacing:-.04em;line-height:1;color:var(--em-900)}
.o-quote1 .o-q1num span{display:block;margin-top:10px;font-size:14px;color:var(--text-muted)}
[dir=rtl] .o-quote1 blockquote{font-size:24px;line-height:1.6}

/* ── B20 article: blog posts, legal pages, the rejection code pages. A 680px measure; Arabic gets more leading ── */
.o-prose{max-width:680px;font-size:18px;line-height:var(--lh-prose);color:var(--n-850);letter-spacing:-.011em}
[dir=rtl] .o-prose{font-size:19px;line-height:var(--lh-ar-prose)}
.o-prose > * + *{margin-top:1.1em}
.o-prose h2{font-size:30px;font-weight:500;line-height:1.25;letter-spacing:-.025em;color:var(--text);margin-top:2em}
.o-prose h3{font-size:21px;font-weight:600;line-height:1.35;letter-spacing:-.015em;color:var(--text);margin-top:1.7em}
[dir=rtl] .o-prose h2{font-size:28px;line-height:1.5}[dir=rtl] .o-prose h3{font-size:21px;line-height:1.6}
.o-prose a{color:var(--brand);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.o-prose a:hover{color:var(--brand-hover)}
.o-prose strong{font-weight:600;color:var(--text)}
.o-prose ul,.o-prose ol{padding-inline-start:1.3em}.o-prose li + li{margin-top:.45em}.o-prose li::marker{color:var(--brand)}
.o-prose blockquote{padding-inline-start:20px;border-inline-start:3px solid var(--lime);font-size:21px;line-height:1.5;color:var(--text)}
.o-prose figure img{width:100%;height:auto;border-radius:var(--r-xl)}.o-prose figcaption{margin-top:8px;font-size:13.5px;color:var(--text-muted)}
.o-prose code{padding:2px 6px;border-radius:var(--r-sm);background:var(--em-25);box-shadow:inset 0 0 0 1px var(--line);font-size:.86em;font-variant-numeric:tabular-nums}
.o-prose hr{border:0;height:1px;background:var(--line);margin:2.4em 0}
.o-prose .o-tablewrap{padding:16px 20px}.o-prose .o-table{font-size:15px}
.o-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;font-size:13.5px;color:var(--text-muted)}
.o-meta span{display:inline-flex;align-items:center;gap:6px}

/* ── B21 post cards, filter pills and search: the blog index, the rejection library, resources ── */
.o-posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 24px;text-align:start}
.o-post{display:flex;flex-direction:column;gap:14px}
.o-post .o-art{height:220px;padding:16px}
.o-post .o-art img{width:100%;height:100%;object-fit:cover;border-radius:var(--r-md)}
.o-post small.cat{font-size:12px;font-weight:600;letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--brand)}
[dir=rtl] .o-post small.cat{text-transform:none;font-size:13px}
.o-post h3{font-size:20px;font-weight:500;line-height:1.3;letter-spacing:-.02em}
.o-post p{color:var(--text-muted);font-size:15px}
.o-post .o-meta{font-size:13px}.o-post:hover h3{color:var(--brand)}
.o-post:hover .o-art{transform:translateY(-3px)}.o-post .o-art{transition:transform .3s var(--ease)}
.o-pills{display:flex;flex-wrap:wrap;gap:8px}
.o-pill{display:inline-flex;align-items:center;height:34px;padding:0 14px;border-radius:var(--r-pill);background:#fff;box-shadow:inset 0 0 0 1px var(--n-200);font-size:14px;font-weight:500;color:var(--text-2);white-space:nowrap;transition:background-color .2s ease,color .2s ease}
.o-pill:hover{box-shadow:inset 0 0 0 1px var(--brand);color:var(--brand)}
.o-pill.on,.o-pill[aria-current]{background:var(--em-900);box-shadow:none;color:#fff}
.o-search{display:flex;align-items:center;gap:10px;width:min(560px,100%);height:52px;padding:0 16px;border-radius:var(--r-xl);background:#fff;box-shadow:inset 0 0 0 1px var(--n-200),0 12px 32px -24px rgba(2,26,24,.35)}
.o-search:focus-within{box-shadow:inset 0 0 0 2px var(--brand)}
.o-search svg{flex-shrink:0;color:var(--text-muted)}
.o-search input{flex:1;min-width:0;height:100%;border:0;background:none;outline:none;font-size:16px}
.o-search kbd{font:inherit;font-size:12px;color:var(--text-muted);padding:2px 6px;border-radius:5px;box-shadow:inset 0 0 0 1px var(--n-200)}

/* ── B22 rejection code card: one code, what it means, how to fix it, what Nabdah does about it ── */
.o-codecard{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 18px;padding:24px;border-radius:var(--r-xl);background:#fff;box-shadow:var(--sh-card);text-align:start}
.o-codecard .code{grid-row:span 3;display:flex;align-items:center;justify-content:center;min-width:88px;height:56px;padding:0 12px;border-radius:var(--r-lg);background:var(--em-900);color:var(--lime);font-size:20px;font-weight:600;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.o-codecard h3{font-size:19px;font-weight:500;letter-spacing:-.02em}
.o-codecard p{font-size:15px;color:var(--text-muted)}
.o-codecard .row{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}

/* mini buttons inside mockups keep their label on one line */
.o-mini{white-space:nowrap;flex-shrink:0}

/* ── the end of an article or a library page: one small call to action ── */
.o-endcta{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:32px 36px;border-radius:var(--r-2xl);background:var(--em-900);color:#fff;text-align:start}
.o-endcta h3{font-size:24px;font-weight:400;letter-spacing:-.025em}.o-endcta p{margin-top:6px;color:rgba(255,255,255,.65);font-size:15px}
.o-endcta .o-ctas{margin-top:0;flex-shrink:0}

@media (max-width:1024px){
  .o-phero .o-wrap{grid-template-columns:minmax(0,1fr);gap:48px}.o-phero h1{font-size:46px}[dir=rtl] .o-phero h1{font-size:42px}
  .o-posts{grid-template-columns:repeat(2,minmax(0,1fr))}.o-quote1{grid-template-columns:minmax(0,1fr);gap:28px;padding:36px}
  .o-quote1 .o-q1num{padding-inline-start:0;border-inline-start:0;padding-top:24px;border-top:1px solid var(--line)}.o-endcta{flex-direction:column;align-items:flex-start}}
@media (max-width:640px){
  .o-phero{padding:calc(72px + 48px) 0 72px}.o-phero h1{font-size:36px}[dir=rtl] .o-phero h1{font-size:32px;line-height:1.4}.o-phero .o-art{height:auto;min-height:360px}
  .o-phero .o-ctas{flex-direction:column;align-items:stretch;width:100%}
  .o-posts{grid-template-columns:minmax(0,1fr)}.o-quote1{padding:28px 22px}.o-quote1 blockquote{font-size:21px}
  .o-prose{font-size:17px}[dir=rtl] .o-prose{font-size:18px}.o-prose h2{font-size:25px}
  .o-tablewrap{padding:4px 18px;box-shadow:var(--sh-hair)}
  .o-table.stack thead{display:none}.o-table.stack tr{display:block;padding:14px 0;border-bottom:1px solid var(--line)}
  .o-table.stack td{display:flex;justify-content:space-between;gap:16px;padding:4px 0;border:0;text-align:end}
  .o-table.stack td::before{content:attr(data-label);color:var(--text-muted);font-size:13px;text-align:start}
  .o-codecard{grid-template-columns:minmax(0,1fr)}.o-codecard .code{grid-row:auto;justify-self:start}.o-endcta{padding:28px 22px}}

/* The multi-page site, on top of tokens.css, v5.css and patterns.css (round 10, 19 Oct 2026). Sections, page-hero entrance,
   links, articles with a contents list, the index pages. Logical properties only; only transform and opacity animate. */
.s-sec{position:relative;padding:120px 0;content-visibility:auto;contain-intrinsic-size:auto 900px}
.s-sec.white{background:#fff}.s-sec.tint{background:var(--em-50)}.s-sec.mist{background:var(--bg-mist)}.s-sec.fade{background:linear-gradient(#fff 0%,#fff 55%,var(--em-50) 100%)}
.s-sec.navy{background:var(--em-900);color:#fff}.s-sec.o-features{padding:120px 0 40px}
.s-sec.white + .s-sec.white,.s-sec.tint + .s-sec.tint{padding-top:0}
.s-sec.o-how{padding:120px 0}.s-sec.o-how .o-howhead{padding-top:0}
.s-headrow .o-headrow{margin-top:22px}
.o-chead + .o-two,.o-chead + .o-stats{margin-top:64px}
.o-two.three{grid-template-columns:repeat(3,minmax(0,1fr))}.o-two.three .o-art{height:400px}
.o-two article > .o-more{margin-top:12px}.o-more.light{color:var(--lime);margin-top:28px}
.s-toc a.on{color:var(--brand);font-weight:500}
/* .o-more itself lives in v5.css, so the home page has it too */
/* the page hero: copy enters like home's */
.o-pcopy{min-width:0}.o-ptag{margin-top:26px}.o-phero.center .o-pcopy{display:flex;flex-direction:column;align-items:center}.o-phero.center .o-crumbs{justify-content:center}
.o-phero .o-pcopy > .o-crumbs + h1{margin-top:28px}
.o-pnote{margin-top:16px;font-size:13px;color:rgba(255,255,255,.6)}.o-phero .o-trust{margin-top:40px}
.js .o-pcopy > *{animation:o-up .9s var(--ease) both}.js .o-pcopy > :nth-child(2){animation-delay:.06s}.js .o-pcopy > :nth-child(3){animation-delay:.12s}.js .o-pcopy > :nth-child(4){animation-delay:.18s}.js .o-pcopy > :nth-child(5){animation-delay:.24s}
.js .o-phero .o-wrap > .o-art{animation:o-up 1s var(--ease) .2s both}
.o-phero.short{padding-bottom:72px}.o-phero.short h1{font-size:48px}
/* small print under a placeholder story */
.s-phnote{margin-top:12px;text-align:center;font-size:12.5px;color:var(--text-muted)}
.s-noteband{padding:40px 0}.s-sec.s-noteband{content-visibility:visible}
/* articles: a contents list beside the text from 1280px */
.s-artgrid{display:grid;grid-template-columns:minmax(0,680px);justify-content:center;gap:64px}.s-artgrid:has(.s-toc){grid-template-columns:220px minmax(0,680px)}
.s-toc{position:sticky;top:96px;align-self:start;font-size:14px}.s-toc p{font-size:12px;font-weight:600;letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--text-muted)}[dir=rtl] .s-toc p{text-transform:none;font-size:13px}
.s-toc ol{list-style:none;display:flex;flex-direction:column;gap:10px;margin-top:14px;padding-inline-start:12px;border-inline-start:1px solid var(--line)}.s-toc a{color:var(--text-2)}.s-toc a:hover{color:var(--brand)}
.s-article{padding-top:72px}
.s-byline{display:flex;align-items:center;gap:12px;margin-top:8px}.s-byline b{display:block;font-weight:500;color:var(--text)}.s-byline small{font-size:13.5px;color:var(--text-muted)}
/* index pages */
.s-index{display:flex;flex-direction:column;gap:28px}.s-index .o-search{width:min(640px,100%)}
.s-codes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
a.o-codecard{transition:transform .3s var(--ease)}a.o-codecard:hover{transform:translateY(-3px)}a.o-codecard:hover h3{color:var(--brand)}
.s-group{margin-top:40px}.s-group > h3{font-size:20px;font-weight:500;letter-spacing:-.02em;margin-bottom:16px}
.s-postui{transform:scale(.62);transform-origin:center}.o-post .o-art{overflow:hidden}
.s-feature{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:40px;align-items:center;text-align:start}.s-feature .o-art{height:360px}.s-feature h3{font-size:30px;font-weight:400;letter-spacing:-.025em;line-height:1.2;margin-top:12px}.s-feature p{color:var(--text-muted);margin-top:12px}
[hidden]{display:none!important}
.s-empty{padding:24px;border-radius:var(--r-xl);background:var(--em-25);color:var(--text-muted);text-align:center}
/* forms on a page (the demo page) */
.s-formcard{padding:32px;border-radius:var(--r-2xl);background:#fff;box-shadow:var(--sh-card);text-align:start;color:#000}
.s-formcard .o-grid2{margin-top:0}.s-formcard h2{font-size:24px;font-weight:500;letter-spacing:-.02em;margin-bottom:20px}
.s-demo{display:grid;grid-template-columns:minmax(0,1fr) 520px;gap:64px;align-items:start}
.o-grid2 label.full{grid-column:1/-1}.o-grid2 textarea{min-height:88px;padding:10px 12px;border:0;border-radius:10px;background:#F4F7F6;box-shadow:inset 0 0 0 1px #E0E8E4;font-size:15px;resize:vertical;outline:none}
.o-consent{margin-top:12px;font-size:12.5px;color:var(--text-muted)}.o-consent a{color:var(--brand);text-decoration:underline}
.o-final.nocopy{padding-top:24px}.o-final.nocopy .o-foot{margin-top:0}
/* facts list (about, legal) */
.s-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.s-facts div{padding:20px;border-radius:var(--r-xl);background:#fff;box-shadow:var(--sh-hair)}.s-facts small{display:block;font-size:12.5px;color:var(--text-muted)}.s-facts b{display:block;margin-top:6px;font-weight:500}
.s-draft{display:flex;gap:10px;align-items:flex-start;padding:14px 16px;border-radius:var(--r-lg);background:var(--warn-bg);color:#5c3a07;font-size:14px;margin-bottom:24px}
@media (max-width:1280px){.s-artgrid:has(.s-toc){grid-template-columns:minmax(0,680px)}.s-toc{display:none}}
@media (max-width:1024px){.o-two.three{grid-template-columns:minmax(0,1fr)}.s-codes,.s-feature,.s-demo,.s-facts{grid-template-columns:minmax(0,1fr)}.o-phero.short h1{font-size:40px}}
@media (max-width:640px){.s-sec{padding:80px 0}.s-sec.o-features{padding:80px 0 20px}.s-sec.o-how{padding:80px 0}.o-two.three .o-art{height:auto;min-height:340px}.s-formcard{padding:24px 18px}.o-phero.short h1{font-size:32px}}
.s-stepslink{margin-top:8px}
.o-viz.chairs{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:4px}.o-viz.chairs i{height:14px;border-radius:3px;background:var(--navy3);opacity:.75}.o-viz.chairs i.x{background:none;box-shadow:inset 0 0 0 1.5px #A9BDB4;opacity:1}.o-viz.chairs span{grid-column:1/-1;margin-top:6px;font-size:11px;color:var(--grey)}
@media (prefers-reduced-motion:no-preference){.js .o-viz.chairs i{opacity:0;transform:scale(.4);transition:transform .5s var(--ease),opacity .4s ease;transition-delay:calc(var(--k) * 15ms + .3s)}.js .in .o-viz.chairs i{opacity:.75;transform:none}.js .in .o-viz.chairs i.x{opacity:1}}
.s-src{display:block;margin-top:6px;font-size:12.5px;color:var(--text-muted)}.o-note.warn .s-src{color:#7a5420}
.o-h2.sm{font-size:32px}.s-related{margin-top:28px}.s-back{margin-top:24px}
.s-herosearch{margin-top:32px;width:min(640px,100%)}.s-herosearch .o-search{width:100%;height:56px}.o-phero.center .o-pnote{text-align:center;max-width:620px}
.s-sec .o-bento > :nth-child(n+3) .o-art{height:410px}
.s-princs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:48px}.s-princ{display:flex;flex-direction:column;gap:10px;padding:24px;border-radius:var(--r-xl);background:#fff;box-shadow:var(--sh-card)}
.s-princ > span{font-size:12px;font-weight:600;color:var(--brand)}.s-princ h3{font-size:18px;font-weight:500;letter-spacing:-.02em}.s-princ p{font-size:15px;color:var(--text-muted)}
.s-mt{margin-top:32px}.s-mt .o-note{margin-bottom:8px}
.s-demoside{display:flex;flex-direction:column;gap:16px}.s-next{list-style:none;display:flex;flex-direction:column;gap:0;margin:8px 0 12px;counter-reset:n}.s-next li{position:relative;display:flex;flex-direction:column;gap:3px;padding:16px 0 16px 0;padding-inline-start:44px;border-bottom:1px solid var(--line)}
.s-next li::before{counter-increment:n;content:counter(n);position:absolute;inset-inline-start:0;top:16px;width:30px;height:30px;border-radius:50%;background:var(--em-900);color:var(--lime);font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center}
.s-next em{font-style:normal;font-size:12.5px;font-weight:600;color:var(--brand)}.s-next b{font-weight:500}.s-next span{color:var(--text-muted);font-size:15px}
.s-more{margin:6px 0 18px;border-radius:var(--r-lg);background:var(--em-25);padding:12px 14px}.s-more summary{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;font-weight:500;color:var(--brand);list-style:none}.s-more summary::-webkit-details-marker{display:none}.s-more[open] summary svg{transform:rotate(45deg)}.s-more .o-grid2{margin:14px 0 0}
.s-postmeta{margin-top:20px;color:rgba(255,255,255,.65);justify-content:flex-start}.o-phero.center .s-postmeta{justify-content:center}.s-postimg{width:60%;height:auto}
@media (max-width:1024px){.s-princs{grid-template-columns:minmax(0,1fr)}}
.s-routes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.s-route{display:flex;flex-direction:column;gap:10px;padding:28px;border-radius:var(--r-xl);background:#fff;box-shadow:var(--sh-card);transition:transform .3s var(--ease)}.s-route:hover{transform:translateY(-3px)}
.s-route h3{font-size:20px;font-weight:500;letter-spacing:-.02em}.s-route p{color:var(--text-muted);font-size:15px}.s-route .o-more{margin-top:auto;padding-top:8px}
@media (max-width:1024px){.s-routes{grid-template-columns:minmax(0,1fr)}}
.o-phero h1 span{display:block}.o-phero h1{max-width:760px}.o-phero.center h1{max-width:960px}
.o-codecard .code{font-variant-numeric:normal;letter-spacing:0}
.s-feature small.cat,.o-post small.cat{font-size:12px;font-weight:600;letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--brand)}[dir=rtl] .s-feature small.cat{text-transform:none;font-size:13px}
.o-post .o-art img.s-postimg{width:60%;height:auto;object-fit:contain;border-radius:0}
.o-note a{color:var(--brand);text-decoration:underline;text-underline-offset:2px}.o-note.dark a{color:var(--lime)}
.s-ref{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-radius:var(--r-xl);box-shadow:var(--sh-card);background:#fff;overflow:hidden;font-size:14px;line-height:1.4}.s-ref div{padding:14px 16px;border-inline-end:1px solid var(--line)}.s-ref div:last-child{border:0}.s-ref small{display:block;font-size:12px;color:var(--text-muted)}.s-ref b{display:block;margin-top:4px;font-weight:500;color:var(--text)}
.o-prose .s-example{padding:14px 16px;border-radius:var(--r-lg);background:var(--em-25);font-size:16px}
@media (max-width:640px){.s-ref{grid-template-columns:1fr 1fr}.s-ref div:nth-child(2){border-inline-end:0}.s-ref div:nth-child(-n+2){border-bottom:1px solid var(--line)}}
.o-prose .o-endcta{margin-top:2.4em}.o-prose .o-endcta h3{color:#fff;margin-top:0;font-size:24px;font-weight:400;letter-spacing:-.025em;line-height:1.25}.o-prose .o-endcta p{color:rgba(255,255,255,.65);margin-top:6px;font-size:15px;line-height:1.5}.o-prose .o-endcta > * + *{margin-top:0}
.o-bnow small{text-transform:none;letter-spacing:0;font-size:12px}
.s-wavesec{padding:72px 0}.s-wavegrid{display:grid;grid-template-columns:minmax(0,1fr) 520px;gap:48px;align-items:start}.s-wavecopy{margin-top:16px;color:var(--text-muted);font-size:15px}
.s-wave fieldset{border:0;padding:14px 0;border-bottom:1px solid var(--line)}.s-wave legend{font-weight:500;font-size:15px;line-height:1.4}.s-radios{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.s-radios label{position:relative;cursor:pointer}.s-radios input{position:absolute;opacity:0;inset:0;cursor:pointer}.s-radios span{display:inline-flex;align-items:center;height:34px;padding:0 14px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--n-200);font-size:14px;font-weight:500;transition:background-color .2s ease,color .2s ease}
.s-radios input:checked + span{background:var(--em-900);color:#fff;box-shadow:none}.s-radios input:focus-visible + span{outline:2px solid var(--brand);outline-offset:2px}
.s-waveout p{margin-top:16px;padding:14px 16px;border-radius:var(--r-lg);background:var(--em-50);font-size:15px}
@media (max-width:1024px){.s-wavegrid{grid-template-columns:minmax(0,1fr)}}
.s-compare td:nth-child(2){color:var(--text-muted)}.s-compare td:nth-child(3){color:var(--text)}
.s-submitrow{display:flex;align-items:center;gap:14px}.s-submitrow .o-btn{flex:1;height:46px}.s-submitrow small{font-size:13px;color:var(--text-muted);white-space:nowrap}
.s-status{margin-top:16px;padding-top:14px;border-top:1px solid var(--line);font-size:12.5px;color:var(--text-muted)}
@media (min-width:1025px){.s-demo > form{grid-column:2;grid-row:1}.s-demo > .s-demoside{grid-column:1;grid-row:1}}
.s-split .o-feat{margin-bottom:0}.s-split .o-feattext h2{color:#000;margin-top:18px}.s-split .o-feattext p{color:var(--text-muted)}.s-split .o-ticks li{color:var(--text-2)}.s-split .o-ticks svg{color:var(--ok-fg)}
.s-split .o-ctas{justify-content:flex-start;margin-top:28px}.s-split .o-btn.ghost,.s-empty .o-btn.ghost{background:#fff;color:var(--text);box-shadow:inset 0 0 0 1px var(--n-200)}.s-split .o-btn.ghost:hover{background:var(--em-25)}
.s-small{font-size:14px!important;color:var(--text-muted)!important}.s-empty{display:flex;flex-direction:column;align-items:center;gap:14px}
.s-short{margin-top:6px;padding-inline-start:18px;display:flex;flex-direction:column;gap:4px}.o-prose .o-note{font-size:15.5px;line-height:1.55}
.s-routes.four{grid-template-columns:repeat(4,minmax(0,1fr))}.s-golinks{margin-top:28px;text-align:center;font-size:15px;color:var(--text-muted)}.s-golinks a{color:var(--brand)}
.s-name{max-width:680px;margin:28px auto 0;text-align:center;font-size:17px;line-height:1.6;color:var(--text-2)}.s-person .o-av{width:52px;height:52px}
@media (max-width:1024px){.s-routes.four{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media (max-width:640px){.s-routes.four{grid-template-columns:minmax(0,1fr)}}
.s-glance{margin-top:24px;border-top:1px solid var(--line)}.s-glance div{display:grid;grid-template-columns:140px minmax(0,1fr);gap:16px;padding:14px 0;border-bottom:1px solid var(--line);font-size:15px}.s-glance dt{color:var(--text-muted)}.s-glance dd{color:var(--text)}
.s-ref.three{grid-template-columns:repeat(3,minmax(0,1fr))}.s-insurer{margin-top:14px;font-size:15px;color:rgba(255,255,255,.75)}.s-insurer span{color:#fff}
@media (max-width:640px){.s-ref.three{grid-template-columns:minmax(0,1fr)}.s-ref.three div{border-inline-end:0;border-bottom:1px solid var(--line)}}
@media (max-width:640px){.o-phero.short{padding:calc(72px + 32px) 0 48px}.o-phero.short .o-lede{margin-top:16px}}
[dir=rtl] .s-en-only{display:none}
[dir=rtl] .s-en-only-ar{display:none}