:root {
  color-scheme: dark;
  --bg: #0a0a0a;
  --band: #0c0c0c;
  --surface: #0f0f0f;
  --surface-2: #101010;
  --panel: #141414;
  --ink: #f2f1ed;
  --cream: #f2f1ed;
  --muted: #9c9c95;
  --muted-strong: #9c9c95;
  --muted-card: #8b8b85;
  --muted-footer: #6b6b66;
  --border: rgba(255,255,255,.09);
  --accent: #8cf2b4;
  --accent-hover: #b6f8ce;
  --accent-progress: #5fe0a0;
  --message-sent: #1f3a2c;
  --lead-hot: #ff6b4a;
  --lead-warm: #8cf2b4;
  --lead-cold: #6ea8ff;
  --primary-text: #0a0a0a;
  --green: #5fe0a0;
  --alert: #ff6b4a;
  --violet: #6ea8ff;
  --shadow: 0 24px 64px -28px rgba(0,0,0,.85);
  --reveal-ease: cubic-bezier(.6,0,.4,1);
  --spring: cubic-bezier(.34,1.56,.64,1);
}

html[data-theme="light"] {
  color-scheme: light;
  --bg: #f8f7f3;
  --band: #efede7;
  --surface: #ffffff;
  --surface-2: #efede7;
  --panel: #ffffff;
  --ink: #141414;
  --cream: #ffffff;
  --muted: #77736d;
  --muted-strong: #5f5b55;
  --muted-card: #67635d;
  --muted-footer: #77736d;
  --border: rgba(20,20,20,.12);
  --primary-text: #0a0a0a;
  --shadow: 0 24px 64px -28px rgba(35,30,22,.24);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 90px; }
body { margin: 0; overflow-x: hidden; background: var(--bg); color: var(--ink); font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; text-rendering: optimizeLegibility; transition: background-color .25s ease, color .25s ease; }
button, a { font: inherit; }
a { color: inherit; }
button { color: inherit; }
a:focus-visible, button:focus-visible { outline: 3px solid color-mix(in srgb, var(--accent) 52%, transparent); outline-offset: 3px; }
.container-page { width: min(1200px, calc(100% - 48px)); margin-inline: auto; }
.section-space { padding-block: 120px; }

.site-loader { position: fixed; inset: 0; z-index: 99999; display: grid; place-items: center; overflow: hidden; pointer-events: none; }
.site-loader::before { content: ""; position: absolute; inset: 0; background: var(--bg); clip-path: inset(0 0 0 0); transition: clip-path 640ms cubic-bezier(.22,1,.36,1); }
.site-loader.is-done::before { clip-path: inset(0 0 100% 0); }
.loader-mark { position: relative; width: 104px; height: 104px; display: grid; place-items: center; transform: scale(.72); opacity: 0; transition: transform 360ms cubic-bezier(.34,1.4,.64,1), opacity 180ms ease-out; }
.site-loader.is-drawing .loader-mark { transform: scale(1); opacity: 1; }
.loader-logo { width: 100%; height: 100%; display: block; filter: drop-shadow(0 14px 28px rgba(98,239,167,.18)); }
.site-loader.is-done .loader-mark { opacity: 0; transform: translateY(-28px) scale(.8); transition: transform 420ms var(--reveal-ease), opacity 260ms ease; }

.site-header { position: fixed; inset-inline: 0; top: 12px; z-index: 50; display: flex; justify-content: center; padding-inline: 24px; opacity: 0; transform: translateY(-14px); transition: opacity 500ms ease, transform 500ms ease; }
body.ready .site-header { opacity: 1; transform: none; }
.header-shell { width: min(1200px,100%); height: 64px; display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 0 20px; border: 1px solid transparent; border-radius: 100px; background: rgba(10,10,10,.28); backdrop-filter: blur(14px) saturate(140%); -webkit-backdrop-filter: blur(14px) saturate(140%); transition: width 400ms cubic-bezier(.34,1.26,.64,1), height 400ms cubic-bezier(.34,1.26,.64,1), background-color 400ms cubic-bezier(.34,1.26,.64,1), border-radius 400ms cubic-bezier(.34,1.26,.64,1), border-color 400ms cubic-bezier(.34,1.26,.64,1), padding 400ms cubic-bezier(.34,1.26,.64,1), box-shadow 400ms cubic-bezier(.34,1.26,.64,1); }
html[data-theme="light"] .header-shell { background: rgba(248,247,243,.78); }
.site-header.is-scrolled .header-shell { width: min(900px,100%); height: 56px; padding-inline: 14px; border-color: var(--border); background: color-mix(in srgb, var(--surface) 88%, transparent); box-shadow: 0 10px 36px rgba(0,0,0,.14); }
.brand { display: inline-flex; align-items: center; color: var(--ink); text-decoration: none; }
.brand-copy { display: grid; line-height: 1; }
.brand-wordmark { width: 78px; height: 18px; display: block; background: url("assets/pulso-wordmark-dark.svg") left center/contain no-repeat; }
html[data-theme="light"] .brand-wordmark { background-image: url("assets/pulso-wordmark-light.svg"); }
.brand-copy small { margin-top: 4px; color: var(--muted); font-size: 7px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.brand-accessible { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
.site-header nav { display: flex; align-items: center; gap: 18px; }
.site-header nav a { color: var(--muted-strong); text-decoration: none; font-size: 16px; font-weight: 700; letter-spacing: -.02em; transition: color .2s ease; }
.site-header nav a:hover { color: var(--ink); }
.button { min-height: 49px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 0 16px; border: 0; border-radius: 8px; background: var(--accent); color: var(--primary-text); font-size: 16px; font-weight: 700; letter-spacing: -.02em; text-decoration: none; box-shadow: 0 10px 28px color-mix(in srgb, var(--accent) 20%, transparent); transition: background .2s ease, transform .2s ease; cursor: pointer; }
.button:hover { background: var(--accent-hover); }
.button:active { transform: scale(.97); }
.button-small { min-height: 40px; padding-inline: 20px; border-radius: 100px; font-size: 14px; white-space: nowrap; }
.button.secondary { border: 1px solid var(--border); background: transparent; color: var(--ink); box-shadow: none; }
.button.wide { width: 100%; }

.theme-switcher { position: absolute; z-index: 49; top: 92px; left: 24px; right: auto; display: flex; gap: 2px; padding: 4px; border: 1px solid var(--border); border-radius: 999px; background: color-mix(in srgb, var(--surface) 88%, transparent); backdrop-filter: blur(12px); box-shadow: 0 8px 26px rgba(0,0,0,.12); opacity: 0; transform: translateY(-8px); transition: opacity 400ms ease 300ms, transform 400ms ease 300ms; }
body.ready .theme-switcher { opacity: 1; transform: none; }
.theme-switcher button { min-height: 34px; display: flex; align-items: center; gap: 6px; padding: 0 12px; border: 0; border-radius: 999px; background: transparent; color: var(--muted); font-size: 11px; font-weight: 700; cursor: pointer; }
.theme-switcher button[aria-pressed="true"] { background: var(--accent); color: var(--primary-text); }

.hero { padding: 160px 0 120px; background: var(--bg); }
.hero-inner { display: flex; flex-direction: column; align-items: center; gap: 60px; }
.hero-copy { display: flex; flex-direction: column; align-items: center; gap: 20px; text-align: center; }
.proof-row { display: flex; align-items: center; gap: 12px; color: var(--muted-strong); font-size: 14px; font-weight: 700; letter-spacing: -.02em; }
.proof-avatars { display: flex; }
.proof-avatars span { width: 32px; height: 32px; display: grid; place-items: center; margin-left: -10px; border: 2px solid var(--bg); border-radius: 50%; color: var(--primary-text); font-size: 10px; font-weight: 800; }
.proof-avatars span:first-child { margin-left: 0; background: var(--accent); }
.proof-avatars span:nth-child(2) { background: var(--green); color: #fff; }
.proof-avatars span:nth-child(3) { background: var(--accent-progress); color: var(--primary-text); }
.hero h1 { max-width: 970px; margin: 0; font-size: clamp(40px,6vw,64px); line-height: 1.1; letter-spacing: -.03em; font-weight: 800; text-wrap: balance; }
.hero-subtitle { max-width: 620px; margin: 0; color: var(--muted-strong); font-size: clamp(16px,1.8vw,20px); line-height: 1.4; font-weight: 500; letter-spacing: -.02em; text-wrap: balance; }
.hero-cta { margin-top: 8px; display: flex; flex-direction: column; align-items: center; gap: 10px; }
.hero-cta p { margin: 0; color: var(--muted); font-size: 12px; }

.word-shell { display: inline-block; overflow: hidden; vertical-align: bottom; }
.word-shell > span { display: inline-block; transform: translateY(100%); opacity: 0; transition: transform 500ms var(--reveal-ease), opacity 500ms var(--reveal-ease); transition-delay: calc(var(--word-index,0) * 50ms); }
[data-word-reveal].is-visible .word-shell > span { transform: none; opacity: 1; }
[data-reveal] { opacity: 0; transform: translateY(16px); transition: opacity 500ms var(--reveal-ease), transform 500ms var(--reveal-ease); transition-delay: var(--delay,0ms); }
[data-reveal].is-visible { opacity: 1; transform: none; }

.hero-stage { position: relative; width: min(100%, 980px); margin-top: 10px; perspective: 1000px; }
[data-parallax] { translate: var(--px,0px) var(--py,0px); transition: translate .16s ease-out; }
.float-body { animation: hero-float 4s ease-in-out infinite; }
.phone-wrap { position: absolute; z-index: 20; top: 0; left: 50%; width: min(400px,42vw); transform: translateX(-50%); }
.phone { position: relative; width: 100%; aspect-ratio: 496/1021; padding: 8px; border: 2px solid #2a2a2f; border-radius: 56px; background: #020202; box-shadow: 0 38px 95px rgba(0,0,0,.34); }
.phone-notch { position: absolute; z-index: 6; top: 22px; left: 50%; width: 112px; height: 28px; transform: translateX(-50%); border-radius: 999px; background: #000; }
.phone-screen { height: 100%; overflow: hidden; border-radius: 47px; background: #111b21; color: #e9edef; }
.phone-status { height: 6.5%; display: flex; align-items: center; justify-content: space-between; padding: 0 24px; background: #111b21; color: #e9edef; font-size: 10px; font-weight: 800; }
.wa-header { height: 9%; display: grid; grid-template-columns: 18px 38px minmax(0,1fr) auto; align-items: center; gap: 8px; padding: 6px 12px; background: #202c33; color: #e9edef; }
.wa-back { font-size: 24px; line-height: 1; }
.wa-avatar { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 50%; background: var(--accent); color: var(--primary-text); font-weight: 800; }
.wa-header strong,.wa-header small { display:block; }.wa-header strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.wa-header small{font-size:9px;color:#8696a0}.wa-contact{min-width:0}.wa-actions{display:flex;align-items:center;gap:10px;color:#aebac1;font-size:15px}
.chat-area { height: 77.5%; display: flex; flex-direction: column; gap: 9px; padding: 18px 14px; background: radial-gradient(circle at 20% 10%,rgba(255,255,255,.025) 0 1px,transparent 1.5px) 0 0/18px 18px, #0b141a; }
.bubble { max-width: 84%; padding: 10px 11px 7px; border-radius: 8px; box-shadow: 0 1px 1px rgba(0,0,0,.28); font-size: 11px; line-height: 1.35; }
.bubble small { display:block; margin-top:5px; color:#8696a0; font-size:7px; text-align:right; }
.bubble.bot { align-self:flex-start; border-top-left-radius:3px; background:#fff; }
.bubble.customer { align-self:flex-end; border-top-right-radius:3px; background:var(--message-sent);color:var(--ink); }
.photo-bubble{width:172px;padding:5px}.photo-placeholder{position:relative;display:block;height:114px;overflow:hidden;border-radius:8px;background:linear-gradient(145deg,#c7b9a1,#8b7864 55%,#66594e)}.photo-placeholder::before{content:"";position:absolute;left:14px;right:14px;bottom:14px;height:52px;border-radius:8px;background:#a99a87;box-shadow:0 -15px 0 #796a5c}.photo-placeholder i{position:absolute;width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.22)}.photo-placeholder i:nth-child(1){top:12px;left:14px}.photo-placeholder i:nth-child(2){top:24px;right:20px}.photo-placeholder i:nth-child(3){bottom:22px;right:12px}
.wa-input { height:7%; display:grid; grid-template-columns:auto 1fr auto 32px; align-items:center; gap:8px; padding:5px 8px 5px 12px; background:#111b21; color:#8696a0; font-size:10px }.wa-placeholder{display:block;padding:8px 10px;border-radius:18px;background:#202c33}.wa-emoji,.wa-input-icons{color:#8696a0}.wa-input-icons{font-size:12px;letter-spacing:3px}.wa-input b{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#00a884;color:#fff}

.hero-alert-label{position:absolute;left:1%;top:20%;margin:0;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.hero-float-card{position:absolute;z-index:30}
.bot-notification{opacity:0;transform:translateY(14px) scale(.96);transition:opacity 420ms var(--spring),transform 420ms var(--spring);transition-delay:var(--notification-delay,0ms)}
[data-chat-sequence].is-playing .bot-notification{opacity:1;transform:none}
.bot-notification .float-body{width:220px;display:flex;align-items:flex-start;gap:10px;padding:13px 14px;border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:0 8px 28px rgba(0,0,0,.22)}
.notification-index{width:30px;height:30px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:var(--accent);color:var(--primary-text);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;font-weight:800}
.bot-notification small{display:block;margin:1px 0 4px;color:var(--accent);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.bot-notification p{margin:0;font-size:12px;line-height:1.35}
.notification-one{left:0;top:28%}.notification-two{left:2%;top:49%}.notification-three{right:0;top:31%}.notification-four{right:2%;top:52%}

.metric-grid{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0;padding:0;list-style:none}.metric-card{min-height:165px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;border-radius:8px;background:var(--surface-2);text-align:center}.metric-card strong{font-size:39px;line-height:1;font-weight:800;letter-spacing:-.04em}.metric-card span{max-width:170px;color:var(--muted-strong);font-size:12px;line-height:1.3;font-weight:500}.metric-card small{color:var(--muted);font-size:9px}

.section-heading{display:flex;flex-direction:column;align-items:flex-start;gap:16px}.section-heading.centered{align-items:center;text-align:center}.eyebrow{display:flex;align-items:center;gap:10px;margin:0;color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;font-weight:500;text-transform:uppercase}.eyebrow span{width:8px;height:8px;border-radius:50%;background:currentColor}.accent-eyebrow{color:var(--accent)}.section-heading h2,.diagnosis-intro h2{max-width:850px;margin:0;font-size:clamp(39px,5vw,64px);line-height:1.05;letter-spacing:-.04em;font-weight:500;text-wrap:balance}.section-heading>p:last-child,.diagnosis-intro>p:last-child{max-width:650px;margin:0;color:var(--muted-strong);font-size:20px;line-height:1.35;font-weight:500;letter-spacing:-.03em}
.product-wrap{display:flex;flex-direction:column;gap:60px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.product-card{height:520px;display:flex;flex-direction:column;overflow:hidden;padding:40px 28px 28px;border-radius:24px;background:var(--surface-2);color:var(--ink)}.product-card h3{max-width:290px;margin:0;font-size:34px;line-height:1.1;font-weight:500;letter-spacing:-.03em}.product-card h3 span{color:color-mix(in srgb,var(--ink) 40%,transparent)}.product-card>div>p{max-width:290px;margin:12px 0 0;color:var(--muted-card);font-size:14px;line-height:1.4}.accent-card{background:var(--accent);color:var(--primary-text)}.accent-card h3 span{color:rgba(10,10,10,.5)}.accent-card>div>p{color:rgba(10,10,10,.68)}.product-chat{margin-top:auto;display:flex;flex-direction:column;gap:8px}.mini-bubble{max-width:85%;padding:10px 14px;border-radius:16px;font-size:13px;line-height:1.35;opacity:0;transform:translate(12px,8px) scale(.94);transition:opacity 380ms var(--spring),transform 380ms var(--spring)}.product-card.is-visible .mini-bubble{opacity:1;transform:none}.mini-bubble:nth-child(1){transition-delay:500ms}.mini-bubble:nth-child(2){transition-delay:780ms}.mini-bubble:nth-child(3){transition-delay:1060ms}.mini-bubble.sent{align-self:flex-end;border-top-right-radius:4px;background:var(--message-sent);color:var(--ink)}.mini-bubble.received{align-self:flex-start;border-top-left-radius:4px;background:var(--surface);color:var(--ink)}.lead-panel{margin-top:auto;padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.lead-panel-top{display:flex;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid var(--border);color:var(--muted);font-size:11px}.lead-panel-top b{color:var(--green)}.lead-panel dl{margin:0}.lead-panel dl div{display:grid;grid-template-columns:80px 1fr;gap:8px;padding:10px 0;border-bottom:1px solid var(--border)}.lead-panel dl div:last-child{border-bottom:0}.lead-panel dt{color:var(--muted);font-size:9px}.lead-panel dd{margin:0;font-size:11px;font-weight:700}.notification-stack{margin-top:auto;display:flex;flex-direction:column;gap:8px}.notification{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:16px;background:#fff;color:#111;box-shadow:0 4px 20px rgba(0,0,0,.1);opacity:0;transform:translateY(14px) scale(.96);transition:opacity 420ms var(--spring),transform 420ms var(--spring)}.notification-app-icon{width:28px;height:28px;display:block;flex:0 0 auto}.product-card.is-visible .notification{opacity:1;transform:none}.notification:nth-child(1){transition-delay:620ms}.notification:nth-child(2){transition-delay:900ms}.notification:nth-child(3){transition-delay:1180ms}.notification p{margin:0!important;color:#111!important;font-size:12px!important;font-weight:600}

.stories-section{width:100%;overflow:hidden;padding:96px 0 128px;background:var(--bg)}.stories-heading{display:flex;flex-direction:column;align-items:center;gap:16px;padding-inline:24px;text-align:center}.stories-heading h2{max-width:13ch;margin:0;font-size:clamp(36px,8vw,72px);line-height:.95;font-weight:700;letter-spacing:-.05em}.stories-heading p{margin:0;color:var(--muted);font-size:14px}.stories-stack{display:flex;flex-direction:column;gap:200px;margin-top:96px}.story-row{display:flex;align-items:flex-start;justify-content:center;gap:clamp(32px,5vw,96px);padding-inline:24px}.story-card{width:clamp(340px,42vw,520px);min-height:340px;display:flex;flex-direction:column;gap:.7rem;padding:clamp(1.4rem,2vw,1.9rem);overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:24px;background:radial-gradient(circle,rgba(255,255,255,.05) 1px,transparent 1.5px) 0 0/22px 22px,radial-gradient(130% 90% at 50% -10%,#1d1d24,#0a0a0e 58%);box-shadow:0 24px 64px -28px rgba(0,0,0,.85);color:#fff}.story-card.stagger{margin-top:210px}.story-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.story-avatar{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#1f3a2c,#8cf2b4 50%,#5fe0a0);color:#0a0a0a;font-size:13px;font-weight:700}.story-top small{padding:7px 12px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(255,255,255,.06);color:rgba(255,255,255,.6);font-size:11px}.story-name{margin:0;color:rgba(255,255,255,.5);font-size:13px}.story-card h3{margin:0;font-size:clamp(24px,2.1vw,32px);line-height:1.08;font-weight:500}.story-card>p:not(.story-name){margin:0;color:rgba(255,255,255,.7);font-size:14px;line-height:1.55}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}.chips span{padding:7px 11px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(255,255,255,.05);color:rgba(255,255,255,.7);font-size:11px}

.diagnosis-section{position:relative;width:100%;overflow:hidden;padding:128px 24px;background:var(--band)}.diagnosis-glow{position:absolute;top:50%;left:50%;width:900px;height:900px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 10%,transparent),transparent 65%);pointer-events:none}.diagnosis-layout{position:relative;display:flex;align-items:center;gap:80px}.diagnosis-intro{width:380px;flex:0 0 380px;display:flex;flex-direction:column;align-items:flex-start;gap:16px}.diagnosis-intro h2{font-size:clamp(40px,4.8vw,58px)}.diagnosis-intro>p:last-child{font-size:17px}.diagnosis-card{width:100%;max-width:560px;min-height:520px;margin-left:auto;padding:40px;border:1px solid var(--border);border-radius:24px;background:var(--panel);box-shadow:0 30px 80px rgba(0,0,0,.5)}.diagnosis-progress-bars{display:flex;gap:6px;margin-bottom:30px}.diagnosis-progress-bars i{height:3px;flex:1;overflow:hidden;border-radius:999px;background:var(--border)}.diagnosis-progress-bars b{display:block;width:0;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent-progress));transition:width 500ms ease}.diagnosis-progress-bars i.is-done b,.diagnosis-progress-bars i.is-current b{width:100%}.diagnosis-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.diagnosis-meta span{display:block;margin-bottom:8px;color:var(--accent);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;text-transform:uppercase}.diagnosis-meta h3{max-width:390px;margin:0;font-size:28px;line-height:1.08;letter-spacing:-.03em}.diagnosis-meta>b{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px}.diagnosis-card>p{margin:12px 0 22px;color:var(--muted);font-size:12px}.diagnosis-options{display:flex;flex-direction:column;gap:10px}.diagnosis-options button{min-height:46px;display:flex;align-items:center;gap:12px;padding:10px 16px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:transparent;color:var(--ink);text-align:left;font-size:15px;font-weight:500;cursor:pointer;transition:border-color .2s ease,background .2s ease}.html-light .diagnosis-options button{border-color:var(--border)}.diagnosis-options button::before{content:"";width:16px;height:16px;border:1px solid var(--muted);border-radius:50%;flex:0 0 auto}.diagnosis-options button:hover{border-color:color-mix(in srgb,var(--ink) 30%,transparent)}.diagnosis-options button[aria-checked="true"]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.diagnosis-options button[aria-checked="true"]::before{border:5px solid var(--accent)}.diagnosis-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:26px}.text-button{padding:10px 0;border:0;background:transparent;color:var(--muted);font-weight:700;cursor:pointer}.diagnosis-actions button:disabled{opacity:.32;cursor:not-allowed}.diagnosis-result{min-height:390px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.result-focus{padding:7px 10px;border-radius:999px;background:var(--accent);color:var(--primary-text);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;font-weight:700;text-transform:uppercase}.diagnosis-result h3{margin:22px 0 12px;font-size:36px;line-height:1.05;letter-spacing:-.04em}.diagnosis-result p{margin:0;color:var(--muted-strong);line-height:1.55}.result-actions{display:flex;align-items:center;gap:18px;margin-top:26px}

.security-wrap{display:flex;flex-direction:column;align-items:center;gap:60px}.security-grid{width:min(1280px,100%);display:grid;grid-template-columns:1fr 1fr;gap:8px}.security-card{height:320px;display:flex;flex-direction:column;justify-content:space-between;gap:24px;padding:28px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:var(--surface-2);transition:transform .3s ease}.security-card:hover{transform:translateY(-4px)}html[data-theme="light"] .security-card{border-color:var(--border)}.security-icon{width:48px;height:48px;display:grid;place-items:center;margin-bottom:34px;border-radius:14px;background:color-mix(in srgb,var(--accent) 18%,var(--surface));font-weight:800}.security-card h3{margin:0 0 10px;font-size:28px;line-height:1.05;letter-spacing:-.03em}.security-card p{max-width:480px;margin:0;color:var(--muted);font-size:14px;line-height:1.5}.security-card small{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;text-transform:uppercase}.accent-security{background:var(--accent);color:var(--primary-text);border-color:var(--accent)}.accent-security .security-icon{background:#fff;color:#111}.accent-security p,.accent-security small{color:rgba(10,10,10,.65)}


.faq-wrap{display:flex;flex-direction:column;align-items:center;gap:60px}.faq-list{width:min(800px,100%);display:flex;flex-direction:column;gap:12px}.faq-item{width:100%;overflow:hidden;border:1px solid var(--border);border-radius:16px;background:var(--surface);transition:border-color .3s ease}.faq-item:has(.faq-question[aria-expanded="true"]){border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:40px;padding:20px 24px;border:0;background:transparent;color:var(--ink);text-align:left;font-size:20px;font-weight:600;letter-spacing:-.03em;cursor:pointer}.faq-question span{width:32px;height:32px;display:grid;place-items:center;flex:0 0 auto;border:1px solid var(--border);border-radius:50%;color:var(--muted);font-size:19px;transition:transform 300ms ease,background .3s ease,color .3s ease}.faq-question[aria-expanded="true"] span{transform:rotate(45deg);background:var(--accent);color:var(--primary-text);border-color:var(--accent)}.faq-panel{padding:0 68px 22px 24px}.faq-panel p{margin:0;color:var(--muted-strong);font-size:14px;line-height:1.6}

.site-footer{padding:90px 0 28px;border-top:1px solid var(--border);background:var(--band)}.footer-main{display:grid;grid-template-columns:1fr 180px 1fr;gap:64px;align-items:start}.footer-brand{margin-bottom:14px}.footer-main>div>p{max-width:310px;margin:0;color:var(--muted-footer);font-size:13px;line-height:1.5}.footer-links{display:flex;flex-direction:column;gap:10px}.footer-links strong{margin-bottom:6px;font-size:13px}.footer-links a{color:var(--muted-strong);font-size:12px;text-decoration:none}.footer-cta{justify-self:end;max-width:370px}.footer-cta h2{margin:0 0 8px;font-size:30px;letter-spacing:-.04em}.footer-cta p{margin-bottom:18px!important;color:var(--muted-strong)!important}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:70px;padding-top:20px;border-top:1px solid var(--border);color:var(--muted-strong);font-size:10px}.footer-copyright{display:inline-flex;align-items:center;gap:3px}.copyright-wordmark{width:28px;height:7px;display:block;background:url("assets/pulso-wordmark-dark.svg") left center/contain no-repeat}html[data-theme="light"] .copyright-wordmark{background-image:url("assets/pulso-wordmark-light.svg")}

@keyframes hero-float { 0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)} }

@media (max-width: 1100px){
  .site-header nav{display:none}.hero-stage{width:min(780px,100%)}.phone-wrap{width:340px}.hero-alert-label{display:none}.bot-notification .float-body{width:190px}.notification-one,.notification-two{left:0}.notification-three,.notification-four{right:0}.product-card{height:500px}.stories-stack{gap:120px}.story-card.stagger{margin-top:120px}.diagnosis-layout{gap:48px}.security-grid{grid-template-columns:1fr 1fr}
}
@media (max-width: 800px){
  .container-page{width:min(100% - 32px,1200px)}.section-space{padding-block:88px}.theme-switcher{top:84px;left:16px;right:auto}.hero{padding:140px 0 88px}.hero-inner{gap:44px}.hero-stage{min-height:650px}.phone-wrap{width:320px}.bot-notification .float-body{width:164px;padding:10px}.bot-notification p{font-size:10px}.notification-one{left:-8px;top:25%}.notification-two{left:-8px;top:52%}.notification-three{right:-8px;top:31%}.notification-four{right:-8px;top:58%}.metric-grid{grid-template-columns:1fr 1fr}.metric-card{min-height:135px}.product-grid{grid-template-columns:1fr}.product-card{height:450px}.story-row{flex-direction:column;align-items:center;gap:24px}.story-card{width:min(520px,100%)}.story-card.stagger{margin-top:0}.stories-stack{gap:24px;margin-top:60px}.diagnosis-section{padding:88px 16px}.diagnosis-layout{flex-direction:column;align-items:stretch}.diagnosis-intro{width:100%;flex:auto}.diagnosis-card{max-width:none}.security-grid{grid-template-columns:1fr}.footer-main{grid-template-columns:1fr 1fr}.footer-cta{grid-column:1/-1;justify-self:start}.footer-bottom{margin-top:48px}
}
@media (max-width: 560px){
  .site-header{padding-inline:12px}.header-shell{height:58px;padding:0 10px 0 14px}.brand-wordmark{width:78px;height:18px}.brand-copy small{display:none}.button-small{min-height:38px;padding-inline:13px;font-size:11px}.theme-switcher{top:78px}.theme-switcher button{padding-inline:9px;font-size:10px}.hero{padding-top:130px}.proof-row{font-size:11px}.hero h1{font-size:clamp(40px,12vw,54px)}.hero-stage{min-height:585px}.phone-wrap{width:278px}.phone{border-radius:45px}.phone-screen{border-radius:37px}.phone-wrap{width:258px}.bot-notification .float-body{width:126px;padding:8px;gap:6px}.notification-index{width:24px;height:24px;font-size:8px}.bot-notification small{font-size:7px}.bot-notification p{font-size:8px}.notification-one{top:23%;left:-10px}.notification-two{top:49%;left:-10px}.notification-three{top:31%;right:-10px}.notification-four{top:57%;right:-10px}.metric-card strong{font-size:32px}.metric-card span{font-size:10px}.section-heading h2,.diagnosis-intro h2{font-size:clamp(38px,11vw,52px)}.section-heading>p:last-child,.diagnosis-intro>p:last-child{font-size:15px}.product-card{height:430px;padding:30px 22px 22px}.product-card h3{font-size:29px}.stories-section{padding-top:80px}.diagnosis-card{padding:26px 18px}.diagnosis-meta h3{font-size:24px}.result-actions{align-items:flex-start;flex-direction:column}.security-card{height:270px;padding:22px}.security-card h3{font-size:24px}.faq-question{gap:16px;padding:18px;font-size:17px}.faq-panel{padding:0 48px 18px 18px}.footer-main{grid-template-columns:1fr}.footer-cta{grid-column:auto}.footer-bottom{flex-direction:column}
}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.word-shell>span,[data-reveal]{opacity:1!important;transform:none!important}[data-parallax]{translate:none!important}
}

/* Hero containment + animated WhatsApp sequence */
.hero-stage-shell {
  position: relative;
  width: 100%;
  min-height: 870px;
  display: grid;
  place-items: start center;
  isolation: isolate;
  overflow: clip;
}
.hero-stage-shell .hero-stage {
  position: relative;
  width: min(100%, 980px);
  height: 840px;
  margin-top: 10px;
  perspective: 1000px;
}
.hero-stage-shell + .metric-grid { position: relative; z-index: 4; }

.wa-avatar { font-size: 9px; letter-spacing: -.04em; }
.chat-area { overflow: hidden; justify-content: flex-start; gap: 6px; padding-block: 12px; }
.chat-step {
  opacity: 0;
  transform: translateY(8px) scale(.97);
  transition: opacity 360ms var(--spring), transform 360ms var(--spring);
  transition-delay: var(--chat-delay, 0ms);
}
[data-chat-sequence].is-playing .chat-step { opacity: 1; transform: none; }
.bubble.incoming { align-self: flex-start; border-top-left-radius: 3px; background: #202c33; color: #e9edef; }
.bubble.outgoing { align-self: flex-end; border-top-right-radius: 3px; background: #005c4b; color: #e9edef; }
.bubble.outgoing small { color: #8fb9b0; }
[data-chat-sequence].is-playing .bubble.outgoing { animation: bot-message-pop 430ms var(--spring) both; animation-delay: var(--chat-delay,0ms); }
.typing-step {
  align-self: flex-end;
  display: flex;
  gap: 3px;
  padding: 8px 10px;
  border-radius: 12px 12px 3px 12px;
  background: #005c4b;
}
.typing-step i { width: 4px; height: 4px; border-radius: 50%; background: var(--accent); animation: typing-dot .9s ease-in-out infinite; }
.typing-step i:nth-child(2) { animation-delay: .12s; }
.typing-step i:nth-child(3) { animation-delay: .24s; }
.photo-message {
  width: 82%;
  align-self: flex-start;
  padding: 5px;
  border-radius: 3px 11px 11px 11px;
  background: #202c33;
  color: #e9edef;
  box-shadow: 0 1px 1px rgba(0,0,0,.28);
}
.photo-message p { margin: 6px 5px 2px; font-size: 9px; line-height: 1.3; }
.photo-message small { display: block; margin: 0 5px 2px; color: #8696a0; font-size: 7px; text-align: right; }
.sofa-gallery { display: grid; grid-template-columns: repeat(3, 1fr); gap: 3px; }
.sofa-thumb { position: relative; height: 58px; overflow: hidden; border-radius: 6px; background: linear-gradient(145deg,#bcb7ae,#8e8981 55%,#625f59); }
.sofa-thumb::before { content: ""; position: absolute; left: 10%; right: 10%; bottom: 14%; height: 35%; border-radius: 5px; background: #6d6964; box-shadow: 0 -14px 0 #827d76; }
.sofa-thumb::after { content: ""; position: absolute; left: 8%; right: 8%; bottom: 9%; height: 6px; border-radius: 2px; background: rgba(34,34,34,.5); }
.sofa-two { background: linear-gradient(160deg,#d0ccc5,#8d8882 52%,#5d5955); }
.sofa-three { background: linear-gradient(130deg,#aaa69f,#77736e 54%,#4e4b48); }
[data-chat-sequence].is-playing .sofa-thumb { animation: photo-pop 420ms var(--spring) both; }
[data-chat-sequence].is-playing .sofa-thumb:nth-child(1) { animation-delay: 1600ms; }
[data-chat-sequence].is-playing .sofa-thumb:nth-child(2) { animation-delay: 1690ms; }
[data-chat-sequence].is-playing .sofa-thumb:nth-child(3) { animation-delay: 1780ms; }
.final-message { box-shadow: 0 0 0 1px color-mix(in srgb,var(--accent) 28%,transparent); }

@keyframes typing-dot { 0%,60%,100%{transform:translateY(0);opacity:.45}30%{transform:translateY(-3px);opacity:1} }
@keyframes bot-message-pop { 0%{transform:translateY(10px) scale(.9)}72%{transform:translateY(-2px) scale(1.015)}100%{transform:none} }
@keyframes photo-pop { from{opacity:0;transform:scale(.88)} to{opacity:1;transform:scale(1)} }

@media (max-width: 1100px) {
  .hero-stage-shell { min-height: 790px; }
  .hero-stage-shell .hero-stage { height: 760px; }
}
@media (max-width: 800px) {
  .hero-stage-shell { min-height: 730px; }
  .hero-stage-shell .hero-stage { height: 700px; }
}
@media (max-width: 560px) {
  .hero-stage-shell { min-height: 640px; overflow: hidden; }
  .hero-stage-shell .hero-stage { height: 610px; }
  .chat-area { gap: 4px; padding: 10px 9px; }
  .bubble { padding: 7px 8px 5px; font-size: 8px; }
  .sofa-thumb { height: 42px; }
  .photo-message p { font-size: 7px; }
}

/* Owner panel showcase */
.owner-panel-section { background: var(--band); overflow: hidden; }
.owner-panel-layout { display: flex; flex-direction: column; gap: 42px; }
.owner-panel-copy { display: grid; grid-template-columns: minmax(0,1.4fr) minmax(320px,.8fr); gap: clamp(30px,5vw,72px); align-items: end; }
.owner-panel-copy-main { max-width: 720px; }
.owner-panel-copy h2 { max-width: 720px; margin: 0; font-size: clamp(38px,4.5vw,58px); line-height: 1.02; letter-spacing: -.045em; font-weight: 600; }
.owner-panel-copy-main > p:last-child { max-width: 620px; margin: 16px 0 0; color: var(--muted); font-size: 16px; line-height: 1.55; }
.owner-panel-benefits { display: grid; grid-template-columns: 1fr 1fr; gap: 11px 18px; margin: 0; padding: 0; list-style: none; }
.owner-panel-benefits li { display: flex; gap: 9px; align-items: flex-start; color: var(--muted-strong); font-size: 12px; line-height: 1.35; }
.owner-panel-benefits li span { width: 18px; height: 18px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 50%; background: color-mix(in srgb,var(--accent) 15%,transparent); color: var(--accent); font-size: 10px; font-weight: 900; }
.owner-panel-stage { position: relative; min-width: 0; }
.owner-panel-glow { position: absolute; inset: 10% 8% -12%; background: radial-gradient(circle at 50% 32%,rgba(140,242,180,.13),transparent 64%); filter: blur(18px); pointer-events: none; }
.owner-panel-shell { position: relative; padding: 9px; overflow: hidden; border: 1px solid rgba(255,255,255,.12); border-radius: 20px; background: #141414; box-shadow: 0 50px 110px rgba(0,0,0,.56); }
.panel-scale-viewport { position: relative; width: 100%; max-width: 1104px; margin-inline: auto; overflow: hidden; border-radius: 14px; background: #f4f5f7; }
.owner-panel-mockup { position: relative; width: 1104px; height: 800px; overflow: hidden; transform: scale(var(--panel-scale,1)); transform-origin: top left; background: #f4f5f7; color: #252a31; font-family: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
[data-panel-step] { opacity: 0; transform: translateY(8px) scale(.99); transition: opacity 420ms var(--reveal-ease), transform 420ms var(--spring); transition-delay: var(--panel-delay,0ms); }
[data-panel-sequence].is-playing [data-panel-step] { opacity: 1; transform: none; }
.panel-browser-bar { height: 38px; display: flex; align-items: center; gap: 12px; padding: 0 14px; border-bottom: 1px solid #dcdfe5; background: #e9ebef; }
.panel-browser-dots { display: flex; gap: 6px; }
.panel-browser-dots i { width: 9px; height: 9px; border-radius: 50%; background: #f2655b; }
.panel-browser-dots i:nth-child(2) { background: #f5be4f; }
.panel-browser-dots i:nth-child(3) { background: #5fc466; }
.panel-browser-address { width: 300px; padding: 4px 12px; border: 1px solid #d9dce2; border-radius: 7px; background: #fbfbfc; color: #7a828c; font-size: 11px; }
.panel-app { display: flex; height: 762px; }
.panel-sidebar { width: 176px; flex: none; display: flex; flex-direction: column; gap: 6px; padding: 16px 12px; background: #0e2a21; color: #fff; }
.panel-brand { display: block; padding: 0 4px 16px; }
.panel-brand div { display: flex; flex-direction: column; line-height: 1.05; }
.panel-brand-wordmark { width: 72px; height: 17px; display: block; background: url("assets/pulso-wordmark-dark.svg") left center/contain no-repeat; }
.panel-brand small { margin-top: 4px; color: rgba(255,255,255,.45); font-size: 8.5px; letter-spacing: .08em; }
.panel-sidebar nav { display: flex; flex-direction: column; gap: 5px; }
.panel-sidebar nav span { display: flex; align-items: center; gap: 9px; padding: 8px 10px; border-radius: 9px; color: rgba(255,255,255,.62); font-size: 12.5px; font-weight: 600; }
.panel-sidebar nav span.is-active { background: #12b981; color: #052018; }
.panel-sidebar nav i { width: 14px; height: 14px; flex: none; border-radius: 4px; background: rgba(255,255,255,.14); }
.panel-sidebar nav span.is-active i { background: rgba(5,32,24,.35); }
.panel-whatsapp { margin-top: auto; padding: 11px; border: 1px solid rgba(255,255,255,.08); border-radius: 10px; background: rgba(255,255,255,.05); }
.panel-whatsapp span { display: flex; align-items: center; gap: 6px; color: rgba(255,255,255,.7); font-size: 10px; }
.panel-whatsapp span i { width: 6px; height: 6px; border-radius: 50%; background: #8cf2b4; animation: reference-pulse-dot 1.8s ease-in-out infinite; }
.panel-whatsapp strong { display: block; margin-top: 6px; color: #fff; font-size: 11.5px; }
.panel-workspace { min-width: 0; flex: 1; display: flex; flex-direction: column; gap: 12px; padding: 14px; background: #f4f5f7; }
.panel-heading-row { height: 44px; display: flex; align-items: center; gap: 14px; }
.panel-heading-row h3 { margin: 0; color: #111418; font-size: 19px; line-height: 1.1; letter-spacing: -.02em; }
.panel-heading-brand { display: flex; align-items: center; width: max-content; margin: 3px 0 0; }
.panel-heading-wordmark { width: 34px; height: 8px; display: block; background: url("assets/pulso-wordmark-light.svg") left center/contain no-repeat; }
.panel-heading-row p { margin: 2px 0 0; color: #8a919b; font-size: 10.5px; }
.panel-heading-actions { margin-left: auto; display: flex; align-items: center; gap: 8px; }
.panel-heading-actions > i { position: relative; width: 26px; height: 26px; border-radius: 50%; background: #edeff3; }
.panel-heading-actions > i[data-count]::after { content: attr(data-count); position: absolute; top: -3px; right: -3px; min-width: 15px; height: 15px; display: grid; place-items: center; padding: 0 3px; border-radius: 999px; background: #e8503a; color: #fff; font-size: 9px; font-style: normal; font-weight: 700; }
.panel-owner { display: flex; align-items: center; gap: 7px; padding: 3px 10px 3px 3px; border-radius: 999px; background: #edeff3; }
.panel-owner > span { width: 22px; height: 22px; display: grid; place-items: center; border-radius: 50%; background: #0e2a21; color: #8cf2b4; font-size: 9.5px; font-weight: 800; }
.panel-owner strong,.panel-owner small { display: block; line-height: 1.1; }
.panel-owner strong { color: #20242a; font-size: 10.5px; }
.panel-owner small { margin-top: 2px; color: #8a919b; font-size: 9px; }
.panel-alert-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 10px; }
.panel-alert { min-height: 92px; padding: 12px 14px; border: 1px solid #e6e8ec; border-radius: 12px; background: #fff; box-shadow: 0 1px 2px rgba(16,24,40,.04); transition: transform .3s cubic-bezier(.2,.7,.2,1), box-shadow .3s ease; }
.panel-alert > div { display: flex; align-items: center; gap: 9px; margin-bottom: 8px; }
.panel-alert > div > span { width: 26px; height: 26px; display: grid; place-items: center; flex: none; border-radius: 8px; font-size: 11px; font-weight: 800; }
.panel-alert small { color: #5f6771; font-size: 11px; line-height: 1.25; }
.panel-alert > strong { display: block; font-size: 27px; line-height: 1; letter-spacing: -.02em; }
.panel-alert.is-target,[data-panel-action].is-target { transform: translateY(-3px); box-shadow: 0 0 0 4px rgba(18,185,129,.22),0 12px 26px rgba(16,24,40,.12); }
.panel-alert-mint > div > span { background: #e6f7f0; color: #0e9e6e; }.panel-alert-mint > strong { color: #0e9e6e; }
.panel-alert-blue > div > span { background: #eaf1fb; color: #2159b8; }.panel-alert-blue > strong { color: #2159b8; }
.panel-alert-neutral > div > span { background: #fef6e3; color: #93690f; }.panel-alert-neutral > strong { color: #93690f; }
.panel-alert-hot > div > span { background: #fdebe7; color: #c23b22; }.panel-alert-hot > strong { color: #c23b22; }
.panel-summary { display: grid; grid-template-columns: repeat(4,1fr); gap: 10px; padding: 9px 0; border-top: 1px solid #e6e8ec; border-bottom: 1px solid #e6e8ec; }
.panel-summary span { display: flex; align-items: center; justify-content: center; gap: 9px; }
.panel-summary i { width: 18px; height: 18px; border-radius: 6px; background: #eaf6f0; }
.panel-summary b { color: #111418; font-size: 16px; }
.panel-summary small { color: #8a919b; font-size: 11px; }
.panel-main-grid { height: 300px; display: grid; grid-template-columns: 250px minmax(0,1fr) 232px; gap: 10px; }
.panel-conversations,.panel-chat-window,.panel-lead-card,.panel-bottom-card { overflow: hidden; border: 1px solid #e6e8ec; border-radius: 12px; background: #fff; }
.panel-tabs { display: flex; gap: 4px; padding: 9px 10px 7px; }
.panel-tabs > * { padding: 3px 8px; border-radius: 6px; background: #f1f3f6; color: #5f6771; font-size: 9.5px; font-weight: 700; white-space: nowrap; }
.panel-tabs b { background: #0e2a21; color: #fff; }
.panel-search { margin: 0 10px 8px; padding: 5px 9px; border: 1px solid #e6e8ec; border-radius: 7px; background: #f4f5f7; color: #9aa1aa; font-size: 10.5px; }
.conversation-row { position: relative; display: grid; grid-template-columns: 24px minmax(0,1fr) auto; align-items: center; gap: 8px; min-height: 45px; padding: 7px 10px; transition: background .25s ease, box-shadow .25s ease; }
.conversation-row.selected { background: #eaf7ef; box-shadow: inset 3px 0 0 #12b981; }
.person-avatar { width: 24px; height: 24px; display: grid; place-items: center; border-radius: 50%; font-size: 9px; font-weight: 800; }
.hot-avatar { background: #fdebe7; color: #c23b22; }.warm-avatar { background: #fef6e3; color: #93690f; }.blue-avatar { background: #eaf1fb; color: #2159b8; }.sand-avatar { background: #f1eee5; color: #776f4d; }
.conversation-row > div { min-width: 0; }
.conversation-row strong,.conversation-row small { display: block; }
.conversation-row strong { color: #1b1f24; font-size: 11.5px; }
.conversation-row small { margin-top: 2px; overflow: hidden; color: #8a919b; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.conversation-row time { position: absolute; top: 7px; right: 10px; color: #a6adb6; font-size: 8.5px; }
.lead-pill { padding: 2px 5px; border-radius: 4px; font-size: 8.5px; font-weight: 800; }
.lead-pill.hot { background: #fdebe7; color: #c23b22; }.lead-pill.warm { background: #fef6e3; color: #93690f; }.lead-pill.cold { background: #eaf1fb; color: #2159b8; }.lead-pill.human { background: #eaf7ef; color: #137a4e; }
.panel-chat-window { display: grid; grid-template-rows: 43px 1fr auto 41px; }
.panel-chat-window > header { display: flex; align-items: center; gap: 9px; padding: 9px 12px; border-bottom: 1px solid #eef0f3; }
.panel-chat-window > header > div { min-width: 0; flex: 1; }.panel-chat-window > header strong,.panel-chat-window > header small { display: block; }
.panel-chat-window > header strong { color: #1b1f24; font-size: 12px; }.panel-chat-window > header small { color: #8a919b; font-size: 9.5px; }
.panel-chat-window > header > span:last-child { padding: 3px 9px; border-radius: 6px; background: #eaf7ef; color: #137a4e; font-size: 9.5px; font-weight: 700; }
.panel-chat-body { display: flex; flex-direction: column; gap: 6px; padding: 10px 12px; background: #fafbfc; }
.panel-msg { max-width: 74%; padding: 7px 10px; border: 1px solid #e9ebef; border-radius: 10px; color: #2a2f36; font-size: 10.5px; line-height: 1.4; }
.panel-msg.incoming { align-self: flex-start; border-bottom-left-radius: 3px; background: #fff; }.panel-msg.outgoing { align-self: flex-end; border-color: #c4e8d2; border-bottom-right-radius: 3px; background: #dcf3e4; color: #1d3b2b; }
.panel-photo-row { align-self: flex-start; display: flex; gap: 5px; }.panel-photo-row i { width: 52px; height: 34px; border-radius: 6px; background: linear-gradient(135deg,#d8dee6,#bfc8d4); }.panel-photo-row i:nth-child(2){background:linear-gradient(135deg,#cfd7e1,#b4becb)}.panel-photo-row i:nth-child(3){background:linear-gradient(135deg,#dce2e9,#c6cfda)}
.panel-suggestions { display: flex; gap: 5px; padding: 7px 12px; border-top: 1px solid #eef0f3; }
.panel-suggestions span { padding: 4px 8px; border-radius: 6px; background: #f1f3f6; color: #5f6771; font-size: 9.5px; white-space: nowrap; }
.panel-chat-window > footer { display: flex; align-items: center; gap: 8px; padding: 7px 12px; border-top: 1px solid #eef0f3; }
.panel-chat-window > footer span { flex: 1; color: #a6adb6; font-size: 10.5px; }.panel-chat-window > footer b { width: 26px; height: 26px; display: grid; place-items: center; border-radius: 8px; background: #12b981; color: #fff; font-size: 15px; }
.panel-lead-card { display: flex; flex-direction: column; }
.panel-lead-card > header { display: flex; align-items: center; justify-content: space-between; gap: 6px; padding: 9px 11px; border-bottom: 1px solid #eef0f3; }.panel-lead-card > header strong { color: #1b1f24; font-size: 12px; }
.panel-lead-card dl { flex: 1; display: flex; flex-direction: column; gap: 8px; margin: 0; padding: 10px 11px; }
.panel-lead-card dl div { display: flex; flex-direction: column; gap: 2px; }.panel-lead-card dt { display: flex; align-items: center; gap: 7px; color: #8a919b; font-size: 9.5px; }.panel-lead-card dl i { width: 13px; height: 13px; flex: 0 0 auto; border-radius: 4px; background: #edf1f5; }.panel-lead-card dd { margin: 0 0 0 20px; color: #252a31; font-size: 10.5px; line-height: 1.35; font-weight: 600; }
.mint-text { color: #0e9e6e!important; }.state-pill { color: #0e9e6e; font-size: 9px; font-weight: 800; }
.panel-actions { display: flex; gap: 6px; padding: 9px 11px; border-top: 1px solid #eef0f3; }
.panel-actions button { flex: 1; min-height: 29px; padding: 6px; border: 1px solid #d5dae1; border-radius: 8px; background: #fff; color: #5f6771; font-size: 10px; font-weight: 700; transition: transform .25s ease, box-shadow .25s ease; }.panel-actions .panel-primary-action { border-color: #12b981; background: #12b981; color: #fff; }
.panel-bottom-grid { height: 190px; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.panel-bottom-card { display: flex; flex-direction: column; padding: 11px 12px; }
.panel-bottom-card > header { display: flex; align-items: center; gap: 7px; margin-bottom: 9px; }.panel-bottom-card > header i { width: 14px; height: 14px; border-radius: 4px; background: #eaf6f0; }.panel-bottom-card > header i.blue { background: #eaf1fb; }.panel-bottom-card > header i.violet { background: #f3edfb; }.panel-bottom-card > header strong { color: #1b1f24; font-size: 11.5px; }
.panel-detail-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 5px 10px; margin-bottom: auto; }.panel-detail-grid span { display: flex; flex-direction: column; line-height: 1.3; }.panel-detail-grid small { color: #8a919b; font-size: 9px; }.panel-detail-grid b { color: #252a31; font-size: 10.5px; font-weight: 700; }
.panel-card-actions { display: flex; gap: 6px; margin-top: 9px; }.panel-card-actions button,.panel-card-actions span { min-height: 30px; display: grid; place-items: center; padding: 7px 10px; border: 1px solid #d5dae1; border-radius: 8px; background: #fff; color: #5f6771; font-size: 9.5px; font-weight: 700; transition: transform .25s ease, box-shadow .25s ease, background .3s ease, color .3s ease; }.panel-card-actions button { flex: 1; border-color: #12b981; background: #12b981; color: #fff; }.panel-card-actions .warning { border-color: #f3d28a; background: #fef8e9; color: #93690f; }
.panel-card-actions button.is-paid { border-color: #e6f7f0; background: #e6f7f0; color: #0e9e6e; }
.mini-funnel { flex: 1; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 5px; }
.mini-funnel > div { min-width: 0; display: flex; flex-direction: column; gap: 4px; padding: 6px 5px; border-radius: 8px; background: #f7f8fa; transition: background .3s ease; }.mini-funnel > div.won { background: #f5faf8; }.mini-funnel > div.won.is-won { background: #e9f9f2; }
.mini-funnel header { display: flex; align-items: center; justify-content: space-between; gap: 3px; }.mini-funnel header b { overflow: hidden; color: #5f6771; font-size: 8.5px; text-overflow: ellipsis; white-space: nowrap; }.mini-funnel header strong { color: #5f6771; font-size: 8.5px; }.mini-funnel > div:nth-child(3) header strong { color: #93690f; }.mini-funnel > div.won header strong { color: #0e9e6e; }
.mini-funnel span { min-width: 0; display: block; padding: 4px 5px; border: 1px solid #e9ebef; border-radius: 6px; background: #fff; color: #252a31; font-size: 8.5px; font-weight: 700; transition: opacity .5s ease, transform .5s cubic-bezier(.2,.7,.2,1); }.mini-funnel small { display: block; overflow: hidden; margin-top: 2px; color: #8a919b; font-size: 8.5px; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }.mini-funnel [data-panel-moving-card].is-moved { opacity: 0; transform: translateY(-10px) scale(.94); }.mini-funnel .incoming-won { opacity: 0; transform: translateY(10px) scale(.94); }.mini-funnel .incoming-won.is-won { opacity: 1; transform: none; }
.panel-toast { position: absolute; z-index: 6; top: 52px; right: 20px; display: flex; align-items: center; gap: 9px; padding: 10px 14px; border-radius: 11px; background: #0e2a21; color: #fff; font-size: 11.5px; font-weight: 700; box-shadow: 0 14px 34px rgba(9,30,24,.35); animation: reference-pop-in .4s cubic-bezier(.2,.7,.2,1) both; }.panel-toast[hidden] { display: none; }.panel-toast i { width: 7px; height: 7px; border-radius: 50%; background: #8cf2b4; }
.panel-cursor { position: absolute; z-index: 8; left: 560px; top: 300px; pointer-events: none; transition: left 1s cubic-bezier(.4,.1,.2,1),top 1s cubic-bezier(.4,.1,.2,1); }.panel-cursor > span { display: block; width: 0; height: 0; border-top: 8px solid #0e2a21; border-right: 5px solid transparent; border-bottom: 13px solid transparent; border-left: 8px solid #0e2a21; filter: drop-shadow(0 2px 4px rgba(0,0,0,.35)); }.panel-cursor > i { position: absolute; left: -17px; top: -17px; width: 38px; height: 38px; border: 2px solid rgba(18,185,129,.65); border-radius: 50%; opacity: 0; transform: scale(.7); }.panel-cursor.is-clicking > i { opacity: 1; transform: scale(1); animation: reference-pop-in .5s ease both; }

@media (max-width: 900px) {
  .owner-panel-copy { grid-template-columns: 1fr; gap: 24px; }
  .owner-panel-benefits { max-width: 680px; }
}
@media (max-width: 560px) {
  .owner-panel-section { padding-block: 76px; }
  .owner-panel-layout { gap: 30px; }
  .owner-panel-benefits { grid-template-columns: 1fr; }
  .owner-panel-shell { margin-inline: -8px; padding: 6px; border-radius: 16px; }
  .panel-scale-viewport { border-radius: 11px; }
}

/* Uploaded hero reference */
.pix-brand-state { width: 30px; height: 30px; flex: 0 0 auto; border-radius: 9px; }
.reference-pix-card { display: flex; align-items: center; gap: 9px; }
.reference-pix-card > div { display: grid; }

.reference-hero {
  position: relative;
  min-height: 690px;
  display: flex;
  align-items: center;
  overflow: hidden;
  padding: 148px 0 72px;
  background:
    radial-gradient(760px 360px at 72% 7%, rgba(95,224,160,.11), transparent 72%),
    linear-gradient(180deg, #0a0d0b 0%, #080908 100%);
  color: #f2f1ed;
}
.reference-hero::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 1px;
  background: rgba(255,255,255,.08);
}
.reference-hero-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0,1.05fr) minmax(420px,.95fr);
  gap: clamp(42px,6vw,82px);
  align-items: center;
}
.reference-hero-copy {
  max-width: 590px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.reference-hero h1 {
  max-width: 620px;
  margin: 0 0 18px;
  font-size: clamp(54px,5.55vw,78px);
  line-height: .98;
  letter-spacing: -.055em;
  font-weight: 760;
  text-wrap: balance;
}
.reference-hero-copy > p {
  max-width: 560px;
  margin: 0;
  color: #9c9c95;
  font-size: clamp(17px,1.55vw,21px);
  line-height: 1.45;
  letter-spacing: -.025em;
}
.reference-hero-actions {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 34px;
}
.reference-hero .reference-primary,
.reference-hero .reference-secondary {
  min-height: 54px;
  padding-inline: 28px;
  border-radius: 999px;
  font-size: 16px;
  box-shadow: none;
}
.reference-hero .reference-primary {
  background: #8cf2b4;
  color: #0a0a0a;
}
.reference-hero .reference-primary:hover { background: #b6f8ce; }
.reference-hero .reference-secondary {
  border: 1px solid rgba(255,255,255,.14);
  background: transparent;
  color: #f2f1ed;
}
.reference-hero .reference-secondary:hover { background: rgba(255,255,255,.04); }
.reference-hero-copy > small {
  margin-top: 18px;
  color: #6b6b66;
  font-size: 12px;
}
.reference-hero-visual {
  position: relative;
  width: 100%;
  min-height: 510px;
  display: grid;
  place-items: center;
}
.reference-phone {
  position: relative;
  z-index: 2;
  width: min(320px, 100%);
  height: 470px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 38px;
  background: #080909;
  box-shadow: 0 34px 64px rgba(0,0,0,.5), 16px 14px 0 -2px #0b0c0c, 16px 14px 0 -1px rgba(255,255,255,.08);
  animation: reference-float-y 7s ease-in-out infinite;
}
.reference-phone-topbar {
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 18px;
  border-bottom: 1px solid rgba(255,255,255,.07);
  color: #777b78;
  font-size: 11px;
}
.reference-phone-topbar span:last-child {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #9c9c95;
  font-weight: 600;
}
.reference-phone-topbar i {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #8cf2b4;
}
.reference-contact-row {
  min-height: 80px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 18px;
  border-bottom: 1px solid rgba(255,255,255,.07);
}
.reference-contact-avatar {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #8cf2b4;
  color: #0a0a0a;
  font-size: 13px;
  font-weight: 900;
}
.reference-contact-row strong,
.reference-contact-row small { display: block; }
.reference-contact-row strong { font-size: 14px; }
.reference-contact-row small { margin-top: 2px; color: #8cf2b4; font-size: 11px; font-weight: 700; }
.reference-chat-area {
  min-height: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 10px;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 18px 14px;
  background: #070808;
}
.reference-message {
  max-width: 82%;
  padding: 13px 14px;
  border: 1px solid rgba(255,255,255,.07);
  font-size: 13px;
  line-height: 1.35;
  animation: reference-pop-in .35s ease both;
}
.reference-message-customer {
  align-self: flex-end;
  border-radius: 16px 16px 4px 16px;
  background: #173c2c;
  color: #e9efe9;
}
.reference-message-bot {
  align-self: flex-start;
  border-radius: 16px 16px 16px 4px;
  background: #181a19;
  color: #f2f1ed;
}
.reference-typing {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  align-self: flex-start;
  padding: 10px 13px;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 999px;
  background: #121413;
}
.reference-typing i {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #4b765e;
  animation: reference-pulse-dot 1.1s ease-in-out infinite;
}
.reference-typing i:nth-child(2) { animation-delay: .2s; }
.reference-typing i:nth-child(3) { animation-delay: .4s; }
.reference-hot-badge,
.reference-budget-badge,
.reference-response-badge,
.reference-pix-card {
  position: absolute;
  z-index: 4;
  border: 1px solid rgba(255,255,255,.12);
  background: #101211;
  box-shadow: 0 16px 36px rgba(0,0,0,.32);
}
.reference-hot-badge {
  top: 10px;
  left: 14px;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 9px 14px;
  border-radius: 12px;
  color: #d6d4d0;
  font-size: 13px;
  font-weight: 700;
  animation: reference-float-y 6s ease-in-out .6s infinite;
}
.reference-hot-badge span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ff6b4a;
}
.reference-budget-badge {
  top: 64px;
  right: 8px;
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 8px 12px;
  border-radius: 12px;
  color: #a7eec2;
  font-size: 11px;
  font-weight: 700;
  animation: reference-float-y 7s ease-in-out .9s infinite;
}
.reference-budget-badge span {
  width: 17px;
  height: 17px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: rgba(140,242,180,.16);
  color: #8cf2b4;
  font-size: 9px;
}
.reference-response-badge {
  left: 52px;
  bottom: 36px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border-radius: 12px;
  color: #b8bbb8;
  font-size: 11px;
  font-weight: 700;
  animation: reference-float-y 7.5s ease-in-out .3s infinite;
}
.reference-response-badge span {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #2f6d4d;
}
.reference-pix-card {
  right: 0;
  bottom: 100px;
  min-width: 132px;
  padding: 13px 15px;
  border-radius: 13px;
  animation: reference-float-y 6.5s ease-in-out 1.1s infinite;
}
.reference-pix-card small,
.reference-pix-card strong { display: block; }
.reference-pix-card small { color: #6b6b66; font-size: 10px; }
.reference-pix-card strong { margin-top: 4px; color: #8cf2b4; font-size: 18px; letter-spacing: -.03em; }
@keyframes reference-pulse-dot { 0%,100%{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1)} }
@keyframes reference-pop-in { from{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none} }
@keyframes reference-float-y { 0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)} }
@media (max-width: 900px) {
  .reference-hero { min-height: 0; padding: 142px 0 82px; }
  .reference-hero-grid { grid-template-columns: 1fr; gap: 56px; }
  .reference-hero-copy { max-width: 680px; }
  .reference-hero h1 { max-width: 700px; font-size: clamp(48px,9vw,68px); }
  .reference-hero-visual { width: min(560px,100%); margin-inline: auto; }
}
@media (max-width: 560px) {
  .reference-hero { padding: 128px 0 68px; }
  .reference-hero-grid { width: min(100% - 28px, 1200px); gap: 44px; }
  .reference-hero h1 { font-size: clamp(44px,13vw,58px); }
  .reference-hero-copy > p { font-size: 17px; }
  .reference-hero-actions { width: 100%; flex-direction: column; align-items: stretch; }
  .reference-hero .reference-primary,
  .reference-hero .reference-secondary { width: 100%; }
  .reference-hero-visual { min-height: 470px; }
  .reference-phone { width: 274px; height: 428px; border-radius: 32px; }
  .reference-pix-card { right: -4px; bottom: 82px; min-width: 118px; }
  .reference-response-badge { left: 0; bottom: 24px; }
  .reference-hot-badge { left: 0; top: 0; }
  .reference-budget-badge { right: -4px; top: 54px; }
}

/* Approved landing copy refinements */
.section-support-note{margin-top:-4px;color:var(--muted);font-size:12px;line-height:1.4;text-align:center}
.notification p{display:flex;flex-direction:column;gap:2px}.notification p strong{font-size:11px;line-height:1.2}.notification p small{color:#606060;font-size:9px;font-weight:500;line-height:1.25}.reference-chat-area{scroll-behavior:smooth}.reference-chat-area::-webkit-scrollbar{display:none}

.panel-priority-title{margin:2px 0 -2px;color:#303236;font-size:14px;font-weight:800;letter-spacing:-.02em}.panel-pause{width:100%;display:flex;align-items:center;gap:8px;margin-top:10px;padding:9px;border:1px solid #d9dce2;border-radius:8px;background:#fff;color:#34363a;text-align:left}.panel-pause>b{width:22px;height:22px;display:grid;place-items:center;border-radius:6px;background:#f2f3f5;font-size:9px}.panel-pause span{font-size:9px;font-weight:700}.panel-pause small{display:block;margin-top:2px;color:#8a8d94;font-size:7px;font-weight:500}.panel-value-field{padding:6px 8px!important;border:1px solid #9be9bb!important;border-radius:7px;background:#eefcf4}.panel-card-actions{flex-wrap:wrap}.panel-card-actions>span{white-space:nowrap}.panel-external-note{max-width:640px;margin:16px auto 0;color:var(--muted);font-size:12px;line-height:1.5;text-align:center}.panel-external-note strong{color:var(--ink)}

.story-dialogue{display:flex;flex-direction:column;gap:7px;margin-top:auto}.story-dialogue span,.story-dialogue b{max-width:90%;padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.07);font-size:10px;line-height:1.4;font-weight:500}.story-dialogue b{align-self:flex-end;background:rgba(140,242,180,.13);color:#dffbea}.story-facts{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:auto}.story-facts span{padding:8px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:rgba(255,255,255,.04);color:rgba(255,255,255,.68);font-size:9px}.story-highlight{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding:9px 11px;border-radius:10px;background:rgba(140,242,180,.12);color:#b9f5d0;font-size:11px}.story-highlight em{padding:4px 7px;border-radius:999px;background:var(--lead-hot);color:#fff;font-size:8px;font-style:normal}.stories-trust-note{max-width:680px;margin:90px auto 0;padding:0 24px;color:var(--muted);font-size:14px;line-height:1.55;text-align:center}.stories-trust-note strong{color:var(--ink)}

.diagnosis-result-cta{display:flex;flex-direction:column;gap:6px;margin-top:24px;padding-top:20px;border-top:1px solid var(--border)}.diagnosis-result-cta strong{font-size:17px;letter-spacing:-.02em}.diagnosis-result-cta span{max-width:440px;color:var(--muted);font-size:12px;line-height:1.5}

.security-state-stack,.security-control-stack,.security-human-state{display:flex;flex-direction:column;gap:7px}.security-state-stack span{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;border:1px solid var(--border);border-radius:9px;background:var(--surface)}.security-state-stack small{font-family:inherit;text-transform:none}.security-state-stack b{font-size:10px}.security-control-stack button{padding:10px 12px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--ink);font-size:10px;font-weight:700;text-align:left}.security-control-stack button:first-child{border-color:color-mix(in srgb,var(--accent) 45%,var(--border))}.security-control-stack small{font-family:inherit;text-transform:none}.security-human-state span,.security-human-state strong{padding:9px 11px;border-radius:9px;background:var(--surface);font-size:10px}.security-human-state strong{background:color-mix(in srgb,var(--accent) 16%,var(--surface));color:var(--accent)}.security-company-state{display:flex;align-items:center;gap:12px}.security-company-state span{padding:12px 14px;border-radius:10px;background:rgba(255,255,255,.7);color:#111;font-size:11px;font-weight:800}.security-company-state i{height:1px;flex:1;background:rgba(10,10,10,.25)}.security-pix-note{width:min(920px,100%);display:flex;align-items:center;justify-content:space-between;gap:30px;padding:22px 24px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}.security-pix-note strong{font-size:16px}.security-pix-note p{max-width:620px;margin:6px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.security-pix-note>span{flex:0 0 auto;padding:8px 10px;border-radius:999px;background:color-mix(in srgb,var(--accent) 16%,var(--surface));color:var(--accent);font-size:10px;font-weight:800}.security-closing-note{margin:-32px 0 0;color:var(--muted);font-size:13px;text-align:center}.onboarding-section{background:var(--band)}.onboarding-wrap{display:flex;flex-direction:column;align-items:center}.onboarding-grid{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:48px}.onboarding-card{min-height:430px;display:flex;flex-direction:column;gap:12px;padding:28px;border:1px solid var(--border);border-radius:20px;background:var(--surface)}.onboarding-number{width:max-content;padding:5px 8px;border-radius:999px;background:color-mix(in srgb,var(--accent) 14%,var(--surface));color:var(--accent);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;font-weight:800}.onboarding-card h3{margin:8px 0 0;font-size:28px;letter-spacing:-.04em}.onboarding-card>strong{font-size:13px}.onboarding-card>p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}.onboarding-checks,.onboarding-tests{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto}.onboarding-checks span,.onboarding-tests span{padding:7px 9px;border:1px solid var(--border);border-radius:8px;color:var(--muted-strong);font-size:9px}.onboarding-rules{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto}.onboarding-rules>div{display:flex;flex-direction:column;gap:5px;padding:11px;border:1px solid var(--border);border-radius:10px}.onboarding-rules b{margin-bottom:3px;font-size:9px}.onboarding-rules span{color:var(--muted);font-size:8px}.onboarding-highlight{margin-top:auto;padding:10px 12px;border-radius:10px;background:color-mix(in srgb,var(--accent) 12%,var(--surface));color:var(--accent);font-size:10px;font-style:normal;font-weight:700}.onboarding-pilot{width:max-content;margin-top:auto;padding:7px 9px;border-radius:999px;background:var(--accent);color:var(--primary-text);font-size:9px}.onboarding-commercial{width:100%;display:grid;grid-template-columns:.8fr 1.2fr;gap:12px;margin-top:12px}.onboarding-commercial>div{padding:28px;border:1px solid var(--border);border-radius:20px;background:var(--surface)}.onboarding-commercial>div:first-child>span{display:block;margin-bottom:10px;font-size:28px;font-weight:800;letter-spacing:-.04em}.onboarding-commercial p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}.onboarding-cta h3{margin:0 0 8px;font-size:24px;letter-spacing:-.035em}.onboarding-cta .button{margin-top:18px}.footer-main{grid-template-columns:.7fr 180px 1.3fr}
@media (max-width: 760px){.security-pix-note{align-items:flex-start;flex-direction:column}.security-closing-note{margin-top:-34px}.onboarding-grid{grid-template-columns:1fr}.onboarding-card{min-height:0}.onboarding-commercial{grid-template-columns:1fr}.onboarding-rules{grid-template-columns:1fr}.story-facts{grid-template-columns:1fr}.stories-trust-note{margin-top:52px}.footer-main{grid-template-columns:1fr}.footer-cta{grid-column:auto}}