:root {
  --ink: #111210;
  --muted: #696965;
  --line: #deded8;
  --soft: #f5f5f2;
  --paper: #fff;
  --mint: #e8f8f1;
  --green: #08775a;
  --blue: #eef4ff;
  --lilac: #f0edff;
  --amber: #fff6df;
  --serif: Georgia, "Times New Roman", serif;
  --sans: "DM Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: var(--sans); -webkit-font-smoothing: antialiased; }
button, input, select { font: inherit; }
a { color: inherit; text-decoration: none; }
button, a { -webkit-tap-highlight-color: transparent; }
i[data-lucide] { font-style: normal; }
.lucide { width: 1em; height: 1em; display: block; stroke-width: 1.8; }

.section-shell { width: min(1240px, calc(100% - 56px)); margin-inline: auto; }
.site-header { width: min(1380px, calc(100% - 48px)); height: 88px; margin: 0 auto; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; border-bottom: 1px solid var(--line); }
.brand { display: inline-flex; align-items: center; gap: 11px; width: fit-content; font-weight: 700; font-size: 20px; letter-spacing: -.5px; }
.brand-mark { position: relative; display: inline-flex; align-items: flex-end; gap: 2px; width: 29px; height: 29px; padding: 6px; border: 1.5px solid currentColor; border-radius: 8px; transform: rotate(-4deg); }
.brand-mark i { display: block; width: 4px; border: 1.5px solid currentColor; border-radius: 2px; transition: height .28s ease; }
.brand-mark i:nth-child(1) { height: 9px; }.brand-mark i:nth-child(2) { height: 14px; }.brand-mark i:nth-child(3) { height: 18px; }
.brand:hover .brand-mark i:nth-child(1) { height: 16px; }.brand:hover .brand-mark i:nth-child(2) { height: 9px; }.brand:hover .brand-mark i:nth-child(3) { height: 14px; }
.site-nav { display: flex; align-items: center; gap: 34px; font-size: 13px; }
.site-nav a { position: relative; padding-block: 12px; }
.site-nav a::after { content: ""; position: absolute; left: 0; right: 100%; bottom: 4px; height: 1px; background: var(--ink); transition: right .25s ease; }
.site-nav a:hover::after { right: 0; }
.header-cta { justify-self: end; }
.menu-button { display: none; background: none; border: 0; padding: 8px; }
.menu-button span { display: block; width: 24px; height: 1px; margin: 6px; background: var(--ink); }

.button { min-height: 48px; padding: 0 22px; border: 1px solid var(--ink); border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; gap: 18px; cursor: pointer; font-weight: 600; font-size: 13px; transition: transform .2s ease, box-shadow .2s ease, background .2s ease; }
.button span { display: inline-block; transition: transform .25s ease; }
.button span .lucide { width: 15px; height: 15px; }
.button:hover span { transform: translate(2px, -2px); }
.button:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,0,.1); }
.button-dark { color: #fff; background: var(--ink); }
.button-dark:hover { background: #2a2b28; }
.button-light { background: #fff; border-color: #d7d7d2; }
.button-white { background: #fff; color: var(--ink); border-color: #fff; }
.button-row { display: flex; justify-content: center; gap: 10px; }

.hero { position: relative; isolation: isolate; padding: 92px 0 58px; text-align: center; }
.hero::before { content: ""; position: absolute; z-index: -1; top: 30px; left: 50%; width: min(900px, 90vw); height: 520px; background: radial-gradient(circle at 35% 40%, rgba(217, 243, 233, .7), transparent 35%), radial-gradient(circle at 72% 55%, rgba(231, 232, 255, .7), transparent 38%); filter: blur(44px); opacity: .6; transform: translateX(-50%); animation: ambientDrift 12s ease-in-out infinite alternate; pointer-events: none; }
.eyebrow, .section-number { color: #5d5d58; font-size: 11px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.eyebrow { display: inline-flex; align-items: center; gap: 8px; }
.eyebrow > span { width: 18px; height: 1px; background: currentColor; }
.hero h1 { max-width: 990px; margin: 24px auto 20px; font: 400 clamp(54px, 6.25vw, 92px)/.98 var(--serif); letter-spacing: -.055em; }
h1 em, h2 em { font-weight: 400; }
.hero-copy { max-width: 670px; margin: 0 auto 34px; color: var(--muted); font-size: 17px; line-height: 1.6; }

.meeting-visual { margin-top: 72px; text-align: left; border: 1px solid #d7d7d1; border-radius: 22px; background: #fff; box-shadow: 0 30px 80px rgba(20,20,15,.08); overflow: hidden; transition: box-shadow .4s ease, transform .4s ease; }
.meeting-visual, .workflow-art, .ask-panel { font-family: var(--sans); font-optical-sizing: auto; text-rendering: geometricPrecision; }
.meeting-visual:hover { transform: translateY(-4px); box-shadow: 0 38px 95px rgba(20,20,15,.13); }
.meeting-topbar { min-height: 66px; padding: 0 28px; display: flex; align-items: center; justify-content: space-between; color: var(--muted); background: #fbfbf9; border-bottom: 1px solid var(--line); font-size: 13px; line-height: 1.4; }
.meeting-topbar > div { display: flex; align-items: center; color: var(--ink); }
.status-dot { position: relative; flex: 0 0 auto; width: 9px; height: 9px; margin-right: 11px; background: #20a873; border-radius: 50%; box-shadow: 0 0 0 4px rgba(32,168,115,.14), 0 0 9px rgba(32,168,115,.45); animation: statusPulse 1.8s ease-out infinite; }
.status-dot::after { content: ""; position: absolute; inset: -4px; border: 1px solid rgba(32,168,115,.65); border-radius: 50%; animation: statusRing 1.8s ease-out infinite; }
.meeting-ended { position: relative; display: inline-block; overflow: hidden; opacity: 0; clip-path: inset(0 100% 0 0); animation: meetingEndedType 8s steps(18, end) infinite, meetingEndedVisibility 8s linear infinite; }
.meeting-ended::after { content: ""; position: absolute; top: -40%; bottom: -40%; width: 36px; left: -60px; background: linear-gradient(90deg, transparent, rgba(255,255,255,.9), transparent); transform: skewX(-18deg); animation: glassSweep 5.5s ease-in-out 2.2s infinite; }
.meeting-body { display: grid; grid-template-columns: .9fr 1.1fr; min-height: 425px; }
.meeting-summary { display: flex; flex-direction: column; justify-content: center; padding: 56px; background: var(--soft); border-right: 1px solid var(--line); }
.summary-label { color: var(--green); font-size: 10px; font-weight: 700; letter-spacing: .12em; }
.meeting-summary h2 { max-width: 420px; margin: 19px 0 13px; font: 400 46px/1.08 var(--serif); letter-spacing: -.035em; }
.meeting-summary > p { max-width: 360px; margin: 0; color: var(--muted); line-height: 1.55; }
.people-row { display: flex; align-items: center; margin-top: 42px; }
.people-row > span { display: grid; place-items: center; width: 32px; height: 32px; margin-left: -5px; background: #fff; border: 1px solid #d5d5ce; border-radius: 50%; font-size: 9px; animation: avatarDrift 4.8s ease-in-out infinite; }
.people-row > span:nth-child(2) { animation-delay: -.8s; }.people-row > span:nth-child(3) { animation-delay: -1.6s; }.people-row > span:nth-child(4) { animation-delay: -2.4s; }
.people-row > span:first-child { margin-left: 0; color: #fff; background: var(--ink); }
.people-row small { margin-left: 11px; color: var(--muted); }
.outcome-list { padding: 25px 34px; display: flex; flex-direction: column; justify-content: center; }
.outcome-list article { display: grid; grid-template-columns: 46px 1fr auto; gap: 14px; align-items: center; padding: 19px 0; border-bottom: 1px solid var(--line); }
.outcome-list article:last-child { border: 0; }
.outcome-icon { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 12px; font-size: 18px; }
.outcome-icon .lucide { width: 19px; height: 19px; }
.outcome-icon.mint { color: var(--green); background: var(--mint); }.outcome-icon.blue { color: #3e6fe8; background: var(--blue); }.outcome-icon.lilac { color: #6656c9; background: var(--lilac); }.outcome-icon.amber { color: #ae7000; background: var(--amber); }
.outcome-list strong, .outcome-list small { display: block; }.outcome-list strong { margin-bottom: 7px; font-size: 15px; font-weight: 600; letter-spacing: -.012em; }.outcome-list small { color: var(--muted); font-size: 13px; line-height: 1.45; }.outcome-list article > span:last-child { color: #a5a59f; font: 25px var(--serif); }

.tool-marquee { padding: 28px 0 34px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: #fafaf8; overflow: hidden; }
.tool-marquee-heading { margin-bottom: 22px; display: flex; justify-content: space-between; align-items: center; color: var(--muted); }
.tool-marquee-heading span { font: 20px var(--serif); color: var(--ink); }
.tool-marquee-heading small { font-size: 9px; font-weight: 700; letter-spacing: .14em; }
.tool-marquee-viewport { position: relative; overflow: hidden; }
.tool-marquee-viewport::before, .tool-marquee-viewport::after { content: ""; position: absolute; z-index: 2; top: 0; bottom: 0; width: max(36px, calc((100vw - 1240px) / 2)); pointer-events: none; }
.tool-marquee-viewport::before { left: 0; background: linear-gradient(90deg, #fafaf8, transparent); }
.tool-marquee-viewport::after { right: 0; background: linear-gradient(-90deg, #fafaf8, transparent); }
.tool-marquee-track { display: flex; width: max-content; animation: toolMarquee 32s linear infinite; will-change: transform; }
.tool-marquee-viewport:hover .tool-marquee-track { animation-play-state: paused; }
.tool-marquee-group { display: flex; flex-shrink: 0; gap: 12px; padding-right: 12px; }
.tool-chip { min-width: 210px; height: 72px; padding: 0 19px; display: flex; align-items: center; gap: 13px; background: #fff; border: 1px solid #dfdfda; border-radius: 13px; box-shadow: 0 5px 20px rgba(17,18,16,.025); transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease; }
.tool-chip:hover { transform: translateY(-3px); border-color: #bebeb8; box-shadow: 0 12px 28px rgba(17,18,16,.08); }
.tool-logo { flex: 0 0 34px; width: 34px; height: 34px; display: grid; place-items: center; }
.tool-logo img { width: 32px; height: 32px; display: block; object-fit: contain; }
.tool-chip > span:last-child { min-width: 0; }
.tool-chip strong, .tool-chip small { display: block; white-space: nowrap; }
.tool-chip strong { margin-bottom: 4px; font-size: 12px; }
.tool-chip small { color: var(--muted); font-size: 9px; }

.integrated-accent { position: absolute; pointer-events: none; overflow: visible; }
.integrated-accent path, .integrated-accent ellipse, .integrated-accent circle { vector-effect: non-scaling-stroke; }

.problem, .workflow, .use-cases, .product-demo, .meeting-types, .timeline, .integrations, .trust { padding-block: 130px; }
.problem { border-top: 1px solid var(--line); }
.split-intro { display: grid; grid-template-columns: 1.25fr .75fr; gap: 120px; align-items: end; }
.section-intro h2, .centered-heading h2, .product-demo h2, .integrations h2, .trust h2 { margin: 22px 0 0; font: 400 clamp(44px, 5vw, 67px)/1.04 var(--serif); letter-spacing: -.045em; }
.split-intro > p, .centered-heading > p, .integrations > div > p, .demo-copy > p { margin: 0 0 8px; color: var(--muted); line-height: 1.7; }
.problem-grid { margin-top: 76px; display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.problem-grid article { min-height: 150px; padding: 25px; display: flex; flex-direction: column; justify-content: space-between; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.problem-grid span { color: #9b9b96; font: 12px var(--serif); }
.problem-grid p { max-width: 260px; margin: 20px 0 0; font: 24px/1.25 var(--serif); }
.closing-statement { max-width: 770px; margin: 90px auto 0; text-align: center; font: 34px/1.3 var(--serif); }

.workflow, .use-cases, .meeting-types, .integrations { width: 100%; max-width: none; padding-inline: max(28px, calc((100vw - 1240px) / 2)); background: var(--soft); }
.centered-heading { max-width: 760px; margin: 0 auto; text-align: center; }
.centered-heading > p { max-width: 570px; margin: 20px auto 0; }
.workflow-grid { max-width: 1240px; margin: 70px auto 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.workflow-grid > article { padding: 12px 12px 30px; background: #fff; border: 1px solid #e1e1dc; border-radius: 16px; transition: transform .35s ease, box-shadow .35s ease; }
.workflow-grid > article:hover { transform: translateY(-8px); box-shadow: 0 22px 55px rgba(17,18,16,.08); }
.workflow-art { position: relative; height: 260px; margin-bottom: 25px; padding: 30px; background: #f8f8f6; border: 1px solid #e7e7e1; border-radius: 12px; overflow: hidden; }
.workflow-art::after { content: ""; position: absolute; inset: 0; background: linear-gradient(115deg, transparent 25%, rgba(255,255,255,.8) 50%, transparent 75%); transform: translateX(-120%); transition: transform .8s ease; pointer-events: none; }
.workflow-grid > article:hover .workflow-art::after { transform: translateX(120%); }
.step-pill { display: inline-block; margin-left: 10px; padding: 5px 9px; color: #666; background: #f0f0ec; border-radius: 999px; font-size: 10px; }
.workflow-grid h3 { margin: 17px 10px 8px; font-size: 21px; letter-spacing: -.03em; }
.workflow-grid > article > p { margin: 0 10px; color: var(--muted); font-size: 13px; line-height: 1.6; }
.calendar-head { display: flex; justify-content: space-between; margin-bottom: 20px; }.calendar-head::before { content: "Today"; font-size: 12px; font-weight: 700; }.calendar-head span::after { content: "August 10"; color: var(--muted); font-size: 11px; }
.calendar-row { display: grid; grid-template-columns: 52px 1fr 25px; align-items: center; min-height: 50px; border-bottom: 1px solid var(--line); font-size: 12px; line-height: 1.35; }.calendar-row i { color: var(--muted); font-style: normal; font-size: 11px; font-variant-numeric: tabular-nums; }.calendar-row strong { font-weight: 600; letter-spacing: -.01em; }.calendar-row b { display: grid; place-items: center; width: 22px; height: 22px; border: 1px solid var(--line); border-radius: 50%; }.calendar-row.active { margin: 0 -10px; padding: 0 10px; background: var(--mint); border: 0; border-radius: 8px; }.calendar-row.active b { color: #fff; background: var(--green); border-color: var(--green); }
.transcript-art { position: relative; display: grid; grid-template-columns: 28px 1fr; gap: 13px 10px; align-content: start; }.speaker { display: grid; place-items: center; width: 28px; height: 28px; color: #fff; background: var(--ink); border-radius: 50%; font-size: 9px; font-weight: 700; }.speaker.warm { color: var(--ink); background: #eee2d5; }.transcript-art > p { margin: 2px 0 12px; }.transcript-art > p i { display: block; width: 85%; height: 5px; margin: 0 0 6px; background: #dadad5; border-radius: 4px; }.transcript-art > p i:nth-child(2) { width: 62%; }.detected { position: absolute; left: 50px; right: 20px; bottom: 25px; padding: 12px 14px; color: var(--green); background: var(--mint); border: 1px solid #c9ecdd; border-radius: 9px; font-size: 11px; line-height: 1.35; }.detected b, .detected small { display: block; }.detected b { font-weight: 600; }.detected small { margin-top: 5px; color: #497065; font-size: 10px; }
.followup-art > div { display: flex; gap: 10px; padding: 12px 0; border-bottom: 1px solid var(--line); }.followup-art > div > span { display: grid; place-items: center; flex: 0 0 22px; height: 22px; color: var(--green); background: var(--mint); border-radius: 50%; }.followup-art p { margin: 0; }.followup-art strong, .followup-art small { display: block; }.followup-art strong { font-size: 12px; font-weight: 600; line-height: 1.35; letter-spacing: -.01em; }.followup-art small { margin-top: 5px; color: var(--muted); font-size: 10px; line-height: 1.4; }.followup-art button { width: 100%; height: 38px; margin-top: 22px; display: flex; justify-content: space-between; align-items: center; padding: 0 14px; color: #fff; background: var(--ink); border: 0; border-radius: 999px; font-size: 11px; font-weight: 600; }

.use-cases { background: #fff; }
.use-case-grid { max-width: 1240px; margin: 70px auto 0; display: grid; grid-template-columns: repeat(2, 1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.use-card { position: relative; min-height: 340px; padding: 30px; display: flex; flex-direction: column; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); overflow: hidden; transition: background .25s ease, transform .3s ease, box-shadow .3s ease; }
.use-card::after { content: ""; position: absolute; width: 180px; height: 180px; right: -95px; top: -95px; background: radial-gradient(circle, rgba(89, 184, 147, .18), transparent 70%); opacity: 0; transform: scale(.7); transition: opacity .35s ease, transform .5s ease; pointer-events: none; }
.use-card:hover::after { opacity: 1; transform: scale(1); }
.use-card:hover { background: #fafaf7; }.use-card.featured { background: var(--ink); color: #fff; }.use-card.featured:hover { background: #232421; }
.card-icon { display: grid; place-items: center; width: 48px; height: 48px; margin-top: 0; background: var(--soft); border-radius: 12px; font-size: 22px; transition: transform .35s cubic-bezier(.2,.8,.2,1), border-radius .35s ease; }.featured .card-icon { color: var(--ink); background: #fff; }
.card-icon .lucide { width: 21px; height: 21px; }
.use-card:hover .card-icon { transform: rotate(-7deg) scale(1.08); border-radius: 50%; }
.use-card h3 { margin: 25px 0 10px; font: 32px/1.1 var(--serif); }.use-card p { max-width: 475px; margin: 0 0 32px; color: var(--muted); font-size: 14px; line-height: 1.6; }.featured p { color: #b9bab5; }
.use-card a { width: fit-content; margin-top: auto; padding-bottom: 5px; border-bottom: 1px solid currentColor; font-size: 12px; font-weight: 700; }.use-card a span { margin-left: 13px; }
.use-card a .lucide { display: inline-block; width: 13px; height: 13px; vertical-align: -2px; }
.use-card.wide { min-height: 230px; grid-column: 1 / -1; display: grid; grid-template-columns: .55fr 1.3fr .8fr; align-items: center; }.use-card.wide .card-icon { margin-top: 0; }.use-card.wide h3 { margin-top: 0; }.use-card.wide a { margin: 0; justify-self: end; }

.product-demo { display: grid; grid-template-columns: .8fr 1.2fr; gap: 100px; align-items: center; border-top: 1px solid var(--line); }
.demo-copy h2 { max-width: 530px; }.demo-copy > p { max-width: 470px; margin-top: 25px; }.record-types { margin: 45px 0 0; padding: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; list-style: none; }.record-types li { padding: 12px 0; border-bottom: 1px solid var(--line); font-size: 13px; }.record-types span { display: inline-grid; place-items: center; width: 30px; height: 30px; margin-right: 9px; background: var(--soft); border-radius: 8px; }
.ask-panel { padding: 23px; background: var(--soft); border: 1px solid var(--line); border-radius: 18px; box-shadow: 0 24px 60px rgba(0,0,0,.07); transition: transform .4s ease, box-shadow .4s ease; }
.ask-panel:hover { transform: translateY(-5px) rotate(.2deg); box-shadow: 0 32px 75px rgba(0,0,0,.11); }
.ask-top { display: grid; grid-template-columns: 33px 1fr; grid-template-rows: 1fr 1fr; padding: 0 0 18px; border-bottom: 1px solid var(--line); }.brand-mark.mini { grid-row: 1 / 3; width: 28px; height: 28px; padding: 6px; }.ask-top strong { font-size: 13px; font-weight: 600; }.ask-top small { color: var(--muted); font-size: 10px; }
.user-question { width: fit-content; max-width: 80%; margin: 22px 0 22px auto; padding: 12px 15px; color: #fff; background: var(--ink); border-radius: 12px 12px 3px 12px; font-size: 12px; line-height: 1.4; }
.answer { padding: 20px; background: #fff; border: 1px solid var(--line); border-radius: 12px; }.answer-heading { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; font: 17px var(--serif); }.answer-heading span { display: grid; place-items: center; width: 29px; height: 29px; color: #fff; background: var(--green); border-radius: 8px; font: 10px var(--sans); }.answer article { display: grid; grid-template-columns: 30px 1fr auto; gap: 11px; align-items: center; padding: 13px 0; border-bottom: 1px solid var(--line); }.answer article > span { display: grid; place-items: center; width: 29px; height: 29px; background: var(--soft); border-radius: 50%; font-size: 9px; font-weight: 700; }.answer article p { margin: 0; }.answer article strong, .answer article small { display: block; }.answer article strong { font-size: 11px; font-weight: 600; line-height: 1.35; letter-spacing: -.01em; }.answer article small { margin-top: 5px; color: var(--muted); font-size: 10px; line-height: 1.4; }.answer article b { padding: 5px 8px; color: var(--green); background: var(--mint); border-radius: 999px; font-size: 9px; }.answer article b.risk { color: #a25f00; background: var(--amber); }.more-results { display: block; margin-top: 14px; color: var(--muted); font-size: 10px; }
.suggestions { display: flex; gap: 6px; margin-top: 10px; }.suggestions button { padding: 8px 10px; color: var(--muted); background: #fff; border: 1px solid var(--line); border-radius: 999px; font-size: 9px; line-height: 1.3; cursor: pointer; transition: color .2s ease, border-color .2s ease, transform .2s ease; }.suggestions button:hover { color: var(--ink); border-color: #aaa; transform: translateY(-2px); }

.meeting-types { background: var(--soft); }
.meeting-type-list { max-width: 1100px; margin: 70px auto 0; border-top: 1px solid #cecec8; }.meeting-type-list article { display: grid; grid-template-columns: 70px .85fr 1.2fr 30px; gap: 30px; align-items: center; min-height: 110px; padding-inline: 0; border-bottom: 1px solid #cecec8; transition: background .3s ease; }.meeting-type-list article:hover { background: rgba(255,255,255,.55); }.meeting-type-list article > span { color: #95958f; font: 12px var(--serif); }.meeting-type-list h3 { margin: 0; font: 25px var(--serif); }.meeting-type-list p { margin: 0; color: var(--muted); font-size: 13px; }.meeting-type-list b { font-weight: 400; }
.meeting-type-list b .lucide { width: 16px; height: 16px; }

.timeline .centered-heading { max-width: 690px; }.timeline-grid { margin-top: 70px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }.timeline-grid article { min-height: 390px; padding: 32px; display: flex; flex-direction: column; background: var(--soft); border: 1px solid var(--line); border-radius: 14px; transition: transform .35s ease, box-shadow .35s ease; }.timeline-grid article:hover { transform: translateY(-7px); box-shadow: 0 20px 55px rgba(17,18,16,.08); }.timeline-grid article > span { color: var(--muted); font-size: 10px; font-weight: 700; letter-spacing: .14em; }.timeline-grid h3 { margin: 65px 0 45px; font: 31px var(--serif); }.timeline-grid ul { margin: auto 0 0; padding: 0; list-style: none; }.timeline-grid li { padding: 12px 0; border-bottom: 1px solid #d9d9d3; font-size: 12px; }.timeline-grid li::before { content: "✓"; margin-right: 10px; color: var(--green); }.timeline-grid .dark-card { color: #fff; background: var(--ink); border-color: var(--ink); }.dark-card > span { color: #a8aaa5 !important; }.dark-card li { border-color: #383936; }.dark-card li::before { color: #75d0af; }

.integrations { display: grid; grid-template-columns: .85fr 1.15fr; gap: 110px; align-items: center; background: var(--soft); }.integrations > div:first-child { max-width: 500px; }.integrations h2 { margin-top: 20px; }.integrations > div > p { margin-top: 23px; }.logo-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }.logo-grid div { min-height: 145px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; background: #fff; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); font-size: 11px; transition: transform .3s ease, box-shadow .3s ease; }.logo-grid div:hover { position: relative; z-index: 1; transform: translateY(-5px); box-shadow: 0 16px 40px rgba(17,18,16,.09); }.logo-grid span { display: grid; place-items: center; width: 42px; height: 42px; background: transparent; border-radius: 0; transition: transform .3s ease; }.logo-grid div:hover span { transform: scale(1.1) rotate(-5deg); }.integration-brand-icon img { width: 34px; height: 34px; display: block; object-fit: contain; }

.trust { display: grid; grid-template-columns: 1fr 1fr; gap: 120px; align-items: start; }.trust-heading { position: sticky; top: 40px; }.trust-list { border-top: 1px solid var(--line); }.trust-list article { display: grid; grid-template-columns: 42px 1fr; gap: 18px; padding: 27px 0; border-bottom: 1px solid var(--line); }.trust-list article > span { display: grid; place-items: center; width: 39px; height: 39px; color: var(--green); background: var(--mint); border-radius: 50%; }.trust-list p { margin: 0; }.trust-list strong, .trust-list small { display: block; }.trust-list strong { margin-bottom: 8px; font: 20px var(--serif); }.trust-list small { color: var(--muted); line-height: 1.5; }

.final-cta { position: relative; min-height: 560px; padding: 100px 30px 160px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; color: #fff; background: var(--ink); border-radius: 20px; overflow: hidden; }.final-cta::before { content: ""; position: absolute; width: 520px; height: 520px; top: -360px; left: 50%; background: radial-gradient(circle, rgba(107, 213, 173, .2), transparent 68%); transform: translateX(-50%); animation: ctaGlow 5s ease-in-out infinite alternate; }.final-cta > .eyebrow { position: relative; z-index: 1; }.eyebrow.light { color: #aeb0aa; }.final-cta h2 { position: relative; z-index: 1; max-width: 920px; margin: 24px 0 18px; font: 400 clamp(45px, 5vw, 70px)/1.04 var(--serif); letter-spacing: -.045em; }.final-cta > p { position: relative; z-index: 1; max-width: 610px; margin: 0 0 28px; color: #b8bab5; line-height: 1.6; }.final-cta .button { position: relative; z-index: 1; }.cta-pattern { position: absolute; left: 0; right: 0; bottom: -80px; height: 220px; opacity: .15; background-image: linear-gradient(#aaa 1px, transparent 1px), linear-gradient(90deg, #aaa 1px, transparent 1px); background-size: 78px 78px; transform: perspective(500px) rotateX(55deg); transform-origin: bottom; animation: gridDrift 10s linear infinite; }
.globe-accent { z-index: 0; width: 760px; height: 468px; left: -330px; bottom: -108px; color: #fff; opacity: .2; }
.globe-grid { fill: none; stroke: currentColor; stroke-width: 1; opacity: .62; transform-box: fill-box; transform-origin: center; animation: globeBreathe 9s ease-in-out infinite alternate; }
.globe-connections { fill: none; stroke: currentColor; stroke-width: 1.1; stroke-dasharray: 5 7; opacity: .9; animation: networkFlow 10s linear infinite; }
.globe-nodes circle { fill: currentColor; opacity: .9; animation: globeNode 3.6s ease-in-out infinite alternate; }.globe-nodes circle:nth-child(2n) { animation-delay: -1.8s; }
.globe-traveler { fill: #fff; opacity: .95; filter: drop-shadow(0 0 5px rgba(255,255,255,.9)); }
.traveler-one { animation: travelerOne 7s ease-in-out infinite alternate; }
.traveler-two { animation: travelerTwo 9s ease-in-out infinite alternate; }
.traveler-three { animation: travelerThree 8s ease-in-out infinite alternate; }
.traveler-four { animation: travelerFour 10s ease-in-out infinite alternate; }
.traveler-five { animation: travelerFive 8.5s ease-in-out infinite alternate; }
.traveler-six { animation: travelerSix 11s ease-in-out infinite alternate; }

.site-footer { padding-block: 78px 30px; }.footer-main { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: 70px; }.footer-brand p { color: var(--muted); font: 22px var(--serif); }.footer-main > div:not(:first-child) { display: flex; flex-direction: column; align-items: flex-start; gap: 15px; font-size: 12px; }.footer-main > div > strong { margin-bottom: 7px; }.footer-main > div > a, .text-button { color: var(--muted); }.text-button { padding: 0; background: 0; border: 0; cursor: pointer; }.footer-bottom { margin-top: 80px; padding-top: 25px; display: flex; justify-content: space-between; color: var(--muted); border-top: 1px solid var(--line); font-size: 11px; }.footer-bottom a { margin-left: 20px; }
.text-button .lucide { display: inline-block; width: 12px; height: 12px; vertical-align: -2px; }

.modal { position: fixed; z-index: 100; inset: 0; display: grid; place-items: center; padding: 20px; visibility: hidden; opacity: 0; transition: opacity .2s ease, visibility .2s ease; }.modal.is-open { visibility: visible; opacity: 1; }.modal-backdrop { position: absolute; inset: 0; background: rgba(17,18,16,.65); backdrop-filter: blur(6px); }.modal-card { position: relative; width: min(560px, 100%); max-height: calc(100vh - 40px); overflow-y: auto; padding: 42px; background: #fff; border-radius: 18px; box-shadow: 0 30px 90px rgba(0,0,0,.25); transform: translateY(15px); transition: transform .25s ease; }.is-open .modal-card { transform: none; }.modal-close { position: absolute; top: 15px; right: 18px; width: 36px; height: 36px; background: var(--soft); border: 0; border-radius: 50%; cursor: pointer; font-size: 22px; }.modal-card h2 { margin: 15px 0 10px; font: 38px/1.05 var(--serif); letter-spacing: -.035em; }.modal-card > p { color: var(--muted); line-height: 1.5; }.modal-card form { margin-top: 25px; display: grid; gap: 16px; }.modal-card label { display: grid; gap: 8px; font-size: 12px; font-weight: 700; }.modal-card input, .modal-card select { width: 100%; height: 48px; padding: 0 13px; color: var(--ink); background: #fff; border: 1px solid #d5d5cf; border-radius: 8px; outline: none; }.modal-card input:focus, .modal-card select:focus { border-color: var(--ink); box-shadow: 0 0 0 3px #efefeb; }.modal-card .button { margin-top: 5px; }.form-status { min-height: 18px; margin: 0; color: var(--green) !important; font-size: 12px; }.modal-open { overflow: hidden; }

/* Motion system */
.has-js .hero > .eyebrow,
.has-js .hero > h1,
.has-js .hero > .hero-copy,
.has-js .hero > .button-row,
.has-js .hero > .meeting-visual { animation: heroRise .9s cubic-bezier(.2,.75,.2,1) both; }
.has-js .hero > h1 { animation-delay: 90ms; }.has-js .hero > .hero-copy { animation-delay: 180ms; }.has-js .hero > .button-row { animation-delay: 270ms; }.has-js .hero > .meeting-visual { animation-delay: 430ms; }
.has-js .outcome-list article { --outcome-enter: 850ms; --outcome-float: 1500ms; animation: outcomeIn .55s cubic-bezier(.2,.8,.2,1) var(--outcome-enter) both, outcomeFloat 5.8s ease-in-out var(--outcome-float) infinite; }.has-js .outcome-list article:nth-child(2) { --outcome-enter: 930ms; --outcome-float: 1850ms; }.has-js .outcome-list article:nth-child(3) { --outcome-enter: 1010ms; --outcome-float: 2200ms; }.has-js .outcome-list article:nth-child(4) { --outcome-enter: 1090ms; --outcome-float: 2550ms; }
.has-js .reveal { opacity: 0; filter: blur(3px); transform: translateY(28px); transition: opacity .75s ease var(--reveal-delay, 0ms), transform .75s cubic-bezier(.2,.75,.2,1) var(--reveal-delay, 0ms), filter .75s ease var(--reveal-delay, 0ms); will-change: opacity, transform; }
.has-js .reveal.is-visible { opacity: 1; filter: blur(0); transform: translateY(0); }

@keyframes heroRise { from { opacity: 0; filter: blur(5px); transform: translateY(25px); } to { opacity: 1; filter: blur(0); transform: translateY(0); } }
@keyframes outcomeIn { from { opacity: 0; transform: translateX(18px); } to { opacity: 1; transform: translateX(0); } }
@keyframes outcomeFloat { 0%, 100% { translate: 0 0; } 50% { translate: 0 -3px; } }
@keyframes statusPulse { 0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(32,168,115,.52), 0 0 8px rgba(32,168,115,.55); } 55% { transform: scale(1.12); } 75%, 100% { transform: scale(1); box-shadow: 0 0 0 9px rgba(32,168,115,0), 0 0 13px rgba(32,168,115,.32); } }
@keyframes statusRing { 0% { opacity: .85; transform: scale(.62); } 75%, 100% { opacity: 0; transform: scale(1.65); } }
@keyframes meetingEndedType { 0%, 7%, 100% { clip-path: inset(0 100% 0 0); } 23%, 95% { clip-path: inset(0 0 0 0); } 95.1% { clip-path: inset(0 100% 0 0); } }
@keyframes meetingEndedVisibility { 0%, 6%, 95.1%, 100% { opacity: 0; } 7%, 95% { opacity: 1; } }
@keyframes glassSweep { 0%, 68% { left: -60px; opacity: 0; } 75% { opacity: .75; } 88%, 100% { left: calc(100% + 40px); opacity: 0; } }
@keyframes avatarDrift { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-3px); } }
@keyframes ambientDrift { from { transform: translateX(-53%) scale(.95); } to { transform: translateX(-47%) scale(1.08); } }
@keyframes gridDrift { from { background-position: 0 0; } to { background-position: 78px 0; } }
@keyframes ctaGlow { from { opacity: .55; transform: translateX(-50%) scale(.85); } to { opacity: 1; transform: translateX(-50%) scale(1.1); } }
@keyframes toolMarquee { to { transform: translateX(-50%); } }
@keyframes globeBreathe { from { transform: translateY(2px) scale(.985); } to { transform: translateY(-4px) scale(1.015); } }
@keyframes networkFlow { to { stroke-dashoffset: -96; } }
@keyframes globeNode { from { opacity: .35; } to { opacity: 1; } }
@keyframes travelerOne { from { transform: translate(166px,108px); } 50% { transform: translate(247px,67px); } to { transform: translate(337px,105px); } }
@keyframes travelerTwo { from { transform: translate(168px,211px); } 50% { transform: translate(258px,237px); } to { transform: translate(354px,190px); } }
@keyframes travelerThree { from { transform: translate(201px,72px); } 50% { transform: translate(277px,157px); } to { transform: translate(322px,240px); } }
@keyframes travelerFour { from { transform: translate(154px,178px); } 50% { transform: translate(249px,132px); } to { transform: translate(367px,147px); } }
@keyframes travelerFive { from { transform: translate(146px,143px); } 50% { transform: translate(260px,104px); } to { transform: translate(372px,175px); } }
@keyframes travelerSix { from { transform: translate(187px,238px); } 50% { transform: translate(269px,177px); } to { transform: translate(350px,81px); } }

@media (max-width: 980px) {
  .site-header { grid-template-columns: 1fr auto auto; }.site-nav { position: fixed; z-index: 80; top: 88px; left: 24px; right: 24px; padding: 24px; display: flex; flex-direction: column; align-items: flex-start; gap: 12px; background: #fff; border: 1px solid var(--line); border-radius: 12px; box-shadow: 0 18px 50px rgba(0,0,0,.1); visibility: hidden; opacity: 0; transform: translateY(-10px); transition: .2s ease; }.site-nav.is-open { visibility: visible; opacity: 1; transform: none; }.menu-button { display: block; }.header-cta { margin-left: 10px; }
  .meeting-body, .product-demo, .integrations, .trust { grid-template-columns: 1fr; }.meeting-summary { border-right: 0; border-bottom: 1px solid var(--line); }.split-intro { grid-template-columns: 1fr; gap: 30px; }.workflow-grid { grid-template-columns: 1fr; max-width: 580px; }.use-card.wide { grid-template-columns: .5fr 1fr; gap: 20px; }.use-card.wide a { justify-self: start; grid-column: 2; }.product-demo, .integrations, .trust { gap: 60px; }.ask-panel { max-width: 680px; margin-inline: auto; }.trust-heading { position: static; }.footer-main { grid-template-columns: 2fr 1fr 1fr; }.footer-main > div:last-child { grid-column: 2; }
}

@media (max-width: 700px) {
  .section-shell { width: min(100% - 32px, 1240px); }.site-header { width: calc(100% - 32px); height: 72px; }.brand { font-size: 17px; }.header-cta { display: none; }.site-nav { top: 72px; left: 16px; right: 16px; }.hero { padding-top: 70px; }.hero h1 { font-size: clamp(46px, 14vw, 64px); }.hero-copy { font-size: 15px; }.button-row { flex-direction: column; align-items: stretch; max-width: 320px; margin-inline: auto; }.meeting-visual { margin-top: 50px; border-radius: 14px; }.meeting-topbar { padding: 14px 18px; align-items: flex-start; gap: 8px; flex-direction: column; }.meeting-summary { padding: 35px 25px; }.meeting-summary h2 { font-size: 38px; }.outcome-list { padding: 12px 20px; }.outcome-list article { grid-template-columns: 42px 1fr; }.outcome-list article > span:last-child { display: none; }
  .problem, .workflow, .use-cases, .product-demo, .meeting-types, .timeline, .integrations, .trust { padding-block: 90px; }.section-intro h2, .centered-heading h2, .product-demo h2, .integrations h2, .trust h2 { font-size: 43px; }.problem-grid { grid-template-columns: 1fr; margin-top: 50px; }.problem-grid article { min-height: 125px; }.closing-statement { margin-top: 60px; font-size: 29px; }
  .tool-marquee { padding-block: 24px 28px; }.tool-marquee-heading { margin-bottom: 18px; align-items: flex-start; flex-direction: column; gap: 8px; }.tool-marquee-heading span { font-size: 18px; }.tool-marquee-heading small { line-height: 1.5; }.tool-chip { min-width: 188px; height: 66px; padding-inline: 15px; }.tool-marquee-track { animation-duration: 26s; }
  .globe-accent { width: 520px; height: 320px; left: -250px; bottom: -46px; opacity: .16; }
  .workflow, .use-cases, .meeting-types, .integrations { padding-inline: 16px; }.workflow-grid { margin-top: 45px; }.workflow-art { height: 230px; padding: 22px; }.use-case-grid { grid-template-columns: 1fr; margin-top: 50px; }.use-card { min-height: 320px; }.use-card.wide { grid-column: auto; display: flex; align-items: flex-start; }.use-card.wide a { grid-column: auto; }.record-types { grid-template-columns: 1fr; }.ask-panel { padding: 12px; }.answer { padding: 14px; }.answer article { grid-template-columns: 28px 1fr; }.answer article b { display: none; }.suggestions { flex-direction: column; align-items: flex-start; }
  .meeting-type-list { margin-top: 50px; }.meeting-type-list article { grid-template-columns: 35px 1fr 20px; gap: 15px; padding: 22px 0; }.meeting-type-list p { grid-column: 2; }.meeting-type-list b { grid-column: 3; grid-row: 1; }.timeline-grid { grid-template-columns: 1fr; margin-top: 50px; }.timeline-grid article { min-height: 340px; }.logo-grid { grid-template-columns: repeat(2, 1fr); }.final-cta { width: calc(100% - 20px); min-height: 520px; padding-inline: 20px; border-radius: 14px; }.final-cta h2 { font-size: 46px; }.footer-main { grid-template-columns: 1fr 1fr; }.footer-brand { grid-column: 1 / -1; }.footer-main > div:last-child { grid-column: auto; }.footer-bottom { flex-direction: column; gap: 15px; }.footer-bottom a { margin: 0 20px 0 0; }.modal-card { padding: 35px 22px 25px; }
}

@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; }.tool-marquee-viewport { overflow-x: auto; scrollbar-width: thin; }.tool-marquee-track { animation: none; }.tool-marquee-viewport::before, .tool-marquee-viewport::after { display: none; }.integrated-accent *, .people-row > span, .meeting-ended, .meeting-ended::after { animation: none !important; }.meeting-ended { opacity: 1; clip-path: none; } }