/* Porcelain, brushed silver and ink. This palette is exclusive to the light preview. */
:root:root { color-scheme:light; }
:root:root body {
  --lt-page:#fbfcfe; --lt-surface:#fff; --lt-soft:#f3f6fa; --lt-tint:#eef2f9;
  --lt-ink:#20283b; --lt-secondary:#536176; --lt-muted:#657187; --lt-line:#e1e7ef;
  --lt-accent:#555ae8; --lt-accent-hover:#464bd0; --lt-accent-wash:#eff0fd;
  --lt-success:#29745b; --lt-danger:#b94f60;
  --lt-shadow:0 2px 4px #26385705,0 16px 40px #26385709;
  background:var(--lt-page);
}
:root:root main { background:var(--lt-page); color:var(--lt-ink); }
:root:root :is(.site-header,main > section) {
  --color-text:var(--lt-ink); --color-muted:var(--lt-secondary); --color-secondary:#68768a;
  --color-caption:var(--lt-muted); --color-accent-soft:var(--lt-accent);
  --color-border:var(--lt-line); --color-border-active:#bbc6db; --color-panel:var(--lt-surface);
  --color-success:var(--lt-success); --color-danger:var(--lt-danger); --brand-indigo-light:var(--lt-accent);
  --icon-front:#596788; --icon-back:#a4b1cf;
  color:var(--lt-ink);
}
:root:root :is(.features,.process,.comparison,.migration,.business-models,.support-proof,.pricing-options,.guarantee,.faq) :is(h3,h4) { color:var(--lt-ink); }
:root:root :is(.section-number,.section-divider) { color:var(--lt-accent); }
:root:root :is(.hero-next,.closing) .section-number { color:var(--lt-accent); }
:root:root [data-platform-strip] > .platform-count { background:#5353c1; border-color:transparent; color:#fff; }
:root:root .notasy-footer [data-platform-strip] > .platform-count { background:#515ee8; color:#fff; }
:root:root :is(.features,.process,.comparison,.business-models,.support-proof,.pricing-options,.faq) { padding-top:104px; padding-bottom:112px; }
:root:root :is(.comparison,.support-proof) { --lt-band:#f4f7fb; }
:root:root .features { --lt-band:#fff; }
:root:root :is(.features,.comparison,.support-proof)::before {
  content:""; position:absolute; inset:0 auto 0 50%; width:100vw; transform:translateX(-50%);
  background:var(--lt-band); z-index:-3; pointer-events:none;
}
/* A single luminous studio in the hero, with crisp typography over its quiet left side. */
:root:root .site-header { background:#fbfcfe; }
:root:root .brand img { filter:brightness(0) saturate(100%); opacity:.87; }
:root:root .navigation__link { color:var(--lt-secondary); }
:root:root .navigation__link:hover { color:var(--lt-ink); }
:root:root .navbar__actions .button--outline { color:var(--lt-secondary); }
:root:root .navbar__actions .button--primary { background:#fff; border-color:#dce2ec; color:var(--lt-ink); box-shadow:0 1px 2px #27344c05; }
:root:root .hero-next--video { background:linear-gradient(180deg,#fbfcfe,#f3f7fc); padding-bottom:0; }
:root:root .hero-next__light { display:none; }
:root:root .hero-next--video h1,
:root:root .hero-next--video h1 > span { color:var(--lt-ink); -webkit-text-fill-color:currentColor; }
:root:root :is(.hero-next__eyebrow,.hero-next__description) { color:var(--lt-secondary); }
:root:root .hero-next__eyebrow > span { background:var(--lt-accent); box-shadow:none; }
:root:root .hero-next__cta { background:var(--lt-accent); color:#fff; border-color:var(--lt-accent); box-shadow:inset 0 1px 0 #ffffff26,0 4px 10px #555ae819; }
:root:root .hero-next__cta:hover { background:var(--lt-accent-hover); box-shadow:0 6px 14px #555ae824; }
:root:root .hero-next__secondary { color:var(--lt-secondary); }
:root:root .hero-next__secondary:hover { color:var(--lt-accent); }
:root:root .hero-next__assurance { color:var(--lt-muted); }
:root:root .hero-next__assurance > svg { color:var(--lt-success); }
:root:root .hero-next__assurance > i { background:#bdc7d6; }
:root:root .hero-loop { mask-image:linear-gradient(90deg,transparent 0%,#0003 10%,#000b 25%,#000 38%,#000 82%,#000b 91%,transparent 100%),linear-gradient(180deg,transparent 0%,#0002 10%,#0008 23%,#000 40%,#000 76%,transparent 100%); mask-composite:intersect; -webkit-mask-composite:source-in; }
:root:root .hero-loop > .hero-loop__image { display:block; object-fit:contain; opacity:1; }
:root:root .hero-next__bottom { background:#ffffffb3; border-top:1px solid #ffffffc9; }
:root:root .hero-next__bottom::before { background:linear-gradient(180deg,#f4f8fc99,#f8fafd 80%); mask-image:none; backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px); }
:root:root :is(.hero-next__checks li,.hero-next__integrations p) { color:var(--lt-muted); }
:root:root :is(.hero-next__checks strong,.hero-next__integrations strong) { color:var(--lt-secondary); }
:root:root .hero-next__checks svg { color:var(--lt-success); }
/* Portraits retain photographic blacks; the surrounding paper supplies the contrast. */
:root:root .parceiros { background:linear-gradient(180deg,#f4f7fb,#fff); }
:root:root .prch__stage::before { background:radial-gradient(ellipse 48% 40% at 24% 49%,#e8eef873,transparent 85%); filter:blur(64px); }
:root:root .parceiros__cta { color:var(--lt-ink); background:#fff; border:1px solid #d8e0eb; box-shadow:var(--lt-shadow); }
:root:root .parceiros__cta:hover { background:var(--lt-soft); border-color:#bfcbdc; }
:root:root .prch__card { box-shadow:0 2px 4px #24314c0a,0 18px 36px -18px #24314c42; }
/* Paper table, one pale accent column, and semantic status colors. */
:root:root .comparison__surface { background:#fff; border-color:var(--lt-line); box-shadow:0 2px 4px #26385703; }
:root:root .comparison__automatic { background:#f4f4fe; }
:root:root .comparison__table thead th { background:#f9fafc; border-color:var(--lt-line); }
:root:root .comparison__table thead th:last-child { background:#eeeffc; box-shadow:inset 0 2px 0 #7377dc; }
:root:root .comparison__table tbody tr:not(:last-child) > * { border-bottom-color:#e9edf3; }
:root:root .comparison__table tr > :last-child { border-left-color:#e5e6f6; }
:root:root :is(.comparison__column-title,.comparison__brand,.comparison__table tbody th,.comparison__table td:last-child) { color:var(--lt-ink); }
:root:root :is(.comparison__table thead small,.comparison__table thead th:first-child,.comparison__table thead th:last-child small) { color:var(--lt-muted); }
:root:root .comparison__icon--manual.stroke-icon { color:var(--lt-danger); }
:root:root .comparison__icon--auto.stroke-icon { color:var(--lt-success); }
/* Migration and guarantee are silver editorial inserts, not inverted black rectangles. */
:root:root :is(.migration,.guarantee) {
  margin-top:96px; margin-bottom:28px; background:linear-gradient(125deg,#f8fafd 10%,#edf2f9 100%);
  border-color:#dce4ef; box-shadow:inset 0 1px 0 #fff;
}
:root:root .migration { margin-bottom:96px; }
:root:root .migration__steps li + li { border-color:#d9e1ed; }
:root:root .migration__number { color:var(--lt-accent); }
:root:root .migration__offer { background:#fff; border-color:#e3e8f0; box-shadow:0 2px 3px #22355303,0 24px 48px -24px #22355324; }
:root:root .migration__price { color:var(--lt-ink); }
:root:root :is(.migration__price-caption,.migration__includes li) { color:var(--lt-secondary); }
:root:root .migration__includes { border-color:var(--lt-line); }
:root:root .migration__includes .stroke-icon { color:var(--lt-success); }
:root:root .migration__badge { color:#486957; background:#e9f1ec; }
:root:root :is(.migration__cta,.guarantee__cta) { color:#fff; background:var(--lt-accent); border-color:var(--lt-accent); box-shadow:inset 0 1px 0 #ffffff26,0 4px 10px #555ae812; }
:root:root :is(.migration__cta,.guarantee__cta):hover { background:var(--lt-accent-hover); box-shadow:0 5px 12px #555ae81a; }
:root:root .business-models__item { border-color:var(--lt-line); }
:root:root .business-models__item--contact { background:linear-gradient(180deg,#f1f4fa80,transparent); border-color:var(--lt-line); }
:root:root .business-models__item--contact h3 { color:#5059a6; }
:root:root .guarantee { background:radial-gradient(ellipse 60% 90% at 94% 38%,#dce6f580,transparent 80%),linear-gradient(125deg,#f9fbfd,#f0f4fa); }
:root:root .guarantee__halo { background:radial-gradient(ellipse,#d4deef6b,transparent 72%); filter:blur(34px); }
:root:root :is(.guarantee__foot,.guarantee__refund) { border-color:#d9e1ed; }
:root:root .guarantee__promise strong { color:var(--lt-ink); }
:root:root :is(.guarantee__actions > span,.guarantee__signature,.guarantee__refund > span) { color:var(--lt-muted); }
:root:root .guarantee__document { background:#fff; border-color:#d8e1ed; box-shadow:0 2px 4px #26385705; --icon-front:#697ca4; --icon-back:#afbdda; }
:root:root .guarantee__seal { filter:drop-shadow(0 20px 20px #364e701c); }
:root:root #guarantee-face stop:nth-child(1) { stop-color:#f8fbff; }
:root:root #guarantee-face stop:nth-child(2) { stop-color:#e0e7f2; }
:root:root #guarantee-face stop:nth-child(3) { stop-color:#c7d3e5; }
:root:root #guarantee-edge stop { stop-color:#8599b7; }
:root:root .guarantee__shield-depth { fill:#a6b6cc; stroke:#92a6c1; }
:root:root .guarantee__shield-face { stroke:#bcc9dc; }
:root:root .guarantee__trace { stroke:#738bad; }
:root:root #guarantee-lines path { stroke:#667ea6; stroke-opacity:.035; }
:root:root .guarantee__seven { background:linear-gradient(125deg,#334563,#7c94bb 42%,#3d5377 69%,#97abca); background-clip:text; -webkit-background-clip:text; color:transparent; filter:drop-shadow(0 1px 0 #fff) drop-shadow(0 3px 2px #33456314); }
:root:root :is(.guarantee__days,.guarantee__seal-label) { color:#536988; }
:root:root .guarantee__week i { background:#8299bc; box-shadow:0 1px 0 #fff9; }
/* The second supplied still repeats the same studio palette at the close. */
:root:root .closing { background:linear-gradient(125deg,#fcfdff,#edf3fb); box-shadow:0 20px 50px #12234114; }
:root:root .closing__art { opacity:1; mask-image:linear-gradient(90deg,transparent 0%,#0005 11%,#000 28%,#000 76%,#0005 91%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 19%,#000 76%,transparent 100%); -webkit-mask-image:linear-gradient(90deg,transparent 0%,#0005 11%,#000 28%,#000 76%,#0005 91%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 19%,#000 76%,transparent 100%); mask-composite:intersect; -webkit-mask-composite:source-in; }
:root:root .closing__art > .closing__poster { display:block; opacity:1; mask-image:radial-gradient(ellipse 68% 78% at 53% 49%,#000 44%,transparent 98%); -webkit-mask-image:radial-gradient(ellipse 68% 78% at 53% 49%,#000 44%,transparent 98%); }
:root:root .closing__art > .closing__video { display:block; opacity:0; mask-image:radial-gradient(ellipse 68% 78% at 53% 49%,#000 44%,transparent 98%); -webkit-mask-image:radial-gradient(ellipse 68% 78% at 53% 49%,#000 44%,transparent 98%); }
:root:root .closing.is-playing .closing__video { opacity:1; }
:root:root .closing__art::after { background:linear-gradient(90deg,#fcfdff 0%,#fcfdffb3 21%,transparent 46%),linear-gradient(0deg,#edf3fb 0%,transparent 24%,transparent 80%,#f6f9fd); }
:root:root .closing h2 { color:var(--lt-ink); }
:root:root .closing__last-word { color:#657790; background:none; -webkit-text-fill-color:currentColor; }
:root:root :is(.closing__eyebrow,.closing__description,.closing__contact) { color:var(--lt-secondary); }
:root:root .closing__primary { background:var(--lt-accent); color:#fff; border-color:var(--lt-accent); box-shadow:inset 0 1px 0 #ffffff26,0 4px 10px #555ae812; }
:root:root .closing__primary:hover { background:var(--lt-accent-hover); box-shadow:0 8px 20px #555ae822; }
:root:root .closing__button-icon { background:#ffffff1a; }
:root:root .closing__contact:hover { color:var(--lt-accent); }
:root:root :is(.closing__assurance,.closing__platforms > span,.closing__signature) { color:var(--lt-muted); }
:root:root .closing__assurance svg { stroke:#788ca8; }
:root:root :is(.closing__platforms strong,.closing__signature strong) { color:var(--lt-secondary); }
/* Small-screen light surfaces follow the existing responsive composition. */
@media(max-width:1000px) {
  :root:root .hero-loop { mask-image:linear-gradient(90deg,transparent 0%,#0006 12%,#000 29%,#000 78%,transparent 100%),linear-gradient(180deg,transparent 0%,#0005 15%,#000 35%,#000 78%,transparent 100%); }
}
@media(max-width:760px) {
  :root:root :is(.features,.process,.comparison,.business-models,.support-proof,.pricing-options,.faq) { padding-top:64px; padding-bottom:72px; }
  :root:root :is(.migration,.guarantee) { margin-top:56px; margin-bottom:12px; }
  :root:root .migration { margin-bottom:56px; }
  :root:root .comparison__table tbody th { background:#f8fafc; }
  :root:root .comparison__table tbody td { border-color:#e8edf3; }
  :root:root .comparison__table td:last-child { background:#f2f3fd; }
  :root:root .comparison__table td::before { color:var(--lt-muted); }
  :root:root .comparison__table td:last-child::before { color:#636bb1; }
  :root:root .closing__art { margin:16px 0 0; height:clamp(270px,70vw,350px); }
  :root:root .closing__art > .closing__poster { width:min(175vw,720px); left:50%; }
  :root:root .closing__art > .closing__video { min-width:0; max-width:none; width:min(175vw,720px); left:50%; }
  :root:root .closing__description br { display:initial; }
  :root:root .closing__art::after { background:linear-gradient(180deg,#f7faff,transparent 28%,transparent 68%,#edf3fb); }
}
@media(max-width:600px) {
  :root:root .navbar__toggle { color:var(--lt-secondary); background:#fff; border-color:var(--lt-line); }
  :root:root .navbar .navigation[data-open="true"] { background:#fffffff5; border-color:var(--lt-line); box-shadow:0 16px 40px #25375714; }
}
@media(forced-colors:active) {
  :root:root :is(.hero-next,.closing,.migration,.guarantee) { background:Canvas; color:CanvasText; }
}

/* Keep the area around the migration card continuous with the preceding white section. */
.migration-band { display:flow-root; }
:root:root .migration-band { background:var(--lt-surface); }

:is(.process-app__bar,.process-invoice__top,.comparison__brand,.notasy-footer__symbol) > img { content:url("assets/brand/notasy-symbol-indigo.svg"); filter:none; opacity:1; }

@media (min-width: 761px) {
  :root:root .hero-loop {
    -webkit-mask-image: linear-gradient(90deg, transparent, #0003 10%, #000b 25%, #000 38%, #000 82%, #000b 91%, transparent), linear-gradient(180deg, transparent, #0002 10%, #0008 23%, #000 40%, #000 70%, #000d 77%, #0007 84%, #0002 90%, transparent 96%);
    mask-image: linear-gradient(90deg, transparent, #0003 10%, #000b 25%, #000 38%, #000 82%, #000b 91%, transparent), linear-gradient(180deg, transparent, #0002 10%, #0008 23%, #000 40%, #000 70%, #000d 77%, #0007 84%, #0002 90%, transparent 96%);
    -webkit-mask-composite: source-in;
    mask-composite: intersect;
  }
}