/* Design variant "Poster" (v2) — home page only.
 * White is the surface; the brand yellow is a signal: it moves, responds, or marks what matters.
 * Left-aligned Urbanist headlines on a hairline grid, no shadow kit, motion only on load / scroll / hover.
 * Behaviour lives in poster.js (pointer light, scroll progress, count-up, frosted nav).
 * Scope: html[data-cs-variant="motion"] body[data-cs-page="home"]. */

html[data-cs-variant="motion"] body[data-cs-page="home"] {
  --p-ink: #141615;
  --p-ink-2: #5d635f;
  --p-sun: #ffd100;
  --p-sun-soft: #fff3b0;
  --p-line: rgba(20, 22, 21, 0.12);
  --p-line-soft: rgba(20, 22, 21, 0.07);
  --p-ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --p-grid: 1104px;
}

/* ================= shared: section headings, left on the grid, hairline above ================= */
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-jn2bt8,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-dgh7q7,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-tw5xex,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-wo6psy,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1t1qem7,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-42o8pa,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-azoouc,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-o2wn15 > div,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-eoy8ce > .framer-ln8svp,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1fl7bw6 > div,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-n9qfwi > div,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-u5ohae > div {
  width: var(--p-grid); max-width: 100%;
  align-items: flex-start;
  border-top: 1px solid var(--p-line);
  padding-top: 28px;
}
html[data-cs-variant="motion"] body[data-cs-page="home"] #main .framer-text { --framer-text-alignment: left; text-align: left !important; }
html[data-cs-variant="motion"] body[data-cs-page="home"] #main h2.framer-text { --framer-font-size: 44px; --framer-letter-spacing: -0.035em; --framer-line-height: 1.02em; --framer-font-weight: 700; --framer-text-color: var(--p-ink) !important; }
html[data-cs-variant="motion"] body[data-cs-page="home"] #main h2.framer-text span,
html[data-cs-variant="motion"] body[data-cs-page="home"] #main h2.framer-text span[data-text-fill] { background-image: none !important; -webkit-text-fill-color: var(--p-ink) !important; color: var(--p-ink) !important; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-jn2bt8 h4,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1t1qem7 h4,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-42o8pa h4,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-42o8pa p { --framer-font-size: 18px; --framer-text-color: var(--p-ink-2) !important; max-width: 560px; }
html[data-cs-variant="motion"] body[data-cs-page="home"] [data-framer-name="txt"],
html[data-cs-variant="motion"] body[data-cs-page="home"] [data-framer-name="Headlines"],
html[data-cs-variant="motion"] body[data-cs-page="home"] [data-framer-name="Text"],
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-11f6r9r, html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1n97ogg, html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-10l26cl,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-x66p09, html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-6chyqx, html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1d1v1z5,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1uohwiw, html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1nx7ruv,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-13ht55o .ssr-variant div,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-zd42o3-container li div { align-items: flex-start; }

/* ================= nav: frosted + hairline once scrolled; links underline in yellow ================= */
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-yfiq2y-container { position: sticky; top: 0; z-index: 20; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-JtmCT { transition: background-color 0.3s ease, box-shadow 0.3s ease; }
html[data-cs-variant="motion"].cs-scrolled body[data-cs-page="home"] .framer-JtmCT { background-color: rgba(255, 255, 255, 0.82) !important; -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); box-shadow: 0 1px 0 var(--p-line); }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-JtmCT .framer-842wyw a.framer-text {
  position: relative; text-decoration: none; transition: color 0.15s ease;
  background: linear-gradient(var(--p-sun), var(--p-sun)) no-repeat 0 100% / 0% 2px;
  transition: background-size 0.25s var(--p-ease), color 0.15s ease;
}
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-JtmCT .framer-842wyw a.framer-text:hover,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-JtmCT .framer-842wyw a[data-framer-page-link-current] { background-size: 100% 2px; color: var(--p-ink) !important; }
/* scroll progress line (element injected by poster.js) */
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-progress { position: fixed; top: 0; left: 0; height: 2px; width: 100%; z-index: 30; pointer-events: none; transform-origin: 0 0; transform: scaleX(0); background: var(--p-sun); }

/* ================= HERO: white, anchored light, marker highlight, actions + stats row ================= */
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-uex0ha {
  background-color: #fff !important; --border-color: #fff !important;
  height: auto !important; padding: 128px 0 0 !important; overflow: hidden !important;
}
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-174xhyf,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-60fwt8-container { display: none !important; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-light {
  position: absolute; inset: 0; pointer-events: none; z-index: 0; opacity: 0; transition: opacity 1.2s ease;
  background:
    radial-gradient(640px 640px at var(--lx, 70%) var(--ly, 40%), rgba(255, 209, 0, 0.34), rgba(255, 209, 0, 0.10) 42%, rgba(255, 209, 0, 0) 68%),
    radial-gradient(1100px 760px at calc(var(--lx, 70%) + 160px) calc(var(--ly, 40%) - 120px), rgba(255, 240, 170, 0.45), rgba(255, 240, 170, 0) 70%);
}
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-light.is-on { opacity: 1; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1ji8bi6 { align-items: flex-start; max-width: var(--p-grid); padding: 0 20px; gap: 0; z-index: 1; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-hcq9cc { height: auto; align-items: flex-start; gap: 44px; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1qwe4fh { height: auto; max-width: none; align-items: flex-start; gap: 32px; padding: 0; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-4rqc2l {
  position: relative !important; inset: auto !important; left: 0 !important; bottom: auto !important;
  width: 100% !important; min-width: 0 !important; min-height: 0 !important; height: auto !important; justify-content: flex-start;
}
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1hr8ria {
  position: relative !important; top: auto !important; left: auto !important; transform: none !important; width: 100% !important; max-width: 1000px !important;
}
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1hr8ria h1 {
  --framer-font-size: 108px; --framer-line-height: 0.95em; --framer-letter-spacing: -0.05em; --framer-font-weight: 700;
}
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1hr8ria h1 span[data-text-fill] {
  background-image: linear-gradient(var(--p-sun), var(--p-sun)) !important;
  background-repeat: no-repeat !important; background-size: 0% 0.14em; background-position: 0 93%;
  -webkit-background-clip: border-box !important; background-clip: border-box !important;
  -webkit-text-fill-color: var(--p-ink) !important; color: var(--p-ink) !important;
  padding: 0 0.06em; margin: 0 -0.06em; display: inline; -webkit-box-decoration-break: clone; box-decoration-break: clone;
  animation: cs-marker 0.9s var(--p-ease) 0.9s forwards;
}
@keyframes cs-marker { to { background-size: 100% 0.14em; } }
/* actions: primary (ink) + ghost (hairline) side by side; built by poster.js */
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-actions { display: flex; align-items: center; gap: 12px; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-actions .framer-1d5r3xd-container { order: -1; margin: 0 !important; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-ghost {
  display: inline-flex; align-items: center; height: 48px; padding: 0 20px; border-radius: 3px; box-shadow: inset 0 0 0 1px var(--p-line);
  font-family: "Inter", "Inter Placeholder", sans-serif; font-size: 16px; font-weight: 500; color: var(--p-ink); text-decoration: none;
  transition: box-shadow 0.2s var(--p-ease), background-color 0.2s ease;
}
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-ghost:hover { box-shadow: inset 0 0 0 1px var(--p-ink), inset 0 -3px 0 0 var(--p-sun); background: #fff; }
/* stats row moved into the hero by poster.js */
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-hero-stats {
  width: 100% !important; max-width: none !important; margin-top: 96px; padding: 32px 0 36px !important;
  border-top: 1px solid var(--p-line); border-bottom: 1px solid var(--p-line); gap: 0 !important;
  display: flex; flex-flow: row; justify-content: flex-start; align-items: stretch; position: relative;
}
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-hero-stats::after { content: ""; position: absolute; left: 0; bottom: -1px; width: 96px; height: 3px; background: var(--p-sun); }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-hero-stats .framer-uz5l71, html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-hero-stats .framer-a50hk7, html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-hero-stats .framer-197dh4o, html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-hero-stats .framer-6vkvg8 > div { flex: 1 1 0; border-left: 0 !important; padding-left: 0 !important; align-items: flex-start; gap: 10px !important; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-hero-stats .framer-a50hk7, html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-hero-stats .framer-197dh4o, html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-hero-stats .framer-6vkvg8 > div + div { border-left: 1px solid var(--p-line) !important; padding-left: 40px !important; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-hero-stats .framer-1ttkm38, html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-hero-stats .framer-6vkvg8 { width: 100% !important; max-width: none !important; display: flex; gap: 0 !important; justify-content: flex-start; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-hero-stats .framer-uz5l71 > div:first-child .framer-text, html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-hero-stats .framer-a50hk7 > div:first-child .framer-text, html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-hero-stats .framer-197dh4o > div:first-child .framer-text, html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-hero-stats .framer-6vkvg8 > div > div:first-child .framer-text { --framer-font-size: 48px !important; --framer-letter-spacing: -0.04em; --framer-line-height: 1em; --framer-text-color: var(--p-ink) !important; font-variant-numeric: tabular-nums; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-hero-stats .framer-uz5l71 > div:last-child .framer-text, html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-hero-stats .framer-a50hk7 > div:last-child .framer-text, html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-hero-stats .framer-197dh4o > div:last-child .framer-text, html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-hero-stats .framer-6vkvg8 > div > div:last-child .framer-text { --framer-font-size: 15px !important; --framer-font-weight: 500; --framer-letter-spacing: 0 !important; --framer-line-height: 1.4em; --framer-text-color: var(--p-ink-2) !important; }
/* badge: outlined; the dot is the only yellow */
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1gh0019 {
  background: #fff !important; --border-color: var(--p-ink) !important; box-shadow: none; transform: none !important;
  position: relative !important; left: 0 !important; top: auto !important; bottom: auto !important; margin: 0; transition: background-color 0.2s ease;
}
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1gh0019:hover { background: var(--p-sun-soft) !important; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1gh0019 .framer-text,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1gh0019 p { color: var(--p-ink) !important; --framer-text-color: var(--p-ink) !important; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1knsb9p { background: var(--p-ink) !important; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1knsb9p .framer-text,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1knsb9p p, html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1knsb9p span { color: #fff !important; -webkit-text-fill-color: #fff !important; --framer-text-color: #fff !important; --extracted-r6o4lv: #fff !important; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-si4vy3 { background: var(--p-sun) !important; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-lyu6rk-container svg { color: var(--p-ink) !important; fill: var(--p-ink) !important; }
/* primary buttons: square ink; hover reveals a yellow underline bar inside */
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-V0DJj.framer-v-qwlc1c,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-8sv3z.framer-v-va96vp,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-V0DJj .framer-1pedt18,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-8sv3z .framer-kvhxv5 { border-radius: 3px !important; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-V0DJj .framer-1pedt18,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-8sv3z .framer-kvhxv5 {
  background: var(--p-ink) !important; inset: 0 !important;
  box-shadow: inset 0 0 0 0 var(--p-sun); transition: box-shadow 0.25s var(--p-ease);
}
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-V0DJj.framer-v-qwlc1c.hover .framer-1pedt18,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-8sv3z.framer-v-va96vp.hover .framer-kvhxv5 { box-shadow: inset 0 -3px 0 0 var(--p-sun); }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-V0DJj.framer-v-qwlc1c .framer-18y93ec,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-8sv3z.framer-v-va96vp .framer-1dic64n { padding: 6px 14px 6px 14px !important; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-V0DJj .framer-5lrhn0 p,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-8sv3z .framer-115m5f9 p { --framer-font-size: 16px; }

/* ================= FEATURE CARDS + STATS ================= */
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-osyde1,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1erf8t1 { background-color: #fff !important; max-width: none; }
/* 8px under the cards: the section clips its content, and with none the cards' bottom edge was cut off */
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1erf8t1 { padding: 96px 20px 8px; gap: 72px; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-ke2qa4 { max-width: var(--p-grid); gap: 16px; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1ttkm38 { width: var(--p-grid); }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-ix7o2v,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1msb2rn,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1ljr4hz,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1m8k883,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-lmelbe,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1hn98qn,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-x7qvcm,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-11g0jyf,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-nn5r2j {
  background: #fff; border-radius: 6px; box-shadow: inset 0 0 0 1px var(--p-line), inset 0 0 0 0 var(--p-sun); --border-color: transparent !important;
  transition: box-shadow 0.3s var(--p-ease), transform 0.3s var(--p-ease);
}
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-ix7o2v:hover,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1msb2rn:hover,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1ljr4hz:hover { box-shadow: inset 0 0 0 1px var(--p-ink), inset 0 4px 0 0 var(--p-sun); transform: translateY(-2px); }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1erf8t1 [data-framer-name="Body3"] p,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1erf8t1 [data-framer-name="Text"] p { color: var(--p-ink-2) !important; --framer-line-height: 1.55em; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-uz5l71,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-a50hk7,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-197dh4o { align-items: flex-start; gap: 6px; border-left: 1px solid var(--p-line); padding-left: 20px; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-169u1fv h2,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-169u1fv h1,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-169u1fv h3 { --framer-font-size: 72px; --framer-letter-spacing: -0.04em; --framer-line-height: 1em; font-variant-numeric: tabular-nums; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-169u1fv p,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1wk0o6l p { --framer-text-color: var(--p-ink-2) !important; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1wk0o6l .framer-6vkvg8 > div { align-items: flex-start; border-left: 1px solid var(--p-line); padding-left: 12px; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1wk0o6l .framer-text { font-variant-numeric: tabular-nums; }

/* ================= HOW IT WORKS ================= */
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1v5wiib { height: auto !important; padding: 96px 20px; gap: 56px; }
/* every step is as tall as the tallest one (--cs-steps-h is measured by poster.js), so the page below never jumps when the step changes */
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-pnyxe6-container .framer-1ud42m0 { min-height: var(--cs-steps-h, 0px); justify-content: flex-start; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1m5cb5 { display: none; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-Iob6I .framer-1jjkuge-container div > div + div { background: var(--p-sun) !important; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-Iob6I .framer-1jjkuge-container div > div:first-child { background: var(--p-line-soft) !important; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-Iob6I video,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-Iob6I img { border-radius: 6px !important; box-shadow: 0 0 0 1px var(--p-line); }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-Iob6I [data-highlight] { transition: transform 0.25s var(--p-ease); }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-Iob6I [data-highlight]:hover { transform: translateX(4px); }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-Iob6I .framer-xywnbq .framer-vhxmrw { background: var(--p-line) !important; }

/* ================= TESTIMONIALS ================= */
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-h4grd8,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-eoy8ce { background-color: #fff !important; gap: 56px; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1vzndic,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-13ht55o { background: transparent !important; box-shadow: none !important; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-13ht55o { width: var(--p-grid); justify-content: flex-start; gap: 40px; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-13ht55o > .ssr-variant > div { border-left: 1px solid var(--p-line); padding-left: 24px; }

@media (min-width: 1100px) {
/* ================= FEATURES ROW: icon + label under a rule ================= */
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-e7w0ji { padding-bottom: 96px; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-3ep97b { gap: 0; width: var(--p-grid); }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1j1a57s,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-w15zcy,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-kwd0gy,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-uuo0c1 {
  background: transparent !important; border-radius: 0; border-top: 1px solid var(--p-ink); padding: 32px 0 20px; height: 200px; align-items: flex-start; cursor: default;
  transition: border-color 0.2s ease;
}
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-w15zcy,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-kwd0gy,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-uuo0c1 { margin-left: 24px; }
/* the label blocks (Framer: absolute, 20 px in from both sides, centred) sit flush left under the icon. These are the
   blocks' own classes: they carry no data-framer-name, so the earlier "> [data-framer-name]" never matched them */
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1j1a57s > .framer-vko9tn,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-w15zcy > .framer-dnj430,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-kwd0gy > .framer-8r5ryu,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-uuo0c1 > .framer-e09sk0 { left: 0; right: 0; align-items: flex-start; bottom: 20px; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-3ep97b h3 {
  --framer-font-size: 20px; --framer-letter-spacing: -0.02em; white-space: nowrap;
  background: linear-gradient(var(--p-sun), var(--p-sun)) no-repeat 0 100% / 0% 3px; transition: background-size 0.3s var(--p-ease); padding-bottom: 2px;
}
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1j1a57s:hover h3,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-w15zcy:hover h3,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-kwd0gy:hover h3,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-uuo0c1:hover h3 { background-size: 100% 3px; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-3ep97b .framer-gvango,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-3ep97b .framer-12sfwmr,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-3ep97b .framer-v2mp3j,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-3ep97b .framer-3tg9ek { position: absolute; top: 36px; left: 0; transform: none; transition: transform 0.3s var(--p-ease); }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-w15zcy:hover .framer-gvango,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-kwd0gy:hover .framer-12sfwmr,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-uuo0c1:hover .framer-v2mp3j,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1j1a57s:hover .framer-3tg9ek { transform: translateY(-6px); }

/* ================= TOOLS: list rows ================= */
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1h6rpmo { padding-top: 64px; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-w6jd28,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-18rtz5d,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1yp8t1v { gap: 24px; width: var(--p-grid); justify-content: flex-start; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1t5gwk9, html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1q360ar, html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-t48med, html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1gypgra, html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-zjwwo4, html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1bt3s40 { width: 540px; max-width: 100%; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1t5gwk9,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1q360ar,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-t48med,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1gypgra,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-zjwwo4,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1bt3s40,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1h1bivs,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1q9rqks,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-16irjvk,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-ynlkux,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1m21g4g,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1uumc36 {
  background: #fff !important; border-radius: 0; box-shadow: inset 0 -1px 0 var(--p-line), inset 0 0 0 0 var(--p-sun); --border-color: transparent !important; padding: 20px 20px 20px 0 !important;
  transition: box-shadow 0.25s var(--p-ease), padding-left 0.25s var(--p-ease);
}
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1t5gwk9:hover,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1q360ar:hover,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-t48med:hover,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1gypgra:hover,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-zjwwo4:hover,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1bt3s40:hover { box-shadow: inset 0 -1px 0 var(--p-ink), inset 4px 0 0 0 var(--p-sun); padding-left: 14px !important; }
}

/* ================= CURA ASSIST: a lighter, larger glow ================= */
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-xwive7 { border-radius: 0 !important; background: #fff !important; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1qil0cq,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1uve4l7,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-f4i405 { filter: blur(90px) !important; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-15rjuxt,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-9v8rjx,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1l72dcz { opacity: 0.5 !important; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1msdch8 h1 span[data-text-fill] { background-image: none !important; -webkit-text-fill-color: var(--p-ink) !important; color: var(--p-ink) !important; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1msdch8 h5 { --framer-text-color: var(--p-ink-2) !important; }

/* ================= PRICING: columns with rules, recommended plan marked in yellow ================= */
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1iqaqnz { padding: 96px 20px; gap: 56px; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-15m68a8 { align-items: stretch; gap: 0; overflow: visible; width: var(--p-grid); }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-54cezh,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-111s43z,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-b22k50 {
  background: transparent; border-radius: 0; height: auto; min-height: 380px; padding: 28px 24px 24px; border-left: 1px solid var(--p-line); border-top: 3px solid transparent; gap: 16px; justify-content: flex-start;
  transition: border-top-color 0.25s ease, background-color 0.25s ease;
}
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-b22k50 { border-right: 1px solid var(--p-line); }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-111s43z { border-top-color: var(--p-sun); }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-54cezh:hover,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-111s43z:hover,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-b22k50:hover { border-top-color: var(--p-ink); background: #fafaf7; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-mxc833-container li > div { background: #fff; border-radius: 6px; box-shadow: inset 0 0 0 1px var(--p-line); height: auto; min-height: 340px; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-mxc833-container li:nth-child(2) > div { box-shadow: inset 0 0 0 1px var(--p-line), inset 0 3px 0 0 var(--p-sun); }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-mrniee .framer-text,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-cj4ndt .framer-text,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-q6ln15 .framer-text { --framer-font-size: 40px; --framer-letter-spacing: -0.03em; font-variant-numeric: tabular-nums; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1b5fzk9,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-meo8y4,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-19dffgk { height: auto; min-height: 130px; gap: 8px; flex: none; overflow: visible; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-15m68a8 p,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-mxc833-container li p { color: var(--p-ink) !important; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1opfxda,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-14kimkr,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1fibyge,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-mxc833-container li a { border-radius: 3px !important; height: 44px; margin-top: auto; transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.25s var(--p-ease); }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1opfxda,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-14kimkr { background: transparent !important; box-shadow: inset 0 0 0 1px var(--p-ink); }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1opfxda:hover,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-14kimkr:hover { background: var(--p-ink) !important; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1opfxda:hover p,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-14kimkr:hover p { color: #fff !important; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1fibyge { background: var(--p-ink) !important; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1fibyge:hover { box-shadow: inset 0 -3px 0 0 var(--p-sun); }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1fibyge p,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-mxc833-container li:nth-child(2) a p { color: #fff !important; --framer-text-color: #fff !important; }

/* ================= QUOTE: white, large, a yellow rule on the left ================= */
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-11hrlhv { background: #fff !important; padding: 96px 20px; align-items: center; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1uohwiw { width: var(--p-grid); border-left: 4px solid var(--p-sun); padding-left: 28px; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-11hrlhv .framer-text { --framer-text-color: var(--p-ink) !important; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1uohwiw h2 { --framer-font-size: 40px; --framer-line-height: 1.14em; --framer-letter-spacing: -0.03em; --framer-font-weight: 600; max-width: 860px; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1nx7ruv { width: var(--p-grid); max-width: 100%; padding-left: 32px; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1nx7ruv p { --framer-text-color: var(--p-ink-2) !important; }

/* ================= SECURITY ================= */
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1rage8g { padding: 80px 20px 96px; gap: 48px; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1eynwe7-container { width: var(--p-grid); max-width: 100%; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1eynwe7-container ul { justify-content: flex-start !important; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1eynwe7-container li > div,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-ukmj56-container li > div { background: #fff !important; border-radius: 6px; box-shadow: inset 0 0 0 1px var(--p-line); transition: box-shadow 0.25s var(--p-ease), transform 0.25s var(--p-ease); }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1eynwe7-container li > div:hover { box-shadow: inset 0 0 0 1px var(--p-ink), inset 0 4px 0 0 var(--p-sun); transform: translateY(-2px); }
/* card headings centred under their icon (their box is wider than the card, so left-aligned they stuck out to the left) */
html[data-cs-variant="motion"] body[data-cs-page="home"] #main .framer-1eynwe7-container li h3.framer-text,
html[data-cs-variant="motion"] body[data-cs-page="home"] #main .framer-ukmj56-container li h3.framer-text { --framer-text-alignment: center; text-align: center !important; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1eynwe7-container li p,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-ukmj56-container li p { --framer-font-size: 13px; --framer-line-height: 1.45em; --framer-letter-spacing: 0; color: var(--p-ink-2) !important; }

/* ================= FINAL CTA + FOOTER: white, a yellow stripe marks the end ================= */
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-s177uq { background: #fff !important; height: auto !important; padding: 80px 20px 112px; gap: 32px; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-azoouc h2 { --framer-font-size: 64px; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-s177uq > .ssr-variant { display: block; width: var(--p-grid); max-width: 100%; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-3SkoH,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-bizhcy,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-3llm7j { background-color: #fff !important; --border-color: transparent !important; border-top: 4px solid var(--p-sun); }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-3SkoH .framer-text,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-bizhcy .framer-text,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-3llm7j .framer-text { color: var(--p-ink) !important; --framer-text-color: var(--p-ink) !important; }
/* desktop footer: the button follows the paragraph with a fixed gap (it was pinned to the bottom edge, which left 10px under a five-line text) */
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-3SkoH { flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 28px; padding: 166px 82px 0; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-3SkoH .framer-1pk9p32 { position: relative; top: auto; left: auto; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-3SkoH .framer-d8kv5w-container { position: relative; bottom: auto; left: auto; }
/* …except the label of the dark button in the footer */
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-3SkoH .framer-V0DJj .framer-text,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-bizhcy .framer-V0DJj .framer-text,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-3llm7j .framer-V0DJj .framer-text,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-3SkoH .framer-8sv3z .framer-text,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-bizhcy .framer-8sv3z .framer-text,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-3llm7j .framer-8sv3z .framer-text { color: #fff !important; --framer-text-color: #fff !important; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-3SkoH a.framer-text,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-bizhcy a.framer-text,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-3llm7j a.framer-text { text-decoration: none; background: linear-gradient(var(--p-sun), var(--p-sun)) no-repeat 0 100% / 100% 2px; transition: background-size 0.25s var(--p-ease); }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-3SkoH a.framer-text:hover,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-bizhcy a.framer-text:hover,
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-3llm7j a.framer-text:hover { background-size: 100% 0.45em; }

/* ================= focus + motion ================= */
html[data-cs-variant="motion"] body[data-cs-page="home"] a:focus-visible,
html[data-cs-variant="motion"] body[data-cs-page="home"] button:focus-visible,
html[data-cs-variant="motion"] body[data-cs-page="home"] select:focus-visible { outline: 2px solid var(--p-ink); outline-offset: 3px; box-shadow: 0 0 0 5px var(--p-sun); }
@media (prefers-reduced-motion: reduce) {
  html[data-cs-variant="motion"] body[data-cs-page="home"] * { transition: none !important; animation-duration: 0.01s !important; }
  html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-light { transition: none; }
}

/* ================= phone ================= */
@media (max-width: 1099.98px) {
  html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-uex0ha { padding: 88px 0 48px !important; }
  html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-hero-stats { margin-top: 56px; padding: 24px 0 28px !important; }
  html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-hero-stats .framer-6vkvg8 > div + div { padding-left: 16px !important; }
  html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-hero-stats .framer-6vkvg8 > div > div:first-child .framer-text { --framer-font-size: 30px !important; }
  html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-hero-stats .framer-6vkvg8 > div > div:last-child .framer-text { --framer-font-size: 12px !important; }
  html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-actions { flex-wrap: wrap; }
  html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-hero-stats.framer-169u1fv { display: none !important; }
  html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1erf8t1 { padding-top: 64px; }
  html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1hr8ria h1 { --framer-font-size: 56px; }
  html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-hcq9cc .framer-1d5r3xd-container { position: relative !important; left: auto !important; top: auto !important; bottom: auto !important; transform: none !important; margin: 8px 0 0; }
  html[data-cs-variant="motion"] body[data-cs-page="home"] #main h2.framer-text { --framer-font-size: 34px; }
  html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1uohwiw h2 { --framer-font-size: 26px; }
  html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-azoouc h2 { --framer-font-size: 40px; }
  html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1t1qem7 { border-top: 0; padding-top: 0; }
  html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-s177uq { padding: 80px 20px; }
  html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-light { background: radial-gradient(460px 460px at 88% 18%, rgba(255, 209, 0, 0.38), rgba(255, 209, 0, 0) 70%); opacity: 1; }
  html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1h1bivs, html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1q9rqks, html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-16irjvk, html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-ynlkux, html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1m21g4g, html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1uumc36 { box-shadow: inset 0 0 0 1px var(--p-line); --border-color: transparent !important; border-radius: 6px; }
}


/* ---- motion ---- */
/* Design variant "Motion" — extends Poster (its CSS is prepended at build time, re-scoped to this id).
 * Only the hero changes. The look is the CuraStream motion film's: ambient yellow / orange / lavender light over
 * off-white, film grain, glass, gradient accent type, Satoshi for all text, captions included. Satoshi and Urbanist come from the
 * page's own @font-face rules (Framer's self-hosted files); the hero weights are preloaded (preloadFonts in variants.json). */


html[data-cs-variant="motion"] body[data-cs-page="home"] {
  --m-ink: #26262a; --m-ink2: #636369; --m-mute: #a1a1aa; --m-bar: #ececef;
  --m-y: #FFD500; --m-o: #FF9F40; --m-o2: #F26D0F;
  --m-grad: linear-gradient(90deg, #FFB300 0%, #FF9F40 45%, #F26D0F 100%);
  --m-sat: "Satoshi", "Inter", sans-serif;
  --m-spring: cubic-bezier(0.2, 1.3, 0.3, 1);
}

/* ================= hero: ambient light, grain, vignette ================= */
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-uex0ha { padding-top: 104px !important; background: #fff !important; }
/* the composed hero (built by motion.js) is always 777 px high; reserve that from the first paint, so the cards below do
   not show up at the top and then jump down when the script has run (a layout shift of 0.2 on every desktop page load) */
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-uex0ha { min-height: 777px; }
/* …and its text is only shown once composed (html.cs-mo-on, set by motion.js). motion.js is started from the <head>, so this
   normally lifts as soon as the page is parsed; the 4 s fallback (which shows the uncomposed Framer hero) is only for a script that failed. */
html[data-cs-variant="motion"]:not(.cs-mo-on) body[data-cs-page="home"] .framer-1ji8bi6 { visibility: hidden; animation: cs-mo-reveal 0s linear 4s forwards; }
@keyframes cs-mo-reveal { to { visibility: visible; } }
/* the hero's own entrance (motion.js heroEntrance): badge, headline, actions, 90 ms apart; replaces Framer's slow appear effects.
   The keyframes win over the inline opacity:0 (animations beat inline styles; no !important, which would beat the animation) */
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-mo-in { transform: none !important; animation: cs-mo-in 0.55s cubic-bezier(0.2, 0.7, 0.2, 1) both; animation-delay: calc(var(--d, 0) * 1ms); }
@keyframes cs-mo-in { from { opacity: 0; translate: 0 14px; } to { opacity: 1; translate: 0 0; } }
@media (prefers-reduced-motion: reduce) { html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-mo-in { animation: none; } }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-light { display: none; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-amb { position: absolute; inset: 0; overflow: hidden; pointer-events: none; z-index: 0; background: linear-gradient(180deg, #ffffff 0%, #fdfcfb 100%);
  -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 110px, #000 calc(100% - 140px), transparent 100%); mask-image: linear-gradient(180deg, transparent 0, #000 110px, #000 calc(100% - 140px), transparent 100%); }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-blob { position: absolute; width: 1100px; height: 1100px; border-radius: 50%; will-change: transform; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-blob-y { right: -180px; top: -300px; background: radial-gradient(closest-side, rgba(255, 214, 0, 0.36), rgba(255, 202, 0, 0.2) 34%, rgba(255, 188, 60, 0.07) 64%, rgba(255, 255, 255, 0)); animation: cs-drift-a 14s ease-in-out infinite alternate; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-blob-o { width: 760px; height: 760px; right: 2%; bottom: -520px; background: radial-gradient(closest-side, rgba(255, 150, 54, 0.26), rgba(255, 159, 64, 0.11) 42%, rgba(255, 159, 64, 0.03) 70%, rgba(255, 159, 64, 0)); animation: cs-drift-b 17s ease-in-out infinite alternate; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-blob-l { left: -420px; top: -380px; background: radial-gradient(closest-side, rgba(214, 204, 242, 0.5), rgba(232, 226, 248, 0.28) 45%, rgba(241, 237, 247, 0)); animation: cs-drift-c 19s ease-in-out infinite alternate; }
@keyframes cs-drift-a { from { transform: translate(0, 0) scale(1); } to { transform: translate(-50px, 36px) scale(1.06); } }
@keyframes cs-drift-b { from { transform: translate(0, 0) scale(1); } to { transform: translate(-60px, -24px) scale(0.94); } }
@keyframes cs-drift-c { from { transform: translate(0, 0) scale(1); } to { transform: translate(46px, 30px) scale(1.05); } }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-grain { position: absolute; inset: -192px; opacity: 0.13; mix-blend-mode: soft-light; background-repeat: repeat; animation: cs-grain 0.5s steps(4) infinite; }
@keyframes cs-grain { to { transform: translate(97px, 57px); } }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-vignette { position: absolute; inset: 0; background: radial-gradient(ellipse 75% 75% at 50% 48%, rgba(255, 255, 255, 0) 60%, rgba(38, 38, 42, 0.04) 100%); }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-hero-stats { margin-top: 72px; position: relative; z-index: 1; background: transparent !important; }

/* ================= layout ================= */
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1ji8bi6 { max-width: 1240px; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-hcq9cc {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 640px); grid-template-rows: auto auto; gap: 36px 64px; align-items: center; width: 100%;
}
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-hcq9cc > .framer-1qwe4fh { grid-column: 1; grid-row: 1; align-self: end; gap: 28px; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-hcq9cc > .ssr-variant { grid-column: 1; grid-row: 2; align-self: start; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-stage { grid-column: 2; grid-row: 1 / 3; }

/* ================= headline ================= */
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1hr8ria { max-width: none !important; }
/* 68px, easing down to 56px on the narrowest desktop windows (1100–1180px) so the first line never wraps */
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1hr8ria h1 { --framer-font-size: clamp(56px, 15vw - 109px, 68px); --framer-line-height: 1.06em; --framer-letter-spacing: -0.04em; --framer-font-weight: 600; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1hr8ria h1 span[data-text-fill].cs-h { background-image: none !important; animation: none; padding: 0; margin: 0; display: inline; -webkit-text-fill-color: var(--m-ink) !important; color: var(--m-ink) !important; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-lead { display: inline; }
/* a headline without the rotating word (English for now) is a little smaller, so it stays on two lines */
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1hr8ria h1:has(.cs-h-static) { --framer-font-size: clamp(40px, 5.6vw - 22px, 58px); }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-rotor {
  display: inline-block; position: relative; vertical-align: top; height: 1.36em; margin-bottom: -0.18em; max-width: 100%; white-space: nowrap; overflow: hidden; line-height: 1.06em;
  transition: width 0.55s var(--p-ease); padding-right: 0.08em;   /* room for the last glyph's overhang (tight tracking): added to the width in motion.js */
}   /* taller than the line (and pulled back up) so descenders are not clipped */
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-word {
  position: absolute; left: 0; top: 0; padding-bottom: 0.26em; opacity: 0; transform: translateY(110%) rotate(2deg); transform-origin: 0 100%;   /* the gradient is clipped to this box: the padding takes in g, j, p, y */
  transition: transform 0.7s var(--p-ease), opacity 0.4s ease;
  background-image: var(--m-grad); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent !important; color: transparent !important;
}
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-word.is-in { opacity: 1; transform: none; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-word.is-out { opacity: 0; transform: translateY(-110%) rotate(-2deg); }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-sub { margin: 0; max-width: 500px; font-family: var(--m-sat); font-weight: 500; font-size: 19px; line-height: 1.5; letter-spacing: -0.005em; color: var(--m-ink2); text-align: left; }

/* ================= the "Nyhet · Cura Assist" pill: glass, mono tag, live dot, sheen ================= */
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1gh0019 {
  background: linear-gradient(160deg, rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0.62)) !important; --border-color: rgba(255, 255, 255, 0.95) !important;
  border-radius: 999px !important; padding: 5px 12px 5px 5px !important; gap: 10px; overflow: hidden;
  -webkit-backdrop-filter: blur(16px) saturate(1.6); backdrop-filter: blur(16px) saturate(1.6);
  box-shadow: inset 0 1px 0 #fff, 0 0 0 1px rgba(38, 38, 42, 0.06), 0 10px 24px -14px rgba(38, 38, 42, 0.3) !important;
  transition: transform 0.4s var(--p-ease), box-shadow 0.4s ease;
}
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1gh0019:hover { background: linear-gradient(160deg, #fff, rgba(255, 255, 255, 0.8)) !important; transform: translateY(-1px); box-shadow: inset 0 1px 0 #fff, 0 0 0 1px rgba(242, 109, 15, 0.22), 0 16px 30px -14px rgba(242, 109, 15, 0.3) !important; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1gh0019::before { content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none; background: linear-gradient(105deg, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0.9) 48%, rgba(255, 214, 120, 0.35) 54%, rgba(255, 255, 255, 0) 66%); transform: translateX(-110%); animation: cs-pill-sheen 7s ease-in-out 2.5s infinite; }
@keyframes cs-pill-sheen { 0% { transform: translateX(-110%); } 16%, 100% { transform: translateX(110%); } }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1knsb9p {
  background: linear-gradient(135deg, rgba(255, 213, 0, 0.2), rgba(255, 159, 64, 0.2)) !important; --border-color: rgba(255, 159, 64, 0.34) !important;
  border-radius: 999px !important; padding: 4px 9px !important; gap: 6px; box-shadow: none; align-items: center !important; min-height: 24px;
}
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1knsb9p .framer-text, html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1knsb9p p, html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1knsb9p span {
  font-family: var(--m-sat) !important; --framer-font-family: var(--m-sat) !important; font-size: 12px !important; --framer-font-size: 12px !important; font-weight: 700 !important;
  letter-spacing: 0 !important; --framer-letter-spacing: 0 !important; line-height: 16px !important; --framer-line-height: 16px !important; text-transform: none;
  background-image: none !important; color: #b25f00 !important; -webkit-text-fill-color: #b25f00 !important; --framer-text-color: #b25f00 !important;
}
/* centre the word on its cap height, not on the font's line box (which sits it a pixel high next to the dot) */
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1knsb9p p.framer-text { text-box: trim-both cap alphabetic; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-si4vy3 { width: 7px !important; height: 7px !important; background: linear-gradient(135deg, #FFB300, #F26D0F) !important; --border-color: transparent !important; animation: cs-dot 2.4s ease-out infinite; }
@keyframes cs-dot { 0% { box-shadow: 0 0 0 0 rgba(242, 109, 15, 0.5); } 70%, 100% { box-shadow: 0 0 0 7px rgba(242, 109, 15, 0); } }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-16gmirz { gap: 6px; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-c3m5ym .framer-text, html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-c3m5ym p {
  font-family: var(--m-sat) !important; --framer-font-family: var(--m-sat) !important; font-weight: 500 !important; font-size: 14px !important; letter-spacing: -0.005em !important; --framer-letter-spacing: -0.005em !important;
  color: var(--m-ink) !important; --framer-text-color: var(--m-ink) !important; white-space: nowrap;
}
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-lyu6rk-container { transition: transform 0.35s var(--p-ease); }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-lyu6rk-container svg { color: var(--m-mute) !important; fill: var(--m-mute) !important; transition: color 0.3s ease, fill 0.3s ease; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1gh0019:hover .framer-lyu6rk-container { transform: translateX(3px); }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1gh0019:hover .framer-lyu6rk-container svg { color: var(--m-o2) !important; fill: var(--m-o2) !important; }

/* ================= actions + stats in the film's language ================= */
/* one call to action: the dark pill with a small yellow arrow after the label; the secondary "Kontakt" button is not used here */
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-actions { gap: 14px; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-ghost { display: none !important; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-actions .framer-V0DJj.framer-v-qwlc1c, html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-actions .framer-V0DJj .framer-1pedt18 { border-radius: 999px !important; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-actions .framer-V0DJj .framer-1pedt18 { background: linear-gradient(135deg, #34343a, #1c1c20) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18), 0 14px 30px -12px rgba(38, 38, 42, 0.55); transition: box-shadow 0.3s ease; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-actions .framer-V0DJj.framer-v-qwlc1c.hover .framer-1pedt18 { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22), 0 20px 38px -12px rgba(38, 38, 42, 0.6); }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-actions .framer-V0DJj.framer-v-qwlc1c { padding: 10px !important; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-actions .framer-V0DJj.framer-v-qwlc1c .framer-18y93ec { padding: 6px 20px 6px 24px !important; gap: 10px; align-items: center; overflow: visible !important; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-actions .framer-V0DJj .framer-5lrhn0 p { --framer-font-family: var(--m-sat); --framer-font-weight: 700; --framer-font-size: 16px; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-actions .framer-V0DJj .framer-18y93ec::after { content: ""; flex: none; width: 18px; height: 18px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFC53D' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / 18px 18px no-repeat; transition: transform 0.35s var(--p-ease); }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-actions .framer-V0DJj.framer-v-qwlc1c.hover .framer-18y93ec::after { transform: translateX(4px); }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-hero-stats { border-color: rgba(38, 38, 42, 0.08); }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-hero-stats::after { display: none; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-hero-stats .framer-uz5l71 > div:first-child .framer-text, html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-hero-stats .framer-a50hk7 > div:first-child .framer-text, html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-hero-stats .framer-197dh4o > div:first-child .framer-text, html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-hero-stats .framer-6vkvg8 > div > div:first-child .framer-text {
  --framer-font-family: "Urbanist", "Urbanist Placeholder", sans-serif !important; --framer-font-variation-axes: normal !important; --framer-font-weight: 600 !important;
  font-family: "Urbanist", "Urbanist Placeholder", sans-serif !important; font-weight: 600 !important; font-variation-settings: normal !important;
  --framer-font-size: 58px !important; --framer-letter-spacing: -0.045em !important; --framer-line-height: 1em !important; --framer-text-color: var(--m-ink) !important;
}
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-num { display: inline-flex; align-items: center; white-space: nowrap; line-height: 1; font-variant-numeric: tabular-nums; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-col { display: inline-block; box-sizing: content-box; height: 1.2em; overflow-y: clip; overflow-x: visible; padding-inline: 0.1em; margin-inline: -0.1em;
  -webkit-mask-image: linear-gradient(transparent 0, #000 17%, #000 83%, transparent 100%); mask-image: linear-gradient(transparent 0, #000 17%, #000 83%, transparent 100%); }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-strip { display: block; transition: transform 1.9s cubic-bezier(0.16, 1, 0.3, 1); transition-delay: calc(var(--k) * 80ms); will-change: transform; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-strip span { display: flex; justify-content: center; height: 1.2em; line-height: 1.2em; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-num.is-on .cs-strip { transform: translateY(calc(var(--d) * -1.2em)); }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-num.is-still .cs-strip { transition: none; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-fx { display: inline-block; line-height: 1.2em; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-sp { display: inline-block; width: 0.2em; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-sfx { display: inline-block; line-height: 1.2em; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-hero-stats .framer-uz5l71 > div:last-child .framer-text, html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-hero-stats .framer-a50hk7 > div:last-child .framer-text, html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-hero-stats .framer-197dh4o > div:last-child .framer-text, html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-hero-stats .framer-6vkvg8 > div > div:last-child .framer-text { --framer-font-family: var(--m-sat) !important; font-family: var(--m-sat) !important; --framer-font-variation-axes: normal !important; font-variation-settings: normal !important; --framer-font-weight: 500 !important; font-weight: 500 !important; --framer-font-size: 15px !important; --framer-letter-spacing: -0.005em !important; text-transform: none; --framer-text-color: var(--m-mute) !important; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-hero-stats .framer-a50hk7, html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-hero-stats .framer-197dh4o { border-left-color: rgba(38, 38, 42, 0.08) !important; }

/* ================= the note card (film scene B, native 910 × 620, scaled by motion.js) ================= */
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-stage { position: relative; width: 100%; perspective: 2400px; perspective-origin: 50% 50%; font-family: var(--m-sat); color: var(--m-ink); text-align: left; -webkit-font-smoothing: antialiased; text-rendering: geometricPrecision; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-tilt { position: relative; width: 100%; height: 420px; transform-style: preserve-3d; will-change: transform; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-card {
  position: absolute; left: 0; top: 0; width: 910px; height: 620px; transform-origin: 0 0; border-radius: 28px; overflow: hidden; opacity: 0;
  background: linear-gradient(160deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.5));
  -webkit-backdrop-filter: blur(26px) saturate(1.7); backdrop-filter: blur(26px) saturate(1.7);
  border: 1px solid rgba(255, 255, 255, 0.95);
  box-shadow: inset 0 1px 0 #fff, 0 0 0 1px rgba(38, 38, 42, 0.045), 0 34px 80px -28px rgba(38, 38, 42, 0.2), 0 12px 28px -14px rgba(38, 38, 42, 0.12);
}
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-card > * { position: absolute; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-ic { left: 56px; top: 54px; width: 44px; height: 44px; border-radius: 50%; overflow: hidden; background: #fff; box-shadow: inset 0 0 0 1.7px #F6D172, 0 0 0 4px rgba(250, 218, 131, 0.3), 0 8px 17px -5px rgba(242, 109, 15, 0.45); }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-liquid { position: absolute; inset: 0; width: 44px; height: 44px; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-mic { position: absolute; left: 14.5px; top: 13.75px; width: 15px; height: 15px; fill: none; stroke: var(--m-ink); stroke-width: 1.9; stroke-linecap: round; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-mic rect { fill: var(--m-ink); stroke: none; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-ttl { left: 118px; top: 53px; font: 600 30px/1 "Urbanist", var(--m-sat); letter-spacing: -0.02em; white-space: nowrap; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-meta { left: 119px; top: 88px; font: 500 15px/1.2 var(--m-sat); letter-spacing: 0; color: var(--m-mute); white-space: nowrap; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-btn {
  right: 56px; top: 52px; height: 50px; padding: 0 24px 0 18px; display: flex; align-items: center; gap: 10px; border-radius: 999px; white-space: nowrap;
  font: 700 18px/1 var(--m-sat); color: #fff; letter-spacing: -0.005em;
  background: linear-gradient(135deg, #34343a, #1c1c20); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18), 0 10px 24px -10px rgba(38, 38, 42, 0.55);
}
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-btn { transform-origin: 50% 50%; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-btn svg { position: relative; width: 20px; height: 20px; fill: none; stroke: #FFC53D; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-btn span { position: relative; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-flash { position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(135deg, #FFC93C, #F26D0F); opacity: 0; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-hr { left: 56px; right: 56px; top: 126px; height: 1px; background: rgba(38, 38, 42, 0.08); transform-origin: 0 50%; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-lbl { left: 56px; font: 500 14.5px/1.2 var(--m-sat); letter-spacing: 0; color: var(--m-mute); white-space: nowrap; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-tl { left: 56px; height: 34px; font: 500 24px/34px var(--m-sat); color: var(--m-ink); white-space: nowrap; letter-spacing: -0.005em; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-tl span { display: inline-block; white-space: pre; opacity: 0; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-bar { left: 56px; height: 16px; border-radius: 8px; background-color: var(--m-bar); background-repeat: no-repeat; background-size: 240px 100%; background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0)); opacity: 0; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-caret { width: 3px; height: 28px; border-radius: 2px; background: linear-gradient(#FFD500, #F26D0F); box-shadow: 0 0 18px 5px rgba(255, 176, 0, 0.45); opacity: 0; }
/* the "+" beside the assessment heading: a 24px ghost button that opens into the ICD code when clicked (width set by motion.js) */
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-chip { width: 24px; height: 24px; box-sizing: border-box; border-radius: 12px; overflow: hidden; white-space: nowrap; font: 700 12.5px/22px var(--m-sat); letter-spacing: 0.02em; color: #b25f00; background: rgba(255, 255, 255, 0.6); border: 1px solid rgba(38, 38, 42, 0.14); box-shadow: 0 2px 6px -3px rgba(38, 38, 42, 0.25); transform-origin: 12px 50%; opacity: 0; transition: background 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-chip svg { position: absolute; left: 0; top: 0; width: 22px; height: 22px; fill: none; stroke: var(--m-ink2); stroke-width: 1.7; stroke-linecap: round; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-chip span { position: absolute; left: 11px; top: 0; opacity: 0; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-chip.is-on { background: linear-gradient(135deg, rgba(255, 213, 0, 0.16), rgba(255, 159, 64, 0.16)); border-color: rgba(255, 159, 64, 0.34); box-shadow: none; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-ready { right: 56px; top: 552px; height: 42px; padding: 0 18px 0 8px; display: flex; align-items: center; gap: 10px; border-radius: 999px; white-space: nowrap; font: 700 17px/1 var(--m-sat); color: var(--m-ink); background: rgba(255, 255, 255, 0.8); border: 1px solid rgba(38, 38, 42, 0.07); box-shadow: 0 8px 22px -12px rgba(38, 38, 42, 0.25); transform-origin: 100% 50%; opacity: 0; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-ready i { width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; background: linear-gradient(135deg, #FFC93C, #F26D0F); }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-ready svg { width: 18px; height: 18px; fill: none; stroke: #fff; stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-sheen { left: 0; top: 0; width: 520px; height: 100%; pointer-events: none; opacity: 0; background: linear-gradient(100deg, rgba(255, 255, 255, 0) 18%, rgba(255, 255, 255, 0.85) 47%, rgba(255, 214, 120, 0.3) 54%, rgba(255, 255, 255, 0) 82%); }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-ready { transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-ready.is-done { background: linear-gradient(135deg, #34343a, #1c1c20); color: #fff; border-color: transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18), 0 10px 24px -10px rgba(38, 38, 42, 0.55); }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-cursor { left: 0; top: 0; width: 44px; height: 44px; opacity: 0; pointer-events: none; transform-origin: 11px 6px; z-index: 3; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-cursor svg { width: 44px; height: 44px; fill: var(--m-ink); stroke: #fff; stroke-width: 1.6; stroke-linejoin: round; filter: drop-shadow(0 6px 10px rgba(0, 0, 0, 0.18)); }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-ripple { left: 0; top: 0; width: 200px; height: 200px; border-radius: 50%; border: 1.5px solid rgba(242, 109, 15, 0.55); background: radial-gradient(closest-side, rgba(255, 191, 0, 0) 70%, rgba(255, 191, 0, 0.14)); opacity: 0; pointer-events: none; z-index: 2; }

/* ================= How it works (film language: glass device, glass step rows, gradient progress) ================= */
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1v5wiib { height: auto !important; padding: 112px 20px 120px; gap: 64px; position: relative; overflow: hidden; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-amb-how { background: none; -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 160px, #000 calc(100% - 200px), transparent 100%); mask-image: linear-gradient(180deg, transparent 0, #000 160px, #000 calc(100% - 200px), transparent 100%); }
html[data-cs-variant="motion"] body[data-cs-page="home"] #main h2.framer-text strong span.cs-grad, html[data-cs-variant="motion"] body[data-cs-page="home"] #main h2.framer-text span.cs-grad { background-image: var(--m-grad) !important; -webkit-background-clip: text !important; background-clip: text !important; color: transparent !important; -webkit-text-fill-color: transparent !important; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-amb-how .cs-blob-l { width: 980px; height: 980px; left: -380px; top: 40px; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-amb-how .cs-blob-y { width: 900px; height: 900px; right: auto; left: 160px; top: 160px; opacity: 0.8; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1v5wiib .framer-jn2bt8 { position: relative; z-index: 1; border-top: 0; padding-top: 0; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1v5wiib .framer-jn2bt8 h2 { --framer-font-size: 52px; --framer-font-weight: 600; --framer-letter-spacing: -0.04em; --framer-text-color: var(--m-ink) !important; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1v5wiib .framer-jn2bt8 h4, html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1v5wiib .framer-jn2bt8 p { --framer-font-family: var(--m-sat); --framer-font-weight: 500; --framer-font-size: 19px; --framer-line-height: 1.5em; --framer-text-color: var(--m-ink2) !important; max-width: none; white-space: nowrap; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-pnyxe6-container { max-width: var(--p-grid); z-index: 1; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-Iob6I.framer-fbic6x { width: 100%; gap: 72px; align-items: center; overflow: visible; }
/* a step change only cross-fades the picture and the text: nothing in this block travels up or down */
@keyframes cs-in { from { opacity: 0; } to { opacity: 1; } }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-z5qiad-container video, html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-if1ya-container .cs-docs { animation: cs-in 0.5s ease both; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-d0fdy5 { padding: 0; align-items: center; justify-content: center; overflow: visible; perspective: 1800px; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-z5qiad-container {
  width: 100%; height: auto; aspect-ratio: auto; border-radius: 22px; overflow: hidden;
  background: linear-gradient(160deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.5));
  border: 1px solid rgba(255, 255, 255, 0.95); padding: 8px;
  box-shadow: inset 0 1px 0 #fff, 0 0 0 1px rgba(38, 38, 42, 0.045), 0 40px 90px -30px rgba(38, 38, 42, 0.28), 0 14px 30px -14px rgba(38, 38, 42, 0.12), 0 0 80px -20px rgba(255, 200, 60, 0.35);
  transform: rotateY(7deg) rotateX(2deg); transform-style: preserve-3d; transition: transform 0.8s var(--p-ease), box-shadow 0.8s ease;
}
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-d0fdy5:hover .framer-z5qiad-container { transform: rotateY(0deg) rotateX(0deg); box-shadow: inset 0 1px 0 #fff, 0 0 0 1px rgba(38, 38, 42, 0.045), 0 50px 100px -30px rgba(38, 38, 42, 0.32), 0 14px 30px -14px rgba(38, 38, 42, 0.12), 0 0 100px -20px rgba(255, 200, 60, 0.45); }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-z5qiad-container video { width: 100% !important; height: auto !important; aspect-ratio: 888 / 560; border-radius: 15px !important; object-fit: cover; display: block; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-z5qiad-container::after { content: ""; position: absolute; inset: 0; pointer-events: none; border-radius: inherit; background: linear-gradient(115deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.35) 48%, rgba(255, 214, 120, 0.12) 54%, rgba(255, 255, 255, 0) 70%); background-size: 260% 100%; background-position: 100% 0; animation: cs-sheen 7s ease-in-out infinite; }
@keyframes cs-sheen { 0%, 55% { background-position: 100% 0; } 100% { background-position: 0 0; } }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1ud42m0 { overflow: visible; gap: 6px; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-cd4Ul.framer-3jc75z {
  width: 100%; padding: 22px 26px 20px; gap: 16px; border-radius: 18px; border: 1px solid transparent;
  transition: background-color 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease, transform 0.35s var(--p-ease);
}
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-cd4Ul.framer-v-3jc75z {
  background: linear-gradient(160deg, rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.55)); border-color: rgba(255, 255, 255, 0.95);
  -webkit-backdrop-filter: blur(20px) saturate(1.5); backdrop-filter: blur(20px) saturate(1.5);
  box-shadow: inset 0 1px 0 #fff, 0 0 0 1px rgba(38, 38, 42, 0.045), 0 24px 50px -28px rgba(38, 38, 42, 0.25);
}
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-cd4Ul.framer-v-1t4xf4v:hover { background: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.9); transform: translateX(4px); }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-cd4Ul .framer-17xgvt6 .framer-text { --framer-font-family: var(--m-sat); --framer-font-size: 14.5px; --framer-font-weight: 700; --framer-letter-spacing: 0.02em; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-cd4Ul.framer-v-3jc75z .framer-17xgvt6 .framer-text { background-image: var(--m-grad); -webkit-background-clip: text; background-clip: text; color: transparent !important; -webkit-text-fill-color: transparent; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-cd4Ul.framer-v-1t4xf4v .framer-17xgvt6 .framer-text { --framer-text-color: var(--m-mute) !important; color: var(--m-mute) !important; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-cd4Ul .framer-11mafg5 .framer-text { --framer-font-family: "Urbanist", var(--m-sat); --framer-font-weight: 600; --framer-font-size: 23px; --framer-letter-spacing: -0.025em; --framer-line-height: 1.15em; --framer-text-color: var(--m-ink) !important; color: var(--m-ink) !important; transition: color 0.3s ease; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-cd4Ul.framer-v-1t4xf4v .framer-11mafg5 .framer-text { --framer-text-color: #8a8a92 !important; color: #8a8a92 !important; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-cd4Ul .framer-1bdaagr .framer-text { --framer-font-family: var(--m-sat); --framer-font-weight: 500; --framer-font-size: 16px; --framer-line-height: 1.5em; --framer-text-color: var(--m-ink2) !important; animation: cs-in 0.6s var(--p-ease) 0.1s both; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1jjkuge-container { height: 3px; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1jjkuge-container > div { height: 3px !important; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-Iob6I .framer-1jjkuge-container div > div:first-child { background: rgba(38, 38, 42, 0.07) !important; border-radius: 2px; height: 3px !important; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-Iob6I .framer-1jjkuge-container div > div + div { background: var(--m-grad) !important; border-radius: 2px; height: 3px !important; box-shadow: 0 0 12px rgba(255, 176, 0, 0.45); }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-Iob6I .framer-xywnbq { display: none; }

/* ================= How it works, step 3: the document stack (native 888 × 560, scaled by motion.js) ================= */
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-if1ya-container {
  width: 100%; height: auto; border-radius: 22px; overflow: hidden; padding: 8px;
  background: linear-gradient(160deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.5)); border: 1px solid rgba(255, 255, 255, 0.95);
  box-shadow: inset 0 1px 0 #fff, 0 0 0 1px rgba(38, 38, 42, 0.045), 0 40px 90px -30px rgba(38, 38, 42, 0.28), 0 14px 30px -14px rgba(38, 38, 42, 0.12), 0 0 80px -20px rgba(255, 200, 60, 0.35);
  transform: rotateY(7deg) rotateX(2deg); transform-style: preserve-3d; transition: transform 0.8s var(--p-ease), box-shadow 0.8s ease;
}
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-d0fdy5:hover .framer-if1ya-container { transform: rotateY(0deg) rotateX(0deg); }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-if1ya-container img, html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-44vg3t-container img { width: 100%; height: auto; border-radius: 15px; display: block; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-has-scene > img, html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-has-scene > div:not(.cs-docs) { display: none !important; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-docs {
  position: relative; width: 100%; aspect-ratio: 888 / 560; border-radius: 15px; overflow: hidden; text-align: left; font-family: var(--m-sat); color: var(--m-ink); -webkit-font-smoothing: antialiased;
  background: radial-gradient(70% 80% at 92% -10%, rgba(255, 214, 0, 0.15), rgba(255, 214, 0, 0) 70%), radial-gradient(60% 70% at -5% 105%, rgba(214, 204, 242, 0.28), rgba(214, 204, 242, 0) 70%), radial-gradient(50% 60% at 100% 110%, rgba(255, 159, 64, 0.09), rgba(255, 159, 64, 0) 70%), #fff;
}
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-docs .cs-docs-in { position: absolute; left: 0; top: 0; width: 888px; height: 560px; transform-origin: 0 0; }
/* the screen the recordings of steps 1 and 2 are shown on: grey bezel (cut off at the foot, like theirs), camera notch, app header */
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-docs .cs-dbezel { position: absolute; left: 0; top: 0; right: 0; bottom: -30px; border: 10px solid #c1c1c4; border-radius: 26px 26px 0 0; pointer-events: none; z-index: 6; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-docs .cs-dnotch { position: absolute; left: 50%; top: 0; width: 84px; height: 19px; margin-left: -42px; border-radius: 0 0 9px 9px; background: #b2b2b6; z-index: 7; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-docs .cs-dnotch::before, html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-docs .cs-dnotch::after { content: ""; position: absolute; top: 8px; width: 4px; height: 4px; border-radius: 50%; background: #9b9ba0; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-docs .cs-dnotch::before { left: 33px; } html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-docs .cs-dnotch::after { left: 47px; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-docs .cs-dapp { position: absolute; left: 40px; top: 20px; height: 26px; display: flex; align-items: center; z-index: 5; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-docs .cs-dapp img { height: 30px; width: auto; display: block; margin-left: -9px; border-radius: 0 !important; box-shadow: none !important; mix-blend-mode: multiply; }   /* the logo file has a white ground and its own margin */
/* tabs */
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-docs .cs-tabs { position: absolute; left: 40px; top: 58px; height: 48px; padding: 4px; display: flex; gap: 4px; border-radius: 999px; background: rgba(38, 38, 42, 0.045); box-shadow: inset 0 0 0 1px rgba(38, 38, 42, 0.04); }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-docs .cs-thumb { position: absolute; top: 4px; height: 40px; border-radius: 999px; background: linear-gradient(160deg, #fff, rgba(255, 255, 255, 0.86)); box-shadow: inset 0 1px 0 #fff, 0 0 0 1px rgba(38, 38, 42, 0.05), 0 10px 22px -12px rgba(38, 38, 42, 0.35); transition: left 0.6s cubic-bezier(0.2, 1.25, 0.3, 1), width 0.6s cubic-bezier(0.2, 1.25, 0.3, 1); }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-docs .cs-tab { position: relative; z-index: 1; height: 40px; padding: 0 16px 0 7px; display: flex; align-items: center; gap: 8px; border: 0; background: none; border-radius: 999px; cursor: pointer; font: 700 16px/1 var(--m-sat); letter-spacing: -0.005em; color: #8a8a92; transition: color 0.3s ease; -webkit-tap-highlight-color: transparent; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-docs .cs-tab:hover, html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-docs .cs-tab[aria-pressed="true"] { color: var(--m-ink); }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-docs .cs-tab .cs-dtile { width: 28px; height: 28px; border-radius: 50%; filter: grayscale(1) opacity(0.55); transition: filter 0.35s ease; box-shadow: none; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-docs .cs-tab .cs-dtile svg { width: 15px; height: 15px; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-docs .cs-tab[aria-pressed="true"] .cs-dtile { filter: none; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-docs .cs-dtile { display: grid; place-items: center; flex: none; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65), 0 12px 24px -12px rgba(242, 109, 15, 0.55); }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-docs .cs-dtile svg { width: 24px; height: 24px; fill: none; stroke: var(--m-ink); stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
/* the stack */
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-docs .cs-doc {
  position: absolute; left: 40px; top: 142px; width: 808px; height: 382px; border-radius: 24px; transform-origin: 50% 0; z-index: 3;
  background: linear-gradient(160deg, #ffffff, #fffdf8); border: 1px solid #fff;
  box-shadow: inset 0 1px 0 #fff, 0 0 0 1px rgba(38, 38, 42, 0.05), 0 30px 60px -30px rgba(38, 38, 42, 0.26), 0 10px 22px -14px rgba(38, 38, 42, 0.12);
  transition: transform 0.8s cubic-bezier(0.2, 1.2, 0.3, 1), opacity 0.5s ease;
}
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-docs .cs-doc[data-pos="1"] { transform: translateY(-17px) scale(0.95); opacity: 0.8; z-index: 2; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-docs .cs-doc[data-pos="2"] { transform: translateY(-32px) scale(0.9); opacity: 0.5; z-index: 1; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-docs .cs-doc.is-out { transform: translateY(54px) scale(1.02); opacity: 0; z-index: 4; transition: transform 0.42s cubic-bezier(0.5, 0, 0.8, 0.2), opacity 0.34s ease; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-docs .cs-doc.is-back { opacity: 0; transition: none; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-docs .cs-doc > * { position: absolute; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-docs .cs-doc > .cs-dtile { left: 36px; top: 30px; width: 48px; height: 48px; border-radius: 14px; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-docs .cs-dttl { left: 100px; top: 31px; font: 600 30px/1 "Urbanist", var(--m-sat); letter-spacing: -0.02em; white-space: nowrap; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-docs .cs-dmeta { left: 101px; top: 66px; font: 500 14.5px/1.2 var(--m-sat); letter-spacing: 0; color: var(--m-mute); white-space: nowrap; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-docs .cs-dhr { left: 36px; right: 36px; top: 106px; height: 1px; background: rgba(38, 38, 42, 0.08); }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-docs .cs-dlbl { left: 36px; font: 500 14.5px/1.2 var(--m-sat); letter-spacing: 0; color: var(--m-mute); white-space: nowrap; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-docs .cs-dtl { left: 36px; height: 34px; font: 500 var(--fs, 24px)/34px var(--m-sat); letter-spacing: -0.005em; white-space: nowrap; color: var(--m-ink); }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-docs .cs-dtl span { display: inline-block; white-space: pre; opacity: 0; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-docs .cs-bar { left: 36px; height: 16px; border-radius: 8px; background-color: var(--m-bar); background-repeat: no-repeat; background-size: 240px 100%; background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0)); }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-docs .cs-caret { width: 3px; height: 28px; border-radius: 2px; background: linear-gradient(#FFD500, #F26D0F); box-shadow: 0 0 18px 5px rgba(255, 176, 0, 0.45); opacity: 0; }
/* the headings that follow, cut off by the foot of the card and fading out: there is more of this document below */
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-docs .cs-dmore { left: 36px; bottom: 0; width: 520px; overflow: hidden; pointer-events: none; -webkit-mask-image: linear-gradient(180deg, #000 0, rgba(0, 0, 0, 0.7) 45%, rgba(0, 0, 0, 0) 100%); mask-image: linear-gradient(180deg, #000 0, rgba(0, 0, 0, 0.7) 45%, rgba(0, 0, 0, 0) 100%); }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-docs .cs-dmore span { display: block; height: 16px; font: 500 14.5px/16px var(--m-sat); letter-spacing: 0; color: var(--m-mute); white-space: nowrap; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-docs .cs-dmore i { display: block; height: 12px; margin: 8px 0 10px; border-radius: 6px; background: var(--m-bar); }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-docs .cs-dready { right: 36px; bottom: 30px; height: 42px; padding: 0 18px 0 8px; display: flex; align-items: center; gap: 10px; border-radius: 999px; white-space: nowrap; font: 700 16px/1 var(--m-sat); background: rgba(255, 255, 255, 0.85); border: 1px solid rgba(38, 38, 42, 0.07); box-shadow: 0 8px 22px -12px rgba(38, 38, 42, 0.25); transform-origin: 100% 50%; opacity: 0; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-docs .cs-dready i { width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; background: linear-gradient(135deg, #FFC93C, #F26D0F); }
html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-docs .cs-dready svg { width: 18px; height: 18px; fill: none; stroke: #fff; stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round; }

/* ================= feature cards: static, no hover state ================= */
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-ix7o2v:hover, html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1msb2rn:hover, html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1ljr4hz:hover { box-shadow: inset 0 0 0 1px var(--p-line), inset 0 0 0 0 var(--p-sun); transform: none; }

/* document-type tiles (Intyg, Remiss…): no yellow underline on hover */
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-3ep97b h3, html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1j1a57s:hover h3, html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-w15zcy:hover h3, html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-kwd0gy:hover h3, html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-uuo0c1:hover h3 { background: none !important; }

/* ================= Cura Assist: the saturated sun of the original / Refined design (Poster washes it out) ================= */
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1qil0cq { filter: blur(70px) !important; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1uve4l7, html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-f4i405 { filter: blur(32px) !important; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-15rjuxt { opacity: 0.8 !important; }
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-9v8rjx, html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1l72dcz { opacity: 1 !important; }

/* ================= quote: about a third lighter (Inter Variable, wght 700 -> 455; the weight is set inline through the axes) ================= */
html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1uohwiw h2 { --framer-font-variation-axes: "opsz" 32, "wght" 455 !important; font-variation-settings: "opsz" 32, "wght" 455 !important; --framer-font-weight: 455; font-weight: 455 !important; }

/* ================= phone ================= */
@media (max-width: 1099.98px) {
  html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-hcq9cc { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto auto auto; gap: 24px; }
  html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-hcq9cc > .ssr-variant { grid-row: auto; }
  html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-hcq9cc > * { min-width: 0; }
  html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-hcq9cc > .framer-1qwe4fh, html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-hcq9cc .framer-4rqc2l, html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-hcq9cc .framer-1hr8ria, html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-sub { width: 100% !important; max-width: 100% !important; min-width: 0 !important; }
  html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-stage { grid-column: 1; grid-row: 3; margin-top: 20px; }
  html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1hr8ria h1 { --framer-font-size: 42px; }
  html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1hr8ria h1:has(.cs-h-static) { --framer-font-size: 36px; }
  html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-sub { font-size: 16px; }
  html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-blob { width: 760px; height: 760px; }
  html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-blob-y { right: -340px; top: 120px; }
  html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-blob-l { left: -400px; top: -260px; }
  html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-hero-stats { margin-top: 56px; }
  html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-hero-stats .framer-6vkvg8 > div > div:first-child .framer-text { --framer-font-size: 34px !important; }
  html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-hero-stats .framer-6vkvg8 > div > div:last-child .framer-text { --framer-font-size: 9px !important; --framer-letter-spacing: 0.14em !important; }
  html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-44vg3t-container { height: auto; width: 100%; border-radius: 16px; padding: 6px; background: linear-gradient(160deg, rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.6)); box-shadow: inset 0 1px 0 #fff, 0 0 0 1px rgba(38, 38, 42, 0.06), 0 24px 50px -28px rgba(38, 38, 42, 0.3); }
  html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-44vg3t-container .cs-docs { border-radius: 11px; }
  html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-hmw3yk { height: auto; min-height: 345px; }
  html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-g3tii5 h2 { --framer-font-weight: 600; --framer-letter-spacing: -0.035em; }
}
@media (prefers-reduced-motion: reduce) {
  html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-blob, html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-grain, html[data-cs-variant="motion"] body[data-cs-page="home"] .cs-ring, html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-1gh0019::before, html[data-cs-variant="motion"] body[data-cs-page="home"] .framer-si4vy3 { animation: none !important; }
}