.marketing-landing {
  --ink:#14231b;
  --muted:#66736b;
  --forest:#113d2b;
  --forest-2:#174b34;
  --forest-3:#24603f;
  --lime:#a9ddae;
  --cream:#f6f3e9;
  --paper:#fffef9;
  --soft:#edf3ee;
  --line:#d9e2dc;
  --amber:#f2c66d;
  --shadow:0 28px 80px rgba(25,48,34,.12);
  --radius:22px;
  min-height:100%;
  margin:0;
  color:var(--ink);
  background:var(--cream);
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  -webkit-font-smoothing:antialiased;
}

@scope (.marketing-landing) {
* { box-sizing:border-box; }
button, input { font:inherit; }
button, a { -webkit-tap-highlight-color:transparent; }
a { color:inherit; text-decoration:none; }
button { cursor:pointer; }
.section-shell { width:min(1460px, calc(100% - 64px)); margin-inline:auto; }

.site-header { position:sticky; z-index:50; top:0; display:grid; width:100%; min-height:78px; grid-template-columns:auto 1fr auto; align-items:center; gap:42px; padding:12px max(32px, calc((100vw - 1460px)/2)); border-bottom:1px solid rgba(19,61,43,.09); background:rgba(246,243,233,.82); backdrop-filter:blur(18px); }
.brand { display:inline-flex; align-items:center; gap:11px; }
.brand-mark { width:42px; height:42px; flex:0 0 42px; color:var(--forest); }
.brand-name { font-size:1.17rem; font-weight:860; letter-spacing:-.045em; }
.brand-name span { color:var(--forest-3); }
.site-nav { display:flex; justify-content:center; gap:8px; }
.site-nav a { padding:10px 13px; border-radius:10px; color:#526158; font-size:.84rem; font-weight:700; transition:.2s ease; }
.site-nav a:hover { color:var(--forest); background:rgba(255,255,255,.65); }
.header-actions { display:flex; gap:8px; }
.button { display:inline-flex; min-height:42px; align-items:center; justify-content:center; gap:9px; padding:9px 16px; border:1px solid transparent; border-radius:11px; font-weight:800; transition:transform .18s ease, box-shadow .18s ease, background .18s ease; }
.button:hover { transform:translateY(-1px); }
.button-primary { color:#fff; background:var(--forest-2); box-shadow:0 10px 24px rgba(23,75,52,.18); }
.button-primary:hover { background:#0f3f2b; box-shadow:0 13px 28px rgba(23,75,52,.24); }
.button-quiet { color:var(--forest); background:transparent; }
.button-outline { border-color:#c8d5cc; color:var(--forest); background:rgba(255,255,255,.48); }
.button-large { min-height:54px; padding:13px 21px; border-radius:14px; }
.play { display:grid; width:24px; height:24px; place-items:center; border-radius:50%; color:var(--forest); background:#dce9df; font-size:.58rem; }
.menu-toggle { display:none; width:42px; height:42px; padding:10px; border:1px solid var(--line); border-radius:11px; background:#fff; }
.menu-toggle span { display:block; width:100%; height:2px; margin:4px 0; background:var(--forest); }

.hero { position:relative; display:grid; min-height:calc(100svh - 78px); grid-template-columns:minmax(0,.88fr) minmax(600px,1.12fr); align-items:center; gap:64px; padding-block:70px 78px; }
.hero::before { position:absolute; z-index:-1; top:-160px; left:-18vw; width:48vw; height:48vw; border-radius:50%; background:radial-gradient(circle, rgba(169,221,174,.25), transparent 66%); content:""; pointer-events:none; }
.eyebrow { display:inline-flex; align-items:center; gap:9px; color:var(--forest-3); font-size:.72rem; font-weight:900; letter-spacing:.13em; text-transform:uppercase; }
.eyebrow i { display:block; width:21px; height:2px; border-radius:99px; background:currentColor; }
.hero h1 { max-width:740px; margin:20px 0 24px; font-size:clamp(3.6rem,5.35vw,6.6rem); line-height:.91; letter-spacing:-.07em; }
h1 em, h2 em { color:var(--forest-3); font-family:Georgia, "Times New Roman", serif; font-weight:500; letter-spacing:-.045em; }
.hero-lede { max-width:690px; margin:0; color:#536158; font-size:clamp(1rem,1.12vw,1.22rem); line-height:1.68; }
.hero-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:30px; }
.hero-proof { display:flex; flex-wrap:wrap; gap:17px 24px; margin-top:25px; color:#5d6b63; font-size:.77rem; font-weight:700; }
.hero-proof span { display:flex; align-items:center; gap:7px; }
.hero-proof b { display:grid; width:19px; height:19px; place-items:center; border-radius:50%; color:var(--forest-2); background:#dceadf; font-size:.65rem; }

.product-stage { position:relative; min-width:0; padding:34px 0 32px 32px; }
.stage-glow { position:absolute; inset:3% -8% -3% 8%; border-radius:44px; background:linear-gradient(135deg, #d6e7d9, #edf0e7 55%, #e7dbc0); filter:blur(.2px); transform:rotate(-1.5deg); }
.product-window { position:relative; z-index:2; min-height:620px; overflow:hidden; border:1px solid rgba(255,255,255,.75); border-radius:26px; background:#f9fbf9; box-shadow:0 35px 100px rgba(20,52,35,.23); }
.window-bar { display:grid; min-height:62px; grid-template-columns:auto 1fr auto; align-items:center; gap:16px; padding:10px 14px; border-bottom:1px solid #dfe7e2; background:rgba(255,255,255,.9); }
.window-logo { display:flex; align-items:center; gap:7px; }
.window-logo svg { width:32px; height:32px; }
.window-logo strong { font-size:.72rem; }
.window-switcher { display:flex; justify-content:center; gap:4px; }
.window-switcher button { min-height:34px; padding:7px 12px; border:0; border-radius:9px; color:#7a867e; background:transparent; font-size:.68rem; font-weight:800; }
.window-switcher button.active { color:var(--forest); background:#e9f1eb; }
.live-dot { display:inline-flex; align-items:center; gap:6px; color:var(--forest-3); font-size:.66rem; font-weight:850; }
.live-dot::before { width:7px; height:7px; border-radius:50%; background:#67aa74; box-shadow:0 0 0 4px rgba(103,170,116,.13); content:""; }
.window-content { display:none; padding:19px; animation:panelIn .28s ease both; }
.window-content.active { display:block; }
@keyframes panelIn { from { opacity:0; transform:translateY(5px); } to { opacity:1; transform:none; } }
.preview-greeting { display:flex; min-height:78px; align-items:center; justify-content:space-between; gap:20px; }
.preview-greeting small { color:#668071; font-size:.55rem; font-weight:900; letter-spacing:.12em; }
.preview-greeting h2 { margin:4px 0 2px; font-size:1.24rem; letter-spacing:-.04em; }
.preview-greeting p { margin:0; color:#7a857e; font-size:.68rem; }
.preview-greeting button { min-height:36px; padding:7px 12px; border:0; border-radius:9px; color:#fff; background:var(--forest-2); font-size:.67rem; font-weight:800; }
.preview-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin:7px 0 11px; }
.preview-metrics article { padding:13px; border:1px solid #dde5df; border-radius:13px; background:#fff; }
.preview-metrics article.accent { border-color:#bad0bf; background:#ecf4ee; }
.preview-metrics span,.preview-metrics small { display:block; color:#7a857e; font-size:.57rem; }
.preview-metrics strong { display:block; margin:7px 0 2px; font-size:1.18rem; letter-spacing:-.04em; }
.preview-metrics small { color:#55705e; }
.preview-grid { display:grid; grid-template-columns:1.42fr .78fr; gap:10px; }
.preview-card { overflow:hidden; border:1px solid #dde5df; border-radius:14px; background:#fff; }
.preview-card header { display:flex; min-height:59px; align-items:center; justify-content:space-between; padding:11px 13px; border-bottom:1px solid #e7ece8; }
.preview-card header small { color:#63806d; font-size:.5rem; font-weight:900; letter-spacing:.1em; }
.preview-card header h3 { margin:4px 0 0; font-size:.78rem; }
.preview-card header > span { color:#708078; font-size:.55rem; font-weight:800; }
.queue-row { display:grid; grid-template-columns:42px 29px minmax(0,1fr) 12px; align-items:center; gap:7px; min-height:66px; padding:8px 11px; border-bottom:1px solid #edf0ee; }
.queue-row.active { background:#edf5ef; }
.queue-row > b { color:#6e7b73; font-size:.55rem; }
.queue-row > i,.person > i { display:grid; width:29px; height:29px; place-items:center; border-radius:9px; color:var(--forest); background:#e2ece4; font-style:normal; font-size:.55rem; font-weight:900; }
.queue-row strong,.queue-row small { display:block; }
.queue-row strong { font-size:.63rem; }
.queue-row small { margin-top:3px; overflow:hidden; color:#7b867f; font-size:.54rem; text-overflow:ellipsis; white-space:nowrap; }
.queue-row em { color:#8b968f; font-style:normal; }
.next-card { padding-bottom:12px; }
.next-card header span { padding:5px 7px; border-radius:99px; color:#974f40; background:#f7e8e4; }
.person { display:flex; align-items:center; gap:9px; padding:14px 13px 6px; }
.person > i { width:35px; height:35px; }
.person strong,.person small { display:block; }
.person strong { font-size:.68rem; }.person small { margin-top:3px; color:#78847c; font-size:.55rem; }
.next-card p { margin:8px 13px 12px; color:#606d65; font-size:.59rem; line-height:1.45; }
.next-card > button { width:calc(100% - 26px); min-height:35px; margin-inline:13px; border:0; border-radius:9px; color:#fff; background:var(--forest-2); font-size:.62rem; font-weight:850; }
.pipeline-stages { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; margin-top:18px; }
.pipeline-stages > section { min-height:380px; padding:10px; border:1px solid #dde5df; border-radius:14px; background:#f4f7f5; }
.pipeline-stages header { display:flex; align-items:center; justify-content:space-between; padding:3px 3px 10px; color:#536158; font-size:.6rem; font-weight:850; }
.pipeline-stages header b { display:grid; width:21px; height:21px; place-items:center; border-radius:50%; background:#e2eae4; font-size:.52rem; }
.pipeline-stages article { display:grid; gap:8px; padding:13px; border:1px solid #dbe4dd; border-radius:11px; background:#fff; box-shadow:0 9px 22px rgba(30,50,37,.06); }
.pipeline-stages article small { color:#6f8476; font-size:.49rem; font-weight:900; letter-spacing:.08em; }.pipeline-stages article strong { font-size:.72rem; }.pipeline-stages article span { font-size:.66rem; font-weight:850; }.pipeline-stages article em { padding-top:8px; border-top:1px solid #ebefec; color:#637068; font-size:.54rem; font-style:normal; }
.analytics-layout { display:grid; grid-template-columns:1.35fr .65fr; gap:10px; margin-top:18px; }
.chart-card,.insight-card { min-height:385px; }
.chart-card header span { color:#2d744a; }
.chart-bars { display:flex; height:280px; align-items:end; gap:18px; padding:24px 27px 34px; }
.chart-bars i { position:relative; height:var(--h); flex:1; border-radius:8px 8px 3px 3px; background:#bed2c2; }.chart-bars i.hot { background:var(--forest-2); }.chart-bars b { position:absolute; right:0; bottom:-23px; left:0; color:#7b877f; font-size:.52rem; text-align:center; }
.insight-card { padding:18px; }.insight-card > small { color:#6b806f; font-size:.52rem; font-weight:900; letter-spacing:.1em; }.insight-card > strong { display:block; margin:13px 0 4px; font-size:1.5rem; }.insight-card > p { margin:0 0 22px; color:#77837b; font-size:.6rem; }.insight-card > div { display:flex; justify-content:space-between; padding:13px 0; border-top:1px solid #e8ece9; font-size:.6rem; }.insight-card > div span { color:#78857c; }
.floating-card { position:absolute; z-index:4; display:flex; align-items:center; gap:10px; padding:11px 13px; border:1px solid rgba(255,255,255,.8); border-radius:13px; background:rgba(255,255,255,.92); box-shadow:0 18px 45px rgba(23,55,37,.18); backdrop-filter:blur(12px); }
.floating-card small,.floating-card strong { display:block; }.floating-card small { color:#6b7d70; font-size:.49rem; font-weight:900; letter-spacing:.08em; }.floating-card strong { margin-top:2px; font-size:.64rem; }.floating-card > b { margin-left:8px; color:var(--forest); font-size:.65rem; }
.floating-call { right:-25px; bottom:96px; }.floating-move { top:8px; left:-6px; }.floating-move > span { display:grid; width:31px; height:31px; place-items:center; border-radius:9px; color:#fff; background:var(--forest-2); }.pulse { width:10px; height:10px; border-radius:50%; background:#65ad76; box-shadow:0 0 0 6px rgba(101,173,118,.15); }

.workflow-rail { color:#fff; background:var(--forest); }
.workflow-rail .section-shell { display:grid; min-height:166px; grid-template-columns:.7fr 1.3fr; align-items:center; gap:50px; }
.rail-intro small,.rail-intro strong { display:block; }.rail-intro small { color:#9fc4aa; font-size:.63rem; font-weight:900; letter-spacing:.12em; }.rail-intro strong { margin-top:9px; font-size:1.1rem; }
.workflow-rail ol { display:grid; grid-template-columns:repeat(6,1fr); gap:0; margin:0; padding:0; list-style:none; }
.workflow-rail li { position:relative; display:grid; place-items:center; gap:7px; }
.workflow-rail li::after { position:absolute; top:16px; right:-50%; width:100%; height:1px; background:rgba(202,226,209,.25); content:""; }.workflow-rail li:last-child::after { display:none; }
.workflow-rail li span { position:relative; z-index:1; display:grid; width:33px; height:33px; place-items:center; border:1px solid #5a8069; border-radius:50%; color:#b7d2bf; background:var(--forest); font-size:.56rem; font-weight:900; }.workflow-rail li:last-child span { color:var(--forest); background:var(--lime); }.workflow-rail li b { font-size:.66rem; }

.product-story { padding-block:116px 128px; }
.section-heading { display:grid; grid-template-columns:1.15fr .85fr; align-items:end; gap:80px; }
.section-heading h2,.why-heading h2 { margin:16px 0 0; font-size:clamp(2.7rem,4vw,5rem); line-height:.98; letter-spacing:-.06em; }
.section-heading > p { max-width:570px; margin:0 0 6px; color:#627067; font-size:1rem; line-height:1.7; }
.story-tabs { display:grid; grid-template-columns:repeat(3,1fr); margin-top:55px; border-bottom:1px solid #cfd9d2; }
.story-tabs button { position:relative; min-height:64px; padding:15px 8px; border:0; color:#77837b; background:transparent; font-weight:800; text-align:left; }.story-tabs button::after { position:absolute; right:0; bottom:-1px; left:0; height:3px; border-radius:3px 3px 0 0; background:transparent; content:""; }.story-tabs button.active { color:var(--forest); }.story-tabs button.active::after { background:var(--forest-2); }.story-tabs button span { margin-right:10px; color:#96a199; font-size:.64rem; }
.story-panel { display:none; grid-template-columns:.72fr 1.28fr; gap:70px; align-items:center; min-height:570px; padding-top:52px; animation:panelIn .3s ease both; }.story-panel.active { display:grid; }
.story-copy { max-width:480px; }.story-number { color:#8e9a92; font-size:.68rem; font-weight:900; letter-spacing:.12em; }.story-copy h3 { margin:13px 0 18px; font-size:clamp(2rem,2.5vw,3rem); line-height:1.03; letter-spacing:-.055em; }.story-copy p { color:#637068; line-height:1.72; }.story-copy ul { display:grid; gap:10px; margin:24px 0 0; padding:0; list-style:none; }.story-copy li { position:relative; padding-left:25px; font-size:.86rem; font-weight:760; }.story-copy li::before { position:absolute; top:4px; left:0; display:grid; width:16px; height:16px; place-items:center; border-radius:50%; color:var(--forest); background:#d8e8dc; content:"✓"; font-size:.55rem; }
.story-visual { min-height:470px; padding:24px; border:1px solid #d8e1db; border-radius:24px; background:#fff; box-shadow:var(--shadow); }
.focus-top { display:flex; justify-content:space-between; color:#607168; font-size:.7rem; font-weight:850; }.focus-top small { font-weight:900; letter-spacing:.1em; }.focus-track { height:7px; margin:15px 0 22px; overflow:hidden; border-radius:99px; background:#e6ece8; }.focus-track i { display:block; width:70%; height:100%; border-radius:inherit; background:var(--forest-2); }
.focus-visual article { display:grid; grid-template-columns:58px 42px minmax(0,1fr) auto; align-items:center; gap:12px; min-height:94px; padding:12px 10px; border-top:1px solid #e7ece8; }.focus-visual time { color:#68766e; font-size:.72rem; font-weight:850; }.focus-visual article > span { display:grid; width:40px; height:40px; place-items:center; border-radius:12px; color:var(--forest); background:#e6efe8; font-size:.68rem; font-weight:900; }.focus-visual strong,.focus-visual small { display:block; }.focus-visual strong { font-size:.84rem; }.focus-visual small { margin-top:5px; color:#77837b; font-size:.7rem; }.focus-visual em { padding:7px 9px; border-radius:8px; color:var(--forest); background:#e9f2eb; font-size:.66rem; font-style:normal; font-weight:850; }
.deal-flow { display:grid; grid-template-columns:repeat(4,1fr); gap:5px; padding:5px; border-radius:12px; background:#eff3f0; }.deal-flow span { display:flex; align-items:center; justify-content:space-between; padding:10px; border-radius:9px; color:#728078; font-size:.63rem; font-weight:850; }.deal-flow span.active { color:#fff; background:var(--forest-2); }.deal-flow b { display:grid; width:21px; height:21px; place-items:center; border-radius:50%; background:rgba(255,255,255,.18); }
.convert-visual > article { width:min(460px,90%); margin:42px auto 0; padding:24px; border:1px solid #d6e1d9; border-radius:17px; box-shadow:0 20px 44px rgba(28,50,36,.1); }.convert-visual article > small { color:#6d8373; font-size:.6rem; font-weight:900; letter-spacing:.09em; }.convert-visual h4 { margin:10px 0 24px; font-size:1.25rem; }.convert-visual article > div { display:flex; justify-content:space-between; padding:13px 0; border-top:1px solid #e5ebe7; color:#66736b; font-size:.76rem; }.convert-visual article > div strong { color:var(--ink); }.convert-visual footer { display:flex; justify-content:space-between; margin-top:18px; padding:12px; border-radius:10px; color:var(--forest); background:#e8f1ea; font-size:.7rem; }
.learn-head { display:flex; align-items:center; justify-content:space-between; margin-bottom:35px; }.learn-head small,.learn-head strong { display:block; }.learn-head small { color:#6d8073; font-size:.59rem; font-weight:900; letter-spacing:.1em; }.learn-head strong { margin-top:6px; }.learn-head > b { padding:6px 9px; border-radius:99px; color:var(--forest); background:#dfebe2; font-size:.62rem; }
.funnel-row { display:grid; grid-template-columns:100px minmax(0,1fr) 55px; align-items:center; gap:14px; margin:20px 0; font-size:.72rem; font-weight:800; }.funnel-row > i { height:9px; overflow:hidden; border-radius:99px; background:#e7ece8; }.funnel-row em { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--forest-2),#7ca487); }

.feature-playground { padding-block:110px 120px; overflow:hidden; background:#e9f0ea; }
.feature-heading { display:grid; grid-template-columns:1.1fr .9fr; align-items:end; gap:80px; }
.feature-heading h2 { margin:16px 0 0; font-size:clamp(2.7rem,4vw,5rem); line-height:.98; letter-spacing:-.06em; }
.feature-heading > p { max-width:600px; margin:0 0 6px; color:#5e6d64; font-size:1rem; line-height:1.7; }
.feature-tabs { display:grid; grid-template-columns:repeat(6,1fr); gap:8px; margin-top:50px; }
.feature-tabs button { position:relative; display:grid; min-height:116px; align-content:center; gap:6px; padding:17px; overflow:hidden; border:1px solid #d3ddd6; border-radius:16px; color:#68776e; background:rgba(255,255,255,.58); text-align:left; transition:.22s ease; }
.feature-tabs button::before { position:absolute; right:-22px; bottom:-28px; width:74px; height:74px; border-radius:50%; background:#dce8df; content:""; opacity:0; transform:scale(.7); transition:.22s ease; }
.feature-tabs button:hover { border-color:#b8cabd; background:#fff; transform:translateY(-2px); }
.feature-tabs button.active { border-color:#6f9880; color:var(--forest); background:#fff; box-shadow:0 14px 34px rgba(26,62,40,.11); transform:translateY(-3px); }
.feature-tabs button.active::before { opacity:1; transform:scale(1); }
.feature-tabs span { position:relative; z-index:1; color:#799082; font-size:.58rem; font-weight:900; letter-spacing:.1em; }
.feature-tabs b,.feature-tabs small { position:relative; z-index:1; display:block; }
.feature-tabs b { font-size:.78rem; }
.feature-tabs small { color:#88948c; font-size:.6rem; line-height:1.35; }
.feature-stage { display:none; grid-template-columns:.72fr 1.28fr; min-height:570px; margin-top:18px; overflow:hidden; border:1px solid #d1dcd4; border-radius:28px; background:#fffdf8; box-shadow:0 32px 80px rgba(28,57,39,.12); animation:panelIn .3s ease both; }
.feature-stage.active { display:grid; }
.feature-copy { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; padding:48px; border-right:1px solid #dfe6e1; }
.feature-kicker { color:var(--forest-3); font-size:.63rem; font-weight:900; letter-spacing:.13em; }
.feature-copy h3 { max-width:490px; margin:14px 0 18px; font-size:clamp(2.1rem,3vw,3.55rem); line-height:1; letter-spacing:-.055em; }
.feature-copy p { max-width:520px; margin:0; color:#627168; line-height:1.72; }
.feature-copy ul { display:grid; gap:10px; margin:25px 0 28px; padding:0; list-style:none; }
.feature-copy li { position:relative; padding-left:25px; font-size:.82rem; font-weight:760; }
.feature-copy li::before { position:absolute; top:3px; left:0; display:grid; width:17px; height:17px; place-items:center; border-radius:50%; color:var(--forest); background:#dbe9de; content:"✓"; font-size:.56rem; }
.text-link { display:inline-flex; align-items:center; gap:9px; padding:0; border:0; color:var(--forest-2); background:transparent; font-weight:900; }
.text-link span { display:grid; width:28px; height:28px; place-items:center; border-radius:50%; color:#fff; background:var(--forest-2); transition:.2s ease; }
.text-link:hover span { transform:translateX(3px); }
.feature-demo { align-self:center; width:calc(100% - 54px); min-height:470px; margin:27px; padding:24px; overflow:hidden; border:1px solid #d7e0da; border-radius:22px; background:#f7faf8; box-shadow:0 20px 50px rgba(25,50,34,.08); }
.feature-demo > header { display:flex; min-height:52px; align-items:flex-start; justify-content:space-between; gap:18px; padding-bottom:17px; border-bottom:1px solid #e0e7e2; }
.feature-demo > header small,.feature-demo > header strong { display:block; }
.feature-demo > header small { color:#708276; font-size:.56rem; font-weight:900; letter-spacing:.12em; }
.feature-demo > header strong { margin-top:5px; font-size:1rem; }
.feature-demo > header > span { padding:6px 9px; border-radius:99px; color:var(--forest); background:#e3ede6; font-size:.62rem; font-weight:850; }

.sync-badges { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:6px; }
.sync-badges span { padding:7px 9px; border:1px solid #d8e1db; border-radius:9px; color:#758279; background:#fff; font-size:.57rem; font-weight:850; }
.sync-badges span.synced { border-color:#b7d0bd; color:#256442; background:#e8f3eb; }
.mini-calendar { display:grid; grid-template-columns:repeat(5,1fr); margin-top:18px; overflow:hidden; border:1px solid #dce4df; border-radius:15px; background:#fff; }
.mini-calendar > b { padding:10px; border-right:1px solid #e4e9e6; color:#738178; font-size:.54rem; letter-spacing:.08em; }
.mini-calendar > div { min-height:300px; padding:11px 8px; border-top:1px solid #e4e9e6; border-right:1px solid #e4e9e6; }
.mini-calendar > div:nth-child(10),.mini-calendar > b:nth-child(5) { border-right:0; }
.mini-calendar > div.today { background:#eef5f0; box-shadow:inset 0 0 0 2px #b7cfbd; }
.mini-calendar div > span { display:block; margin-bottom:24px; font-size:.72rem; font-weight:900; }
.mini-calendar em { display:block; margin:5px 0; padding:7px 6px; overflow:hidden; border-left:3px solid #c08b26; border-radius:7px; color:#6c571d; background:#fff5d9; font-size:.53rem; font-style:normal; text-overflow:ellipsis; white-space:nowrap; }
.mini-calendar em.value { border-color:#456fc3; color:#38538d; background:#eaf0ff; }.mini-calendar em.mandate { border-color:#bd6b2f; color:#83491f; background:#fff0e5; }.mini-calendar em.blocked { border-color:#a65348; color:#8f443b; background:#faeae8; }

.team-demo > header button { min-height:34px; padding:7px 10px; border:0; border-radius:9px; color:#fff; background:var(--forest-2); font-size:.62rem; font-weight:850; }
.team-row { display:grid; grid-template-columns:42px minmax(0,1fr) 95px 82px; align-items:center; gap:11px; min-height:76px; border-bottom:1px solid #e2e8e4; }
.team-row > i { display:grid; width:38px; height:38px; place-items:center; border-radius:12px; color:var(--forest); background:#e2ede5; font-size:.65rem; font-style:normal; font-weight:900; }
.team-row strong,.team-row small { display:block; }.team-row strong { font-size:.74rem; }.team-row small { margin-top:4px; color:#7a877e; font-size:.61rem; }
.team-row > span { color:#68756d; font-size:.59rem; }.team-row > span b { display:block; color:var(--ink); font-size:.8rem; }
.team-row > em { padding:6px 8px; border-radius:99px; color:#2d6743; background:#e2efe5; font-size:.54rem; font-style:normal; font-weight:850; text-align:center; }.team-row > em.watch { color:#80591c; background:#f8ebcd; }
.team-summary { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-top:18px; }.team-summary > span { padding:13px; border:1px solid #dbe4de; border-radius:12px; background:#fff; }.team-summary small,.team-summary strong { display:block; }.team-summary small { color:#77857c; font-size:.48rem; font-weight:900; letter-spacing:.08em; }.team-summary strong { margin-top:7px; font-size:1.05rem; }

.buyer-profile { display:grid; grid-template-columns:45px minmax(0,1fr) auto; align-items:center; gap:11px; margin:17px 0 12px; padding:13px; border:1px solid #bad0bf; border-radius:13px; background:#ecf4ee; }
.buyer-profile > i { display:grid; width:40px; height:40px; place-items:center; border-radius:12px; color:var(--forest); background:#d9e8dc; font-size:.65rem; font-style:normal; font-weight:900; }.buyer-profile strong,.buyer-profile small { display:block; }.buyer-profile strong { font-size:.76rem; }.buyer-profile small { margin-top:4px; color:#6d7b72; font-size:.57rem; }.buyer-profile > b { color:var(--forest); font-size:.68rem; }
.match-card { display:flex; min-height:73px; align-items:center; justify-content:space-between; gap:14px; margin:8px 0; padding:12px 14px; border:1px solid #dce4df; border-radius:12px; background:#fff; }
.match-card.best { border-color:#a8c5b0; box-shadow:0 10px 24px rgba(31,70,45,.08); }.match-card span > * { display:block; }.match-card small { color:#5f7a68; font-size:.49rem; font-weight:900; letter-spacing:.08em; }.match-card strong { margin-top:4px; font-size:.72rem; }.match-card em { margin-top:4px; color:#7c8980; font-size:.57rem; font-style:normal; }.match-card > b { padding:6px 8px; border-radius:8px; color:var(--forest); background:#e5efe7; font-size:.56rem; white-space:nowrap; }

.pipeline-columns { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-top:18px; }.pipeline-columns section { min-height:330px; padding:10px; border-radius:13px; background:#eef3ef; }.pipeline-columns section > b { display:flex; align-items:center; justify-content:space-between; color:#66766c; font-size:.55rem; letter-spacing:.06em; }.pipeline-columns section > b i { display:grid; width:20px; height:20px; place-items:center; border-radius:50%; background:#dce5df; font-style:normal; }.pipeline-columns article { display:grid; gap:8px; margin-top:10px; padding:13px; border:1px solid #d6e0d9; border-radius:11px; background:#fff; box-shadow:0 9px 20px rgba(30,50,37,.06); }.pipeline-columns article small { color:#667e6d; font-size:.47rem; font-weight:900; letter-spacing:.07em; }.pipeline-columns article strong { font-size:.69rem; }.pipeline-columns article span { font-size:.64rem; font-weight:850; }.pipeline-columns article em { padding-top:8px; border-top:1px solid #e6ebe8; color:#6b776f; font-size:.52rem; font-style:normal; line-height:1.35; }

.template-demo { display:grid; grid-template-columns:180px 1fr; padding:0; }
.template-demo > aside { display:grid; align-content:start; gap:6px; padding:18px; border-right:1px solid #dce4df; background:#f0f4f1; }.template-demo > aside button { display:flex; align-items:center; gap:9px; padding:12px; border:0; border-radius:11px; color:#728078; background:transparent; text-align:left; }.template-demo > aside button.active { color:var(--forest); background:#fff; box-shadow:0 8px 20px rgba(31,55,39,.08); }.template-demo aside b,.template-demo aside small { display:block; }.template-demo aside b { font-size:.67rem; }.template-demo aside small { margin-top:3px; color:#879189; font-size:.51rem; }
.template-demo > section { padding:22px; }.template-demo section header { display:flex; align-items:center; justify-content:space-between; margin-bottom:23px; }.template-demo section header small,.template-demo section header strong { display:block; }.template-demo section header small { color:#6c8071; font-size:.52rem; font-weight:900; letter-spacing:.1em; }.template-demo section header strong { margin-top:5px; font-size:.82rem; }.template-demo section header > span { padding:6px 9px; border-radius:99px; color:#2e6443; background:#e2eee5; font-size:.54rem; font-weight:850; }.template-demo section p { color:#56635b; font-size:.68rem; line-height:1.65; }.template-tokens { display:flex; flex-wrap:wrap; gap:6px; margin-top:25px; padding-top:15px; border-top:1px solid #e1e7e3; }.template-tokens span { padding:6px 8px; border:1px solid #cddbd1; border-radius:99px; color:#40604b; background:#f5f8f5; font-size:.54rem; font-weight:850; }

.insight-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin:17px 0; }.insight-metrics article { padding:14px; border:1px solid #dbe4de; border-radius:12px; background:#fff; }.insight-metrics small,.insight-metrics strong,.insight-metrics em { display:block; }.insight-metrics small { color:#75847a; font-size:.48rem; font-weight:900; letter-spacing:.08em; }.insight-metrics strong { margin:8px 0 4px; font-size:1.2rem; }.insight-metrics em { color:#38724c; font-size:.53rem; font-style:normal; font-weight:800; }
.insight-chart { padding:17px; border:1px solid #dce4df; border-radius:14px; background:#fff; }.insight-chart > div { margin-bottom:18px; }.insight-chart > div b,.insight-chart > div small { display:block; }.insight-chart > div b { font-size:.74rem; }.insight-chart > div small { margin-top:3px; color:#7b877f; font-size:.56rem; }.insight-chart > span { display:grid; grid-template-columns:80px minmax(0,1fr) 42px; align-items:center; gap:8px; margin:12px 0; font-size:.55rem; }.insight-chart > span b { color:#66746b; }.insight-chart > span i { position:relative; height:8px; overflow:hidden; border-radius:99px; background:#e5ebe7; }.insight-chart > span i::before { display:block; width:var(--w); height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--forest-2),#88ad91); content:""; }.insight-chart > span em { font-style:normal; font-weight:850; text-align:right; }

.feature-cta-strip { display:flex; align-items:center; justify-content:space-between; gap:28px; margin-top:25px; padding:23px 26px; border-radius:20px; color:#fff; background:var(--forest); box-shadow:0 18px 46px rgba(17,61,43,.18); }.feature-cta-strip span,.feature-cta-strip strong { display:block; }.feature-cta-strip div > span { color:#9fc9aa; font-size:.54rem; font-weight:900; letter-spacing:.1em; }.feature-cta-strip strong { margin-top:7px; font-size:1.1rem; }.feature-cta-strip .button-primary { color:var(--forest); background:var(--lime); box-shadow:none; }

.why-section { padding-block:105px; color:#f8fbf9; background:#102d21; }
.why-section .section-shell { display:grid; grid-template-columns:.72fr 1.28fr; gap:90px; align-items:center; }.eyebrow.light { color:#9fc9aa; }.why-heading h2 em { color:var(--lime); }.why-heading p { max-width:480px; color:#aebfb4; line-height:1.7; }
.why-grid { display:grid; grid-template-columns:repeat(2,1fr); border-top:1px solid rgba(216,235,221,.17); border-left:1px solid rgba(216,235,221,.17); }.why-grid article { min-height:225px; padding:28px; border-right:1px solid rgba(216,235,221,.17); border-bottom:1px solid rgba(216,235,221,.17); }.why-grid span { color:#84ae91; font-size:.62rem; font-weight:900; }.why-grid h3 { margin:28px 0 12px; font-size:1.15rem; }.why-grid p { margin:0; color:#a9bbb0; font-size:.82rem; line-height:1.65; }

.final-cta { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:28px; padding-block:92px; }.cta-mark svg { width:74px; height:74px; }.final-cta > div:nth-child(2) > span { color:#698073; font-size:.65rem; font-weight:900; letter-spacing:.13em; }.final-cta h2 { margin:9px 0 0; font-size:clamp(2.2rem,3.7vw,4.4rem); line-height:1; letter-spacing:-.06em; }
.site-footer { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:30px; padding-block:28px; border-top:1px solid #ccd6cf; color:#68756d; }.footer-brand .brand-mark { width:34px; height:34px; flex-basis:34px; }.site-footer > p { font-size:.8rem; }.site-footer > div { display:flex; gap:18px; }.site-footer > div a,.site-footer > div button { padding:0; border:0; color:#607068; background:transparent; font-size:.75rem; font-weight:800; }.site-footer > small { grid-column:1/-1; color:#8a958e; font-size:.65rem; }

.access-dialog { width:min(500px,calc(100vw - 26px)); padding:0; border:0; border-radius:22px; background:#fff; box-shadow:0 35px 100px rgba(12,35,23,.3); }.access-dialog::backdrop { background:rgba(9,29,19,.65); backdrop-filter:blur(5px); }.access-shell { position:relative; padding:28px; }.dialog-close { position:absolute; top:18px; right:18px; display:grid; width:35px; height:35px; place-items:center; border:1px solid var(--line); border-radius:10px; color:#647169; background:#fff; font-size:1.3rem; }.access-brand { display:flex; align-items:center; gap:9px; font-weight:900; }.access-brand svg { width:38px; height:38px; }.access-tabs { display:grid; grid-template-columns:1fr 1fr; gap:4px; margin:24px 0; padding:4px; border-radius:11px; background:#edf2ee; }.access-tabs button { min-height:39px; border:0; border-radius:8px; color:#718078; background:transparent; font-weight:850; }.access-tabs button.active { color:var(--forest); background:#fff; box-shadow:0 3px 10px rgba(30,50,37,.08); }.access-panel { display:none; }.access-panel.active { display:grid; gap:12px; animation:panelIn .22s ease both; }.access-panel > small { color:#668071; font-size:.62rem; font-weight:900; letter-spacing:.1em; }.access-panel h2 { margin:0; font-size:1.8rem; letter-spacing:-.05em; }.access-panel p { margin:0 0 6px; color:#6d7972; line-height:1.55; }.provider { min-height:48px; border:1px solid var(--line); border-radius:11px; background:#fff; font-weight:800; }.provider::before { display:inline-grid; width:24px; height:24px; margin-right:9px; place-items:center; border-radius:50%; content:"G"; color:#2568d8; background:#eaf1ff; }.provider.outlook::before { content:"O"; color:#0f6cbd; }.access-panel label { display:grid; gap:6px; color:#5d6a62; font-size:.72rem; font-weight:800; }.access-panel input { min-height:47px; padding:10px 12px; border:1px solid var(--line); border-radius:10px; outline:0; }.access-panel input:focus { border-color:#7c9e86; box-shadow:0 0 0 3px rgba(78,126,92,.12); }.access-note { color:#8a958e; font-size:.66rem; text-align:center; }.submit-preview { width:100%; }
.preview-toast { position:fixed; z-index:90; right:22px; bottom:22px; padding:12px 15px; border-radius:11px; color:#fff; background:#173f2d; box-shadow:0 14px 36px rgba(16,45,31,.25); font-size:.75rem; font-weight:800; opacity:0; transform:translateY(15px); pointer-events:none; transition:.25s ease; }.preview-toast.show { opacity:1; transform:none; }

/* The production landing page reuses the application's real authentication forms. */
.real-auth-dialog .access-shell { max-height:min(860px,calc(100dvh - 28px)); overflow-y:auto; }
.real-auth-dialog .landing-auth-panel { display:grid !important; width:100% !important; min-height:0 !important; align-content:start !important; gap:18px !important; padding:0 !important; background:transparent !important; border:0 !important; box-shadow:none !important; }
.real-auth-dialog .landing-auth-panel > * { width:100% !important; max-width:none !important; margin-right:0 !important; margin-left:0 !important; }
.real-auth-dialog .auth-tabs.access-tabs { position:static !important; z-index:auto !important; display:grid !important; grid-template-columns:1fr 1fr !important; gap:4px !important; margin:24px 0 0 !important; padding:4px !important; overflow:visible !important; border:0 !important; border-radius:11px !important; background:#edf2ee !important; backdrop-filter:none !important; }
.real-auth-dialog .auth-tabs.access-tabs button { min-height:39px; border:0; border-radius:8px; color:#718078; background:transparent; font-weight:850; }
.real-auth-dialog .auth-tabs.access-tabs button.active { color:var(--forest); background:#fff; box-shadow:0 3px 10px rgba(30,50,37,.08); }
.real-auth-dialog .auth-form.access-panel { display:none !important; gap:12px !important; }
.real-auth-dialog .auth-form.access-panel.active { display:grid !important; animation:panelIn .22s ease both; }
.real-auth-dialog .auth-form h2 { margin:0 0 2px !important; color:var(--ink); font-size:1.8rem !important; line-height:1.05; letter-spacing:-.05em; }
.real-auth-dialog .auth-form label { display:grid; gap:6px; color:#5d6a62; font-size:.72rem; font-weight:800; }
.real-auth-dialog .auth-form input,
.real-auth-dialog .auth-form select { width:100%; min-height:47px; padding:10px 12px; border:1px solid var(--line); border-radius:10px; outline:0; color:var(--ink); background:#fff; }
.real-auth-dialog .auth-form input:focus,
.real-auth-dialog .auth-form select:focus { border-color:#7c9e86; box-shadow:0 0 0 3px rgba(78,126,92,.12); }
.real-auth-dialog .google-btn { min-height:48px; border:1px solid var(--line); border-radius:11px; color:var(--ink); background:#fff; font-weight:800; }
.real-auth-dialog .primary-btn { min-height:48px; border:0; border-radius:11px; color:#fff; background:var(--forest-2); box-shadow:0 10px 24px rgba(23,75,52,.18); font-weight:850; }
.real-auth-dialog .divider { color:#748078; font-size:.67rem; }
.real-auth-dialog .divider::before,
.real-auth-dialog .divider::after { background:var(--line); }
.real-auth-dialog .muted { margin:0; color:#718078; font-size:.72rem; line-height:1.5; }
.real-auth-dialog .auth-help { padding:10px 12px; border:1px solid var(--line); border-radius:10px; color:#68766e; background:#f3f6f4; font-size:.78rem; }
.real-auth-dialog .auth-help summary { color:var(--ink); }
.real-auth-dialog .auth-legal-links { display:flex; justify-content:center; gap:16px; color:#76827a; font-size:.72rem; }
.real-auth-dialog .auth-legal-links a { color:inherit; }

@media (max-width:1180px) {
  .hero { grid-template-columns:1fr; padding-top:60px; }.hero-copy { max-width:850px; }.product-stage { padding-left:0; }.floating-move { left:-10px; }.section-heading,.feature-heading { grid-template-columns:1fr; gap:24px; }.story-panel { grid-template-columns:.8fr 1.2fr; gap:38px; }.feature-tabs { grid-template-columns:repeat(3,1fr); }.feature-stage { grid-template-columns:.8fr 1.2fr; }.feature-copy { padding:36px; }.why-section .section-shell { grid-template-columns:1fr; gap:50px; }.why-heading { max-width:720px; }
}
@media (max-width:820px) {
  .section-shell { width:min(100% - 30px,680px); }.site-header { grid-template-columns:auto auto; justify-content:space-between; padding-inline:16px; }.menu-toggle { display:block; }.site-nav,.header-actions { display:none; }.site-header.menu-open .site-nav { position:absolute; top:72px; right:15px; left:15px; display:grid; gap:4px; padding:12px; border:1px solid var(--line); border-radius:15px; background:#fff; box-shadow:var(--shadow); }.site-header.menu-open .header-actions { position:absolute; top:286px; right:15px; left:15px; display:grid; grid-template-columns:1fr 1fr; padding:0 12px 12px; background:#fff; }.hero { min-height:auto; padding-block:55px 72px; }.hero h1 { font-size:clamp(3rem,13vw,5rem); }.product-window { min-height:600px; }.preview-grid { grid-template-columns:1fr; }.next-card { display:none; }.workflow-rail .section-shell { grid-template-columns:1fr; gap:24px; padding-block:30px; }.workflow-rail ol { overflow-x:auto; padding-bottom:5px; scrollbar-width:none; }.workflow-rail ol::-webkit-scrollbar { display:none; }.workflow-rail li { min-width:96px; }.story-tabs { overflow-x:auto; scrollbar-width:none; }.story-tabs::-webkit-scrollbar { display:none; }.story-tabs button { min-width:210px; }.story-panel { grid-template-columns:1fr; gap:30px; padding-top:38px; }.story-copy { max-width:650px; }.feature-playground { padding-block:80px; }.feature-tabs { display:flex; overflow-x:auto; padding:4px 3px 17px; scrollbar-width:none; }.feature-tabs::-webkit-scrollbar { display:none; }.feature-tabs button { min-width:190px; }.feature-stage { grid-template-columns:1fr; }.feature-copy { padding:34px; border-right:0; border-bottom:1px solid #dfe6e1; }.feature-demo { width:calc(100% - 36px); margin:18px; }.why-grid { grid-template-columns:1fr; }.final-cta { grid-template-columns:auto 1fr; }.final-cta .button { grid-column:1/-1; }.site-footer { grid-template-columns:1fr; align-items:start; }.site-footer > div { flex-wrap:wrap; }.pipeline-stages { grid-template-columns:1fr; }.pipeline-stages > section:not(:first-child) { display:none; }.analytics-layout { grid-template-columns:1fr; }.insight-card { display:none; }.floating-call { right:-8px; }
}
@media (max-width:540px) {
  .brand-name { font-size:1.02rem; }.hero h1 { font-size:3.05rem; }.hero-lede { font-size:.96rem; }.hero-actions { display:grid; }.hero-actions .button { width:100%; }.hero-proof { display:grid; gap:10px; }.product-stage { margin-inline:-8px; padding-top:18px; }.stage-glow { inset:2% -4%; }.product-window { min-height:560px; border-radius:19px; }.window-bar { grid-template-columns:auto 1fr; }.live-dot { display:none; }.window-switcher { justify-content:flex-end; }.window-switcher button { padding-inline:8px; }.window-content { padding:12px; }.preview-greeting p { display:none; }.preview-metrics { grid-template-columns:1fr 1fr; }.preview-metrics article:nth-child(2) { display:none; }.floating-card { display:none; }.workflow-rail ol { margin-inline:-5px; }.section-heading h2,.feature-heading h2,.why-heading h2 { font-size:2.65rem; }.story-visual { min-height:410px; padding:15px; }.focus-visual article { grid-template-columns:45px 35px minmax(0,1fr); gap:7px; }.focus-visual article em { display:none; }.deal-flow { grid-template-columns:1fr 1fr; }.deal-flow span:nth-child(n+3) { display:none; }.funnel-row { grid-template-columns:72px minmax(0,1fr) 40px; }.feature-copy { padding:28px 23px; }.feature-demo { width:calc(100% - 24px); min-height:400px; margin:12px; padding:15px; }.sync-badges { display:none; }.mini-calendar { grid-template-columns:repeat(3,1fr); }.mini-calendar > b:nth-child(n+4),.mini-calendar > div:nth-child(n+9) { display:none; }.mini-calendar > div { min-height:245px; }.team-row { grid-template-columns:40px minmax(0,1fr) 75px; }.team-row > em { display:none; }.team-summary { grid-template-columns:1fr 1fr; }.team-summary span:last-child { display:none; }.buyer-profile { grid-template-columns:40px minmax(0,1fr); }.buyer-profile > b { grid-column:2; }.match-card:nth-of-type(4) { display:none; }.pipeline-columns { grid-template-columns:1fr; }.pipeline-columns section:not(:first-child) { display:none; }.template-demo { grid-template-columns:1fr; }.template-demo > aside { display:flex; overflow-x:auto; border-right:0; border-bottom:1px solid #dce4df; }.template-demo > aside button { min-width:155px; }.insight-metrics { grid-template-columns:1fr 1fr; }.insight-metrics article:last-child { display:none; }.feature-cta-strip { align-items:flex-start; flex-direction:column; }.feature-cta-strip .button { width:100%; }.why-grid article { min-height:190px; }.final-cta { grid-template-columns:1fr; }.cta-mark svg { width:58px; height:58px; }
}
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; } }
}

body.locked { height:auto; min-height:100dvh; overflow-x:hidden; overflow-y:auto; background:#f6f3e9; }
body.locked #authScreen.auth-screen { display:block; width:100%; height:auto !important; min-height:100dvh; overflow:visible; }
body.locked #authScreen > .marketing-landing { min-height:100dvh; }