:root {
  --navy: #0b1530;
  --navy-2: #111f42;
  --ink: #142140;
  --text: #60708b;
  --paper: #f7f8fc;
  --white: #ffffff;
  --line: #e5e9f2;
  --blue: #5478ff;
  --blue-deep: #3158ee;
  --sky: #e8edff;
  --mint: #78e8ce;
  --lilac: #eeeaff;
  --red: #ed6d7a;
  --radius: 22px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; -webkit-font-smoothing: antialiased; }
button, a { font: inherit; }
a { color: inherit; }
button { cursor: pointer; }
.container { width: min(1180px, calc(100% - 48px)); margin-inline: auto; }
.skip-link { position: fixed; z-index: 20; top: -64px; left: 18px; padding: 12px 16px; color: var(--navy); background: #fff; border-radius: 9px; transition: top .2s; }
.skip-link:focus { top: 18px; }
/* Header and first conversion moment */
.hero-shell { overflow: hidden; color: #fff; background: radial-gradient(ellipse 58% 74% at 82% 48%, rgba(57, 90, 229, .43), transparent 72%), radial-gradient(ellipse 52% 48% at 70% 105%, rgba(40, 204, 179, .14), transparent 70%), linear-gradient(125deg, #080d1f 0%, #0b1530 46%, #101f42 100%); }
.nav { display: flex; min-height: 86px; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(232, 238, 255, .14); }
.brand { display: inline-flex; align-items: center; gap: 9px; color: inherit; font-size: 21px; font-weight: 800; letter-spacing: -.065em; text-decoration: none; }
.brand-logo { display: block; width: 29px; height: 29px; border-radius: 50%; background: #fff; object-fit: cover; }
.brand-mark { position: relative; display: inline-block; width: 26px; height: 26px; overflow: hidden; border-radius: 50%; background: #fff; }
.brand-mark i { position: absolute; display: block; border: 2px solid var(--blue-deep); border-radius: 50%; }
.brand-mark i:nth-child(1) { left: -7px; top: -4px; width: 30px; height: 30px; }
.brand-mark i:nth-child(2) { left: 2px; top: 5px; width: 21px; height: 21px; }
.brand-mark i:nth-child(3) { left: 9px; top: 10px; width: 12px; height: 12px; }
.dash-logo { display: block; width: 18px; height: 18px; flex: 0 0 auto; border-radius: 50%; object-fit: cover; }
.dash-modules { display: flex; align-items: center; gap: 4px; margin-left: 2px; color: #7f8ba1; font-size: 7px; font-weight: 750; white-space: nowrap; }.dash-modules span { padding: 4px 5px; border-radius: 4px; }.dash-modules .module-active { color: #fff; background: #23a980; }
.menu { display: flex; align-items: center; gap: 28px; font-size: 13px; font-weight: 600; }
.menu > a:not(.menu-cta) { color: rgba(255,255,255,.72); text-decoration: none; transition: color .2s; }
.menu > a:not(.menu-cta):hover { color: #fff; }
.menu-cta { padding: 12px 15px; border: 1px solid rgba(255,255,255,.4); border-radius: 999px; color: #fff; text-decoration: none; transition: background .2s, border .2s; }
.menu-cta:hover { border-color: var(--mint); background: rgba(120,232,206,.12); }
.menu-cta span { margin-left: 4px; color: var(--mint); }
.menu-button { display: none; padding: 8px 0; border: 0; color: #fff; background: none; font-size: 13px; font-weight: 700; }
.menu-button span { color: var(--mint); font-size: 16px; }

.hero { display: grid; grid-template-columns: .86fr 1.14fr; min-height: 640px; gap: 32px; align-items: center; padding: 50px 0 70px; }
.pill, .section-kicker { display: flex; align-items: center; gap: 9px; margin: 0 0 22px; font-size: 10px; font-weight: 800; letter-spacing: .11em; }
.pill { color: #bfccff; }
.pill-dot, .section-kicker span { width: 7px; height: 7px; border-radius: 50%; background: var(--mint); box-shadow: 0 0 0 5px rgba(120,232,206,.11); }
.hero h1 { max-width: 580px; margin: 0 0 20px; color: #fff; font-size: clamp(48px, 4.7vw, 65px); font-weight: 660; line-height: .99; letter-spacing: -.073em; }
.hero-text { max-width: 500px; margin: 0; color: #bac4df; font-size: 16px; line-height: 1.5; }
.hero-actions { display: flex; align-items: center; gap: 24px; margin-top: 24px; }
.button { display: inline-flex; align-items: center; gap: 17px; padding: 15px 19px; border-radius: 10px; font-size: 13px; font-weight: 780; text-decoration: none; transition: transform .2s, box-shadow .2s; }
.button:hover { transform: translateY(-2px); }
.button-primary { color: #0b1530; background: var(--mint); box-shadow: 0 13px 27px rgba(65,224,190,.16); }
.button-primary span { font-size: 17px; }
.inline-link { color: #fff; font-size: 13px; font-weight: 700; text-decoration: none; }.inline-link span { margin-left: 6px; color: var(--mint); }
.hero-proof { display: flex; flex-wrap: wrap; gap: 9px 17px; margin: 35px 0 0; padding: 0; color: #aebad4; list-style: none; font-size: 11px; }.hero-proof li { display: flex; align-items: center; gap: 5px; }.hero-proof i, .limits-copy li i { display: grid; width: 15px; height: 15px; place-items: center; border-radius: 50%; color: #101c38; background: var(--mint); font-size: 9px; font-style: normal; font-weight: 900; }

/* Product demonstration */
.product-stage { position: relative; align-self: end; min-height: 485px; padding: 34px 0 0 28px; }.stage-glow { position: absolute; z-index: 0; right: -12%; bottom: -27%; width: 80%; height: 76%; border-radius: 50%; opacity: .58; filter: blur(45px); background: #3457f0; }.dashboard { position: relative; z-index: 1; overflow: hidden; min-width: 660px; border: 1px solid rgba(255,255,255,.55); border-radius: 15px 0 0 0; color: var(--ink); background: #fff; box-shadow: -28px 35px 70px rgba(0,0,0,.28); }.dash-topbar { display: flex; height: 54px; align-items: center; gap: 16px; padding: 0 18px; border-bottom: 1px solid var(--line); }.dash-brand { display: flex; align-items: center; gap: 6px; color: #18234a; font-size: 15px; letter-spacing: -.055em; }.dash-mark { position: relative; width: 17px; height: 17px; overflow: hidden; border-radius: 50%; background: var(--blue-deep); }.dash-mark i { position: absolute; display: block; border: 1px solid #fff; border-radius: 50%; }.dash-mark i:first-child { left: -4px; top: -1px; width: 20px; height: 20px; }.dash-mark i:last-child { left: 5px; top: 7px; width: 10px; height: 10px; }.dash-live { display: flex; align-items: center; gap: 6px; margin-left: auto; color: #7b87a0; font-size: 9px; font-weight: 650; }.dash-live i { width: 6px; height: 6px; border-radius: 50%; background: #3cd1ac; box-shadow: 0 0 0 3px #e2fcf5; }.dash-avatar { display: grid; width: 24px; height: 24px; place-items: center; border-radius: 50%; color: #fff; background: #a58470; font-size: 8px; font-weight: 800; }.dash-main { display: grid; grid-template-columns: 43px 205px 1fr 174px; min-height: 395px; }.dash-sidebar { display: grid; align-content: start; justify-items: center; gap: 19px; padding-top: 21px; border-right: 1px solid var(--line); background: #f9faff; }.dash-sidebar span { display: block; width: 16px; height: 16px; border: 1.5px solid #adb9cf; border-radius: 4px; }.dash-sidebar span:nth-child(2) { border-radius: 50%; }.dash-sidebar span:nth-child(3) { height: 12px; border-radius: 3px; }.dash-sidebar .side-active { position: relative; border-color: var(--blue); background: #eef1ff; }.dash-sidebar .side-active::after { position: absolute; top: 1px; left: -8px; width: 3px; height: 11px; content: ""; border-radius: 0 3px 3px 0; background: var(--blue); }.inbox-panel { border-right: 1px solid var(--line); background: #fff; }.panel-heading { display: flex; align-items: start; justify-content: space-between; padding: 18px 15px 12px; }.panel-heading p, .insight-head p { margin: 0 0 3px; color: #8994aa; font-size: 8px; font-weight: 700; }.panel-heading h2 { margin: 0; font-size: 15px; letter-spacing: -.04em; }.panel-heading button, .chat-heading button { border: 0; color: #8491a8; background: transparent; }.filter-row { display: flex; gap: 5px; padding: 0 12px 12px; }.filter { padding: 5px 7px; border: 0; border-radius: 5px; color: #8792a8; background: transparent; font-size: 8px; font-weight: 700; }.filter b { padding: 1px 4px; border-radius: 8px; font-size: 7px; }.filter.selected { color: var(--blue-deep); background: #edf0ff; }.filter.selected b { color: #fff; background: var(--blue); }.conversation-list { border-top: 1px solid #f0f2f7; }.conversation { position: relative; display: grid; grid-template-columns: 26px 1fr; gap: 8px; align-items: center; min-height: 57px; padding: 7px 11px; border-bottom: 1px solid #f1f3f8; }.conversation.selected { background: #f3f5ff; }.avatar { display: grid; width: 26px; height: 26px; place-items: center; border-radius: 50%; color: #fff; font-size: 7px; font-weight: 800; }.avatar-camila { background: #e27e8d; }.avatar-lucas { background: #5c8ec8; }.avatar-renata { background: #9b8acd; }.avatar-joao { background: #87a879; }.conversation-title { display: flex; justify-content: space-between; gap: 2px; }.conversation-title b { color: #2e3a58; font-size: 9px; }.conversation-title time { color: #9aa4b7; font-size: 7px; }.conversation p { overflow: hidden; margin: 2px 0 0; color: #8791a4; font-size: 8px; white-space: nowrap; text-overflow: ellipsis; }.message-count { position: absolute; right: 12px; bottom: 8px; display: grid; width: 13px; height: 13px; place-items: center; border-radius: 50%; color: #fff; background: var(--blue); font-size: 7px; font-weight: 800; }.view-all { width: calc(100% - 24px); margin: 11px 12px; padding: 7px; border: 1px solid #e4e7f0; border-radius: 5px; color: #566987; background: #fff; font-size: 8px; font-weight: 700; }.view-all span { margin-left: 5px; color: var(--blue); }.chat-panel { display: grid; grid-template-rows: 56px 1fr 44px; min-width: 255px; background: #f8f9fc; }.chat-heading { display: flex; align-items: center; gap: 7px; padding: 0 13px; border-bottom: 1px solid var(--line); background: #fff; }.profile { display: flex; align-items: center; gap: 7px; }.profile b { color: #2d3956; font-size: 9px; }.profile p { margin: 1px 0 0; color: #8c98ab; font-size: 7px; }.chat-state { margin-left: auto; padding: 4px 6px; border-radius: 4px; color: #318c75; background: #e4fbf5; font-size: 7px; font-weight: 700; }.chat-heading button { padding: 3px; letter-spacing: 1px; }.chat-body { position: relative; padding: 14px 13px; background: radial-gradient(circle at 0 0, #f2efff, transparent 37%), #f8f9fc; }.date-label { width: max-content; margin: 0 auto 13px; padding: 4px 6px; border-radius: 3px; color: #8994a5; background: #e9edf4; font-size: 6px; font-weight: 800; letter-spacing: .08em; }.message { max-width: 83%; margin-bottom: 8px; padding: 7px 8px; border-radius: 7px; color: #45526b; font-size: 8px; line-height: 1.35; box-shadow: 0 2px 5px rgba(31,44,78,.04); }.incoming { border-top-left-radius: 2px; background: #fff; }.sent { margin-left: auto; border-top-right-radius: 2px; background: #dce9ff; }.action-card { display: flex; align-items: start; gap: 6px; margin: 11px 2px; padding: 8px; border: 1px solid #d9e3ff; border-radius: 6px; background: #fff; }.action-icon { display: grid; flex: 0 0 auto; width: 18px; height: 18px; place-items: center; border-radius: 5px; color: #fff; background: var(--blue); font-size: 9px; }.action-card small, .agenda-card small { display: block; color: #8090aa; font-size: 6px; font-weight: 800; letter-spacing: .06em; }.action-card b { display: block; margin-top: 2px; color: #3d4d6c; font-size: 7px; }.action-card p { margin: 2px 0 0; color: #77869d; font-size: 7px; }.action-check { margin-left: auto; color: #35a68e; font-size: 10px; font-weight: 900; }.message.latest { margin-bottom: 2px; }.seen { display: block; margin-right: 4px; color: #8994a6; font-size: 6px; text-align: right; }.chat-compose { display: flex; align-items: center; justify-content: space-between; padding: 0 11px; border-top: 1px solid var(--line); color: #a5aebf; background: #fff; font-size: 8px; }.chat-compose button { display: grid; width: 23px; height: 23px; place-items: center; border: 0; border-radius: 5px; color: #fff; background: var(--blue); font-weight: 800; }.insight-panel { padding: 18px 12px; border-left: 1px solid var(--line); background: #fff; }.insight-head { margin-bottom: 14px; }.insight-head h3 { margin: 0; color: #34415d; font-size: 11px; letter-spacing: -.035em; }.insight-item { display: grid; grid-template-columns: 20px 1fr; gap: 6px; align-items: start; margin-bottom: 13px; }.insight-icon { display: grid; width: 20px; height: 20px; place-items: center; border-radius: 5px; font-size: 10px; font-weight: 800; }.soft-blue { color: var(--blue); background: #eef1ff; }.soft-mint { color: #2b9c83; background: #e3fbf4; }.soft-lilac { color: #806fe0; background: #f0edff; }.insight-item b { display: block; color: #3f4b65; font-size: 8px; }.insight-item p { margin: 2px 0 0; color: #8b96a8; font-size: 7px; line-height: 1.3; }.agenda-card { display: flex; align-items: center; justify-content: space-between; margin-top: 18px; padding: 9px; border-radius: 6px; background: #121e41; }.agenda-card b { display: block; margin-top: 4px; color: #fff; font-size: 9px; }.agenda-card p { margin: 2px 0 0; color: #aebbd8; font-size: 7px; }.agenda-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--mint); box-shadow: 0 0 0 4px rgba(120,232,206,.12); }.mini-float { position: absolute; z-index: 2; display: flex; align-items: center; gap: 8px; padding: 9px 12px; border: 1px solid rgba(255,255,255,.55); border-radius: 9px; color: #263553; background: rgba(255,255,255,.93); box-shadow: 0 14px 24px rgba(0,0,0,.18); }.mini-float b { display: block; font-size: 9px; }.mini-float small { display: block; margin-top: 2px; color: #7c89a2; font-size: 8px; }.float-icon { display: grid; width: 22px; height: 22px; place-items: center; border-radius: 6px; font-size: 12px; font-weight: 900; }.float-icon.blue { color: var(--blue); background: #ebefff; }.float-icon.mint { color: #198c74; background: #e3fbf4; }.float-top { top: 5px; right: 11px; }.float-bottom { right: 7%; bottom: 7px; }.demo-caption { position: relative; z-index: 2; margin: 10px 0 0 2px; color: #aab7d4; font-size: 9px; }.demo-caption span { display: inline-block; width: 6px; height: 6px; margin-right: 5px; border-radius: 50%; background: var(--mint); }

/* Structured proof of value */
.product-visual { display: flex; min-height: 510px; align-items: center; justify-content: flex-end; padding: 0; }.platform-visual { position: relative; z-index: 1; display: block; width: min(790px, 116%); max-width: none; margin: -22px -4% -21px 0; filter: drop-shadow(-18px 28px 42px rgba(0,0,0,.27)); }.product-visual .demo-caption { position: absolute; bottom: 7px; left: 5px; }
.serena-demo { min-height: 520px; padding: 0; display: flex; align-items: center; justify-content: flex-start; }.system-monitor { position: relative; z-index: 1; width: 650px; margin: 3px 0 0; filter: drop-shadow(-23px 32px 43px rgba(0,0,0,.32)); }.monitor-screen { overflow: hidden; padding: 7px; border: 1px solid rgba(213,229,255,.8); border-radius: 17px 17px 7px 7px; background: linear-gradient(135deg, #eef5ff, #9bb2dc 70%, #6c81aa); box-shadow: inset 0 0 0 2px rgba(20,31,62,.44); transform: perspective(1100px) rotateY(-4deg) rotateX(1deg); transform-origin: center; }.system-topbar { display: flex; height: 35px; align-items: center; gap: 17px; padding: 0 12px; border-radius: 11px 11px 0 0; color: #71809c; background: #fff; font-size: 8px; font-weight: 750; }.system-brand { display: flex; align-items: center; gap: 5px; color: #142149; font-size: 12px; letter-spacing: -.05em; }.system-brand img { width: 17px; height: 17px; border-radius: 50%; object-fit: cover; }.system-online { display: flex; align-items: center; gap: 5px; margin-left: auto; color: #499983; }.system-online i { width: 5px; height: 5px; border-radius: 50%; background: #40caa5; box-shadow: 0 0 0 3px #e2f9f1; }.system-body { display: grid; grid-template-columns: 35px minmax(0, 1fr) 145px; min-height: 312px; overflow: hidden; border-radius: 0 0 10px 10px; background: #f7f9fd; }.system-rail { display: grid; align-content: start; justify-items: center; gap: 15px; padding-top: 18px; border-right: 1px solid #e5e9f2; background: #fff; }.system-rail span { display: block; width: 13px; height: 13px; border: 1.5px solid #b2bdd0; border-radius: 4px; }.system-rail span:nth-child(3) { border-radius: 50%; }.system-rail span:nth-child(4) { height: 10px; }.system-rail .rail-selected { position: relative; border-color: #4d72e6; background: #e9eeff; }.system-rail .rail-selected::after { position: absolute; top: 1px; left: -7px; width: 2px; height: 10px; content: ""; border-radius: 0 4px 4px 0; background: #4d72e6; }.system-workspace { padding: 15px 14px 12px; }.workspace-heading { display: flex; align-items: center; justify-content: space-between; gap: 9px; }.workspace-heading small { color: #8e99ad; font-size: 6px; font-weight: 800; letter-spacing: .08em; }.workspace-heading h2 { margin: 3px 0 0; color: #2b3958; font-size: 15px; letter-spacing: -.05em; }.workspace-heading button { padding: 6px 7px; border: 0; border-radius: 5px; color: #fff; background: #456bdf; font-size: 6px; font-weight: 750; }.system-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; margin: 12px 0; }.system-stats > div { padding: 8px; border: 1px solid #e7ebf4; border-radius: 6px; background: #fff; }.system-stats small { display: block; color: #9aa5b6; font-size: 5px; font-weight: 850; letter-spacing: .06em; }.system-stats b { display: block; margin: 4px 0 2px; color: #35446a; font-size: 14px; letter-spacing: -.05em; }.system-stats em { color: #76849d; font-size: 6px; font-style: normal; font-weight: 700; letter-spacing: 0; }.system-stats span { color: #8995a9; font-size: 6px; }.calendar-board { overflow: hidden; border: 1px solid #e5eaf3; border-radius: 7px; background: #fff; }.calendar-head { display: flex; align-items: center; gap: 12px; height: 25px; padding: 0 9px; border-bottom: 1px solid #e9edf5; color: #929db0; font-size: 6px; font-weight: 700; }.calendar-head b { margin-right: auto; color: #4c5b79; font-size: 8px; }.calendar-row { position: relative; display: flex; align-items: center; gap: 5px; min-height: 24px; padding: 0 7px; border-bottom: 1px solid #f0f2f7; }.calendar-row:last-child { border: 0; }.calendar-row time { width: 28px; color: #9aa5b5; font-size: 6px; }.event { display: block; height: 12px; flex: 1; border-radius: 3px; }.event-blue { background: #dce6ff; }.event-mint { background: #d7f5eb; }.event-lilac { background: #ebe5ff; }.event.wide { flex: 1.6; }.event.small { flex: .55; }.today-panel { padding: 16px 10px; border-left: 1px solid #e3e8f1; background: #fff; }.today-panel > p { margin: 0; color: #9aa4b5; font-size: 6px; font-weight: 850; letter-spacing: .07em; }.today-panel h3 { margin: 4px 0 11px; color: #40506f; font-size: 10px; letter-spacing: -.04em; }.today-item { display: grid; grid-template-columns: 20px minmax(0, 1fr) 10px; gap: 5px; align-items: center; padding: 7px 0; border-top: 1px solid #f0f2f6; }.today-avatar { display: grid; width: 20px; height: 20px; place-items: center; border-radius: 50%; color: #fff; font-size: 5px; font-weight: 800; }.avatar-pink { background: #d77991; }.avatar-blue { background: #5c89c2; }.avatar-green { background: #77a27f; }.today-item b { display: block; overflow: hidden; color: #4a5976; font-size: 7px; white-space: nowrap; text-overflow: ellipsis; }.today-item small { display: block; overflow: hidden; margin-top: 2px; color: #93a0b3; font-size: 5px; white-space: nowrap; text-overflow: ellipsis; }.today-item > i { color: #42a98f; font-size: 8px; font-style: normal; font-weight: 900; }.today-insight { display: flex; gap: 5px; margin-top: 9px; padding: 7px; border-radius: 5px; color: #5b6c91; background: #edf2ff; }.today-insight span { color: #5476df; font-size: 9px; }.today-insight p { margin: 0; font-size: 5px; line-height: 1.35; }.today-insight b { color: #3d5080; }.monitor-stand { position: relative; width: 100%; height: 66px; }.monitor-stand::before { position: absolute; top: -1px; left: 45%; width: 64px; height: 51px; content: ""; border-radius: 0 0 10px 10px; background: linear-gradient(90deg, #c4d1e9, #f8fbff 50%, #9fb1d0); transform: perspective(160px) rotateX(-12deg); }.monitor-stand i { position: absolute; top: 44px; left: 35%; width: 205px; height: 13px; border-radius: 50%; background: linear-gradient(90deg, #a9b9d2, #f5f8fd 50%, #8ea2c2); box-shadow: 0 7px 10px rgba(5,13,38,.22); }.whatsapp-phone { position: absolute; z-index: 3; right: -5px; bottom: 33px; width: 185px; height: 386px; padding: 8px; overflow: hidden; border: 3px solid #dbe3ec; border-radius: 27px; background: #111a2e; box-shadow: -14px 23px 33px rgba(0,0,0,.34), inset 0 0 0 1px rgba(255,255,255,.35); }.phone-notch { position: absolute; z-index: 2; top: 10px; left: 50%; width: 67px; height: 15px; border-radius: 0 0 11px 11px; background: #111a2e; transform: translateX(-50%); }.phone-top { display: flex; height: 47px; align-items: center; gap: 5px; padding: 0 7px; border-radius: 18px 18px 0 0; color: #fff; background: #188d73; }.phone-back { font-size: 21px; line-height: 1; }.phone-contact { display: grid; width: 21px; height: 21px; place-items: center; border-radius: 50%; color: #6c7891; background: #ecf1f6; font-size: 7px; font-weight: 800; }.phone-top div { min-width: 0; }.phone-top b { display: block; font-size: 8px; }.phone-top small { display: block; margin-top: 1px; color: #d2f4e9; font-size: 5px; }.phone-menu { margin-left: auto; font-size: 9px; letter-spacing: 1px; }.phone-chat { min-height: 292px; padding: 10px 8px; background: radial-gradient(circle at 10% 0, rgba(170,245,223,.28), transparent 33%), #eaf4ef; }.phone-day { width: max-content; margin: 0 auto 10px; padding: 3px 5px; border-radius: 4px; color: #7c8c94; background: rgba(255,255,255,.72); font-size: 5px; font-weight: 800; letter-spacing: .07em; }.phone-message { max-width: 90%; margin: 0 0 7px; padding: 6px 7px; border-radius: 7px; color: #53636c; background: #fff; box-shadow: 0 1px 3px rgba(21,50,44,.1); font-size: 6px; line-height: 1.45; }.phone-message.patient { border-top-left-radius: 1px; }.phone-message.serena-message { margin-left: auto; border-top-right-radius: 1px; color: #385b51; background: #d7f7e9; }.phone-confirmation { display: flex; gap: 5px; margin: 8px 0; padding: 7px; border: 1px solid #b8e9d4; border-radius: 7px; color: #45635a; background: #fff; box-shadow: 0 1px 4px rgba(21,50,44,.08); }.phone-confirmation > span { display: grid; width: 15px; height: 15px; flex: 0 0 auto; place-items: center; border-radius: 50%; color: #fff; background: #25a980; font-size: 8px; font-weight: 900; }.phone-confirmation small { display: block; color: #7c9690; font-size: 4px; font-weight: 850; letter-spacing: .06em; }.phone-confirmation b { display: block; margin: 2px 0; color: #3b5950; font-size: 7px; }.phone-confirmation p { margin: 0; color: #83968f; font-size: 5px; }.phone-compose { display: flex; height: 34px; align-items: center; justify-content: space-between; padding: 0 9px; border-top: 1px solid #e3e8ed; border-radius: 0 0 17px 17px; color: #a1abb7; background: #fff; font-size: 6px; }.phone-compose i { display: grid; width: 17px; height: 17px; place-items: center; border-radius: 50%; color: #fff; background: #188d73; font-size: 9px; font-style: normal; }.phone-demo-label { position: absolute; z-index: 4; right: 158px; bottom: 57px; display: flex; align-items: center; gap: 7px; padding: 8px 10px; border: 1px solid rgba(255,255,255,.55); border-radius: 8px; color: #2e3e5e; background: rgba(255,255,255,.94); box-shadow: 0 12px 21px rgba(5,11,31,.2); }.phone-demo-label > span { width: 7px; height: 7px; border-radius: 50%; background: #22ad85; box-shadow: 0 0 0 4px rgba(34,173,133,.13); animation: pulse-demo 1.8s ease-in-out infinite; }.phone-demo-label b { display: block; font-size: 7px; }.phone-demo-label small { display: block; margin-top: 2px; color: #738198; font-size: 6px; }.serena-demo .demo-caption { position: absolute; bottom: 6px; left: 1px; }.phone-message, .phone-confirmation { opacity: 0; transform: translateY(5px); animation: chat-reveal 9s ease-in-out infinite both; }.step-one { animation-delay: .1s; }.step-two { animation-delay: 1s; }.step-three { animation-delay: 2.5s; }.step-four { animation-delay: 3.4s; }.step-five { animation-delay: 4.5s; }@keyframes chat-reveal { 0%, 7% { opacity: 0; transform: translateY(5px); } 15%, 86% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(3px); } }@keyframes pulse-demo { 50% { box-shadow: 0 0 0 7px rgba(34,173,133,0); } }
.result-band { border-bottom: 1px solid var(--line); background: #fff; }.result-grid { display: grid; grid-template-columns: 1.15fr 1fr; gap: 55px; align-items: center; min-height: 170px; }.result-grid > p { margin: 0; color: #5d6d89; font-size: 18px; line-height: 1.37; letter-spacing: -.03em; }.result-grid strong { color: #283958; font-weight: 750; }.result-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }.result-list span { color: #63718a; font-size: 11px; line-height: 1.35; }.result-list i { display: block; margin-bottom: 7px; color: var(--blue); font-size: 10px; font-style: normal; font-weight: 800; }

/* Transparent pricing */
.pricing-section { padding: 126px 0; background: linear-gradient(180deg, #f7f9ff, #eef3ff); }.pricing-heading { display: grid; grid-template-columns: 1.08fr .72fr; gap: 75px; align-items: end; margin-bottom: 53px; }.pricing-heading .section-kicker { margin-bottom: 19px; }.pricing-heading h2 { margin: 0; color: #1c2c4d; font-size: clamp(39px, 4.4vw, 61px); font-weight: 650; line-height: 1.01; letter-spacing: -.068em; }.pricing-heading h2 em { color: var(--blue); font-family: Georgia, "Times New Roman", serif; font-weight: 400; letter-spacing: -.08em; }.pricing-heading > p { max-width: 405px; margin: 0 0 5px; color: var(--text); font-size: 15px; line-height: 1.55; }.pricing-layout { display: grid; grid-template-columns: .92fr 1.08fr; gap: 34px; align-items: stretch; }.price-card { display: flex; min-height: 510px; flex-direction: column; padding: 34px; overflow: hidden; border-radius: 18px; color: #fff; background: radial-gradient(circle at 94% 5%, rgba(106,137,255,.6), transparent 27%), linear-gradient(145deg, #101d41, #172e6c); box-shadow: 0 25px 53px rgba(33,59,134,.21); }.price-overline { margin: 0 0 12px; color: #b6c8fc; font-size: 9px; font-weight: 850; letter-spacing: .12em; }.price-card h3 { margin: 0; color: #fff; font-size: 30px; letter-spacing: -.06em; }.price-summary { max-width: 280px; margin: 9px 0 0; color: #bdc9e7; font-size: 13px; line-height: 1.45; }.price-main { display: flex; align-items: baseline; margin: 37px 0 31px; color: #fff; letter-spacing: -.07em; }.price-main > span { margin-right: 4px; color: #c6d6ff; font-size: 18px; font-weight: 750; }.price-main strong { font-size: 80px; line-height: .8; }.price-main small { margin-left: 7px; color: #bfcae6; font-size: 13px; font-weight: 700; letter-spacing: -.02em; }.price-divider { height: 1px; background: rgba(226,235,255,.18); }.price-breakdown { display: grid; gap: 16px; margin: 21px 0 24px; }.price-breakdown div { display: grid; grid-template-columns: 1fr auto; gap: 3px 15px; align-items: baseline; }.price-breakdown dt { color: #c9d4ed; font-size: 12px; }.price-breakdown dd { margin: 0; color: #fff; font-size: 16px; font-weight: 800; letter-spacing: -.04em; }.price-breakdown dd span { color: #bdcae5; font-size: 10px; font-weight: 700; }.price-breakdown small { grid-column: 1 / -1; color: #9fafce; font-size: 10px; line-height: 1.35; }.price-button { width: 100%; justify-content: center; margin-top: auto; }.pricing-confidence { display: flex; flex-direction: column; padding: 8px 0 4px; }.confidence-intro h3 { max-width: 430px; margin: 0 0 23px; color: #283a5d; font-size: 27px; line-height: 1.05; letter-spacing: -.055em; }.confidence-intro .section-kicker { margin-bottom: 12px; }.confidence-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }.confidence-item { display: flex; min-height: 128px; gap: 13px; padding: 18px; border: 1px solid #e1e7f4; border-radius: 12px; background: rgba(255,255,255,.88); }.confidence-icon { display: grid; flex: 0 0 auto; width: 31px; height: 31px; place-items: center; border-radius: 9px; color: var(--blue); background: #e8edff; font-size: 17px; font-weight: 800; }.icon-launch { color: #188d73; background: #e0f8ef; }.confidence-item h4, .guarantee-card h4 { margin: 1px 0 6px; color: #354669; font-size: 13px; letter-spacing: -.035em; }.confidence-item p, .guarantee-card p { margin: 0; color: #728099; font-size: 11px; line-height: 1.43; }.guarantee-card { display: flex; grid-column: 1 / -1; gap: 17px; align-items: center; min-height: 122px; padding: 18px 21px; border-radius: 12px; background: #dff8ef; }.guarantee-number { display: grid; width: 70px; height: 70px; flex: 0 0 auto; place-content: center; border-radius: 50%; color: #176e5d; background: #fff; font-size: 35px; font-weight: 800; line-height: .72; letter-spacing: -.08em; }.guarantee-number small { display: block; margin-top: 8px; color: #32917c; font-size: 9px; letter-spacing: 0; }.guarantee-card h4 { color: #235d51; font-size: 16px; }.guarantee-card p { max-width: 440px; color: #47776b; font-size: 12px; }.pricing-note { margin: 15px 2px 0; color: #74829b; font-size: 11px; line-height: 1.45; }
.pricing-layout { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }.price-card { min-height: 584px; }.plan-fit { margin: 11px 0 0; color: #9fb5ef; font-size: 9px; font-weight: 850; letter-spacing: .12em; }.plan-includes { display: grid; gap: 11px; margin: 0 0 26px; padding: 0; list-style: none; }.plan-includes li { display: flex; align-items: center; gap: 9px; color: #edf2ff; font-size: 12px; line-height: 1.28; }.plan-includes i { display: grid; width: 17px; height: 17px; flex: 0 0 17px; place-items: center; border-radius: 50%; color: #143463; background: var(--mint); font-size: 11px; font-style: normal; font-weight: 900; }.price-card .price-main { margin: 31px 0 26px; }.price-card .price-breakdown { margin: 19px 0 22px; }.price-card-clinic { color: #263756; border: 1px solid #d6e1fa; background: radial-gradient(circle at 93% 3%, rgba(111,142,255,.17), transparent 28%), #fff; box-shadow: 0 25px 53px rgba(33,59,134,.12); }.price-card-clinic .price-overline, .price-card-clinic .plan-fit { color: #5971bd; }.price-card-clinic h3, .price-card-clinic .price-main, .price-card-clinic .price-breakdown dd { color: #203968; }.price-card-clinic .price-summary, .price-card-clinic .price-main > span, .price-card-clinic .price-main small, .price-card-clinic .price-breakdown dt { color: #637597; }.price-card-clinic .plan-includes li { color: #405574; }.price-card-clinic .plan-includes i { color: #fff; background: #2d5eea; }.price-card-clinic .price-divider { background: #dce5f6; }.price-card-clinic .price-breakdown dd span, .price-card-clinic .price-breakdown small { color: #7687a6; }.button-clinic { color: #fff; background: #2a59d8; box-shadow: 0 12px 23px rgba(42,89,216,.22); }.button-clinic:hover { background: #214bc1; }.pricing-confidence { display: grid; grid-column: 1 / -1; grid-template-columns: .72fr 1.28fr; column-gap: 45px; row-gap: 15px; margin-top: 21px; padding: 39px 0 0; border-top: 1px solid #dce4f3; }.confidence-intro h3 { margin-bottom: 0; }.confidence-list { grid-column: 2; }.pricing-note { grid-column: 1 / -1; margin-top: 0; }
.product-section { padding: 130px 0 135px; }.section-intro { display: grid; grid-template-columns: 1.35fr .65fr; column-gap: 60px; align-items: end; margin-bottom: 55px; }.section-intro .section-kicker { grid-column: 1 / -1; color: #607190; }.section-intro h2, .routine-copy h2, .clarity-heading h2, .limits-copy h2, .closing h2 { margin: 0; color: #1c2c4d; font-size: clamp(39px, 4.4vw, 61px); font-weight: 650; line-height: 1.01; letter-spacing: -.068em; }.section-intro h2 em, .routine-copy h2 em, .clarity-heading h2 em, .limits-copy h2 em, .closing h2 em { color: var(--blue); font-family: Georgia, "Times New Roman", serif; font-weight: 400; letter-spacing: -.08em; }.section-intro > p:not(.section-kicker) { max-width: 380px; margin: 0 0 4px; color: var(--text); font-size: 15px; line-height: 1.55; }.section-kicker { color: #70809e; }.section-kicker.light { color: #b8c7eb; }.section-kicker.light span { background: var(--mint); }.feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }.feature-card { min-height: 377px; padding: 27px; border: 1px solid #e4e8f1; border-radius: 15px; background: #fff; }.feature-dark { color: #fff; border-color: #182651; background: linear-gradient(135deg, #14224a, #0c1532); box-shadow: 0 18px 40px rgba(22,35,74,.17); }.feature-top { display: flex; align-items: start; justify-content: space-between; margin-bottom: 65px; }.feature-number { color: #a0acc0; font-size: 11px; font-weight: 800; }.feature-symbol { position: relative; display: block; width: 63px; height: 53px; }.message-symbol::before, .message-symbol::after { position: absolute; content: ""; border: 2px solid var(--blue); border-radius: 12px; }.message-symbol::before { top: 0; left: 3px; width: 46px; height: 33px; }.message-symbol::after { right: 0; bottom: 0; width: 40px; height: 29px; border-color: #90a0bc; }.message-symbol i { position: absolute; z-index: 1; top: 13px; left: 15px; width: 5px; height: 5px; border-radius: 50%; background: var(--blue); box-shadow: 10px 0 var(--blue), 20px 0 var(--blue); }.message-symbol i:nth-child(n+2) { display: none; }.calendar-symbol { border: 2px solid var(--mint); border-radius: 10px; }.calendar-symbol::before { position: absolute; top: 11px; left: 0; width: 100%; border-top: 2px solid var(--mint); content: ""; }.calendar-symbol i { position: absolute; top: -7px; width: 5px; height: 13px; border-radius: 5px; background: var(--mint); }.calendar-symbol i:first-child { left: 14px; }.calendar-symbol i:nth-child(2) { right: 14px; }.calendar-symbol i:nth-child(n+3) { display: none; }.team-symbol { display: flex; align-items: end; gap: 5px; }.team-symbol i { display: block; width: 15px; border-radius: 8px 8px 3px 3px; background: #728bce; }.team-symbol i:first-child { height: 28px; }.team-symbol i:nth-child(2) { height: 47px; background: var(--blue); }.team-symbol i:nth-child(3) { height: 37px; background: var(--mint); }.feature-card h3 { max-width: 270px; margin: 0 0 11px; color: #293a5a; font-size: 23px; line-height: 1.02; letter-spacing: -.052em; }.feature-dark h3 { color: #fff; }.feature-card > p { max-width: 295px; margin: 0; color: #77859c; font-size: 14px; line-height: 1.48; }.feature-dark > p { color: #b8c4df; }.feature-example { display: flex; gap: 7px; margin-top: 21px; padding-top: 16px; border-top: 1px solid #edf0f5; }.example-dot { flex: 0 0 auto; width: 7px; height: 7px; margin-top: 3px; border-radius: 50%; background: var(--mint); }.feature-example p { margin: 0; color: #647590; font-size: 11px; line-height: 1.4; }.timeline { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; margin-top: 31px; position: relative; }.timeline::before { position: absolute; top: 4px; right: 8%; left: 8%; height: 1px; content: ""; background: rgba(182,200,235,.45); }.timeline span { position: relative; z-index: 1; width: 9px; height: 9px; border: 2px solid #7b90c8; border-radius: 50%; background: #14224a; }.timeline .current { border-color: var(--mint); background: var(--mint); box-shadow: 0 0 0 4px rgba(120,232,206,.13); }.timeline p { margin: 10px 0 0; color: #92a3cb; font-size: 8px; }.handoff { display: flex; align-items: center; gap: 8px; margin-top: 30px; padding: 9px; border-radius: 7px; background: #f1f3ff; }.handoff-avatar { display: grid; width: 23px; height: 23px; place-items: center; border-radius: 50%; color: #fff; background: #a47e69; font-size: 7px; font-weight: 800; }.handoff b { display: block; color: #4a5a7a; font-size: 9px; }.handoff p { margin: 2px 0 0; color: #7887a2; font-size: 8px; }.handoff-arrow { margin-left: auto; color: var(--blue); font-size: 15px; }

/* Team benefit section */
.routine-section { overflow: hidden; color: #fff; background: #111f42; }.routine-layout { display: grid; grid-template-columns: .84fr 1.16fr; gap: 95px; align-items: center; min-height: 600px; }.routine-copy h2 { color: #fff; }.routine-copy h2 em { color: var(--mint); }.routine-copy > p:not(.section-kicker) { max-width: 425px; margin: 25px 0 29px; color: #b5c1dd; font-size: 16px; line-height: 1.55; }.button-white { color: #142142; background: #fff; }.button-white span { color: var(--blue); font-size: 16px; }.routine-board { position: relative; padding: 22px 25px; overflow: hidden; border: 1px solid rgba(205,221,255,.23); border-radius: 15px; background: rgba(8,17,43,.43); box-shadow: 0 26px 50px rgba(3,8,24,.24); }.routine-board::before { position: absolute; top: -100px; right: -90px; width: 260px; height: 260px; content: ""; border-radius: 50%; background: rgba(86,120,255,.18); filter: blur(25px); }.board-top { position: relative; display: flex; align-items: start; justify-content: space-between; padding-bottom: 17px; border-bottom: 1px solid rgba(215,227,255,.17); }.board-top small { color: #9badd8; font-size: 8px; font-weight: 800; letter-spacing: .08em; }.board-top h3 { margin: 4px 0 0; color: #fff; font-size: 16px; letter-spacing: -.03em; }.board-count { padding: 6px 8px; border: 1px solid rgba(120,232,206,.35); border-radius: 5px; color: var(--mint); background: rgba(120,232,206,.08); font-size: 8px; font-weight: 800; }.flow-row { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 14px 0; border-bottom: 1px solid rgba(215,227,255,.13); }.flow-person { display: flex; align-items: center; gap: 9px; }.small-avatar { display: grid; width: 25px; height: 25px; place-items: center; border-radius: 50%; color: #fff; font-size: 7px; font-weight: 800; }.small-avatar.one { background: #a578a6; }.small-avatar.two { background: #4e85be; }.small-avatar.three { background: #d0797a; }.small-avatar.four { background: #809b7c; }.flow-person b { display: block; color: #f0f5ff; font-size: 10px; }.flow-person p { margin: 2px 0 0; color: #a6b3cf; font-size: 8px; }.flow-status { padding: 5px 7px; border-radius: 5px; color: #9dacc8; background: rgba(235,241,255,.08); font-size: 7px; font-weight: 750; white-space: nowrap; }.status-ready { color: var(--mint); background: rgba(120,232,206,.09); }.status-calendar { color: #9dc6ff; background: rgba(84,120,255,.14); }.status-team { color: #f3bdc3; background: rgba(237,109,122,.12); }.muted-row { opacity: .67; }.board-note { display: flex; align-items: center; gap: 6px; margin: 15px 0 0; color: #a3b2d0; font-size: 9px; }.board-note i { width: 6px; height: 6px; border-radius: 50%; background: var(--mint); }

/* Clarity and trust */
.clarity-section { padding: 126px 0 136px; }.clarity-heading { display: flex; align-items: end; justify-content: space-between; gap: 50px; margin-bottom: 52px; }.clarity-heading .section-kicker { margin-bottom: 19px; }.clarity-heading h2 { min-width: 580px; }.clarity-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }.clarity-card { min-height: 260px; padding: 26px; border-radius: 13px; background: #fff; }.clarity-card:nth-child(2) { background: #eaf0ff; }.clarity-card:nth-child(3) { background: #e7fbf5; }.clarity-icon { display: grid; width: 42px; height: 42px; place-items: center; margin-bottom: 40px; border-radius: 12px; font-size: 23px; }.sun { color: #e29a45; background: #fff2dc; }.spark { color: var(--blue); background: #dbe5ff; }.heart { color: #168f77; background: #d7f8ed; }.clarity-card h3 { margin: 0 0 10px; color: #293a5b; font-size: 19px; letter-spacing: -.045em; }.clarity-card p { max-width: 280px; margin: 0; color: #6f7f99; font-size: 13px; line-height: 1.53; }
.limits-section { background: #fff; }.limits-layout { display: grid; grid-template-columns: .85fr 1.15fr; gap: 110px; align-items: center; padding: 124px 0; }.limits-art { position: relative; display: grid; min-height: 334px; place-items: center; overflow: hidden; border-radius: 18px; background: linear-gradient(140deg, #ecf1ff, #e5fff5); }.protect-orbit { position: absolute; border: 1px solid rgba(70,106,185,.23); border-radius: 50%; }.orbit-a { width: 430px; height: 140px; transform: rotate(-27deg); }.orbit-b { width: 320px; height: 360px; transform: rotate(37deg); }.protect-shield { position: relative; display: grid; width: 125px; height: 147px; place-items: center; clip-path: polygon(50% 0, 93% 16%, 85% 70%, 50% 100%, 15% 70%, 7% 16%); color: #fff; background: linear-gradient(145deg, #617ffc, #2453c7); box-shadow: 0 26px 36px rgba(41,79,182,.22); font-size: 41px; font-weight: 900; }.limits-art p { position: absolute; right: 22px; bottom: 19px; margin: 0; color: #45607d; font-size: 12px; line-height: 1.05; }.limits-art em { color: var(--blue); font-family: Georgia, serif; font-size: 19px; }.limits-copy > p:not(.section-kicker) { max-width: 520px; margin: 24px 0; color: var(--text); font-size: 15px; line-height: 1.55; }.limits-copy ul { display: grid; gap: 10px; margin: 0; padding: 0; color: #556784; list-style: none; font-size: 13px; }.limits-copy li { display: flex; align-items: center; gap: 8px; }.limits-copy li i { flex: 0 0 auto; }

.closing { position: relative; min-height: 460px; margin-bottom: 40px; padding: 80px; overflow: hidden; color: #fff; border-radius: 20px; background: linear-gradient(123deg, #111e43, #182c67); }.closing::after { position: absolute; top: -160px; right: -75px; width: 520px; height: 520px; content: ""; border: 1px solid rgba(217,232,255,.25); border-radius: 50%; box-shadow: 0 0 0 55px rgba(139,168,255,.05), 0 0 0 113px rgba(139,168,255,.04); }.closing-glow { position: absolute; right: -80px; bottom: -150px; width: 540px; height: 390px; border-radius: 50%; filter: blur(28px); background: radial-gradient(ellipse, rgba(81,116,255,.94), rgba(28,46,104,.05) 66%); }.closing .section-kicker { position: relative; color: #b9caf3; }.closing h2 { position: relative; max-width: 750px; color: #fff; }.closing h2 em { color: var(--mint); }.closing > p:not(.section-kicker) { position: relative; max-width: 450px; margin: 21px 0 29px; color: #b8c5df; font-size: 15px; }.closing .button { position: relative; }
.footer { display: grid; grid-template-columns: 1fr auto; gap: 22px; align-items: center; padding: 26px 0 37px; color: #7a879e; font-size: 12px; }.footer-brand { color: #202e4e; font-size: 18px; }.footer-brand .brand-mark { background: #243766; }.footer p { margin: 6px 0 0; font-size: 11px; }.footer-links { display: flex; gap: 19px; }.footer-links a { color: #687791; text-decoration: none; }.footer-links a:hover { color: var(--blue); }.footer small { grid-column: 1 / -1; padding-top: 16px; border-top: 1px solid var(--line); color: #9aa4b4; font-size: 10px; }

/* Animation and responsive layout */
.appear { opacity: 0; transform: translateY(20px); transition: opacity .62s ease, transform .62s ease; }.appear.visible { opacity: 1; transform: none; }.feature-card:nth-child(2), .clarity-card:nth-child(2) { transition-delay: .1s; }.feature-card:nth-child(3), .clarity-card:nth-child(3) { transition-delay: .2s; }
@media (max-width: 1040px) { .hero { grid-template-columns: 1fr; padding-top: 70px; }.hero-copy { max-width: 690px; }.product-stage { width: min(100%, 760px); justify-self: end; }.result-grid, .section-intro, .routine-layout, .limits-layout { grid-template-columns: 1fr; }.result-grid { gap: 27px; padding: 44px 0; }.result-list { max-width: 650px; }.section-intro { gap: 20px; }.section-intro > p:not(.section-kicker) { max-width: 550px; }.routine-layout, .limits-layout { gap: 55px; padding: 95px 0; }.routine-copy { max-width: 670px; }.routine-board { max-width: 690px; }.clarity-heading { display: block; }.clarity-heading h2 { min-width: 0; }.limits-art { max-width: 450px; width: 100%; }.product-section, .clarity-section { padding: 100px 0; } }
@media (max-width: 760px) { .container { width: min(100% - 32px, 580px); }.nav { min-height: 69px; }.menu-button { display: block; }.menu { position: absolute; z-index: 9; top: 68px; right: 16px; left: 16px; display: none; padding: 11px; border: 1px solid rgba(255,255,255,.15); border-radius: 12px; background: #15254c; box-shadow: 0 20px 36px rgba(0,0,0,.3); }.menu.open { display: grid; gap: 4px; }.menu > a:not(.menu-cta) { padding: 10px 8px; }.menu-cta { margin-top: 5px; text-align: center; }.hero { min-height: 0; gap: 37px; padding: 52px 0 64px; }.hero h1 { font-size: clamp(43px, 12vw, 61px); }.hero-text { font-size: 16px; }.hero-actions { align-items: flex-start; flex-direction: column; gap: 17px; }.hero-proof { display: grid; gap: 9px; margin-top: 29px; }.product-stage { min-height: 346px; padding: 13px 0 0 10px; }.dashboard { min-width: 558px; transform: scale(.76); transform-origin: left top; }.product-stage::after { display: block; height: 310px; content: ""; }.float-top { top: -5px; right: -5px; }.float-bottom { right: -6px; bottom: 14px; }.mini-float { padding: 7px 8px; }.demo-caption { margin-top: -14px; }.result-grid { min-height: 0; }.result-grid > p { font-size: 17px; }.result-list { grid-template-columns: 1fr; gap: 10px; }.result-list span { display: flex; align-items: center; gap: 8px; }.result-list i { margin: 0; }.product-section, .clarity-section { padding: 78px 0; }.section-intro { margin-bottom: 37px; }.section-intro h2, .routine-copy h2, .clarity-heading h2, .limits-copy h2, .closing h2 { font-size: clamp(37px, 10.2vw, 53px); }.feature-grid, .clarity-grid { grid-template-columns: 1fr; }.feature-card { min-height: 300px; }.feature-top { margin-bottom: 39px; }.routine-layout, .limits-layout { min-height: 0; gap: 43px; padding: 79px 0; }.routine-copy > p:not(.section-kicker) { font-size: 15px; }.routine-board { padding: 18px; }.flow-status { font-size: 6px; }.flow-person p { max-width: 135px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }.clarity-heading { margin-bottom: 36px; }.clarity-card { min-height: 220px; }.clarity-icon { margin-bottom: 27px; }.limits-art { min-height: 280px; }.closing { min-height: 460px; padding: 44px 25px; }.closing::after { top: auto; right: -166px; bottom: -135px; }.closing-glow { right: -230px; bottom: -160px; }.footer { grid-template-columns: 1fr; padding-top: 4px; }.footer-links { grid-column: 1; }.footer small { grid-column: 1; }.footer p { margin-bottom: 3px; } }
@media (max-width: 760px) { .product-visual { display: block; min-height: 276px; padding: 0; }.product-visual::after { display: none; content: none; }.platform-visual { width: 112%; margin: -15px -6% -12px; }.product-visual .demo-caption { bottom: 0; left: 0; margin: 0; } }
@media (max-width: 760px) { .serena-demo { display: block; min-height: 372px; padding: 0; }.serena-demo::after { display: none; content: none; }.system-monitor { width: 650px; margin: -2px 0 -150px -7px; transform: scale(.62); transform-origin: top left; }.whatsapp-phone { right: -3px; bottom: 29px; transform: scale(.83); transform-origin: right bottom; }.phone-demo-label { right: 112px; bottom: 29px; transform: scale(.82); transform-origin: right bottom; }.serena-demo .demo-caption { bottom: 0; left: 0; margin: 0; } }
@media (max-width: 1040px) { .pricing-heading, .pricing-layout { grid-template-columns: 1fr; }.pricing-heading { gap: 20px; }.pricing-heading > p { max-width: 560px; }.price-card { max-width: 640px; min-height: 0; }.price-button { margin-top: 13px; }.pricing-confidence { grid-column: 1; grid-template-columns: 1fr; max-width: 720px; }.confidence-list { grid-column: 1; }.pricing-note { grid-column: 1; } }
@media (max-width: 760px) { .pricing-section { padding: 78px 0; }.pricing-heading { margin-bottom: 36px; }.pricing-heading h2 { font-size: clamp(37px, 10.2vw, 53px); }.pricing-layout { gap: 26px; }.price-card { padding: 27px 23px; border-radius: 14px; }.price-card h3 { font-size: 27px; }.price-main { margin: 31px 0 28px; }.price-main strong { font-size: 68px; }.price-breakdown { gap: 15px; }.plan-includes { gap: 10px; }.confidence-intro h3 { font-size: 24px; }.confidence-list { grid-template-columns: 1fr; }.confidence-item { min-height: 0; }.guarantee-card { gap: 13px; padding: 17px; }.guarantee-number { width: 62px; height: 62px; font-size: 31px; }.pricing-note { margin-top: 12px; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }.appear { opacity: 1; transform: none; } }

/* Plans for larger clinics */
.custom-plan { display: grid; grid-column: 1 / -1; grid-template-columns: .82fr 1.18fr auto; gap: 28px; align-items: center; padding: 28px 31px; border: 1px solid #d7e1f5; border-radius: 16px; background: linear-gradient(105deg, #e8efff, #fff 53%, #e5fbf4); }.custom-plan > div > p { margin: 0 0 9px; color: #5870ba; font-size: 9px; font-weight: 850; letter-spacing: .12em; }.custom-plan h3 { max-width: 295px; margin: 0; color: #293d68; font-size: 23px; line-height: 1.04; letter-spacing: -.052em; }.custom-plan > p { max-width: 430px; margin: 0; color: #637491; font-size: 13px; line-height: 1.47; }.custom-plan-link { display: inline-flex; align-items: center; gap: 10px; justify-content: center; padding: 13px 15px; border-radius: 9px; color: #fff; background: #284fc7; box-shadow: 0 10px 21px rgba(42,79,185,.16); font-size: 12px; font-weight: 800; text-decoration: none; white-space: nowrap; transition: transform .2s, background .2s; }.custom-plan-link:hover { background: #1f43b2; transform: translateY(-2px); }

/* Two live product demonstrations */
.product-tours { display: grid; gap: 18px; }.tour-band { display: grid; grid-template-columns: .8fr 1.2fr; min-height: 467px; overflow: hidden; border-radius: 19px; }.tour-serena { color: #fff; background: radial-gradient(circle at 93% 14%, rgba(101,132,255,.47), transparent 30%), linear-gradient(125deg, #0d1735, #162e69); box-shadow: 0 25px 48px rgba(29,51,116,.15); }.tour-system { grid-template-columns: .86fr 1.14fr; border: 1px solid #e0e6f2; color: #263b60; background: linear-gradient(112deg, #f7f9ff, #eef5ff 52%, #e7fbf4); }.tour-copy { align-self: center; padding: 49px 28px 49px 42px; }.tour-eyebrow { display: flex; align-items: center; gap: 9px; margin: 0 0 20px; color: #aebef4; font-size: 9px; font-weight: 850; letter-spacing: .11em; }.tour-eyebrow span { display: grid; width: 21px; height: 21px; place-items: center; border-radius: 6px; color: #17295d; background: var(--mint); font-size: 9px; letter-spacing: 0; }.tour-copy h3 { max-width: 365px; margin: 0 0 15px; color: #fff; font-size: clamp(29px, 2.65vw, 38px); font-weight: 650; line-height: 1; letter-spacing: -.066em; }.tour-copy > p:not(.tour-eyebrow) { max-width: 405px; margin: 0; color: #bdc9e3; font-size: 14px; line-height: 1.53; }.tour-checks { display: grid; gap: 10px; margin: 27px 0 0; padding: 0; list-style: none; }.tour-checks li { display: flex; align-items: center; gap: 9px; color: #e3eaff; font-size: 12px; }.tour-checks i { display: grid; width: 17px; height: 17px; flex: 0 0 17px; place-items: center; border-radius: 50%; color: #152c5c; background: var(--mint); font-size: 10px; font-style: normal; font-weight: 900; }.tour-system .tour-copy { padding-left: 42px; }.tour-system .tour-eyebrow { color: #6176b5; }.tour-system .tour-eyebrow span { color: #fff; background: #4a70e8; }.tour-system .tour-copy h3 { color: #273a62; }.tour-system .tour-copy > p:not(.tour-eyebrow) { color: #657694; }.tour-system .tour-checks li { color: #49617f; }.tour-system .tour-checks i { color: #fff; background: #4a70e8; }
.whatsapp-tour { position: relative; align-self: center; justify-self: center; width: min(406px, calc(100% - 54px)); min-height: 350px; overflow: hidden; border: 1px solid rgba(255,255,255,.58); border-radius: 17px; background: #f7fbf9; box-shadow: 0 26px 39px rgba(3,10,31,.29); }.tour-chat-top { display: flex; height: 59px; align-items: center; gap: 8px; padding: 0 14px; color: #fff; background: #1c967a; }.tour-avatar { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 50%; color: #1d816b; background: #eafff7; font-size: 12px; font-weight: 900; }.tour-chat-top b { display: block; font-size: 11px; }.tour-chat-top small { display: block; margin-top: 2px; color: #d3f7ea; font-size: 8px; }.tour-chat-online { display: flex; align-items: center; gap: 5px; margin-left: auto; color: #d7f7ed; font-size: 8px; font-weight: 750; }.tour-chat-online i, .tour-live i { width: 6px; height: 6px; border-radius: 50%; background: #85f0d4; box-shadow: 0 0 0 4px rgba(133,240,212,.15); }.tour-chat-body { min-height: 290px; padding: 17px 16px 12px; background: radial-gradient(circle at 0 0, rgba(174,245,225,.42), transparent 37%), #eaf5ef; }.tour-day { width: max-content; margin: 0 auto 15px; padding: 4px 7px; border-radius: 4px; color: #788b87; background: rgba(255,255,255,.72); font-size: 7px; font-weight: 850; letter-spacing: .08em; }.tour-chat-line { max-width: 78%; margin: 0 0 10px; padding: 8px 9px; border-radius: 9px; color: #465b58; background: #fff; box-shadow: 0 2px 5px rgba(17,58,47,.09); font-size: 9px; line-height: 1.45; opacity: 0; transform: translateY(6px); animation: tour-chat-reveal 9s ease-in-out infinite both; }.tour-patient { border-top-left-radius: 2px; }.tour-serena-line { margin-left: auto; border-top-right-radius: 2px; color: #315d50; background: #d7f8e9; }.tour-step-one { animation-delay: .1s; }.tour-step-two { animation-delay: 1.1s; }.tour-step-three { animation-delay: 2.8s; }.tour-confirmation { display: flex; gap: 7px; align-items: center; max-width: 77%; margin: 11px 0 0 auto; padding: 9px; border: 1px solid #b9e9d6; border-radius: 8px; color: #496b60; background: #fff; box-shadow: 0 2px 5px rgba(17,58,47,.08); opacity: 0; transform: translateY(6px); animation: tour-chat-reveal 9s 4s ease-in-out infinite both; }.tour-confirmation > span { display: grid; width: 18px; height: 18px; flex: 0 0 auto; place-items: center; border-radius: 50%; color: #fff; background: #24a980; font-size: 10px; font-weight: 900; }.tour-confirmation small { display: block; color: #819990; font-size: 6px; font-weight: 850; letter-spacing: .07em; }.tour-confirmation b { display: block; margin: 2px 0; color: #38594f; font-size: 9px; }.tour-confirmation p { margin: 0; color: #83968f; font-size: 7px; }.tour-activity { position: absolute; right: -1px; bottom: 21px; width: 152px; height: 30px; overflow: hidden; padding: 9px 10px; border: 1px solid rgba(201,222,214,.9); border-radius: 8px 0 0 8px; color: #3c7061; background: rgba(255,255,255,.95); box-shadow: -7px 9px 19px rgba(17,58,47,.13); font-size: 8px; font-weight: 800; }.tour-activity span { position: absolute; opacity: 0; animation: tour-activity-swap 9s ease-in-out infinite; }.tour-activity-one { animation-delay: .8s !important; }.tour-activity-two { animation-delay: 2.9s !important; }.tour-activity-three { animation-delay: 4.9s !important; }.tour-live { position: absolute; right: 17px; bottom: 7px; display: flex; align-items: center; gap: 7px; margin: 0; color: #48655d; font-size: 7px; font-weight: 800; }
.platform-tour { position: relative; align-self: center; justify-self: center; width: min(490px, calc(100% - 42px)); overflow: hidden; border: 1px solid #dce5f3; border-radius: 15px; background: #fff; box-shadow: 0 25px 42px rgba(39,63,119,.17); transform: perspective(1100px) rotateY(-3deg) rotateX(1deg); }.platform-top { display: flex; height: 46px; align-items: center; gap: 16px; padding: 0 14px; border-bottom: 1px solid #e9edf4; color: #78879f; font-size: 8px; font-weight: 750; }.platform-brand { display: flex; align-items: center; gap: 5px; color: #23385f; font-size: 12px; letter-spacing: -.05em; }.platform-brand img { width: 18px; height: 18px; border-radius: 50%; object-fit: cover; }.platform-top > small { display: flex; align-items: center; gap: 5px; margin-left: auto; color: #438d79; font-size: 7px; }.platform-top > small i { width: 5px; height: 5px; border-radius: 50%; background: #45c6a3; box-shadow: 0 0 0 3px #e4faf3; }.platform-workspace { display: grid; grid-template-columns: 39px 1fr; min-height: 282px; background: #f8faff; }.platform-rail { display: grid; align-content: start; justify-items: center; gap: 17px; padding-top: 20px; border-right: 1px solid #e7ebf2; background: #fff; }.platform-rail i { display: block; width: 14px; height: 14px; border: 1.5px solid #adb9cc; border-radius: 4px; }.platform-rail i:nth-child(2) { border-color: #526fdf; background: #e8edff; box-shadow: -5px 0 #526fdf; }.platform-rail i:nth-child(3) { border-radius: 50%; }.platform-rail i:nth-child(4) { height: 10px; }.platform-main { padding: 17px 16px; }.platform-title { display: flex; align-items: center; justify-content: space-between; gap: 10px; }.platform-title small { display: block; color: #97a2b4; font-size: 6px; font-weight: 850; letter-spacing: .09em; }.platform-title h3 { margin: 4px 0 0; color: #354665; font-size: 16px; letter-spacing: -.055em; }.platform-title > span { padding: 7px; border-radius: 5px; color: #fff; background: #4d70de; font-size: 7px; font-weight: 800; }.platform-modules { display: flex; gap: 4px; margin: 14px 0 12px; }.platform-modules b { padding: 6px 7px; border-radius: 5px; color: #8a96ab; font-size: 7px; }.platform-modules .module-active { color: #fff; background: #4f71dc; animation: module-active 4s ease-in-out infinite; }.platform-grid { display: grid; grid-template-columns: 1.13fr .87fr; gap: 8px; }.mini-agenda, .platform-summary { padding: 10px; border: 1px solid #e8edf4; border-radius: 7px; background: #fff; }.mini-agenda > div { display: flex; align-items: baseline; justify-content: space-between; gap: 6px; padding-bottom: 6px; border-bottom: 1px solid #edf0f5; }.mini-agenda > div b { color: #475675; font-size: 8px; }.mini-agenda > div small { color: #8794a8; font-size: 6px; }.mini-agenda p { display: grid; grid-template-columns: 22px 1fr auto; gap: 5px; align-items: center; margin: 7px 0 0; color: #78869c; font-size: 6px; }.mini-agenda time { color: #9aa5b6; }.mini-agenda p span { height: 10px; border-radius: 3px; }.agenda-blue { background: #dfe7ff; }.agenda-mint { background: #d8f5ea; }.agenda-lilac { background: #eee8ff; }.mini-agenda em { color: #77869e; font-size: 6px; font-style: normal; }.platform-summary small { display: block; color: #99a4b5; font-size: 5px; font-weight: 850; letter-spacing: .07em; }.platform-summary b { display: block; margin: 4px 0 8px; color: #3a4b6e; font-size: 16px; letter-spacing: -.06em; }.platform-summary b em { color: #79879e; font-size: 6px; font-style: normal; letter-spacing: 0; }.platform-summary p { display: flex; align-items: start; gap: 4px; margin: 0 0 11px; color: #718099; font-size: 6px; line-height: 1.3; }.platform-summary p i { width: 5px; height: 5px; flex: 0 0 auto; margin-top: 1px; border-radius: 50%; background: #4dccaa; }.platform-notice { position: absolute; right: -6px; bottom: 19px; display: flex; gap: 7px; align-items: center; padding: 9px 13px 9px 9px; border: 1px solid #d5e6f2; border-radius: 8px; background: rgba(255,255,255,.96); box-shadow: -8px 10px 19px rgba(31,57,104,.15); animation: platform-notice 3s ease-in-out infinite; }.platform-notice > span { display: grid; width: 17px; height: 17px; place-items: center; border-radius: 50%; color: #fff; background: #3fb58f; font-size: 9px; font-weight: 900; }.platform-notice p { margin: 0; }.platform-notice b { display: block; color: #425776; font-size: 7px; }.platform-notice small { display: block; margin-top: 2px; color: #7d8ca2; font-size: 6px; }.platform-tour .tour-live { color: #5d718d; }
@keyframes tour-chat-reveal { 0%, 7% { opacity: 0; transform: translateY(6px); } 15%, 86% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(3px); } } @keyframes tour-activity-swap { 0%, 20% { opacity: 0; transform: translateY(4px); } 26%, 43% { opacity: 1; transform: translateY(0); } 52%, 100% { opacity: 0; transform: translateY(-3px); } } @keyframes module-active { 0%, 100% { box-shadow: 0 0 0 0 rgba(79,113,220,0); } 50% { box-shadow: 0 0 0 4px rgba(79,113,220,.13); } } @keyframes platform-notice { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-4px); } }
@media (max-width: 1040px) { .custom-plan { grid-column: 1; grid-template-columns: 1fr auto; }.custom-plan > p { grid-column: 1 / -1; grid-row: 2; }.tour-band, .tour-system { grid-template-columns: 1fr; }.tour-copy, .tour-system .tour-copy { padding: 46px 42px 28px; }.whatsapp-tour { margin: 7px 0 45px; justify-self: center; }.platform-tour { margin: 11px 0 45px; } }
@media (max-width: 760px) { .custom-plan { grid-template-columns: 1fr; gap: 16px; padding: 25px 23px; }.custom-plan > p { grid-column: 1; grid-row: auto; }.custom-plan-link { justify-self: start; }.tour-band { border-radius: 15px; }.tour-copy, .tour-system .tour-copy { padding: 37px 24px 22px; }.tour-copy h3 { font-size: 31px; }.tour-copy > p:not(.tour-eyebrow) { font-size: 13px; }.tour-checks { gap: 9px; margin-top: 23px; }.tour-checks li { font-size: 11px; }.whatsapp-tour { width: calc(100% - 34px); min-height: 339px; margin-bottom: 38px; }.tour-chat-body { min-height: 280px; }.platform-tour { width: calc(100% - 28px); margin-bottom: 39px; transform: none; }.platform-top { gap: 8px; padding: 0 9px; }.platform-top > span { display: none; }.platform-workspace { min-height: 264px; }.platform-main { padding: 14px 10px; }.platform-modules { gap: 2px; }.platform-modules b { padding: 5px 4px; font-size: 6px; }.platform-grid { grid-template-columns: 1fr; }.platform-summary { display: none; }.platform-notice { bottom: 14px; }.platform-notice small { display: none; } }

/* Patient journey, from confirmation to secure documents */
.care-flow { display: grid; grid-template-columns: .7fr 1.3fr; gap: 38px; margin-top: 18px; padding: 38px 40px; border: 1px solid #e0e7f3; border-radius: 18px; background: #fff; }.care-flow-heading .section-kicker { margin-bottom: 15px; color: #647595; }.care-flow-heading h3 { max-width: 340px; margin: 0; color: #2b3e66; font-size: 29px; line-height: 1.04; letter-spacing: -.06em; }.care-flow-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin: 0; padding: 0; list-style: none; }.care-flow-steps li { min-height: 186px; padding: 16px; border: 1px solid #e8ecf4; border-radius: 11px; background: linear-gradient(150deg, #fbfcff, #f5f8ff); }.care-step-number { display: grid; width: 26px; height: 26px; place-items: center; margin-bottom: 29px; border-radius: 7px; color: #fff; background: #5c7ce5; font-size: 9px; font-weight: 850; }.care-flow-steps li:nth-child(2) .care-step-number { color: #226b5a; background: #bdf3e3; }.care-flow-steps li:nth-child(3) .care-step-number { color: #61539d; background: #eae4ff; }.care-flow-steps li:nth-child(4) .care-step-number { color: #99613e; background: #ffe9d9; }.care-flow-steps small { color: #8391a9; font-size: 7px; font-weight: 850; letter-spacing: .08em; }.care-flow-steps h4 { margin: 6px 0 7px; color: #3e5072; font-size: 13px; letter-spacing: -.035em; }.care-flow-steps p { margin: 0; color: #78869d; font-size: 10px; line-height: 1.45; }
@media (max-width: 1040px) { .care-flow { grid-template-columns: 1fr; gap: 25px; }.care-flow-heading h3 { max-width: 560px; }.care-flow-steps { grid-template-columns: repeat(2, 1fr); }.care-flow-steps li { min-height: 146px; }.care-step-number { margin-bottom: 20px; } }
@media (max-width: 760px) { .care-flow { display: block; padding: 29px 22px; border-radius: 14px; }.care-flow-heading h3 { font-size: 25px; }.care-flow-steps { grid-template-columns: 1fr; gap: 9px; margin-top: 25px; }.care-flow-steps li { display: grid; grid-template-columns: 28px 1fr; min-height: 0; gap: 11px; padding: 14px; }.care-step-number { margin: 0; }.care-flow-steps h4 { margin-top: 0; } }

/* Link to the safe, fictitious product walkthrough */
.section-demo-link { display: inline-flex; align-items: center; gap: 9px; margin-top: 21px; color: #355ccd; font-size: 13px; font-weight: 800; text-decoration: none; }.section-demo-link:hover { color: #183eae; }.section-demo-link span { font-size: 17px; line-height: 1; }