:root {
  --saas-ink: #0f1720;
  --saas-deep: #086b65;
  --saas-teal: #0ea5a3;
  --saas-mint: #45d1c4;
  --saas-ice: #d8f4f1;
  --saas-orange: #ff8a4c;
}

html { scroll-behavior: smooth; }
body { color: var(--saas-ink); background: #f8fbfa; }

.js .reveal { opacity:0;filter:blur(8px);transform:translate3d(0,38px,0) scale(.975);transition:opacity .8s ease,filter .8s ease,transform .9s cubic-bezier(.16,1,.3,1);will-change:opacity,filter,transform; }
.js .reveal.in { opacity:1;filter:blur(0);transform:translate3d(0,0,0) scale(1); }
.js .card.reveal { transform:perspective(900px) translate3d(0,46px,0) rotateX(7deg) scale(.96);transform-origin:center bottom; }
.js .card.reveal.in { transform:perspective(900px) translate3d(0,0,0) rotateX(0) scale(1); }

.saas-scroll-progress { position:fixed;z-index:80;left:0;right:0;top:0;height:2px;pointer-events:none;background:rgba(255,255,255,.08); }
.saas-scroll-progress span { display:block;width:100%;height:100%;background:linear-gradient(90deg,#2ee3c3,#8af8e3,#2ee3c3);box-shadow:0 0 14px rgba(46,227,195,.8);transform:scaleX(var(--scroll-progress,0));transform-origin:left center;will-change:transform; }

.public-header {
  background: rgba(250, 255, 253, .76) !important;
  border-color: rgba(255, 255, 255, .72) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.85) inset, 0 12px 32px rgba(7, 41, 48, .08);
  backdrop-filter: blur(26px) saturate(165%) !important;
  -webkit-backdrop-filter: blur(26px) saturate(165%) !important;
}
.public-header nav a { font-size: .89rem; letter-spacing: -.01em; }
.lumie-logo { filter:drop-shadow(0 5px 14px rgba(18,190,168,.1));transition:filter .3s ease,transform .3s cubic-bezier(.16,1,.3,1); }
.lumie-logo:hover { filter:drop-shadow(0 7px 18px rgba(18,190,168,.2));transform:translateY(-1px); }
.public-header a:focus-visible, .public-header button:focus-visible,
.saas-cta:focus-visible { outline: 3px solid rgba(46,227,195,.65); outline-offset: 3px; }
.public-header .header-cta {
  background: var(--saas-deep);
  border-radius: 999px;
  box-shadow: 0 7px 20px rgba(6,29,36,.18), inset 0 1px rgba(255,255,255,.2);
}
.public-header .header-cta:hover { background: #0b4f51; transform: translateY(-1px); }
body.is-scrolled .public-header { background:rgba(250,255,253,.9)!important;box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 16px 45px rgba(7,41,48,.13); }
body.is-scrolled .public-header > div > div { height:64px; }
.public-header > div > div { transition:height .35s cubic-bezier(.16,1,.3,1); }

.saas-hero {
  position: relative;
  isolation: isolate;
  min-height: calc(100vh - 5rem);
  overflow: hidden;
  color: #fff;
  background:
    radial-gradient(circle at 73% 18%, rgba(48, 231, 201, .17), transparent 28%),
    linear-gradient(118deg, #04171e 0%, #06252c 48%, #073d3c 100%);
}
.saas-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: .2;
  background-image: linear-gradient(rgba(255,255,255,.055) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.055) 1px, transparent 1px);
  background-size: 72px 72px;
  mask-image: linear-gradient(to right, #000, transparent 66%);
}
.saas-hero-photo {
  position: absolute;
  z-index: -2;
  inset: 0 0 0 34%;
  background-position: center;
  background-size: cover;
  opacity: .36;
  filter: saturate(.88) contrast(1.05);
  mask-image: linear-gradient(to right, transparent 0, #000 34%, #000 100%);
  transform:scale(1.08) translate3d(calc(var(--hero-x,0) * 1px),calc(var(--hero-y,0) * 1px),0);
  will-change:transform;
  animation:hero-cinematic 11s cubic-bezier(.16,1,.3,1) both;
}
.saas-hero-photo::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #04171e 0, transparent 48%, rgba(4,23,30,.2));
}
.saas-orb { position: absolute; border-radius: 50%; pointer-events: none; filter: blur(2px); }
.saas-orb-one { width: 520px; height: 520px; right: -180px; top: -280px; background: radial-gradient(circle at 35% 35%, rgba(255,255,255,.22), rgba(43,225,195,.04) 55%, transparent 70%); animation:orb-drift-one 13s ease-in-out infinite alternate; }
.saas-orb-two { width: 300px; height: 300px; left: 42%; bottom: -240px; background: rgba(44,224,192,.13); filter: blur(60px); animation:orb-drift-two 10s ease-in-out infinite alternate; }
.saas-light-sweep { position:absolute;z-index:-1;top:-25%;bottom:-25%;left:-35%;width:24%;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(122,248,226,.11),rgba(255,255,255,.2),transparent);filter:blur(14px);transform:skewX(-18deg);animation:light-sweep 7.5s 1.2s cubic-bezier(.2,.75,.2,1) infinite; }
.saas-motion-field { position:absolute;z-index:-1;inset:0;overflow:hidden;pointer-events:none; }
.saas-motion-dot { position:absolute;left:var(--dot-x);top:var(--dot-y);width:var(--dot-size);height:var(--dot-size);border-radius:50%;background:rgba(91,242,215,var(--dot-alpha));box-shadow:0 0 12px rgba(51,224,192,.5);animation:motion-dot var(--dot-duration) var(--dot-delay) ease-in-out infinite alternate; }
@keyframes hero-cinematic { from{transform:scale(1.16) translate3d(-12px,6px,0);filter:saturate(.65) contrast(1.08) brightness(.75)} to{transform:scale(1.08) translate3d(calc(var(--hero-x,0) * 1px),calc(var(--hero-y,0) * 1px),0);filter:saturate(.88) contrast(1.05) brightness(1)} }
@keyframes orb-drift-one { to{transform:translate3d(-80px,70px,0) scale(1.12)} }
@keyframes orb-drift-two { to{transform:translate3d(90px,-50px,0) scale(.88)} }
@keyframes light-sweep { 0%,18%{left:-35%;opacity:0}35%{opacity:1}58%,100%{left:125%;opacity:0} }
@keyframes motion-dot { to{transform:translate3d(var(--dot-drift),-34px,0) scale(1.55);opacity:.15} }

.saas-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, .82fr) minmax(520px, 1.18fr);
  align-items: center;
  gap: clamp(2rem, 5vw, 5rem);
  min-height: 720px;
  padding-top: clamp(4rem, 7vw, 7rem);
  padding-bottom: 3.5rem;
}
.saas-hero-copy { position: relative; z-index: 3; max-width: 660px; }
.saas-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: .65rem;
  margin-bottom: 1.5rem;
  padding: .55rem .9rem;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 999px;
  color: #c7eee6;
  background: rgba(255,255,255,.075);
  box-shadow: inset 0 1px rgba(255,255,255,.18);
  backdrop-filter: blur(18px) saturate(150%);
  font-size: .75rem;
  font-weight: 700;
  letter-spacing: .045em;
  text-transform: uppercase;
}
.saas-live-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--saas-mint); box-shadow: 0 0 0 5px rgba(46,227,195,.12), 0 0 18px rgba(46,227,195,.8); }
.saas-title {
  max-width: 720px;
  font-size: clamp(3rem, 5vw, 5.3rem);
  line-height: .98;
  letter-spacing: -.062em;
  font-weight: 800;
  text-wrap: balance;
  text-shadow: 0 8px 34px rgba(0,0,0,.2);
}
.saas-title-word { display:inline-block;margin-right:.18em;opacity:0;transform:translate3d(0,1.08em,0) rotateX(-28deg);filter:blur(8px);animation:title-word-in .85s calc(.16s + var(--word-index) * 55ms) cubic-bezier(.16,1,.3,1) forwards; }
@keyframes title-word-in { to{opacity:1;transform:translate3d(0,0,0) rotateX(0);filter:blur(0)} }
.saas-title::first-line { color: #fff; }
.saas-lead { max-width: 620px; margin-top: 1.6rem; color: #c4dcd9; font-size: clamp(1rem, 1.3vw, 1.18rem); line-height: 1.72; letter-spacing: -.015em; }
.saas-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .8rem; margin-top: 2.1rem; }
.saas-cta {
  min-height: 54px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .75rem;
  padding: .85rem 1.35rem;
  border-radius: 999px;
  font-size: .94rem;
  font-weight: 750;
  transition: transform .24s cubic-bezier(.2,.8,.2,1), box-shadow .24s ease, background .24s ease;
}
.saas-cta svg { width: 19px; fill: none; stroke: currentColor; stroke-width: 2; transition: transform .24s ease; }
.saas-cta:hover { transform: translateY(-2px); }
.saas-cta:hover svg { transform: translateX(3px); }
.saas-cta-primary { color: #04251f; background: linear-gradient(135deg, #5cf3d5, #22d0b6); box-shadow: 0 16px 40px rgba(35,215,184,.25), inset 0 1px rgba(255,255,255,.8); }
.saas-cta-primary { position:relative;overflow:hidden;isolation:isolate; }
.saas-cta-primary::before { content:'';position:absolute;z-index:-1;inset:-2px;pointer-events:none;background:linear-gradient(110deg,transparent 22%,rgba(255,255,255,.72) 42%,transparent 60%);transform:translateX(-130%);animation:cta-shine 5s 2.4s ease-in-out infinite; }
@keyframes cta-shine { 0%,68%{transform:translateX(-130%)} 86%,100%{transform:translateX(130%)} }
.saas-cta-primary:hover { box-shadow: 0 20px 46px rgba(35,215,184,.34), inset 0 1px rgba(255,255,255,.8); }
.saas-cta-glass { color: #fff; border: 1px solid rgba(255,255,255,.22); background: rgba(255,255,255,.09); box-shadow: inset 0 1px rgba(255,255,255,.2); backdrop-filter: blur(18px) saturate(160%); }
.saas-cta-glass:hover { background: rgba(255,255,255,.15); }
.saas-assurance { display: flex; flex-wrap: wrap; gap: 1.2rem; margin-top: 1.4rem; color: #9fc1bd; font-size: .77rem; }
.saas-assurance span { display: inline-flex; align-items: center; gap: .42rem; }
.saas-assurance svg { width: 15px; height: 15px; fill: none; stroke: var(--saas-mint); stroke-width: 2.2; }

.saas-product-stage { position: relative; min-height: 530px; perspective: 1400px; }
.saas-dashboard {
  position: absolute;
  width: min(760px, 58vw);
  top: 50%;
  left: 50%;
  padding: 1.1rem;
  border: 1px solid rgba(255,255,255,.27);
  border-radius: 29px;
  color: #effffb;
  background: linear-gradient(145deg, rgba(8,39,45,.76), rgba(6,27,34,.58));
  box-shadow: inset 0 1px rgba(255,255,255,.3), inset 0 -1px rgba(255,255,255,.07), 0 35px 90px rgba(0,0,0,.34), 0 0 0 1px rgba(0,0,0,.2);
  backdrop-filter: blur(30px) saturate(165%);
  -webkit-backdrop-filter: blur(30px) saturate(165%);
  transform: translate(-50%, -50%) rotateY(-7deg) rotateX(2deg);
  transform-style: preserve-3d;
  transition: transform .2s ease-out;
  animation:dashboard-arrive 1.25s .35s cubic-bezier(.16,1,.3,1) both;
}
.saas-dashboard.is-settled { animation:none; }
@keyframes dashboard-arrive { from{opacity:0;filter:blur(12px);transform:translate(-42%,-45%) rotateY(-18deg) rotateX(8deg) scale(.86)} to{opacity:1;filter:blur(0);transform:translate(-50%,-50%) rotateY(-7deg) rotateX(2deg) scale(1)} }
.saas-dashboard::before { content:''; position:absolute; inset:0; pointer-events:none; border-radius:inherit; background: linear-gradient(118deg, rgba(255,255,255,.18), transparent 18%, transparent 75%, rgba(63,234,206,.08)); }
.dash-topbar { display:flex; justify-content:space-between; align-items:center; padding:.65rem .55rem 1.1rem; }
.dash-topbar > div:first-child { display:flex; flex-direction:column; gap:.1rem; }
.dash-topbar small, .dash-section-title span { color:#8fb4b0; font-size:.68rem; }
.dash-topbar strong { font-size:.96rem; letter-spacing:-.02em; }
.dash-status { display:flex; align-items:center; gap:.45rem; padding:.42rem .65rem; border:1px solid rgba(74,233,203,.17); border-radius:999px; color:#aaf5e5; background:rgba(41,214,184,.08); font-size:.65rem; font-weight:700; }
.dash-status span { width:6px; height:6px; border-radius:50%; background:#37e2bd; box-shadow:0 0 10px #37e2bd; }
.dash-kpis { display:grid; grid-template-columns:repeat(3,1fr); gap:.65rem; }
.dash-kpis > div, .dash-agenda, .dash-chart { border:1px solid rgba(255,255,255,.1); background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.035)); box-shadow:inset 0 1px rgba(255,255,255,.13); }
.dash-kpis > div { min-height:105px; padding:.85rem; border-radius:17px; display:flex; flex-direction:column; }
.dash-kpis span { color:#9db9b7; font-size:.66rem; }
.dash-kpis strong { margin:.35rem 0 .1rem; font-size:1.45rem; letter-spacing:-.045em; }
.dash-kpis small { color:#86a3a0; font-size:.6rem; }
.dash-kpis small.positive { color:#6ce9cf; }
.dash-body { display:grid; grid-template-columns:1.35fr .9fr; gap:.65rem; margin-top:.65rem; }
.dash-agenda,.dash-chart { padding:.9rem; border-radius:19px; }
.dash-section-title { display:flex; justify-content:space-between; align-items:center; margin-bottom:.75rem; }
.dash-section-title strong { font-size:.74rem; }
.appointment { display:grid; grid-template-columns:42px 7px 1fr auto; align-items:center; gap:.6rem; padding:.62rem .4rem; border-top:1px solid rgba(255,255,255,.065); }
.appointment.active { margin:0 -.25rem; padding-left:.65rem; padding-right:.65rem; border:1px solid rgba(47,224,193,.14); border-radius:11px; background:rgba(47,224,193,.075); }
.appointment time { color:#bdd0ce; font-size:.62rem; font-weight:700; }
.appointment i { width:7px; height:7px; border-radius:50%; background:#28dcb9; box-shadow:0 0 0 3px rgba(40,220,185,.11); }
.appointment div { display:flex; flex-direction:column; min-width:0; }
.appointment div strong { font-size:.65rem; white-space:nowrap; }
.appointment div span { color:#829f9c; font-size:.54rem; white-space:nowrap; }
.appointment b { padding:.27rem .4rem; border-radius:999px; color:#8cebd8; background:rgba(41,215,184,.09); font-size:.48rem; }
.chart-value { display:flex; justify-content:space-between; align-items:center; }
.chart-value strong { font-size:1.15rem; letter-spacing:-.035em; }
.chart-value span { color:#68e6cd; font-size:.58rem; font-weight:700; }
.dash-chart > svg { width:100%; height:100px; margin-top:.65rem; overflow:visible; }
.chart-area { fill:url(#area); }
.chart-line { fill:none; stroke:#35dfc0; stroke-width:3; stroke-linecap:round; filter:drop-shadow(0 0 7px rgba(53,223,192,.5)); stroke-dasharray:420; animation:draw-chart 2.1s .55s both cubic-bezier(.2,.7,.2,1); }
@keyframes draw-chart { from { stroke-dashoffset:420; } to { stroke-dashoffset:0; } }

.saas-float-card { position:absolute; z-index:5; display:flex; align-items:center; gap:.7rem; padding:.72rem .9rem; border:1px solid rgba(255,255,255,.32); border-radius:16px; color:#eafffa; background:rgba(9,43,47,.64); box-shadow:inset 0 1px rgba(255,255,255,.3),0 18px 50px rgba(0,0,0,.28); backdrop-filter:blur(24px) saturate(170%); animation:float-card 5s ease-in-out infinite; }
.saas-float-card div { display:flex; flex-direction:column; }
.saas-float-card span { color:#8fb6b1; font-size:.57rem; }
.saas-float-card strong { font-size:.67rem; }
.saas-ai-card { right:-1.5rem; top:2rem; }
.saas-confirm-card { left:-1rem; bottom:1.5rem; animation-delay:-2s; }
.ai-icon,.confirm-check { width:31px;height:31px;display:grid!important;place-items:center;border-radius:10px;background:linear-gradient(145deg,rgba(52,231,199,.3),rgba(52,231,199,.08));color:#73f4dc;box-shadow:inset 0 1px rgba(255,255,255,.25); }
.ai-icon svg,.confirm-check svg { width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7; }
@keyframes float-card { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-9px); } }

.saas-proof { position:relative;z-index:5;overflow:hidden;width:100%;padding-bottom:2rem;color:#b6cfcc;font-size:.7rem;letter-spacing:.025em;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent); }
.saas-proof-track { display:flex;align-items:center;width:max-content;gap:1rem;animation:proof-marquee 28s linear infinite; }
.saas-proof span { color:#698d89;text-transform:uppercase;font-weight:700; }
.saas-proof div { font-weight:650;white-space:nowrap; }
.saas-proof i { flex:0 0 3px;width:3px;height:3px;border-radius:50%;background:#3aa698; }
@keyframes proof-marquee { to{transform:translateX(-50%)} }

/* Outcome-first section on the home page */
.saas-outcomes { position:relative; overflow:hidden; padding:clamp(5rem,9vw,8rem) 0; background:#f5faf8; }
.saas-outcomes::before { content:'';position:absolute;width:620px;height:620px;right:-240px;top:-270px;border-radius:50%;background:radial-gradient(circle,rgba(53,224,193,.14),transparent 68%); }
.saas-section-head { max-width:780px; margin:0 auto 3.3rem; text-align:center; }
.saas-kicker { color:#0e8378; font-size:.72rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.saas-section-head h2 { margin-top:.9rem; color:#09252b; font-size:clamp(2.2rem,4vw,3.7rem); line-height:1.05; letter-spacing:-.055em; font-weight:800; text-wrap:balance; }
.saas-section-head p { max-width:650px; margin:1.15rem auto 0; color:#587076; font-size:1.03rem; line-height:1.7; }
.js .saas-section-title,.js .saas-section-head { opacity:0;transform:translate3d(0,34px,0) scale(.97);filter:blur(7px);transition:opacity .8s ease,transform .8s cubic-bezier(.16,1,.3,1),filter .8s ease; }
.js .saas-section-title.motion-active,.js .saas-section-head.motion-active { opacity:1;transform:none;filter:none; }
.js .saas-section-title.motion-active h2,.js .saas-section-head.motion-active h2 { animation:heading-gradient-shift 2.4s .25s ease-out both; }
@keyframes heading-gradient-shift { from{background-position:100% center}to{background-position:0 center} }
.saas-bento { display:grid; grid-template-columns:1.15fr .85fr; grid-template-rows:auto auto; gap:1rem; }
.saas-bento-card { position:relative; overflow:hidden; min-height:280px; padding:clamp(1.6rem,3vw,2.4rem); border:1px solid rgba(9,65,69,.1); border-radius:30px; background:rgba(255,255,255,.72); box-shadow:inset 0 1px #fff,0 20px 55px rgba(16,63,66,.08); backdrop-filter:blur(20px); transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease; }
.saas-bento-card::after { content:'';position:absolute;inset:-40%;pointer-events:none;background:conic-gradient(from 180deg at 50% 50%,transparent,rgba(56,222,194,.12),transparent 22%);opacity:0;transform:rotate(0);transition:opacity .3s ease;animation:card-aurora 8s linear infinite; }
.saas-bento-card:hover::after { opacity:1; }
@keyframes card-aurora { to{transform:rotate(1turn)} }
.saas-bento-card:hover { transform:translateY(-5px); box-shadow:inset 0 1px #fff,0 28px 70px rgba(16,63,66,.13); }
.saas-bento-card h3 { margin-top:1rem; color:#0a2d32; font-size:1.55rem; line-height:1.1; letter-spacing:-.035em; font-weight:800; }
.saas-bento-card p { max-width:500px; margin-top:.75rem; color:#5c7276; line-height:1.62; }
.saas-bento-card > svg { width:28px;height:28px;fill:none;stroke:#0d8175;stroke-width:1.7; }
.saas-bento-card.featured { grid-row:span 2; min-height:580px; color:#fff; border-color:rgba(255,255,255,.15); background:linear-gradient(145deg,#082b31,#0b4e4e); }
.saas-bento-card.featured h3 { color:#fff; font-size:clamp(2rem,3vw,3rem); }
.saas-bento-card.featured p { color:#b8d1ce; }
.saas-bento-card.featured > svg { color:#59e9d0;stroke:currentColor; }
.mini-schedule { position:absolute; left:2.4rem; right:2.4rem; bottom:2.4rem; padding:1rem; border:1px solid rgba(255,255,255,.16); border-radius:21px; background:rgba(255,255,255,.08); box-shadow:inset 0 1px rgba(255,255,255,.18); backdrop-filter:blur(18px); }
.mini-schedule div { display:flex;align-items:center;gap:.8rem;padding:.7rem .4rem;border-top:1px solid rgba(255,255,255,.08);font-size:.7rem; }
.mini-schedule div:first-child { border-top:0; }
.mini-schedule time { color:#70e9d4;font-weight:800; }
.mini-schedule span { flex:1;color:#d9e8e6; }
.mini-schedule b { padding:.25rem .45rem;border-radius:999px;color:#82eedb;background:rgba(49,218,189,.12);font-size:.52rem; }
.saas-security-row { display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.3rem; }
.saas-security-row span { padding:.42rem .65rem;border-radius:999px;color:#315b5d;background:#e9f6f2;font-size:.62rem;font-weight:750; }

.saas-transformation { position:relative;padding:clamp(5rem,9vw,8rem) 0;background:#edf5f2; }
.transformation-shell { --specular-x:50%;--specular-y:50%;position:relative;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;max-width:1120px;margin:auto;border:1px solid rgba(255,255,255,.9);border-radius:36px;background:rgba(255,255,255,.62);box-shadow:inset 0 1px #fff,0 30px 80px rgba(8,48,52,.12);backdrop-filter:blur(28px) saturate(150%); }
.transformation-shell::after { content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(420px circle at var(--specular-x) var(--specular-y),rgba(255,255,255,.34),transparent 45%); }
.transformation-side { position:relative;z-index:1;min-height:430px;padding:clamp(2rem,5vw,4rem); }
.transformation-side h3 { max-width:420px;margin-top:1.15rem;font-size:clamp(1.8rem,3vw,2.65rem);line-height:1.06;letter-spacing:-.045em;font-weight:800; }
.transformation-label { display:inline-flex;padding:.45rem .7rem;border-radius:999px;font-size:.65rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase; }
.transformation-side ul { display:grid;gap:.9rem;margin-top:2rem; }
.transformation-side li { display:flex;align-items:center;gap:.75rem;font-size:.86rem;font-weight:600; }
.transformation-side li i { width:7px;height:7px;border-radius:50%;background:#a9b8b6;box-shadow:0 0 0 4px rgba(115,135,132,.1); }
.transformation-side li svg { flex:0 0 19px;width:19px;height:19px;fill:none;stroke:#39dfbd;stroke-width:2.3; }
.transformation-before { color:#526568;background:linear-gradient(145deg,rgba(238,244,242,.72),rgba(255,255,255,.35)); }
.transformation-before h3 { color:#263c40; }
.transformation-before .transformation-label { color:#637573;background:rgba(89,110,107,.09); }
.transformation-after { color:#c9dedb;background:radial-gradient(circle at 100% 0,rgba(50,224,192,.16),transparent 36%),linear-gradient(145deg,#082d33,#0a4848); }
.transformation-after h3 { color:#fff; }
.transformation-after .transformation-label { color:#70efd7;background:rgba(51,224,191,.11); }
.transformation-pulse { position:absolute;z-index:4;left:50%;top:50%;display:grid;place-items:center;width:58px;height:58px;border:1px solid rgba(255,255,255,.8);border-radius:50%;color:#063832;background:linear-gradient(145deg,#6af1d7,#29d2b6);box-shadow:0 0 0 10px rgba(255,255,255,.15),0 15px 38px rgba(4,45,46,.24),inset 0 1px #fff;transform:translate(-50%,-50%); }
.transformation-pulse::before { content:'';position:absolute;inset:-11px;border:1px solid rgba(50,221,190,.28);border-radius:50%;animation:pulse-ring 2.6s ease-out infinite; }
.transformation-pulse svg { width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2; }
@keyframes pulse-ring { 0%{transform:scale(.75);opacity:0}35%{opacity:1}100%{transform:scale(1.45);opacity:0} }

.saas-mobile-conversion { display:none; }

.saas-sound-toggle { position:fixed;z-index:59;right:18px;bottom:18px;display:flex;align-items:center;gap:.55rem;min-height:48px;padding:.5rem .68rem .5rem .58rem;border:1px solid rgba(255,255,255,.62);border-radius:999px;color:#d9efeb;background:rgba(5,31,37,.76);box-shadow:inset 0 1px rgba(255,255,255,.22),0 12px 36px rgba(2,20,24,.24);backdrop-filter:blur(22px) saturate(170%);cursor:pointer;transition:transform .25s cubic-bezier(.16,1,.3,1),background .25s ease,border-color .25s ease; }
.saas-sound-toggle:hover { transform:translateY(-2px);background:rgba(7,55,59,.88); }
.saas-sound-toggle:focus-visible { outline:3px solid rgba(46,227,195,.58);outline-offset:3px; }
.saas-sound-icon { display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.08); }
.saas-sound-icon svg { width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round; }
.saas-sound-label { font-size:.67rem;font-weight:750;letter-spacing:.03em; }
.saas-sound-toggle > i { width:6px;height:6px;border-radius:50%;background:#718b88;box-shadow:0 0 0 4px rgba(113,139,136,.1);transition:background .25s ease,box-shadow .25s ease; }
.saas-sound-toggle .sound-off { display:block; }
.saas-sound-toggle .sound-wave { display:none; }
.saas-sound-toggle[aria-pressed="true"] { color:#eafffa;border-color:rgba(73,233,204,.38);background:rgba(6,60,61,.88); }
.saas-sound-toggle[aria-pressed="true"] > i { background:#35dfbf;box-shadow:0 0 0 4px rgba(53,223,191,.12),0 0 13px rgba(53,223,191,.75); }
.saas-sound-toggle[aria-pressed="true"] .sound-off { display:none; }
.saas-sound-toggle[aria-pressed="true"] .sound-wave { display:block;stroke-dasharray:12;animation:sound-wave 1.8s ease-in-out infinite; }
.saas-sound-toggle[aria-pressed="true"] .sound-wave-two { animation-delay:-.35s; }
@keyframes sound-wave { 0%,100%{opacity:.35;stroke-dashoffset:12}50%{opacity:1;stroke-dashoffset:0} }

.saas-final-cta { position:relative;overflow:hidden;padding:clamp(5rem,9vw,8rem) 0;background:#061b22;color:#fff; }
.saas-final-cta::before { content:'';position:absolute;inset:0;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:68px 68px; }
.saas-final-orb { position:absolute;width:640px;height:640px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(49,226,194,.2),transparent 66%);filter:blur(22px); }
.saas-final-panel { position:relative;max-width:980px;margin:auto;padding:clamp(2rem,6vw,5rem);text-align:center;border:1px solid rgba(255,255,255,.17);border-radius:42px;background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.035));box-shadow:inset 0 1px rgba(255,255,255,.27),0 34px 90px rgba(0,0,0,.3);backdrop-filter:blur(26px) saturate(160%); }
.saas-final-panel::before { content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.12),transparent 24%,transparent 80%,rgba(52,225,195,.06)); }
.saas-final-panel::after { content:'';position:absolute;inset:-60%;pointer-events:none;background:conic-gradient(from 90deg,transparent 25%,rgba(45,224,192,.08),transparent 45%);animation:final-ambient 16s linear infinite; }
@keyframes final-ambient { to{transform:rotate(1turn)} }
.saas-final-panel > * { position:relative; }
.saas-final-panel .saas-kicker { color:#6cebd2; }
.saas-final-panel h2 { max-width:820px;margin:1rem auto 0;font-size:clamp(2.35rem,5vw,4.7rem);line-height:1.02;letter-spacing:-.06em;font-weight:800;text-wrap:balance; }
.saas-final-panel > p { max-width:650px;margin:1.2rem auto 0;color:#b8d0cd;font-size:1.05rem;line-height:1.7; }
.saas-final-panel .saas-actions { justify-content:center; }
.saas-final-notes { display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.8rem;margin-top:1.5rem;color:#8caeaa;font-size:.7rem; }
.saas-final-notes i { width:3px;height:3px;border-radius:50%;background:#36d9bc; }

.faq-item { transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease; }
.faq-item:hover { transform:translateX(5px);border-color:rgba(13,129,117,.28);box-shadow:0 14px 36px rgba(11,66,66,.08); }
.faq-item[open] { animation:faq-open .45s cubic-bezier(.16,1,.3,1) both; }
@keyframes faq-open { from{transform:scale(.985);filter:brightness(.98)}to{transform:scale(1);filter:brightness(1)} }

@media (max-width:1100px) {
  .saas-hero-grid { grid-template-columns:1fr; padding-top:5rem; }
  .saas-hero-copy { max-width:760px; text-align:center; margin:auto; }
  .saas-eyebrow,.saas-actions,.saas-assurance { justify-content:center; }
  .saas-lead { margin-left:auto;margin-right:auto; }
  .saas-product-stage { width:min(820px,100%);margin:auto; }
  .saas-dashboard { width:min(760px,90vw); transform:translate(-50%,-50%); animation-name:dashboard-arrive-tablet; }
  .saas-hero-photo { inset:0;opacity:.2;mask-image:linear-gradient(to bottom,transparent,#000 35%,transparent); }
}
@keyframes dashboard-arrive-tablet { from{opacity:0;filter:blur(12px);transform:translate(-50%,-44%) scale(.86)}to{opacity:1;filter:blur(0);transform:translate(-50%,-50%) scale(1)} }
@media (max-width:767px) {
  .saas-hero-grid { min-height:auto; padding-top:3.6rem; padding-bottom:2rem; }
  .saas-title { font-size:clamp(2.55rem,13vw,4rem); }
  .saas-lead { font-size:1rem;line-height:1.6; }
  .saas-actions { flex-direction:column;align-items:stretch; }
  .saas-cta { width:100%; }
  .saas-product-stage { min-height:410px; margin-top:1.2rem; }
  .saas-dashboard { width:680px; left:11%; transform:translate(0,-50%) scale(.62); transform-origin:left center; animation-name:dashboard-arrive-mobile; }
  .saas-ai-card { right:.25rem;top:1rem; }
  .saas-confirm-card { left:.25rem;bottom:1rem; }
  .saas-proof { padding-bottom:1.5rem; }
  .saas-proof-track { animation-duration:22s; }
  .saas-bento { grid-template-columns:1fr;grid-template-rows:auto; }
  .saas-bento-card.featured { grid-row:auto;min-height:540px; }
  .transformation-shell { grid-template-columns:1fr;border-radius:28px; }
  .transformation-side { min-height:auto;padding:2rem 1.5rem; }
  .transformation-pulse { left:50%;top:50%;width:50px;height:50px;transform:translate(-50%,-50%) rotate(90deg); }
  .transformation-before { padding-bottom:3.5rem; }
  .transformation-after { padding-top:3.5rem; }
  .saas-final-panel { border-radius:30px; }
  .saas-final-notes i { display:none; }
  .saas-final-notes span { width:100%; }
  body { padding-bottom:82px; }
  .saas-mobile-conversion { position:fixed;z-index:60;left:10px;right:10px;bottom:10px;display:flex;align-items:center;justify-content:space-between;gap:.7rem;padding:.65rem .65rem .65rem 1rem;border:1px solid rgba(255,255,255,.68);border-radius:22px;color:#fff;background:rgba(5,31,37,.82);box-shadow:inset 0 1px rgba(255,255,255,.24),0 15px 45px rgba(2,20,24,.35);backdrop-filter:blur(24px) saturate(170%); }
  .saas-mobile-conversion div { display:flex;flex-direction:column;min-width:0; }
  .saas-mobile-conversion span { color:#8caca8;font-size:.55rem;white-space:nowrap; }
  .saas-mobile-conversion strong { overflow:hidden;font-size:.72rem;text-overflow:ellipsis;white-space:nowrap; }
  .saas-mobile-conversion a { flex:0 0 auto;display:inline-flex;align-items:center;gap:.35rem;min-height:46px;padding:.7rem .9rem;border-radius:15px;color:#052a25;background:linear-gradient(135deg,#62f2d7,#2ad1b7);font-size:.72rem;font-weight:800;box-shadow:inset 0 1px rgba(255,255,255,.72); }
  .saas-sound-toggle { right:14px;bottom:94px;padding:.48rem; }
  .saas-sound-label,.saas-sound-toggle > i { display:none; }
}
@keyframes dashboard-arrive-mobile { from{opacity:0;filter:blur(10px);transform:translate(8%,-44%) scale(.54)}to{opacity:1;filter:blur(0);transform:translate(0,-50%) scale(.62)} }
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  .chart-line,.saas-float-card,.transformation-pulse::before,.saas-title-word,.saas-hero-photo,.saas-orb,.saas-light-sweep,.saas-motion-dot,.saas-dashboard,.saas-proof-track,.saas-cta-primary::before,.saas-bento-card::after,.saas-final-panel::after,.saas-sound-toggle .sound-wave { animation:none!important; }
  .saas-title-word { opacity:1;transform:none;filter:none; }
  .saas-hero-photo { transform:none; }
  .saas-dashboard { opacity:1;filter:none; }
  .saas-dashboard,.saas-bento-card,.saas-cta,.saas-cta svg { transition:none!important; }
  .js .saas-section-title,.js .saas-section-head { opacity:1;transform:none;filter:none; }
  .js .reveal,.js .card.reveal { opacity:1;transform:none;filter:none;transition:none!important; }
}
.saas-hero.is-motion-paused .saas-orb,.saas-hero.is-motion-paused .saas-light-sweep,.saas-hero.is-motion-paused .saas-motion-dot,.saas-hero.is-motion-paused .saas-proof-track { animation-play-state:paused; }

/* Lumi light brand direction: white canvas with teal depth and glass motion. */
body { color:var(--saas-ink);background:#fff; }
.saas-hero {
  color:var(--saas-ink);
  background:radial-gradient(circle at 78% 16%,rgba(69,209,196,.2),transparent 30%),radial-gradient(circle at 9% 84%,rgba(216,244,241,.72),transparent 34%),linear-gradient(118deg,#fff 0%,#fbfffe 52%,#f1fbf9 100%);
}
.saas-hero::before { opacity:.42;background-image:linear-gradient(rgba(8,107,101,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(8,107,101,.055) 1px,transparent 1px); }
.saas-hero-photo { opacity:.2;filter:saturate(.72) contrast(.96) brightness(1.12); }
.saas-hero-photo::after { background:linear-gradient(90deg,#fff 0,rgba(255,255,255,.84) 27%,transparent 70%); }
.saas-orb-one { background:radial-gradient(circle at 35% 35%,rgba(69,209,196,.2),rgba(216,244,241,.15) 55%,transparent 70%); }
.saas-eyebrow { border-color:rgba(8,107,101,.13);color:var(--saas-deep);background:rgba(255,255,255,.76);box-shadow:inset 0 1px #fff,0 12px 35px rgba(8,107,101,.08); }
.saas-title,.saas-title::first-line { color:#0f3f40; }
.saas-title { text-shadow:0 8px 34px rgba(8,107,101,.08); }
.saas-lead { color:#526b6c; }
.saas-cta-primary { color:#fff;background:linear-gradient(135deg,#0ea5a3,#086b65);box-shadow:0 16px 40px rgba(8,107,101,.22),inset 0 1px rgba(255,255,255,.32); }
.saas-cta-glass { color:var(--saas-deep);border-color:rgba(8,107,101,.17);background:rgba(255,255,255,.7);box-shadow:inset 0 1px #fff,0 10px 30px rgba(8,107,101,.07); }
.saas-cta-glass:hover { background:#fff;box-shadow:0 14px 34px rgba(8,107,101,.12); }
.saas-assurance { color:#5f7777; }
.saas-proof { color:#476b69; }
.saas-proof span { color:#0b7772; }
.saas-final-cta { color:var(--saas-ink);background:#fff; }
.saas-final-cta::before { opacity:.42;background-image:linear-gradient(rgba(8,107,101,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(8,107,101,.05) 1px,transparent 1px); }
.saas-final-panel { border-color:rgba(8,107,101,.12);background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(216,244,241,.52));box-shadow:inset 0 1px #fff,0 34px 90px rgba(8,107,101,.13); }
.saas-final-panel .saas-kicker { color:#0b7772; }
.saas-final-panel > p { color:#526b6c; }
.saas-final-notes { color:#5f7777; }
.public-footer { color:var(--saas-ink);background:#fff;border-top:1px solid rgba(8,107,101,.1); }
.public-footer .text-neutral-400 { color:#6b7280!important; }
.public-footer .border-neutral-800 { border-color:#e5e7eb!important; }
.public-footer a:hover { color:var(--saas-deep)!important; }
.lumi-green-title { color:#086b65!important;background:none!important;-webkit-text-fill-color:#086b65!important; }
.tag.tag-primary { color:#fff!important;background:#1e3a8a!important;border-color:#172554!important;box-shadow:0 8px 20px rgba(30,58,138,.24)!important; }
.module-section-badge { color:#fff!important;background:#1e3a8a!important;border:1px solid #172554!important;box-shadow:0 8px 20px rgba(30,58,138,.24)!important;text-shadow:none; }

/* Conversion system */
.saas-inline-conversion { padding:1.25rem 0 5rem;background:#fff; }
.saas-inline-conversion-panel { display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:clamp(1.7rem,4vw,3rem);border:1px solid rgba(8,107,101,.12);border-radius:32px;background:radial-gradient(circle at 90% 20%,rgba(69,209,196,.16),transparent 30%),linear-gradient(135deg,#f8fffd,#eaf8f5);box-shadow:inset 0 1px #fff,0 24px 65px rgba(8,107,101,.1); }
.saas-inline-conversion-panel > div { max-width:720px; }
.saas-inline-conversion h2 { margin-top:.7rem;color:#0f3f40;font-size:clamp(1.75rem,3.2vw,3rem);line-height:1.06;letter-spacing:-.045em;font-weight:800; }
.saas-inline-conversion p { margin-top:.8rem;color:#526b6c;line-height:1.65; }
.saas-inline-conversion .saas-cta { flex:0 0 auto; }

.conversion-page { position:relative;overflow:hidden;padding:clamp(3rem,7vw,6rem) 0;background:radial-gradient(circle at 9% 8%,rgba(69,209,196,.18),transparent 25%),radial-gradient(circle at 92% 88%,rgba(216,244,241,.8),transparent 30%),#fff; }
.conversion-page::before { content:'';position:absolute;inset:0;pointer-events:none;opacity:.38;background-image:linear-gradient(rgba(8,107,101,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(8,107,101,.045) 1px,transparent 1px);background-size:64px 64px; }
.conversion-shell { position:relative;display:grid;grid-template-columns:minmax(0,.92fr) minmax(480px,1.08fr);max-width:1160px;margin:auto;border:1px solid rgba(8,107,101,.11);border-radius:38px;background:rgba(255,255,255,.78);box-shadow:inset 0 1px #fff,0 35px 100px rgba(8,63,62,.14);backdrop-filter:blur(26px) saturate(150%); }
.conversion-value { padding:clamp(2rem,5vw,4.5rem);border-radius:38px 0 0 38px;background:linear-gradient(145deg,#effbf8,#dff5f0); }
.conversion-value h1 { margin-top:1rem;color:#0b3c3c;font-size:clamp(2.25rem,4.3vw,4.2rem);line-height:1.01;letter-spacing:-.062em;font-weight:850;text-wrap:balance; }
.conversion-value > p { margin-top:1.35rem;color:#4b6969;font-size:1.02rem;line-height:1.7; }
.conversion-benefits { display:grid;gap:.85rem;margin-top:2rem; }
.conversion-benefits li { display:flex;align-items:flex-start;gap:.8rem;padding:.9rem;border:1px solid rgba(8,107,101,.09);border-radius:18px;background:rgba(255,255,255,.65); }
.conversion-benefits li > span { flex:0 0 auto;display:grid;place-items:center;width:30px;height:30px;border-radius:10px;color:#fff;background:linear-gradient(145deg,#0ea5a3,#086b65);box-shadow:0 7px 18px rgba(8,107,101,.18); }
.conversion-benefits svg { width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.3; }
.conversion-benefits div { display:flex;flex-direction:column;gap:.18rem; }
.conversion-benefits strong { color:#173f40;font-size:.82rem; }
.conversion-benefits small { color:#607777;font-size:.71rem;line-height:1.45; }
.conversion-trust { display:flex;flex-direction:column;gap:.25rem;margin-top:1.4rem;padding-top:1.25rem;border-top:1px solid rgba(8,107,101,.12);color:#496969;font-size:.78rem; }
.conversion-trust strong { color:#0b5d59; }

.conversion-form-card { padding:clamp(2rem,5vw,4rem);background:rgba(255,255,255,.9);border-radius:0 38px 38px 0; }
.conversion-form-head > span { display:inline-flex;padding:.42rem .68rem;border-radius:999px;color:#086b65;background:#e6f7f3;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em; }
.conversion-form-head h2 { margin-top:.9rem;color:#0f1720;font-size:clamp(2rem,3.2vw,3rem);line-height:1.05;letter-spacing:-.05em;font-weight:820; }
.conversion-form-head p { margin-top:.7rem;color:#5b6f70;font-size:.9rem;line-height:1.55; }
.conversion-alert { margin-top:1.2rem;padding:.85rem 1rem;border:1px solid #fecaca;border-radius:14px;color:#b91c1c;background:#fef2f2;font-size:.82rem; }
.conversion-form { display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.5rem; }
.conversion-field { display:flex;flex-direction:column;gap:.42rem; }
.conversion-field-full,.conversion-submit,.conversion-form-notes,.conversion-legal { grid-column:1/-1; }
.conversion-field label { color:#33494a;font-size:.76rem;font-weight:750; }
.conversion-field input { width:100%;min-height:49px;padding:.78rem .9rem;border:1px solid #cfdcda;border-radius:14px;color:#0f1720;background:#fff;font-size:.86rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease; }
.conversion-field input::placeholder { color:#8b9b9b; }
.conversion-field input:focus { border-color:#0ea5a3;box-shadow:0 0 0 4px rgba(14,165,163,.12); }
.conversion-field input.is-invalid { border-color:#ef4444;background:#fffafa; }
.conversion-field small { color:#dc2626;font-size:.68rem; }
.conversion-submit { display:flex;align-items:center;justify-content:center;gap:.65rem;min-height:56px;margin-top:.35rem;border:0;border-radius:16px;color:#fff;background:linear-gradient(135deg,#0ea5a3,#086b65);box-shadow:0 16px 36px rgba(8,107,101,.22),inset 0 1px rgba(255,255,255,.28);font-weight:800;cursor:pointer;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease;touch-action:manipulation; }
.conversion-submit:hover { transform:translateY(-2px);box-shadow:0 20px 42px rgba(8,107,101,.3),inset 0 1px rgba(255,255,255,.28); }
.conversion-submit:focus-visible { outline:3px solid rgba(14,165,163,.4);outline-offset:3px; }
.conversion-submit svg { width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2; }
.conversion-form-notes { display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.55rem;color:#667d7d;font-size:.68rem;font-weight:700; }
.conversion-form-notes i { width:3px;height:3px;border-radius:50%;background:#0ea5a3; }
.conversion-legal { color:#7b8c8d;font-size:.65rem;line-height:1.5;text-align:center; }
.conversion-legal a,.conversion-login a { color:#086b65;font-weight:750;text-decoration:underline;text-decoration-color:rgba(8,107,101,.25);text-underline-offset:3px; }
.conversion-login { margin-top:1.4rem;color:#6b7b7c;font-size:.78rem;text-align:center; }

@media (max-width:900px) {
  .saas-inline-conversion-panel { align-items:flex-start;flex-direction:column; }
  .conversion-shell { grid-template-columns:1fr;max-width:680px; }
  .conversion-value { border-radius:38px 38px 0 0; }
  .conversion-form-card { border-radius:0 0 38px 38px; }
}
@media (max-width:600px) {
  .conversion-page { padding:1.5rem 0 3rem; }
  .conversion-shell { border-radius:26px; }
  .conversion-value,.conversion-form-card { padding:1.5rem; }
  .conversion-value { border-radius:26px 26px 0 0; }
  .conversion-form-card { border-radius:0 0 26px 26px; }
  .conversion-value h1 { font-size:2.35rem; }
  .conversion-form { grid-template-columns:1fr; }
  .conversion-field-full,.conversion-submit,.conversion-form-notes,.conversion-legal { grid-column:auto; }
  .conversion-form-notes i { display:none; }
  .conversion-form-notes span { width:100%;text-align:center; }
}