:root {
  --navy: #174a34;
  --navy-2: #267a54;
  --ink: #17231c;
  --muted: #68766e;
  --line: #dce8df;
  --paper: #eaf7ef;
  --white: #ffffff;
  --orange: #267a54;
  --green: #267a54;
  --orange-2: #54a677;
  --teal: #267a54;
  --blue: #4e7f68;
  --purple: #7a8561;
  --yellow: #f3c94f;
  --yellow-soft: #fff4bd;
  --green-soft: #dff3e6;
  --cream: #fffdf5;
  --shadow: 0 20px 55px rgba(23, 74, 52, 0.12);
  --radius: 22px;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
html {
  scroll-behavior: smooth;
  color-scheme: only light;
  background-color: #fffdf5;
}
body {
  font-family: Manrope, Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  color: var(--ink);
  background: var(--cream);
  line-height: 1.6;
  font-size: 17px;
}
input, select, textarea, button { color-scheme: only light; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; }
.container { width: min(1100px, calc(100% - 32px)); margin: 0 auto; }

/* ── Legal pages ── */
.legal-page {
  min-height: calc(100vh - 72px); padding: 56px 16px 80px;
  background: radial-gradient(600px 300px at 90% 0%, rgba(243,201,79,.22), transparent 65%), var(--paper);
}
.legal-card {
  width: min(820px, 100%); margin: 0 auto; padding: clamp(28px, 6vw, 58px);
  background: var(--white); border: 1px solid var(--line); border-radius: 28px; box-shadow: var(--shadow);
}
.legal-kicker { color: var(--orange); font-size: 14px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.legal-card h1 { margin: 8px 0 2px; font-size: clamp(34px, 7vw, 52px); line-height: 1.08; letter-spacing: -.04em; }
.legal-updated { margin-bottom: 30px; color: var(--muted); font-size: 14px; }
.legal-card h2 { margin: 30px 0 8px; font-size: 21px; letter-spacing: -.02em; }
.legal-card p { color: #46594f; }
.legal-card a { color: var(--orange); font-weight: 700; text-decoration: underline; }

/* ── Navigation ── */
.nav {
  position: sticky; top: 0; z-index: 40;
  background: rgba(255,253,245,.92);
  backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--line);
}
.nav-inner { display: flex; align-items: center; justify-content: space-between; height: 72px; gap: 16px; }
.brand { display: flex; align-items: center; gap: 10px; font-weight: 800; letter-spacing: -.03em; font-size: 22px; }
.brand-mark {
  width: 38px; height: 38px; border-radius: 12px;
  display: block; object-fit: contain; flex: 0 0 auto;
}
.nav-links { display: flex; gap: 20px; color: var(--muted); font-weight: 600; font-size: 15px; }
.nav-links a:hover, .nav-links a.active { color: var(--ink); }
.nav-cta { display: flex; gap: 10px; align-items: center; }
.brand-word b { color: #66b98a; font: inherit; }
.nav-login > span:last-child { display: none; }
.mobile-label { display: none; }

/* ── Buttons ── */
.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  border: 0; border-radius: 999px; padding: 14px 22px; font-weight: 700; cursor: pointer;
  font-size: 16px; transition: all .2s;
}
.btn-orange { background: var(--orange); color: #fff; box-shadow: 0 8px 20px rgba(47,125,85,.2); }
.btn-orange:hover { background: #236744; transform: translateY(-2px); box-shadow: 0 12px 26px rgba(47,125,85,.25); }
.btn-dark { background: var(--navy); color: #fff; }
.btn-ghost { background: transparent; border: 2px solid var(--line); color: var(--ink); }
.btn-lg { padding: 18px 28px; font-size: 18px; }
.btn-xl { padding: 22px 36px; font-size: 20px; }

/* ── Hero ── */
.hero {
  background:
    radial-gradient(700px 420px at 92% 5%, rgba(243,201,79,.28), transparent 60%),
    radial-gradient(700px 430px at 0% 30%, rgba(111,183,139,.22), transparent 55%),
    linear-gradient(145deg, #fbfff9, #fff9df);
  padding: 72px 0 58px;
  text-align: left;
  overflow: hidden;
}
.kicker {
  display: inline-flex; gap: 8px; align-items: center;
  background: rgba(255,255,255,.8); border: 1px solid #cae1d2; border-radius: 999px;
  padding: 8px 15px; font-size: 13px; font-weight: 750; color: #356249;
}
.hero h1 {
  font-size: clamp(38px, 5.2vw, 62px);
  line-height: 1.06; letter-spacing: -.045em; margin: 20px 0 20px;
}
.hero h1 .highlight { position: relative; display: inline-block; z-index: 0; color: var(--navy); }
.hero h1 .highlight::after { content: ""; position: absolute; z-index: -1; left: -4px; right: -4px; bottom: 2px; height: 16px; border-radius: 5px; background: var(--yellow); opacity: .65; transform: rotate(-1deg); }
.hero p.lead { font-size: 20px; color: var(--muted); max-width: 620px; margin: 0; }
.hero-actions { display: flex; gap: 12px; justify-content: flex-start; flex-wrap: wrap; margin: 30px 0 24px; }
.hero-demo-note { margin: -12px 0 22px; color: var(--muted); font-size: 13px; }
.hero-demo-note a { color: var(--green, #1f6b49); font-weight: 700; }
.proof { display: flex; gap: 34px; justify-content: flex-start; flex-wrap: wrap; color: var(--muted); font-size: 13px; font-weight: 650; }
.proof b { color: var(--ink); display: block; font-size: 28px; }
.hero-grid { display: grid; grid-template-columns: minmax(0,1.08fr) minmax(380px,.92fr); gap: 60px; align-items: center; }
.hero-visual { position: relative; min-height: 470px; display: grid; place-items: center; }
.hero-visual::before { content: ""; position: absolute; width: 390px; height: 390px; border-radius: 46% 54% 60% 40%; background: var(--yellow-soft); transform: rotate(8deg); }
.live-card { position: relative; z-index: 1; width: min(440px,100%); background: rgba(255,255,255,.94); border: 1px solid #d7e5db; border-radius: 28px; padding: 22px; box-shadow: 0 30px 70px rgba(32,84,62,.17); transform: rotate(1.5deg); }
.live-head { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 20px; }
.live-title { display: flex; gap: 11px; align-items: center; }
.live-logo { width: 44px; height: 44px; border-radius: 14px; background: var(--green-soft); display: grid; place-items: center; font-size: 22px; }
.live-title strong { display: block; font-size: 15px; }
.live-title span { display: block; color: var(--muted); font-size: 11px; margin-top: 2px; }
.live-pill { padding: 6px 10px; border-radius: 999px; background: var(--green-soft); color: #216543; font-size: 10px; font-weight: 800; }
.live-stats { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; margin-bottom: 16px; }
.live-stat { background: #f5faf6; border-radius: 13px; padding: 12px; }
.live-stat span { display: block; color: var(--muted); font-size: 9px; text-transform: uppercase; font-weight: 750; letter-spacing: .3px; }
.live-stat b { display: block; font-size: 19px; margin-top: 4px; }
.appt-list { display: grid; gap: 8px; }
.appt { display: grid; grid-template-columns: 52px 1fr auto; gap: 10px; align-items: center; border: 1px solid var(--line); border-radius: 13px; padding: 10px; }
.appt time { color: var(--green); font-weight: 800; font-size: 12px; }
.appt strong { display: block; font-size: 12px; }
.appt small { color: var(--muted); font-size: 10px; }
.appt em { font-style: normal; font-size: 10px; padding: 5px 7px; border-radius: 999px; background: var(--yellow-soft); color: #72590f; font-weight: 750; }
.float-note { position: absolute; z-index: 2; right: -24px; bottom: 40px; background: var(--navy); color: #fff; border-radius: 15px; padding: 12px 15px; box-shadow: var(--shadow); font-size: 12px; font-weight: 700; transform: rotate(-3deg); }

/* ── Big simple steps ── */
.big-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin: 40px 0; }
.big-step {
  background: #fff; border: 1px solid var(--line); border-radius: 22px;
  padding: 32px 24px; text-align: center; transition: all .2s;
}
.big-step:hover { border-color: var(--orange); transform: translateY(-4px); box-shadow: var(--shadow); }
.big-step .num {
  width: 56px; height: 56px; border-radius: 17px; background: var(--yellow-soft); color: var(--navy);
  display: grid; place-items: center; font-size: 24px; font-weight: 800; margin: 0 auto 16px;
}
.big-step h3 { font-size: 20px; margin-bottom: 8px; }
.big-step p { color: var(--muted); font-size: 15px; }

/* ── Minimal onboarding journey ── */
.journey-section{
  overflow:hidden;
  background:
    radial-gradient(520px 340px at 8% 28%,rgba(61,150,101,.1),transparent 70%),
    radial-gradient(520px 340px at 92% 38%,rgba(243,201,79,.14),transparent 72%),
    linear-gradient(180deg,#fffdf5 0%,#fbfdf9 100%);
}
.journey-section .container{position:relative}
.journey-kicker{width:max-content;margin:0 auto 13px;padding:7px 12px;border:1px solid #d8e7dd;border-radius:999px;background:rgba(255,255,255,.78);color:var(--navy);font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 8px 22px rgba(23,74,52,.06)}
.journey-kicker span{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#42a16f;box-shadow:0 0 0 5px rgba(66,161,111,.11);vertical-align:1px;animation:journey-pulse 2.2s ease-in-out infinite}
.journey-minimal{position:relative;margin-top:44px}
.journey-rail{position:absolute;z-index:0;top:16px;left:12.5%;right:12.5%;height:2px;background:#dbe8df;overflow:hidden}
.journey-rail span{display:block;width:100%;height:100%;background:linear-gradient(90deg,#2f8159,#70ae7f,#e1b934);transform:scaleX(0);transform-origin:left;transition:transform 1.35s cubic-bezier(.22,1,.36,1) .18s}
.journey-minimal.visible .journey-rail span{transform:scaleX(1)}
.journey-minimal-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.journey-step{min-width:0;text-align:center;opacity:0;transform:translateY(18px);transition:opacity .58s ease,transform .58s cubic-bezier(.22,1,.36,1)}
.journey-minimal.visible .journey-step{opacity:1;transform:none}
.journey-minimal.visible .journey-step:nth-child(1){transition-delay:.08s}.journey-minimal.visible .journey-step:nth-child(2){transition-delay:.2s}.journey-minimal.visible .journey-step:nth-child(3){transition-delay:.32s}.journey-minimal.visible .journey-step:nth-child(4){transition-delay:.44s}
.journey-node{position:relative;z-index:2;width:34px;height:34px;margin:0 auto 20px;display:grid;place-items:center;border-radius:50%;background:var(--navy);color:#fff;font-size:12px;font-weight:850;box-shadow:0 0 0 7px #fffdf5,0 8px 18px rgba(23,74,52,.16)}
.journey-icon{width:54px;height:54px;margin:0 auto 15px;display:grid;place-items:center;border:1px solid #d8e8de;border-radius:17px;background:linear-gradient(145deg,#e7f5eb,#fff8cf);color:#236f4b;transition:transform .24s ease,box-shadow .24s ease}
.journey-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.journey-step:hover .journey-icon{transform:translateY(-5px);box-shadow:0 14px 28px rgba(23,74,52,.12)}
.step-label{display:block;margin-bottom:7px;color:#37805b;font-size:10px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
.journey-step h3{font-size:19px;letter-spacing:-.03em;margin-bottom:7px}.journey-step p{max-width:230px;margin:auto;color:var(--muted);font-size:14px;line-height:1.6}
.journey-ready{width:max-content;max-width:100%;margin:34px auto 0;display:flex;align-items:center;gap:11px;color:var(--navy)}
.journey-ready>span{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:#dff3e6;color:#267a54;font-weight:900}.journey-ready strong,.journey-ready small{display:block}.journey-ready strong{font-size:13px}.journey-ready small{margin-top:1px;color:var(--muted);font-size:10px}
@keyframes journey-pulse{0%,100%{box-shadow:0 0 0 4px rgba(66,161,111,.1)}50%{box-shadow:0 0 0 8px rgba(66,161,111,.04)}}

/* ── Sections ── */
.section { padding: 64px 0; }
.section.alt { background: linear-gradient(180deg, var(--paper), #edf8f0); }
.section h2 { font-size: clamp(26px, 4vw, 40px); letter-spacing: -.03em; line-height: 1.2; text-align: center; }
.section .intro { color: var(--muted); max-width: 560px; margin: 14px auto 36px; font-size: 18px; text-align: center; }

/* ── Cards ── */
.grid-2, .grid-3, .grid-4 { display: grid; gap: 18px; }
.grid-2 { grid-template-columns: 1fr 1fr; }
.grid-3 { grid-template-columns: repeat(3, 1fr); }
.grid-4 { grid-template-columns: repeat(4, 1fr); }
.card {
  background: rgba(255,255,255,.94); border: 1px solid var(--line); border-radius: var(--radius); padding: 24px;
  box-shadow: 0 5px 18px rgba(31,79,57,.045); transition: transform .2s, box-shadow .2s, border-color .2s;
}
.card:hover { transform: translateY(-3px); box-shadow: var(--shadow); border-color: #bdd9c7; }
.card h3 { font-size: 18px; margin: 12px 0 8px; }
.icon {
  width: 48px; height: 48px; border-radius: 14px; display: grid; place-items: center;
  background: var(--yellow-soft); font-size: 24px;
}

/* ── Guided capability journey ── */
.capability-section{overflow:hidden;background:
  radial-gradient(500px 300px at 0 45%,rgba(75,161,113,.08),transparent 68%),
  radial-gradient(500px 300px at 100% 55%,rgba(243,201,79,.13),transparent 68%),
  linear-gradient(180deg,#fffdf6,#fbfdf9)}
.capability-journey{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:54px;row-gap:58px;margin-top:46px;padding:0 42px 8px}
.capability-step{position:relative;z-index:2;min-width:0;text-align:center;opacity:0;transform:translateY(22px);transition:opacity .55s ease,transform .62s cubic-bezier(.22,1,.36,1)}
.capability-journey.visible .capability-step{opacity:1;transform:none}
.capability-journey.visible .capability-step:nth-of-type(1){transition-delay:.08s}.capability-journey.visible .capability-step:nth-of-type(2){transition-delay:.18s}.capability-journey.visible .capability-step:nth-of-type(3){transition-delay:.28s}.capability-journey.visible .capability-step:nth-of-type(4){transition-delay:.48s}.capability-journey.visible .capability-step:nth-of-type(5){transition-delay:.58s}.capability-journey.visible .capability-step:nth-of-type(6){transition-delay:.68s}
.capability-step:nth-of-type(4){grid-column:3;grid-row:2}.capability-step:nth-of-type(5){grid-column:2;grid-row:2}.capability-step:nth-of-type(6){grid-column:1;grid-row:2}
.capability-node{position:relative;width:68px;height:68px;margin:0 auto 17px;display:grid;place-items:center;border:6px solid #fffdf6;border-radius:50%;background:linear-gradient(145deg,#ffe786,#f3c94f);color:var(--navy);font-size:26px;font-weight:900;box-shadow:0 12px 28px rgba(116,90,20,.15),0 0 0 1px #e6d996;transition:transform .22s ease,box-shadow .22s ease}
.capability-node>span{position:absolute;right:-7px;top:-8px;width:24px;height:24px;display:grid;place-items:center;border:3px solid #fffdf6;border-radius:50%;background:var(--navy);color:#fff;font-size:10px;box-shadow:0 5px 12px rgba(23,74,52,.18)}
.capability-step:hover .capability-node{transform:translateY(-5px) rotate(-2deg);box-shadow:0 18px 34px rgba(116,90,20,.2),0 0 0 1px #dfce7d}
.capability-step h3{margin:0 0 7px;color:var(--ink);font-size:19px;letter-spacing:-.025em}.capability-step p{max-width:235px;margin:auto;color:var(--muted);font-size:14px;line-height:1.58}
.capability-rail{position:absolute;z-index:0;overflow:hidden}.capability-rail span{display:block;width:100%;height:100%;background:linear-gradient(90deg,#31845b,#7daf7f,#e1b934);transition:transform 1s cubic-bezier(.22,1,.36,1)}
.capability-rail.top{top:33px;left:15%;right:15%;height:3px}.capability-rail.top span{transform:scaleX(0);transform-origin:left}.capability-journey.visible .capability-rail.top span{transform:scaleX(1)}
.capability-rail.turn{top:33px;right:4%;width:11%;height:calc(50% + 35px);overflow:visible;border:3px solid transparent;border-top-color:#e1b934;border-right-color:#8cab70;border-bottom-color:#31845b;border-radius:0 28px 28px 0;opacity:0;transform:scale(.92);transform-origin:left top;transition:opacity .45s ease .55s,transform .8s cubic-bezier(.22,1,.36,1) .55s}.capability-rail.turn span{display:none}.capability-journey.visible .capability-rail.turn{opacity:1;transform:none}
.capability-rail.bottom{left:15%;right:15%;bottom:calc(50% - 35px);height:3px}.capability-rail.bottom span{background:linear-gradient(90deg,#e1b934,#7daf7f,#31845b);transform:scaleX(0);transform-origin:right;transition-delay:.85s}.capability-journey.visible .capability-rail.bottom span{transform:scaleX(1)}
.capability-finish{width:max-content;max-width:100%;margin:34px auto 0;display:flex;align-items:center;gap:12px;padding:12px 17px;border:1px solid #d7e6dc;border-radius:17px;background:rgba(255,255,255,.8);box-shadow:0 13px 32px rgba(23,74,52,.07)}
.capability-finish>span{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;border-radius:50%;background:#dff3e6;color:#267a54;font-weight:900}.capability-finish strong,.capability-finish small{display:block}.capability-finish strong{font-size:13px}.capability-finish small{margin-top:2px;color:var(--muted);font-size:11px}

/* ── Owner value story ── */
.owner-value-section{overflow:hidden;background:
  radial-gradient(620px 420px at -4% 8%,rgba(60,150,100,.13),transparent 68%),
  radial-gradient(570px 380px at 104% 92%,rgba(243,201,79,.2),transparent 68%),
  linear-gradient(180deg,#f7fcf8,#fffdf6)}
.owner-value-heading{max-width:760px;margin:0 auto 42px;text-align:center}.owner-value-heading .intro{max-width:680px;margin-bottom:0}
.owner-value-kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:12px;padding:7px 12px;border:1px solid #d3e5d9;border-radius:999px;background:rgba(255,255,255,.82);color:#2c7552;font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 8px 24px rgba(23,74,52,.06)}
.owner-value-kicker span{width:24px;height:24px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(145deg,#fff4b1,#f3c94f);color:#6c5310;box-shadow:0 6px 14px rgba(132,103,21,.13)}
.owner-value-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:22px;align-items:stretch}
.winback-story{position:relative;overflow:hidden;padding:28px;border:1px solid rgba(255,255,255,.12);border-radius:30px;background:
  radial-gradient(310px 200px at 100% 0,rgba(243,201,79,.19),transparent 70%),
  linear-gradient(145deg,#174a34,#102f23);color:#fff;box-shadow:0 30px 68px rgba(17,58,41,.2)}
.winback-story::after{content:"";position:absolute;right:-74px;bottom:-98px;width:230px;height:230px;border:1px solid rgba(255,255,255,.08);border-radius:50%;box-shadow:0 0 0 34px rgba(255,255,255,.025),0 0 0 70px rgba(255,255,255,.018);pointer-events:none}
.winback-topline{position:relative;z-index:1;display:flex;align-items:center;gap:11px}.ai-brand-mark{width:42px;height:42px;display:grid;place-items:center;flex:0 0 42px;border-radius:14px;background:linear-gradient(145deg,#fff2a7,#f3c94f);color:#174a34;font-weight:900;box-shadow:0 10px 24px rgba(0,0,0,.2)}.winback-topline>div{min-width:0;flex:1}.winback-topline strong,.winback-topline small{display:block}.winback-topline strong{font-size:14px}.winback-topline small{margin-top:1px;color:#bcd1c4;font-size:10px}.ai-ready{display:flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.07);color:#d9e8de;font-size:9px;font-weight:800}.ai-ready i{width:7px;height:7px;border-radius:50%;background:#63d08f;box-shadow:0 0 0 4px rgba(99,208,143,.1);animation:owner-ai-pulse 2s ease-out infinite}
.winback-copy{position:relative;z-index:1;margin:30px 0 22px}.eyebrow{display:block;color:#418360;font-size:10px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.winback-copy .eyebrow{color:#f3d76f}.winback-copy h3{max-width:470px;margin:7px 0 11px;font-size:clamp(27px,3.2vw,39px);line-height:1.08;letter-spacing:-.045em}.winback-copy p{max-width:530px;color:#c8d9cf;font-size:14px;line-height:1.65}
.return-customer-card{position:relative;z-index:1;display:grid;grid-template-columns:42px 1fr auto;gap:11px;align-items:center;padding:13px;border:1px solid rgba(255,255,255,.11);border-radius:16px 16px 6px 16px;background:rgba(255,255,255,.085);backdrop-filter:blur(10px)}.customer-avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#dff3e6;color:#206544;font-size:11px;font-weight:900}.return-customer-meta strong,.return-customer-meta small{display:block}.return-customer-meta strong{font-size:12px}.return-customer-meta small{margin-top:2px;color:#b9cdc0;font-size:9px}.return-priority{padding:5px 8px;border-radius:999px;background:#fff2ad;color:#72590f;font-size:8px;font-weight:850;white-space:nowrap}
.offer-preview{position:relative;z-index:1;width:calc(100% - 36px);margin:12px 0 0 36px;padding:15px;border:1px solid #d5e8dc;border-radius:16px 16px 16px 6px;background:#f8fffa;color:var(--ink);box-shadow:0 16px 30px rgba(0,0,0,.13)}.offer-label{display:block;margin-bottom:7px;color:#3c805c;font-size:8px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.offer-preview p{font-size:12px;line-height:1.55}.offer-preview>div{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.offer-preview>div span{padding:5px 7px;border-radius:999px;background:#e8f5ec;color:#356b4e;font-size:8px;font-weight:800}.offer-preview>div span:nth-child(2){background:#fff4c2;color:#705912}
.winback-flow{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:7px;margin-top:22px;padding-top:17px;border-top:1px solid rgba(255,255,255,.1);color:#bed0c5;font-size:8px;font-weight:750}.winback-flow span{display:flex;align-items:center;gap:5px}.winback-flow b{width:19px;height:19px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.11);color:#fff;font-size:8px}.winback-flow i{color:#6fa586;font-style:normal}
.owner-benefit-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.owner-benefit{display:grid;grid-template-columns:43px minmax(0,1fr);gap:12px;align-items:start;padding:19px 17px;border:1px solid #d8e6dc;border-radius:20px;background:rgba(255,255,255,.9);box-shadow:0 10px 26px rgba(23,74,52,.055);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.owner-benefit:hover{transform:translateY(-4px);border-color:#b7d5c2;box-shadow:0 18px 34px rgba(23,74,52,.1)}.owner-benefit-icon{width:43px;height:43px;display:grid;place-items:center;border:1px solid #d6e9dc;border-radius:14px;background:linear-gradient(145deg,#e4f4e9,#fff8cf);color:#236d4a;font-size:16px;font-weight:900}.owner-benefit h3{margin:1px 0 5px;font-size:14px;line-height:1.25;letter-spacing:-.02em}.owner-benefit p{color:var(--muted);font-size:10px;line-height:1.55}.owner-control-benefit{background:linear-gradient(145deg,#eef9f2,#fff9d7);border-color:#d8dfaf}
.owner-value-layout.visible .winback-story{animation:owner-story-in .68s cubic-bezier(.22,1,.36,1) both}.owner-value-layout.visible .owner-benefit{animation:owner-benefit-in .48s ease both}.owner-value-layout.visible .owner-benefit:nth-child(2){animation-delay:.07s}.owner-value-layout.visible .owner-benefit:nth-child(3){animation-delay:.14s}.owner-value-layout.visible .owner-benefit:nth-child(4){animation-delay:.21s}.owner-value-layout.visible .owner-benefit:nth-child(5){animation-delay:.28s}.owner-value-layout.visible .owner-benefit:nth-child(6){animation-delay:.35s}
.owner-proof-row{display:grid;grid-template-columns:repeat(4,1fr);margin-top:20px;border:1px solid #d8e6dc;border-radius:20px;background:rgba(255,255,255,.8);box-shadow:0 14px 36px rgba(23,74,52,.06)}.owner-proof-row>div{padding:17px 20px;text-align:center}.owner-proof-row>div+div{border-left:1px solid #e1ebe4}.owner-proof-row strong,.owner-proof-row span{display:block}.owner-proof-row strong{color:var(--navy);font-size:16px;letter-spacing:-.02em}.owner-proof-row span{margin-top:3px;color:var(--muted);font-size:9px}
.owner-value-cta{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:20px;padding:22px 24px;border:1px solid #d4e5da;border-radius:22px;background:linear-gradient(135deg,#e7f5eb,#fff6bf);box-shadow:0 16px 38px rgba(23,74,52,.07)}.owner-value-cta strong,.owner-value-cta span{display:block}.owner-value-cta strong{font-size:18px;letter-spacing:-.025em}.owner-value-cta span{margin-top:3px;color:var(--muted);font-size:11px}
.whatsapp-reason{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:center;padding:34px 38px;border:1px solid #d7e6dc;border-radius:28px;background:rgba(255,255,255,.86);box-shadow:0 18px 46px rgba(23,74,52,.07)}.whatsapp-reason-copy h2{text-align:left;margin:8px 0 11px;font-size:clamp(25px,3.2vw,36px)}.whatsapp-reason-copy p{color:var(--muted);font-size:14px;line-height:1.65}.whatsapp-reason-steps{display:grid;gap:10px}.whatsapp-reason-steps>span{display:grid;grid-template-columns:36px 1fr;gap:11px;align-items:center;padding:12px 14px;border:1px solid #dce9e0;border-radius:14px;background:#f9fcfa}.whatsapp-reason-steps b{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#fff1a2,#f3c94f);color:#174a34;font-size:12px}.whatsapp-reason-steps i{font-style:normal;font-size:12px;font-weight:750}
@keyframes owner-ai-pulse{0%{box-shadow:0 0 0 0 rgba(99,208,143,.42)}70%{box-shadow:0 0 0 9px rgba(99,208,143,0)}100%{box-shadow:0 0 0 0 rgba(99,208,143,0)}}
@keyframes owner-story-in{from{opacity:0;transform:translateX(-24px) scale(.98)}to{opacity:1;transform:none}}
@keyframes owner-benefit-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@media(max-width:900px){.owner-value-layout{grid-template-columns:1fr}.winback-story{max-width:660px;margin:auto}.owner-benefit-grid{max-width:660px;margin:auto}.whatsapp-reason{grid-template-columns:1fr;gap:24px}.owner-proof-row{grid-template-columns:1fr 1fr}.owner-proof-row>div:nth-child(3){border-left:0}.owner-proof-row>div:nth-child(n+3){border-top:1px solid #e1ebe4}}
@media(max-width:700px){.owner-value-heading{margin-bottom:28px}.owner-value-layout{gap:16px}.winback-story{padding:21px 17px;border-radius:23px}.winback-copy{margin:25px 0 18px}.winback-copy h3{font-size:29px}.return-customer-card{grid-template-columns:38px 1fr}.customer-avatar{width:38px;height:38px}.return-priority{grid-column:2;width:max-content}.offer-preview{width:calc(100% - 18px);margin-left:18px}.winback-flow{display:grid;grid-template-columns:1fr}.winback-flow i{display:none}.owner-benefit-grid{grid-template-columns:1fr;gap:9px}.owner-benefit{padding:16px}.owner-proof-row>div{padding:14px 10px}.owner-proof-row strong{font-size:14px}.owner-value-cta{align-items:flex-start;flex-direction:column;padding:20px}.owner-value-cta .btn{width:100%}.whatsapp-reason{padding:24px 20px;border-radius:22px}.whatsapp-reason-copy h2{text-align:left}.whatsapp-reason-steps>span{padding:10px}.whatsapp-reason-steps b{width:32px;height:32px}}
@media(prefers-reduced-motion:reduce){.ai-ready i{animation:none}.owner-value-layout.visible .winback-story,.owner-value-layout.visible .owner-benefit{animation:none}}

/* ── Phone demo ── */
.demo-phone {
  width: min(100%, 430px); height: 720px; margin: 0; background: linear-gradient(145deg,#20292e,#020608 45%);
  border: 2px solid #39464d; border-radius: 58px; padding: 10px;
  box-shadow: 0 44px 75px rgba(14,48,37,.28), 0 12px 24px rgba(14,48,37,.18), inset 0 0 0 2px #000, inset 5px 5px 7px rgba(255,255,255,.12);
  display: flex; flex-direction: column; overflow: hidden; position: relative;
  transform: perspective(1200px) rotateY(2deg) rotateX(1deg); transform-style: preserve-3d;
}
.demo-phone::after { content:""; position:absolute; inset:8px; border-radius:49px; pointer-events:none; box-shadow:inset 0 0 0 1px rgba(255,255,255,.08); z-index:5; }
.phone-button { position:absolute; left:-5px; width:4px; border-radius:4px 0 0 4px; background:#344047; box-shadow:inset 1px 0 rgba(255,255,255,.16); }
.phone-button-one { top:128px; height:56px; }.phone-button-two { top:200px; height:92px; }
.phone-status {
  height: 38px; padding: 4px 17px 0; color: #fff; display: grid;
  grid-template-columns: 1fr auto 1fr; align-items: center; font-size: 12px; flex: 0 0 auto;
}
.phone-status strong { font-size: 14px; letter-spacing: .01em; }
.phone-signals { justify-self: end; font-size: 10px; letter-spacing: 1px; }
.dynamic-island {
  width: 112px; height: 30px; border-radius: 20px; background: #000; display: block;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.04);
}
.dynamic-island i { display: block; width: 6px; height: 6px; border-radius: 50%; background: #172c3b; margin: 12px 13px 0 auto; }
.demo-chat-head {
  min-height: 58px; background: #202c33; color: #fff; display: flex; align-items: center;
  gap: 9px; padding: 7px 12px 8px 8px; flex: 0 0 auto;
}
.back-arrow { font-size: 34px; line-height: 1; font-weight: 300; }
.chat-avatar {
  width: 40px; height: 40px; border-radius: 50%; background: #e7f4e7;
  display: grid; place-items: center; font-size: 20px; flex: 0 0 auto;
}
.chat-business { display: flex; flex-direction: column; min-width: 0; flex: 1; }
.chat-business strong { font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.chat-business small { color: #bdc7cc; font-size: 11px; }.chat-business small i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#44d07b;box-shadow:0 0 0 3px rgba(68,208,123,.12)}
.chat-tools { font-size: 19px; letter-spacing: 3px; white-space: nowrap; }
.demo-screen {
  background-color: #e8dfd5;
  background-image: radial-gradient(rgba(86, 69, 57, .07) 1px, transparent 1px);
  background-size: 18px 18px; min-height: 0; padding: 16px 12px;
  display: flex; flex: 1 1 auto; flex-direction: column; gap: 10px;
  overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin;
  scrollbar-color: rgba(49, 65, 73, .35) transparent;
}
.demo-screen::-webkit-scrollbar { width: 5px; }
.demo-screen::-webkit-scrollbar-thumb { background: rgba(49, 65, 73, .35); border-radius: 9px; }
.demo-bubble { max-width: 85%; padding: 10px 14px; border-radius: 12px; font-size: 14px; white-space: pre-wrap; line-height: 1.5; position:relative; box-shadow:0 2px 4px rgba(28,39,33,.1); animation:bubble-pop .38s cubic-bezier(.2,.9,.3,1.2) both; }
.demo-bubble.in { background: linear-gradient(145deg,#e6ffd4,#d4f6bc); color: #111; align-self: flex-end; border-top-right-radius: 4px; }
.demo-bubble.out { background: linear-gradient(145deg,#fff,#fafafa); color: #111; align-self: flex-start; border-top-left-radius: 4px; }
.demo-bubble strong{display:block;margin-bottom:4px}.demo-bubble .bubble-time{display:block;text-align:right;color:#728078;font-size:9px;line-height:1;margin-top:5px}.demo-bubble .message-options{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.demo-bubble .message-options span{border:1px solid #bcdcca;background:#f8fffa;color:#176845;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:750}
.typing-bubble{display:flex;gap:4px;align-items:center;min-width:54px;min-height:34px}.typing-bubble i{width:7px;height:7px;border-radius:50%;background:#809087;animation:typing-dot 1s infinite}.typing-bubble i:nth-child(2){animation-delay:.15s}.typing-bubble i:nth-child(3){animation-delay:.3s}
@keyframes bubble-pop{from{opacity:0;transform:translateY(10px) scale(.94)}to{opacity:1;transform:none}}@keyframes typing-dot{0%,70%,100%{transform:translateY(0);opacity:.45}35%{transform:translateY(-4px);opacity:1}}
.demo-compose {
  min-height: 58px; background: #111b21; display: flex; align-items: center; gap: 9px;
  padding: 8px 11px; color: #aebac1; flex: 0 0 auto;
}
.demo-compose > span { font-size: 22px; }
.demo-compose div {
  flex: 1; background: #202c33; border-radius: 22px; color: #8696a0;
  padding: 10px 15px; font-size: 13px;
}
.demo-compose b {
  width: 36px; height: 36px; border-radius: 50%; background: #00a884; color: #fff;
  display: grid; place-items: center; font-size: 14px;
}
.home-indicator { width: 126px; height: 5px; border-radius: 5px; background: #fff; margin: 7px auto 3px; flex: 0 0 auto; }
.demo-hint { text-align: center; font-size: 13px; color: var(--muted); margin-top: 14px; }
.demo-stage{position:relative;display:grid;grid-template-columns:minmax(330px,430px) minmax(280px,360px);justify-content:center;align-items:center;gap:44px;padding:34px 28px 16px;isolation:isolate}.demo-stage::before{content:"";position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(115,187,142,.22),rgba(243,201,79,.12) 48%,transparent 70%);filter:blur(8px);z-index:-1}.cartoon-orbit{position:absolute;z-index:4;width:64px;height:64px;border-radius:20px;display:grid;place-items:center;font-size:29px;background:linear-gradient(145deg,#fff,#eef8f1);border:1px solid #fff;box-shadow:0 15px 28px rgba(30,80,57,.18),inset 0 2px 4px #fff;animation:cartoon-float 3.6s ease-in-out infinite}.orbit-one{left:calc(50% - 470px);top:90px;rotate:-10deg}.orbit-two{right:calc(50% - 465px);top:70px;rotate:9deg;animation-delay:.8s}.orbit-three{right:calc(50% - 425px);bottom:55px;rotate:-7deg;animation-delay:1.5s}@keyframes cartoon-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-13px) rotate(3deg)}}
.demo-details{background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(247,252,248,.96));border:1px solid #cfe3d6;border-radius:28px;padding:26px;box-shadow:0 24px 54px rgba(25,74,52,.14),inset 0 1px #fff;position:relative;overflow:hidden}.demo-details::after{content:"";position:absolute;width:130px;height:130px;border-radius:50%;right:-58px;top:-62px;background:var(--yellow-soft);opacity:.75}.demo-details-head{display:flex;gap:13px;align-items:center;position:relative;z-index:1}.demo-details-head>span{width:58px;height:58px;border-radius:18px;background:linear-gradient(145deg,#fff5ba,#f4d25f);display:grid;place-items:center;font-size:29px;box-shadow:0 10px 18px rgba(132,104,25,.18),inset 0 2px 3px rgba(255,255,255,.9)}.demo-details-head small{font-size:9px;letter-spacing:1.4px;color:var(--orange);font-weight:850}.demo-details h3{font-size:20px;margin:3px 0}.demo-details>p{color:var(--muted);font-size:14px;line-height:1.55;margin:18px 0}.service-preview{display:grid;gap:9px}.service-preview article{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px;border:1px solid var(--line);border-radius:15px;background:#fff;animation:service-slide .45s ease both}.service-preview article:nth-child(2){animation-delay:.08s}.service-preview article:nth-child(3){animation-delay:.16s}.service-preview article>span{width:42px;height:42px;border-radius:13px;background:var(--green-soft);display:grid;place-items:center;font-size:20px}.service-preview strong{display:block;font-size:13px}.service-preview small{color:var(--muted);font-size:10px}.service-preview b{font-size:12px;color:var(--orange);white-space:nowrap}.demo-benefit{display:flex;gap:11px;align-items:center;background:var(--navy);color:#fff;border-radius:16px;padding:13px;margin-top:16px}.demo-benefit>span{font-size:21px}.demo-benefit strong{display:block;font-size:12px}.demo-benefit small{color:#bdd5c8;font-size:10px}@keyframes service-slide{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}

/* ── Business picker ── */
.biz-picker { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin: 28px 0; }
.biz-card {
  border: 2px solid var(--line); border-radius: 18px; padding: 24px 16px; text-align: center;
  cursor: pointer; transition: transform .28s,box-shadow .28s,border-color .28s; background: linear-gradient(145deg,#fff,#f9fcfa); color:var(--ink); font:inherit;
  box-shadow:0 10px 20px rgba(25,75,52,.07),inset 0 1px #fff; transform-style:preserve-3d;
}
.biz-card:hover { border-color: var(--orange); transform: perspective(650px) translateY(-7px) rotateX(3deg); box-shadow:0 20px 34px rgba(25,75,52,.16); }
.biz-card.active { border-color: var(--orange); background: linear-gradient(145deg,#e9f8ee,#dff3e6); box-shadow:0 18px 32px rgba(28,102,67,.15),inset 0 1px #fff; transform:translateY(-4px); }
.biz-card .emoji { width:66px;height:66px;border-radius:21px;margin:0 auto 13px;display:grid;place-items:center;background:linear-gradient(145deg,#fff7c9,#f2ce57);box-shadow:0 12px 18px rgba(139,109,27,.17),inset 0 2px 4px #fff;transform:translateZ(18px) rotate(-3deg); }
.biz-card .emoji span{font-size:36px;filter:drop-shadow(0 5px 4px rgba(64,50,15,.18));animation:emoji-bob 3s ease-in-out infinite}.biz-card:nth-child(2) .emoji span{animation-delay:.4s}.biz-card:nth-child(3) .emoji span{animation-delay:.8s}.biz-card:nth-child(4) .emoji span{animation-delay:1.2s}@keyframes emoji-bob{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-5px) rotate(3deg)}}
.biz-card h4 { font-size: 16px; margin-bottom: 4px; }
.biz-card p { font-size: 13px; color: var(--muted); }
.biz-card small{display:block;margin-top:7px;color:var(--orange);font-size:10px;font-weight:800}

/* ── Pricing ── */
.price-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; align-items: stretch; margin-top: 32px; }
.price {
  border: 2px solid var(--line); border-radius: 22px; padding: 28px; background: #fff;
  display: flex; flex-direction: column;
}
.price.featured { border-color: var(--orange); box-shadow: var(--shadow); }
.price h3 { font-size: 20px; margin-bottom: 4px; }
.price .amt { font-size: 42px; font-weight: 800; letter-spacing: -.03em; margin: 10px 0; }
.price p { color: var(--muted); font-size: 15px; margin-bottom: 8px; }
.price ul { list-style: none; color: var(--muted); margin: 16px 0 24px; flex: 1; }
.price li { padding: 8px 0 8px 26px; position: relative; font-size: 15px; }
.price li:before { content: "✓"; position: absolute; left: 0; color: var(--teal); font-weight: 800; font-size: 16px; }
.price .btn { margin-top: auto; }

/* ── Simple FAQ ── */
.faq details {
  background: #fff; border: 1px solid var(--line); border-radius: 16px;
  padding: 18px 22px; margin-bottom: 12px; font-size: 16px;
}
.faq summary { cursor: pointer; font-weight: 700; font-size: 17px; }
.faq details p { margin-top: 10px; color: var(--muted); }

/* ── CTA band ── */
.cta-band {
  background: linear-gradient(135deg, #fff1a8, #e5f5e9);
  color: var(--ink); border: 1px solid #e7d98d; border-radius: 28px; padding: 48px 32px; text-align: center;
}
.cta-band h2 { font-size: clamp(24px, 3.5vw, 36px); }
.cta-band p { color: var(--muted); margin: 12px 0 24px; font-size: 18px; }

/* ── Footer ── */
.footer { background: var(--navy); color: #b5cdbf; padding: 48px 0 24px; margin-top: 40px; }
.footer a:hover { color: #fff; }
.foot-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 24px; }
.footer h4 { color: #fff; margin-bottom: 12px; font-size: 16px; }
.footer .copy { border-top: 1px solid #22324c; margin-top: 28px; padding-top: 16px; font-size: 14px; }

/* ── Form ── */
.form { display: grid; gap: 14px; }
.form label { font-size: 15px; font-weight: 700; }
.form input, .form select, .form textarea {
  width: 100%; padding: 14px 16px; border-radius: 14px; border: 2px solid var(--line);
  font: inherit; font-size: 16px;
}
.form input:focus, .form select:focus, .form textarea:focus { border-color: var(--orange); outline: none; }
.form textarea { min-height: 100px; resize: vertical; }
.notice { padding: 14px 16px; border-radius: 14px; background: #e8fff8; color: #0b6b57; display: none; font-size: 15px; }

/* ── Tabs ── */
.tabs { display: flex; gap: 10px; margin-bottom: 24px; flex-wrap: wrap; justify-content: center; }
.tab { padding: 10px 20px; border-radius: 999px; border: 2px solid var(--line); background: #fff; cursor: pointer; font-weight: 700; font-size: 15px; }
.tab.active { background: var(--navy); color: #fff; border-color: var(--navy); }
.tab-pane { display: none; }
.tab-pane.active { display: block; }

/* ── Comparison ── */
.compare { width: 100%; border-collapse: collapse; font-size: 16px; }
.compare th, .compare td { padding: 14px 18px; border-bottom: 1px solid var(--line); text-align: left; }
.compare th { background: var(--paper); font-weight: 700; font-size: 13px; text-transform: uppercase; color: var(--muted); }
.compare td:first-child { font-weight: 600; }
.compare .yes { color: var(--teal); font-weight: 700; }
.compare .no { color: #d63031; }

/* ── Explorer ── */
.explorer { display: grid; grid-template-columns: 260px 1fr; gap: 24px; }
.explorer nav button {
  width: 100%; text-align: left; padding: 14px 18px; border: 0; background: transparent;
  border-radius: 14px; font-weight: 700; color: var(--muted); cursor: pointer; font-size: 15px;
}
.explorer nav button.active { background: #fff; color: var(--ink); box-shadow: 0 6px 18px rgba(8,17,31,.08); }
.pane { display: none; }
.pane.active { display: block; }

/* ── Login ── */
.login-box { max-width: 480px; margin: 40px auto; }
.choice { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 20px; }
.choice a {
  border: 2px solid var(--line); border-radius: 18px; padding: 24px; text-align: center; font-weight: 700; font-size: 16px;
}
.choice a:hover { border-color: var(--orange); }

/* ── Animations ── */
.fade-up { opacity: 0; transform: translateY(24px); transition: all .5s ease; }
.fade-up.visible { opacity: 1; transform: translateY(0); }

/* ── Responsive ── */
@media (max-width: 900px) {
  .nav-links { display: none; }
  .grid-2, .grid-3, .grid-4, .big-steps, .foot-grid, .explorer, .choice, .price-grid { grid-template-columns: 1fr; }
  .capability-journey { column-gap: 20px; padding-inline: 12px; }
  .biz-picker{grid-template-columns:repeat(2,1fr)}
  .demo-stage{grid-template-columns:minmax(300px,430px);gap:24px;padding-inline:0;overflow:clip}.demo-phone{margin:auto;transform:none}.demo-details{width:min(100%,430px);margin:auto}.cartoon-orbit{display:none}
  .hero { padding-top: 40px; }
  .hero h1 { font-size: 32px; }
  .hero p.lead { font-size: 18px; }
  .demo-phone { max-width: 430px; }
  .section { padding: 48px 0; }
  .btn-xl { padding: 18px 28px; font-size: 18px; }
  .hero-grid { grid-template-columns: 1fr; gap: 32px; }
  .hero-copy { text-align: center; }
  .hero p.lead { margin-inline: auto; }
  .hero-actions, .proof { justify-content: center; }
  .hero-visual { min-height: 420px; }
}

/* Phone and tablet polish */
html { -webkit-text-size-adjust: 100%; }
button, .btn, input, select, textarea { touch-action: manipulation; }
@media (max-width: 700px) {
  body { font-size: 16px; }
  .container { width: min(100% - 28px, 1100px); }
  .nav { padding: 0; background: rgba(255,253,245,.94); border-bottom: 1px solid rgba(23,74,52,.1); box-shadow: 0 8px 26px rgba(23,74,52,.055); }
  .nav-inner { width: min(100% - 24px, 1100px); height: 64px; gap: 10px; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
  .nav-brand { gap: 9px; font-size: 19px; white-space: nowrap; letter-spacing: -.035em; }
  .nav-brand .brand-mark { width: 36px; height: 36px; border-radius: 12px; box-shadow: 0 7px 16px rgba(23,74,52,.18); }
  .brand-word b { color: #4ca475; }
  .nav-cta { gap: 6px; }
  .nav-cta .nav-login { min-height: 38px; padding: 5px 6px 5px 13px; gap: 8px; border: 1px solid #d2e5d9; border-radius: 13px; background: #f4faf6; color: var(--navy); font-size: 13px; font-weight: 800; }
  .nav-login > span:last-child { width: 27px; height: 27px; display: grid; place-items: center; border-radius: 9px; background: var(--navy); color: #fff; font-size: 12px; }
  .nav-cta .btn-orange { display: none; }
  .mobile-label { display: inline; }
  .desktop-label { display: none; }
  .hero { padding: 38px 0 34px; }
  .hero h1 { margin: 16px 0 12px; line-height: 1.12; }
  .hero p.lead, .section .intro { font-size: 17px; line-height: 1.55; }
  .hero-actions { display: grid; gap: 10px; margin: 24px 0; }
  .hero-actions .btn, .cta-band .btn { width: 100%; min-height: 52px; }
  .proof { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px 10px; }
  .proof b { font-size: 24px; }
  .hero-visual { min-height: 350px; }
  .hero-visual::before { width: 300px; height: 300px; }
  .live-card { padding: 16px; border-radius: 22px; transform: none; }
  .live-stats { gap: 6px; }
  .live-stat { padding: 10px 8px; }
  .live-stat b { font-size: 16px; }
  .appt { grid-template-columns: 44px 1fr auto; gap: 7px; padding: 9px 8px; }
  .float-note { right: -2px; bottom: 0; font-size: 10px; }
  .journey-minimal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 22px}.journey-rail{display:none}
  .section { padding: 40px 0; }
  .section .intro { margin-bottom: 26px; }
  .card, .big-step, .price { padding: 20px; border-radius: 17px; }
  .big-steps { margin: 28px 0; }
  .biz-picker { grid-template-columns: 1fr 1fr; gap: 10px; }
  .biz-card { padding: 16px 8px; border-radius:17px; }
  .biz-card .emoji { width:56px;height:56px;border-radius:18px;margin-bottom:10px; }.biz-card .emoji span{font-size:30px}
  .biz-card p{font-size:12px}.biz-card small{font-size:9px}
  .demo-phone { height: min(720px, calc(100svh - 28px)); border-radius: 46px; padding: 8px; }
  .dynamic-island { width: 104px; }
  .demo-screen { padding: 14px 10px; }
  .demo-bubble { max-width: 89%; font-size: 13px; }
  .cta-band { border-radius: 20px; padding: 34px 20px; }
  .compare { font-size: 14px; }
  .compare th, .compare td { padding: 12px 10px; }
  .footer { padding-top: 38px; }
  .foot-grid { gap: 20px; }
  .form input, .form select, .form textarea { min-height: 48px; font-size: 16px; }
  .tabs { flex-wrap: nowrap; overflow-x: auto; justify-content: flex-start; margin-inline: -14px; padding: 0 14px 6px; scrollbar-width: none; }
  .tabs::-webkit-scrollbar { display: none; }
  .tab { white-space: nowrap; min-height: 44px; }
}
@media (max-width:700px){.journey-minimal{margin-top:32px}.journey-minimal-grid{grid-template-columns:1fr;gap:25px}.journey-rail{display:block;top:17px;left:16px;right:auto;bottom:62px;width:2px;height:auto}.journey-rail span{width:100%;height:100%;transform:scaleY(0);transform-origin:top}.journey-minimal.visible .journey-rail span{transform:scaleY(1)}.journey-step{display:grid;grid-template-columns:48px 1fr;column-gap:13px;text-align:left}.journey-node{grid-column:1;grid-row:1/5;margin:0}.journey-icon{display:none}.journey-step .step-label,.journey-step h3,.journey-step p{grid-column:2}.journey-step p{max-width:none;margin:0}.journey-ready{align-items:flex-start;margin-top:30px}.capability-journey{grid-template-columns:1fr;gap:28px;margin-top:34px;padding:0 0 4px 4px}.capability-step,.capability-step:nth-of-type(4),.capability-step:nth-of-type(5),.capability-step:nth-of-type(6){display:grid;grid-template-columns:76px minmax(0,1fr);grid-template-rows:auto auto;column-gap:14px;grid-column:auto;grid-row:auto;text-align:left}.capability-node{grid-column:1;grid-row:1/3;width:62px;height:62px;margin:0;font-size:23px}.capability-step h3,.capability-step p{grid-column:2}.capability-step h3{align-self:end}.capability-step p{max-width:none;margin:0}.capability-rail.turn,.capability-rail.bottom{display:none}.capability-journey .capability-rail.top{display:block;top:31px;left:34px;right:auto;bottom:34px;width:3px;height:auto}.capability-journey .capability-rail.top span{transform:scaleY(0);transform-origin:top}.capability-journey.visible .capability-rail.top span{transform:scaleY(1)}.capability-finish{align-items:flex-start;margin-top:30px}}
@media (prefers-reduced-motion:reduce){.cartoon-orbit,.biz-card .emoji span,.typing-bubble i,.demo-bubble,.service-preview article,.journey-kicker span{animation:none!important}.biz-card{transition:none}.journey-rail span,.journey-step,.journey-icon,.capability-step,.capability-rail,.capability-rail span,.capability-node{transition:none!important}.journey-step,.capability-step{opacity:1;transform:none}.journey-rail span,.capability-rail span{transform:none!important}.capability-rail.turn{opacity:1;transform:none}}

/* ── Calm Growth visual system ── */
body{background:
  radial-gradient(780px 520px at 100% 0,rgba(243,201,79,.13),transparent 62%),
  radial-gradient(680px 500px at 0 42%,rgba(70,155,107,.09),transparent 68%),
  var(--cream)}
.nav{padding:10px 0;background:rgba(255,253,245,.82);border-bottom:0;box-shadow:none}
.nav-inner{height:62px;padding:0 12px 0 14px;border:1px solid rgba(23,74,52,.12);border-radius:18px;background:rgba(255,255,255,.86);box-shadow:0 10px 34px rgba(23,74,52,.07)}
.brand{color:var(--navy);font-weight:850}.brand-mark{overflow:hidden;box-shadow:0 8px 18px rgba(23,74,52,.22)}
.nav-links{gap:8px}.nav-links a{padding:8px 11px;border-radius:999px;transition:.18s}.nav-links a:hover{background:#eef8f2;color:var(--navy)}.nav-links a.active{background:#e5f4eb;color:var(--navy)}
.btn{letter-spacing:-.01em;box-shadow:none}.btn-orange{background:linear-gradient(135deg,#1f6847,#2d865e);box-shadow:0 9px 22px rgba(31,104,71,.2)}.btn-orange:hover{background:linear-gradient(135deg,#18583b,#26734f)}.btn-ghost{border:1px solid #d6e4da;background:rgba(255,255,255,.75)}
.hero{position:relative;padding:86px 0 72px;background:
  radial-gradient(610px 390px at 82% 12%,rgba(243,201,79,.32),transparent 68%),
  radial-gradient(650px 480px at 0 54%,rgba(83,168,120,.19),transparent 64%),
  linear-gradient(145deg,#fbfff9 0%,#fffbed 64%,#fff8dc 100%)}
.hero::after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,#b9d8c5,transparent)}
.kicker{background:#fffdf8;border-color:#cbe2d3;box-shadow:0 7px 20px rgba(23,74,52,.06)}.kicker::before{content:"";width:7px;height:7px;border-radius:50%;background:#45a06f;box-shadow:0 0 0 5px rgba(69,160,111,.1)}
.hero h1{max-width:700px}.hero h1 .highlight::after{bottom:1px;height:14px;background:#f3c94f;opacity:.7}.hero p.lead{line-height:1.6}
.live-card{border-color:rgba(23,74,52,.14);background:rgba(255,255,255,.9);box-shadow:0 34px 80px rgba(23,74,52,.18),inset 0 1px #fff}.hero-visual::before{background:linear-gradient(145deg,#fff3af,#f4ca50);opacity:.82;box-shadow:0 25px 55px rgba(173,133,28,.12)}
.trust-strip{position:relative;z-index:3;margin-top:-25px}.trust-inner{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:22px;padding:16px 20px;border:1px solid #d8e7dd;border-radius:18px;background:rgba(255,255,255,.94);box-shadow:0 16px 38px rgba(23,74,52,.09)}.trust-inner>strong{font-size:12px;color:var(--navy);white-space:nowrap}.trust-businesses{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.trust-businesses span{padding:8px 10px;border-radius:11px;background:#f2f8f4;color:#53665b;text-align:center;font-size:11px;font-weight:750}
.section{position:relative}.section.alt{background:linear-gradient(180deg,rgba(234,247,239,.78),rgba(246,251,247,.92));border-block:1px solid rgba(23,74,52,.055)}.section h2{color:var(--ink)}
.card,.big-step,.price{border-color:#d9e6dd;background:rgba(255,255,255,.93);box-shadow:0 8px 28px rgba(23,74,52,.055)}.card p,.big-step p,.price p{color:var(--muted)}
.icon{background:linear-gradient(145deg,#e6f5eb,#fff8cf);border:1px solid #d9e9df;box-shadow:0 8px 18px rgba(23,74,52,.08)}.card:nth-child(3n+2) .icon{background:linear-gradient(145deg,#fff7c9,#f5df7d)}
.big-step .num{background:linear-gradient(145deg,#fff4b8,#f3ca4d);box-shadow:0 9px 20px rgba(150,115,20,.13)}
.page-hero{padding:72px 0 74px;background:
  radial-gradient(650px 320px at 92% 0,rgba(243,201,79,.25),transparent 66%),
  radial-gradient(560px 340px at 0 30%,rgba(84,166,119,.14),transparent 68%),
  linear-gradient(180deg,#fbfff9,#fffdf5)}
.page-hero>.container>h2{font-size:clamp(34px,5vw,56px);max-width:850px;margin:auto;line-height:1.08}.page-hero>.container>.intro{max-width:730px}
.tabs{padding:6px;border:1px solid #dce8df;border-radius:999px;background:rgba(255,255,255,.82);width:max-content;max-width:100%;margin-inline:auto}.tab{border:0;background:transparent}.tab.active{background:var(--navy);box-shadow:0 7px 17px rgba(23,74,52,.19)}
.price{position:relative;overflow:hidden;padding:30px}.price.featured{border-color:#6aaa83;box-shadow:0 26px 60px rgba(23,74,52,.14);transform:translateY(-8px)}.price.featured::before{content:"Most popular";position:absolute;right:18px;top:18px;padding:5px 9px;border-radius:999px;background:#fff1a9;color:#735a10;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.price .amt{color:var(--navy)}
.faq details{background:rgba(255,255,255,.9);border-color:#d9e6dd}.faq details[open]{border-color:#b8d5c3;box-shadow:0 10px 25px rgba(23,74,52,.07)}
.cta-band{position:relative;overflow:hidden;background:radial-gradient(280px 180px at 100% 0,rgba(243,201,79,.7),transparent 70%),linear-gradient(135deg,#eff9f2,#fff8cb);border-color:#e3da9e;box-shadow:0 24px 55px rgba(23,74,52,.1)}
.footer{background:radial-gradient(500px 260px at 90% 0,rgba(243,201,79,.08),transparent 70%),linear-gradient(145deg,#143d2c,#0f3022)}.footer .copy{border-top-color:rgba(255,255,255,.1)}
.form input,.form select,.form textarea{border:1.5px solid var(--line);background:#fff}.form input:focus,.form select:focus,.form textarea:focus{box-shadow:0 0 0 4px rgba(38,122,84,.1)}
.explorer nav{padding:8px;border:1px solid #dce8df;border-radius:20px;background:rgba(255,255,255,.7)}.explorer nav button.active{color:var(--navy);background:linear-gradient(135deg,#edf8f1,#fff9d9);box-shadow:none}
.panel{min-height:100%;padding:26px;border:1px solid #284f3d;border-radius:22px;background:radial-gradient(260px 180px at 100% 0,rgba(243,201,79,.13),transparent 70%),linear-gradient(145deg,#173f2f,#102e21);color:#e9f3ed;box-shadow:0 18px 42px rgba(23,74,52,.16)}
.panel h3{color:#fff}.timeline{display:grid;gap:10px;margin-top:18px}.tl-item{position:relative;padding:12px 14px 12px 38px;border:1px solid #dce8df;border-radius:14px;background:#fbfefc}.tl-item::before{content:"";position:absolute;left:15px;top:18px;width:9px;height:9px;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 5px #fff4bd}.tl-item h4{font-size:14px}.tl-item p{color:var(--muted);font-size:12px;margin-top:2px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.stat{padding:14px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,#f4fbf6,#fffbed)}.stat .num{color:var(--navy);font-size:22px;font-weight:850}.stat .lbl{margin-top:3px;color:var(--muted);font-size:10px;line-height:1.35}
@media(max-width:900px){.trust-inner{grid-template-columns:1fr}.trust-inner>strong{text-align:center}.trust-businesses{grid-template-columns:repeat(3,1fr)}.page-hero{padding:50px 0}.price.featured{transform:none}}
@media(max-width:700px){.nav{padding:6px 0}.nav-inner{height:58px;border-radius:15px;padding-inline:8px}.hero{padding:52px 0 44px}.trust-strip{margin-top:-16px}.trust-inner{padding:13px;gap:10px}.trust-businesses{grid-template-columns:repeat(2,1fr)}.page-hero{padding:40px 0 46px}.page-hero>.container>h2{font-size:32px}.tabs{width:100%;border-radius:16px}.price.featured::before{position:static;width:max-content;margin-bottom:10px}.cta-band{padding:36px 20px}.stat-grid{grid-template-columns:1fr 1fr}.panel{padding:20px;border-radius:18px}}

/* ── Orbit booking showcase ── */
.orbit-showcase {
  display: block;
  width: min(100%, 1040px);
  height: 830px;
  margin: 8px auto 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid #d2e5d8;
  border-radius: 34px;
  background:
    radial-gradient(circle at 13% 13%, rgba(243,201,79,.34), transparent 21%),
    radial-gradient(circle at 84% 82%, rgba(49,134,88,.18), transparent 29%),
    linear-gradient(145deg,#eff9f2,#fffdf5 58%);
  box-shadow: 0 28px 72px rgba(18,67,44,.15);
}
.orbit-showcase::before {
  width: 670px;
  height: 670px;
  left: 50%;
  top: 53%;
  background: radial-gradient(circle,rgba(123,199,151,.21),rgba(243,201,79,.1) 48%,transparent 70%);
  transform: translate(-50%,-50%);
  filter: blur(10px);
}
.orbit-track {
  position: absolute;
  left: 50%;
  top: 51%;
  z-index: 0;
  width: min(82%, 790px);
  height: 410px;
  border: 1px dashed rgba(31,104,71,.32);
  border-radius: 50%;
  transform: translate(-50%,-50%) rotate(-7deg);
}
.orbit-track::before {
  content: "";
  position: absolute;
  inset: 15%;
  border: 1px solid rgba(31,104,71,.1);
  border-radius: 50%;
}
.orbit-track i {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: var(--yellow);
  box-shadow: 0 0 0 11px rgba(243,201,79,.2);
  transform: translate(-50%,-50%);
  animation: orbit-center-pulse 2s ease-in-out infinite;
}
.orbit-picker { position: absolute; inset: 0; z-index: 5; pointer-events: none; }
.orbit-biz {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 11px;
  width: 190px;
  min-height: 74px;
  padding: 12px 14px;
  border: 1px solid #d2e3d8;
  border-radius: 20px;
  background: rgba(255,255,255,.94);
  box-shadow: 0 17px 38px rgba(19,70,47,.15), inset 0 1px #fff;
  text-align: left;
  pointer-events: auto;
  transform-style: preserve-3d;
  animation: orbit-card-in .55s cubic-bezier(.2,.8,.2,1) both, orbit-card-float 4s 1s ease-in-out infinite;
}
.orbit-biz:hover {
  border-color: #6aaf84;
  box-shadow: 0 23px 45px rgba(19,70,47,.2), inset 0 1px #fff;
  transform: translateY(-4px) rotateX(2deg);
}
.orbit-biz.active {
  border: 2px solid #2f865d;
  background: linear-gradient(145deg,#effbf3,#fffce9);
  box-shadow: 0 22px 48px rgba(28,113,72,.21), 0 0 0 6px rgba(59,145,94,.08);
  transform: none;
}
.orbit-biz .emoji {
  display: grid;
  place-items: center;
  flex: 0 0 45px;
  width: 45px;
  height: 45px;
  margin: 0;
  border-radius: 14px;
  background: linear-gradient(145deg,#fff7c8,#f3d258);
  box-shadow: 0 9px 16px rgba(139,109,27,.15), inset 0 2px 4px #fff;
  transform: translateZ(12px) rotate(-2deg);
}
.orbit-biz .emoji span { font-size: 24px; }
.orbit-biz strong { display: block; color: var(--ink); font-size: 14px; line-height: 1.2; }
.orbit-biz small { display: block; margin: 4px 0 0; color: var(--muted); font-size: 10px; font-weight: 650; }
.node-salon { left: 6%; top: 25%; }
.node-clinic { right: 5%; top: 22%; animation-delay: .12s, 1.35s; }
.node-lab { left: 9%; bottom: 13%; animation-delay: .24s, 1.7s; }
.node-carwash { right: 7%; bottom: 12%; animation-delay: .36s, 2.05s; }

.demo-phone-wrap {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 4;
  width: 328px;
  height: 670px;
  perspective: 1500px;
  transform: translate(-50%,-50%);
}
.orbit-showcase .demo-phone {
  width: 316px;
  height: 658px;
  max-width: none;
  margin: 0;
  border: 1px solid #8a9293;
  border-radius: 53px;
  padding: 7px;
  overflow: visible;
  isolation: isolate;
  background:
    linear-gradient(115deg,rgba(255,255,255,.82),rgba(255,255,255,0) 9%,rgba(255,255,255,0) 88%,rgba(255,255,255,.46)),
    linear-gradient(145deg,#aeb5b5 0%,#3c4546 11%,#080d0e 30%,#050708 71%,#687173 91%,#c0c6c5 100%);
  box-shadow:
    -24px 34px 52px rgba(15,55,38,.25),
    0 56px 76px rgba(10,38,27,.26),
    inset 0 0 0 1px rgba(255,255,255,.5),
    inset 4px 0 5px rgba(255,255,255,.22),
    inset -4px 0 5px rgba(0,0,0,.46);
  transform: rotateX(3.4deg) rotateY(-10deg) rotateZ(.7deg);
  transform-style: preserve-3d;
  animation: iphone-orbit-enter .85s cubic-bezier(.16,.82,.25,1) both;
}
.orbit-showcase .demo-phone::before {
  content: "";
  position: absolute;
  inset: 2px;
  z-index: 8;
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 50px;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.42);
  pointer-events: none;
}
.orbit-showcase .demo-phone::after {
  inset: 7px;
  z-index: 8;
  border-radius: 46px;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08), inset 0 0 12px rgba(0,0,0,.5);
}
.orbit-showcase .phone-screen-clip {
  position: relative;
  display: flex;
  flex: 1;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  border-radius: 46px;
  background: #050a0c;
  box-shadow: 0 0 0 1px rgba(0,0,0,.75), inset 0 0 12px rgba(0,0,0,.3);
  transform: translateZ(4px);
}
.orbit-showcase .phone-button {
  z-index: -1;
  width: 5px;
  border: 1px solid #596264;
  background: linear-gradient(90deg,#2b3436,#a2acad 54%,#3f484a);
  box-shadow: inset 1px 0 rgba(255,255,255,.28), -2px 2px 4px rgba(0,0,0,.22);
}
.orbit-showcase .phone-action-button { left: -6px; top: 99px; height: 32px; border-radius: 4px 0 0 4px; }
.orbit-showcase .phone-button-one { left: -6px; top: 153px; height: 54px; border-radius: 4px 0 0 4px; }
.orbit-showcase .phone-button-two { left: -6px; top: 218px; height: 54px; border-radius: 4px 0 0 4px; }
.orbit-showcase .phone-power-button,
.orbit-showcase .phone-camera-button { left: auto; right: -6px; border-radius: 0 4px 4px 0; }
.orbit-showcase .phone-power-button { top: 174px; height: 92px; }
.orbit-showcase .phone-camera-button { top: 294px; height: 58px; border-radius: 0 5px 5px 0; }
.orbit-showcase .phone-status {
  height: 39px;
  padding: 4px 16px 0;
  border-radius: 45px 45px 0 0;
  background: #050a0c;
}
.orbit-showcase .phone-status strong { font-size: 13px; font-weight: 750; }
.orbit-showcase .dynamic-island {
  position: relative;
  width: 91px;
  height: 26px;
  border-radius: 999px;
  background: #000;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.035), 0 1px 2px rgba(255,255,255,.04);
}
.orbit-showcase .dynamic-island i {
  position: absolute;
  right: 10px;
  top: 8px;
  width: 8px;
  height: 8px;
  margin: 0;
  background: radial-gradient(circle at 35% 35%,#365f72,#0d1b25 45%,#020405 72%);
  box-shadow: inset 0 0 1px rgba(104,178,207,.65);
}
.orbit-showcase .dynamic-island b {
  position: absolute;
  left: 13px;
  top: 10px;
  width: 44px;
  height: 5px;
  border-radius: 9px;
  background: #050505;
  box-shadow: inset 0 1px rgba(255,255,255,.025);
}
.orbit-showcase .phone-signals { display: flex; align-items: center; justify-content: flex-end; gap: 5px; }
.orbit-showcase .signal-bars { display: flex; align-items: end; gap: 1.5px; width: 13px; height: 10px; }
.orbit-showcase .signal-bars b { display: block; width: 2px; border-radius: 2px; background: #fff; }
.orbit-showcase .signal-bars b:nth-child(1) { height: 4px; }
.orbit-showcase .signal-bars b:nth-child(2) { height: 6px; }
.orbit-showcase .signal-bars b:nth-child(3) { height: 8px; }
.orbit-showcase .signal-bars b:nth-child(4) { height: 10px; }
.orbit-showcase .wifi-mark {
  width: 12px;
  height: 9px;
  border: 2px solid #fff;
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-radius: 50% 50% 0 0;
  position: relative;
}
.orbit-showcase .wifi-mark::after { content:""; position:absolute; left:3px; top:4px; width:3px; height:3px; border-radius:50%; background:#fff; }
.orbit-showcase .battery-mark {
  position: relative;
  width: 19px;
  height: 9px;
  padding: 1px;
  border: 1px solid rgba(255,255,255,.86);
  border-radius: 3px;
}
.orbit-showcase .battery-mark::after { content:""; position:absolute; right:-3px; top:2px; width:2px; height:3px; border-radius:0 2px 2px 0; background:rgba(255,255,255,.72); }
.orbit-showcase .battery-mark b { display:block; width:88%; height:100%; border-radius:1px; background:#fff; }
.orbit-showcase .demo-chat-head { min-height: 60px; }
.orbit-showcase .demo-screen {
  background-color: #e7dfd5;
  box-shadow: inset 0 8px 15px rgba(64,55,47,.05);
}
.orbit-showcase .demo-bubble.in {
  animation: message-send-in .48s cubic-bezier(.18,.82,.24,1) both;
}
.orbit-showcase .demo-bubble.out {
  animation: message-receive-in .48s cubic-bezier(.18,.82,.24,1) both;
}
.orbit-showcase .typing-bubble { animation: message-receive-in .38s ease both; }
.orbit-showcase .phone-glass-reflection {
  position: absolute;
  inset: 0;
  z-index: 7;
  overflow: hidden;
  border-radius: 46px;
  background:
    linear-gradient(112deg,rgba(255,255,255,.15),rgba(255,255,255,0) 17%,rgba(255,255,255,0) 72%,rgba(255,255,255,.04));
  pointer-events: none;
  mix-blend-mode: screen;
}

.demo-replay {
  position: absolute;
  right: 24px;
  top: 24px;
  z-index: 7;
  min-height: 44px;
  padding: 10px 15px;
  border: 0;
  border-radius: 999px;
  background: var(--navy);
  color: #fff;
  font: inherit;
  font-size: 12px;
  font-weight: 800;
  box-shadow: 0 12px 27px rgba(23,74,52,.2);
  cursor: pointer;
  transition: transform .2s, box-shadow .2s;
}
.demo-replay:hover { transform: translateY(-2px); box-shadow: 0 16px 31px rgba(23,74,52,.25); }
.demo-live-pill {
  position: absolute;
  left: 50%;
  bottom: 22px;
  z-index: 7;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 11px 16px;
  border: 1px solid #d3e5d9;
  border-radius: 999px;
  background: rgba(255,255,255,.94);
  color: var(--ink);
  box-shadow: 0 13px 30px rgba(17,67,44,.15);
  font-size: 11px;
  font-weight: 750;
  white-space: nowrap;
  transform: translateX(-50%);
}
.demo-live-pill i {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #35a66c;
  box-shadow: 0 0 0 0 rgba(53,166,108,.42);
  animation: orbit-live-pulse 1.8s ease-out infinite;
}

@keyframes orbit-card-in { from { opacity:0; transform:scale(.82) } to { opacity:1; transform:scale(1) } }
@keyframes orbit-card-float { 0%,100%{translate:0 0;rotate:-1deg} 50%{translate:0 -9px;rotate:1deg} }
@keyframes orbit-center-pulse { 0%,100%{transform:translate(-50%,-50%) scale(.9)} 50%{transform:translate(-50%,-50%) scale(1.14)} }
@keyframes iphone-orbit-enter {
  from { opacity:0; transform:translateY(85px) rotateX(12deg) rotateY(-24deg) rotateZ(4deg) }
  to { opacity:1; transform:translateY(0) rotateX(3.4deg) rotateY(-10deg) rotateZ(.7deg) }
}
@keyframes message-send-in {
  from { opacity:0; transform:translateX(24px) scale(.94) }
  70% { opacity:1; transform:translateX(0) scale(1.02) }
  to { opacity:1; transform:none }
}
@keyframes message-receive-in {
  from { opacity:0; transform:translateX(-24px) scale(.94) }
  70% { opacity:1; transform:translateX(0) scale(1.02) }
  to { opacity:1; transform:none }
}
@keyframes orbit-live-pulse { 0%{box-shadow:0 0 0 0 rgba(53,166,108,.42)} 70%{box-shadow:0 0 0 10px rgba(53,166,108,0)} 100%{box-shadow:0 0 0 0 rgba(53,166,108,0)} }

@media (max-width: 900px) {
  .orbit-showcase { height: 1040px; }
  .orbit-showcase::before { top: 65%; }
  .orbit-track { top: 66%; width: 560px; height: 390px; }
  .orbit-picker {
    top: 78px;
    left: 20px;
    right: 20px;
    bottom: auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
  }
  .orbit-biz,
  .orbit-biz.node-salon,
  .orbit-biz.node-clinic,
  .orbit-biz.node-lab,
  .orbit-biz.node-carwash {
    position: static;
    width: auto;
    min-height: 70px;
    animation: orbit-card-in .5s ease both;
  }
  .orbit-biz:hover { transform: none; }
  .demo-phone-wrap { top: 66%; }
  .demo-replay { top: 18px; right: 18px; }
}

@media (max-width: 700px) {
  .orbit-showcase { height: 940px; border-radius: 26px; }
  .orbit-picker { top: 76px; left: 12px; right: 12px; gap: 9px; }
  .orbit-biz { padding: 9px 10px; border-radius: 17px; }
  .orbit-biz .emoji { width: 39px; height: 39px; flex-basis: 39px; border-radius: 12px; }
  .orbit-biz .emoji span { font-size: 21px; }
  .orbit-biz strong { font-size: 12px; }
  .orbit-biz small { font-size: 9px; }
  .orbit-track { top: 64%; width: 490px; height: 340px; }
  .demo-phone-wrap { top: 64%; width: 270px; height: 582px; }
  .orbit-showcase .demo-phone { width: 262px; height: 574px; border-radius: 47px; padding: 6px; }
  .orbit-showcase .demo-phone::before { border-radius: 44px; }
  .orbit-showcase .demo-phone::after { inset: 6px; border-radius: 40px; }
  .orbit-showcase .phone-screen-clip,.orbit-showcase .phone-glass-reflection { border-radius: 40px; }
  .orbit-showcase .phone-action-button { top: 90px; }
  .orbit-showcase .phone-button-one { top: 139px; }
  .orbit-showcase .phone-button-two { top: 199px; }
  .orbit-showcase .phone-power-button { top: 158px; height: 84px; }
  .orbit-showcase .phone-camera-button { top: 268px; height: 52px; }
  .orbit-showcase .demo-screen { padding: 13px 9px; }
  .orbit-showcase .demo-bubble { max-width: 91%; font-size: 12px; }
  .demo-live-pill { bottom: 15px; max-width: calc(100% - 24px); }
  .demo-replay { min-height: 42px; padding: 9px 13px; }
}

@media (prefers-reduced-motion: reduce) {
  .orbit-biz,.orbit-track i,.orbit-showcase .demo-phone,.orbit-showcase .demo-bubble,.demo-live-pill i { animation:none!important; }
}