:root {
  --ink: #101733;
  --ink-soft: #273252;
  --muted: #68738f;
  --muted-strong: #4e5a78;
  --line: rgba(45, 57, 94, 0.14);
  --line-strong: rgba(45, 57, 94, 0.22);
  --surface: #ffffff;
  --surface-soft: #f7f8fc;
  --purple: #7137ed;
  --purple-deep: #5124c8;
  --blue: #2675ee;
  --cyan: #21b8d2;
  --green: #1aa979;
  --amber: #e99b34;
  --pink: #ea62c5;
  --navy: #101834;
  --shadow-xs: 0 4px 16px rgba(25, 34, 70, 0.06);
  --shadow-sm: 0 12px 30px rgba(25, 34, 70, 0.09);
  --shadow-md: 0 22px 58px rgba(25, 34, 70, 0.14);
  --shadow-lg: 0 36px 90px rgba(26, 31, 72, 0.22);
  --shell: min(1180px, calc(100% - 48px));
  --font: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 96px; background: #f6f8ff; }
body { margin: 0; min-width: 320px; color: var(--ink); background: radial-gradient(circle at 8% 5%, rgba(126,88,255,.07), transparent 24rem), radial-gradient(circle at 92% 12%, rgba(39,117,238,.06), transparent 28rem), #f8f9fd; font-family: var(--font); font-size: 16px; line-height: 1.6; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
img, svg { display: block; max-width: 100%; }
button, a, input, summary { font: inherit; }
a { color: inherit; text-decoration: none; }
p, h1, h2, h3 { margin-top: 0; }
h1, h2, h3, strong { text-wrap: balance; }
.shell { width: var(--shell); margin-inline: auto; }
.skip-link { position: fixed; z-index: 2000; top: 12px; left: 12px; padding: 10px 16px; border-radius: 10px; color: #fff; background: var(--navy); transform: translateY(-150%); transition: transform 160ms ease; }
.skip-link:focus { transform: translateY(0); }
:focus-visible { outline: 3px solid rgba(38,117,238,.42); outline-offset: 3px; }

.site-header { position: sticky; z-index: 1000; top: 0; border-bottom: 1px solid rgba(45,57,94,.08); background: rgba(248,249,253,.82); backdrop-filter: blur(20px) saturate(150%); -webkit-backdrop-filter: blur(20px) saturate(150%); }
.header-inner { min-height: 82px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 32px; }
.brand { display: inline-flex; align-items: center; width: 188px; }
.brand img { width: 100%; height: auto; }
.header-nav { display: flex; align-items: center; justify-content: center; gap: 28px; }
.header-nav a, .nav-login { position: relative; color: var(--muted-strong); font-size: .9rem; font-weight: 750; letter-spacing: -.01em; transition: color 150ms ease; }
.header-nav a::after { content: ""; position: absolute; right: 0; bottom: -9px; left: 0; height: 2px; border-radius: 99px; background: linear-gradient(90deg, var(--purple), var(--blue)); transform: scaleX(0); transform-origin: center; transition: transform 150ms ease; }
.header-nav a:hover, .nav-login:hover { color: var(--ink); }
.header-nav a:hover::after { transform: scaleX(1); }
.header-actions { display: flex; align-items: center; gap: 18px; }
.button { display: inline-flex; min-height: 46px; align-items: center; justify-content: center; gap: 9px; border: 1px solid transparent; border-radius: 13px; padding: 11px 20px; font-weight: 800; letter-spacing: -.015em; line-height: 1.15; transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease, background 160ms ease; }
.button:hover { transform: translateY(-2px); }
.button-primary { color: #fff; background: linear-gradient(125deg, #7b31ec 0%, #5f49ed 45%, #2577ed 100%); box-shadow: 0 12px 25px rgba(88,66,222,.25); }
.button-primary:hover { box-shadow: 0 17px 34px rgba(88,66,222,.33); }
.button-secondary { color: var(--ink); border-color: var(--line-strong); background: rgba(255,255,255,.72); }
.button-secondary:hover { border-color: rgba(100,63,225,.32); background: #fff; box-shadow: var(--shadow-xs); }
.button-light { color: var(--purple-deep); background: #fff; box-shadow: 0 16px 36px rgba(1,6,30,.2); }
.button-small { min-height: 42px; padding: 10px 17px; border-radius: 12px; font-size: .9rem; }
.button-large { min-height: 54px; padding: 15px 24px; border-radius: 15px; }
.mobile-menu { display: none; position: relative; }
.mobile-menu summary { width: 44px; height: 44px; display: grid; place-content: center; gap: 5px; border: 1px solid var(--line-strong); border-radius: 12px; background: #fff; cursor: pointer; list-style: none; }
.mobile-menu summary::-webkit-details-marker { display: none; }
.mobile-menu summary span { width: 18px; height: 2px; border-radius: 999px; background: var(--ink); }
.mobile-menu-panel { position: absolute; top: 56px; right: 0; width: min(330px, calc(100vw - 32px)); padding: 16px; border: 1px solid var(--line); border-radius: 18px; background: rgba(255,255,255,.98); box-shadow: var(--shadow-md); }
.mobile-menu-panel nav { display: grid; }
.mobile-menu-panel nav a { padding: 12px 10px; border-bottom: 1px solid var(--line); color: var(--ink-soft); font-weight: 760; }
.mobile-menu-panel nav a:last-child { border-bottom: 0; }
.mobile-menu-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; padding-top: 14px; }

.hero { position: relative; overflow: hidden; padding: 94px 0 104px; isolation: isolate; }
.hero::before { content: ""; position: absolute; z-index: -3; inset: 0; background: linear-gradient(180deg, rgba(255,255,255,.5), rgba(248,249,253,.8)), radial-gradient(circle at 48% 15%, rgba(122,71,232,.13), transparent 25rem); }
.hero-orb { position: absolute; z-index: -2; border-radius: 50%; filter: blur(10px); opacity: .72; }
.hero-orb-one { width: 520px; height: 520px; top: 90px; right: -230px; background: radial-gradient(circle, rgba(45,124,238,.24), transparent 70%); }
.hero-orb-two { width: 430px; height: 430px; bottom: -260px; left: -100px; background: radial-gradient(circle, rgba(119,49,239,.22), transparent 70%); }
.hero-grid { display: grid; grid-template-columns: minmax(0,.82fr) minmax(590px,1.18fr); align-items: center; gap: 58px; }
.hero-copy { position: relative; z-index: 5; max-width: 580px; }
.eyebrow { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 18px; color: #7059c9; font-size: .75rem; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
.eyebrow-mark { font-size: 1rem; }
.eyebrow-dark { color: #6953bf; }
.hero h1 { margin-bottom: 25px; color: var(--ink); font-size: clamp(3.3rem,6vw,5.8rem); line-height: .98; letter-spacing: -.065em; }
.hero h1 span { color: transparent; background: linear-gradient(110deg, #7533e9, #315fe9 55%, #17a7d1); -webkit-background-clip: text; background-clip: text; }
.hero-lede { max-width: 620px; margin-bottom: 30px; color: var(--muted-strong); font-size: clamp(1.05rem,1.5vw,1.22rem); line-height: 1.72; }
.hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.hero-trust { display: flex; flex-wrap: wrap; gap: 17px 23px; margin-top: 24px; color: var(--muted); font-size: .79rem; font-weight: 700; }
.hero-trust span { display: inline-flex; align-items: center; gap: 7px; }
.hero-trust svg { width: 16px; height: 16px; fill: none; stroke: #6b47da; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.hero-product { position: relative; min-width: 0; padding: 24px 0 26px 12px; perspective: 1400px; }
.product-glow { position: absolute; z-index: -1; top: 12%; right: 0; bottom: 4%; left: 10%; border-radius: 50%; background: radial-gradient(circle, rgba(100,62,229,.25), rgba(41,132,233,.08) 50%, transparent 73%); filter: blur(32px); }
.app-preview { position: relative; overflow: hidden; min-height: 485px; border: 1px solid rgba(89,76,159,.2); border-radius: 25px; background: rgba(255,255,255,.94); box-shadow: var(--shadow-lg); transform: rotateY(-2.5deg) rotateX(1deg); transform-origin: center; }
.app-preview::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(130deg, rgba(255,255,255,.42), transparent 28%, transparent 70%, rgba(82,91,224,.05)); }
.app-preview-header { position: relative; z-index: 1; min-height: 64px; display: flex; align-items: center; justify-content: space-between; padding: 11px 18px; border-bottom: 1px solid var(--line); background: rgba(255,255,255,.92); }
.app-preview-brand { display: flex; align-items: center; gap: 10px; }
.app-preview-brand img { width: 36px; height: 36px; }
.app-preview-brand div { display: grid; line-height: 1.15; }
.app-preview-brand strong { font-size: .84rem; }
.app-preview-brand span { color: var(--muted); font-size: .62rem; }
.preview-header-actions { display: flex; align-items: center; gap: 8px; }
.preview-header-actions > span:not(.preview-avatar) { width: 30px; height: 30px; border: 1px solid var(--line); border-radius: 9px; background: #f7f8fc; }
.preview-avatar { width: 31px; height: 31px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: linear-gradient(135deg,var(--purple),var(--blue)); font-size: .58rem; font-weight: 900; }
.app-preview-body { position: relative; z-index: 1; display: grid; grid-template-columns: 54px 1fr; min-height: 420px; background: linear-gradient(180deg,#f8f9fe,#f1f5fb); }
.preview-sidebar { display: flex; flex-direction: column; align-items: center; gap: 12px; padding-top: 20px; border-right: 1px solid var(--line); background: rgba(255,255,255,.72); }
.preview-nav { width: 25px; height: 25px; border-radius: 8px; background: #e5e9f3; }
.preview-nav.active { background: linear-gradient(135deg,#7d45ef,#3879ec); box-shadow: 0 7px 13px rgba(92,66,221,.22); }
.preview-main { min-width: 0; padding: 20px; }
.preview-welcome { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; padding: 18px 20px; border: 1px solid rgba(108,93,194,.13); border-radius: 17px; background: radial-gradient(circle at 82% 25%, rgba(103,70,224,.12), transparent 34%), linear-gradient(135deg,#fff,#f3f0ff); box-shadow: var(--shadow-xs); }
.preview-welcome > div:first-child > span, .preview-kicker { color: #7569a0; font-size: .51rem; font-weight: 900; letter-spacing: .12em; }
.preview-welcome h2 { margin: 3px 0 2px; font-size: 1.2rem; letter-spacing: -.035em; }
.preview-welcome p { margin: 0; color: var(--muted); font-size: .68rem; }
.preview-welcome-stats { display: flex; gap: 7px; }
.preview-welcome-stats span { min-width: 61px; display: grid; place-items: center; padding: 7px 8px; border: 1px solid var(--line); border-radius: 10px; color: var(--muted); background: rgba(255,255,255,.72); font-size: .5rem; }
.preview-welcome-stats strong { color: var(--ink); font-size: .9rem; }
.preview-grid { display: grid; grid-template-columns: 1.55fr .85fr; gap: 12px; margin-top: 12px; }
.preview-card { min-width: 0; border: 1px solid var(--line); border-radius: 15px; background: rgba(255,255,255,.94); box-shadow: 0 8px 20px rgba(36,44,82,.05); }
.preview-top-three { grid-row: span 2; padding: 14px; }
.preview-card-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; margin-bottom: 10px; }
.preview-card-heading > div { display: grid; gap: 2px; }
.preview-card-heading strong { font-size: .72rem; letter-spacing: -.01em; }
.preview-pill { padding: 4px 7px; border-radius: 999px; color: #6b3ed2; background: #eee8ff; font-size: .48rem; font-weight: 900; }
.preview-task { display: grid; grid-template-columns: 25px minmax(0,1fr) auto; align-items: center; gap: 8px; padding: 9px 7px; border-top: 1px solid rgba(45,57,94,.08); }
.preview-task.active { margin-inline: -5px; padding-inline: 12px; border: 1px solid rgba(112,61,226,.15); border-radius: 11px; background: linear-gradient(90deg,rgba(112,61,226,.08),rgba(55,121,236,.04)); }
.preview-task-number { width: 23px; height: 23px; display: grid; place-items: center; border: 1px solid #d8dcef; border-radius: 50%; color: #6e5aa5; background: #fff; font-size: .55rem; font-weight: 900; }
.preview-task div { min-width: 0; display: grid; gap: 1px; }
.preview-task strong { overflow: hidden; font-size: .59rem; text-overflow: ellipsis; white-space: nowrap; }
.preview-task small { overflow: hidden; color: var(--muted); font-size: .48rem; text-overflow: ellipsis; white-space: nowrap; }
.preview-task-time { padding: 4px 6px; border-radius: 7px; color: #665c8a; background: #f1f3f8; font-size: .45rem; font-weight: 800; }
.preview-capacity { min-height: 193px; padding: 13px; text-align: center; }
.preview-card-heading.compact { margin-bottom: 5px; text-align: left; }
.capacity-time { color: var(--green); font-size: .58rem; font-weight: 900; }
.capacity-ring { width: 78px; height: 78px; display: grid; place-items: center; margin: 8px auto 10px; border-radius: 50%; background: conic-gradient(var(--purple) 0 42%,var(--blue) 42% 72%,#e8ebf4 72% 100%); box-shadow: inset 0 0 0 10px #fff; }
.capacity-ring span { font-size: .72rem; font-weight: 900; }
.capacity-key { display: flex; justify-content: center; gap: 8px; color: var(--muted); font-size: .4rem; }
.capacity-key span { display: inline-flex; align-items: center; gap: 3px; }
.capacity-key i { width: 5px; height: 5px; border-radius: 50%; }
.key-scheduled { background: var(--purple); } .key-focus { background: var(--blue); } .key-open { background: #d9deeb; }
.preview-inbox, .preview-weather { min-height: 74px; display: flex; align-items: center; gap: 9px; padding: 11px; }
.preview-inbox { background: linear-gradient(120deg,#fff,#f5f0ff); }
.preview-mini-icon { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 9px; color: var(--purple); background: #eee8ff; font-size: .85rem; font-weight: 900; }
.preview-inbox > div:nth-child(2), .preview-weather > div:nth-child(2) { min-width: 0; display: grid; gap: 1px; }
.preview-inbox strong, .preview-weather strong { font-size: .58rem; }
.preview-weather small { color: var(--muted); font-size: .42rem; }
.preview-arrow { margin-left: auto; color: var(--purple); font-size: .8rem; }
.weather-symbol { color: #efa92d; font-size: 1.25rem; }
.floating-card { position: absolute; z-index: 6; display: flex; align-items: center; gap: 10px; border: 1px solid rgba(100,74,194,.18); border-radius: 14px; padding: 10px 13px; background: rgba(255,255,255,.95); box-shadow: var(--shadow-md); backdrop-filter: blur(12px); }
.floating-card div { display: grid; line-height: 1.15; }
.floating-card small { color: var(--muted); font-size: .48rem; font-weight: 900; letter-spacing: .09em; }
.floating-card strong { font-size: .71rem; }
.floating-focus { right: -18px; bottom: 3px; } .floating-context { top: 3px; left: -8px; }
.floating-icon, .floating-check { width: 29px; height: 29px; display: grid; place-items: center; border-radius: 9px; font-size: .7rem; font-weight: 900; }
.floating-icon { color: #fff; background: linear-gradient(135deg,var(--purple),var(--blue)); } .floating-check { color: var(--green); background: #e8f8f2; }

.signal-strip { border-top: 1px solid rgba(45,57,94,.08); border-bottom: 1px solid rgba(45,57,94,.08); background: rgba(255,255,255,.8); }
.signal-list { min-height: 68px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 14px; color: #6c7691; font-size: .78rem; font-weight: 800; letter-spacing: .03em; text-transform: uppercase; }
.signal-list i { width: 4px; height: 4px; border-radius: 50%; background: linear-gradient(135deg,var(--purple),var(--blue)); }
.section { position: relative; padding: 112px 0; }
.section-heading { margin-bottom: 48px; }
.centered-heading { max-width: 810px; margin-right: auto; margin-left: auto; text-align: center; }
.narrow-heading { max-width: 760px; }
.section-heading h2, .story-copy h2, .security-copy h2, .plan-banner h2, .roadmap-heading h2, .faq-heading h2, .final-cta h2, .personalize-copy h2 { margin-bottom: 18px; font-size: clamp(2.3rem,4vw,4rem); line-height: 1.05; letter-spacing: -.055em; }
.section-heading > p:last-child, .split-heading > p, .story-copy > p, .security-copy > p, .plan-banner > div > p:last-child, .roadmap-heading > p:last-child, .faq-heading > p:last-child, .personalize-copy > p { color: var(--muted-strong); font-size: 1.05rem; line-height: 1.75; }
.split-heading { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(300px,.75fr); align-items: end; gap: 56px; }
.split-heading h2 { margin-bottom: 0; } .split-heading > p { margin-bottom: 4px; }
.section-problem { background: #fff; }
.outcome-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
.outcome-card { position: relative; overflow: hidden; min-height: 310px; padding: 28px; border: 1px solid var(--line); border-radius: 24px; background: #fff; box-shadow: var(--shadow-xs); }
.outcome-card::before { content: ""; position: absolute; width: 220px; height: 220px; right: -100px; bottom: -110px; border-radius: 50%; opacity: .36; }
.outcome-blue::before { background: #cfe3ff; } .outcome-violet::before { background: #ded1ff; } .outcome-cyan::before { background: #cdeff3; }
.outcome-number { position: absolute; top: 23px; right: 25px; color: #a3abc0; font-size: .72rem; font-weight: 900; letter-spacing: .12em; }
.outcome-icon { width: 52px; height: 52px; display: grid; place-items: center; margin-bottom: 62px; border-radius: 15px; background: #f4f3ff; }
.outcome-icon svg { width: 25px; height: 25px; fill: none; stroke: #6d46da; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.outcome-card h3 { margin-bottom: 11px; font-size: 1.32rem; letter-spacing: -.035em; }
.outcome-card p { position: relative; z-index: 1; margin-bottom: 0; color: var(--muted); line-height: 1.7; }
.section-how { overflow: hidden; background: radial-gradient(circle at 0% 0%, rgba(105,68,229,.08), transparent 30rem), #f7f8fc; }
.workflow-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 14px; margin: 0; padding: 0; list-style: none; }
.workflow-card { position: relative; min-height: 320px; padding: 24px; border: 1px solid var(--line); border-radius: 22px; background: rgba(255,255,255,.9); box-shadow: var(--shadow-xs); }
.workflow-card::after { content: "→"; position: absolute; z-index: 2; top: 51px; right: -18px; width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; color: #7962cd; background: #fff; box-shadow: var(--shadow-xs); font-size: .85rem; font-weight: 900; }
.workflow-card:last-child::after { display: none; }
.workflow-step { position: absolute; top: 21px; right: 22px; color: #a6adc0; font-size: .72rem; font-weight: 900; }
.workflow-icon { width: 54px; height: 54px; display: grid; place-items: center; margin-bottom: 70px; border-radius: 16px; color: #fff; background: linear-gradient(135deg,#7b38eb,#2f77ed); box-shadow: 0 12px 24px rgba(90,65,220,.25); font-size: 1.05rem; font-weight: 900; }
.workflow-card:nth-child(2) .workflow-icon { background: linear-gradient(135deg,#6652ec,#288fe8); } .workflow-card:nth-child(3) .workflow-icon { background: linear-gradient(135deg,#2678eb,#16b5cc); } .workflow-card:nth-child(4) .workflow-icon { background: linear-gradient(135deg,#17a77c,#23b6c9); }
.workflow-card h3 { margin-bottom: 10px; font-size: 1.22rem; letter-spacing: -.035em; }
.workflow-card p { margin-bottom: 20px; color: var(--muted); font-size: .91rem; line-height: 1.68; }
.workflow-detail { position: absolute; right: 24px; bottom: 22px; left: 24px; padding-top: 14px; border-top: 1px solid var(--line); color: #7357c8; font-size: .7rem; font-weight: 850; }

.section-stories { padding-top: 0; background: #fff; }
.story-stack { display: grid; gap: 0; }
.story { display: grid; grid-template-columns: minmax(0,.82fr) minmax(500px,1.18fr); align-items: center; gap: 72px; padding: 118px 0; border-bottom: 1px solid var(--line); }
.story:last-child { border-bottom: 0; }
.story-projects .story-copy { order: 2; } .story-projects .story-visual { order: 1; }
.story-copy > p { margin-bottom: 26px; }
.check-list { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
.check-list li { position: relative; padding-left: 30px; color: var(--ink-soft); font-weight: 720; }
.check-list li::before { content: "✓"; position: absolute; top: 0; left: 0; width: 20px; height: 20px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: linear-gradient(135deg,var(--purple),var(--blue)); font-size: .62rem; font-weight: 900; }
.story-visual { position: relative; min-height: 450px; display: grid; place-items: center; border: 1px solid rgba(71,78,130,.12); border-radius: 28px; background: radial-gradient(circle at 80% 20%, rgba(83,99,227,.14), transparent 35%), linear-gradient(145deg,#f7f8fd,#eef3fb); box-shadow: inset 0 1px 0 rgba(255,255,255,.9), var(--shadow-sm); overflow: hidden; }
.story-visual::before, .story-visual::after { content: ""; position: absolute; border-radius: 50%; pointer-events: none; }
.story-visual::before { width: 300px; height: 300px; top: -150px; right: -120px; border: 1px solid rgba(94,82,190,.1); }
.story-visual::after { width: 220px; height: 220px; bottom: -120px; left: -80px; border: 1px solid rgba(36,139,202,.1); }
.visual-card { position: absolute; z-index: 2; border: 1px solid var(--line); border-radius: 18px; background: rgba(255,255,255,.96); box-shadow: var(--shadow-md); }
.capacity-card-large { width: 76%; top: 72px; left: 9%; padding: 24px; transform: rotate(-2deg); }
.visual-heading { display: grid; gap: 4px; }
.visual-heading span, .customization-card > span, .theme-card > span, .review-preview-heading > span, .inbox-preview > span { color: #766a9d; font-size: .6rem; font-weight: 900; letter-spacing: .13em; }
.visual-heading strong { font-size: 1.35rem; letter-spacing: -.035em; }
.capacity-track-large { height: 12px; display: flex; overflow: hidden; margin: 26px 0 18px; border-radius: 999px; background: #e8ebf3; }
.capacity-track-large span { display: block; height: 100%; }
.segment-one { width: 42%; background: #7943e9; } .segment-two { width: 26%; background: #2f7ce9; } .segment-three { width: 12%; background: #25bdc7; }
.capacity-stats { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; }
.capacity-stats div { display: grid; gap: 3px; padding: 12px; border-radius: 12px; background: #f6f7fb; }
.capacity-stats span { color: var(--muted); font-size: .66rem; } .capacity-stats strong { font-size: .88rem; }
.schedule-card { width: 54%; right: 7%; bottom: 43px; display: grid; grid-template-columns: 48px 1fr; gap: 7px; padding: 17px; transform: rotate(2deg); }
.schedule-time { padding: 8px 0; color: var(--muted); font-size: .66rem; font-weight: 800; }
.schedule-block { padding: 8px 10px; border-radius: 9px; font-size: .68rem; font-weight: 780; }
.schedule-blue { color: #265db7; background: #e5f1ff; } .schedule-violet { color: #653bbd; background: #efe8ff; } .schedule-cyan { color: #168694; background: #e5f8f9; }
.project-preview-card { position: absolute; z-index: 2; width: 78%; top: 55px; left: 8%; padding: 24px; border: 1px solid var(--line); border-radius: 20px; background: rgba(255,255,255,.97); box-shadow: var(--shadow-md); transform: rotate(1deg); }
.project-preview-top { display: grid; grid-template-columns: 43px 1fr auto; align-items: center; gap: 12px; margin-bottom: 22px; }
.project-logo { width: 43px; height: 43px; display: grid; place-items: center; border-radius: 13px; color: #fff; background: linear-gradient(135deg,var(--purple),var(--blue)); font-size: .72rem; font-weight: 900; }
.project-preview-top div { display: grid; gap: 2px; } .project-preview-top small { color: #7b6da8; font-size: .55rem; font-weight: 900; letter-spacing: .08em; } .project-preview-top strong { font-size: 1rem; } .project-health { color: var(--green); font-size: .64rem; font-weight: 850; }
.project-context-row { padding: 16px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.project-context-row span, .project-next span, .step-preview-card > span { color: #84779f; font-size: .55rem; font-weight: 900; letter-spacing: .1em; }
.project-context-row p { margin: 6px 0 0; color: var(--muted-strong); font-size: .74rem; }
.project-next { display: grid; gap: 4px; margin: 15px 0; padding: 13px 15px; border-radius: 12px; background: linear-gradient(90deg,#eef8f7,#edf4ff); }
.project-next strong { font-size: .78rem; }
.project-progress { height: 5px; overflow: hidden; border-radius: 999px; background: #e9ecf4; }
.project-progress span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg,var(--green),var(--cyan)); }
.step-preview-card { position: absolute; z-index: 3; width: 56%; right: 5%; bottom: 35px; padding: 18px; border: 1px solid var(--line); border-radius: 18px; background: rgba(255,255,255,.98); box-shadow: var(--shadow-md); transform: rotate(-2deg); }
.step-preview-card > span { display: block; margin-bottom: 11px; }
.step-row { display: grid; grid-template-columns: 24px 1fr; align-items: center; gap: 8px; padding: 8px 0; border-top: 1px solid var(--line); }
.step-row i { width: 22px; height: 22px; display: grid; place-items: center; border: 1px solid #d8dceb; border-radius: 50%; color: #7564a8; background: #fff; font-size: .55rem; font-style: normal; font-weight: 900; }
.step-row p { margin: 0; color: var(--ink-soft); font-size: .68rem; font-weight: 720; }
.step-row.complete p { color: #9299ad; text-decoration: line-through; } .step-row.complete i { color: var(--green); border-color: #b8e4d4; background: #ebf9f4; }
.step-row.active { margin-inline: -8px; padding-inline: 8px; border-radius: 10px; background: #f4f0ff; }
.review-preview { position: absolute; z-index: 2; width: 72%; top: 43px; left: 7%; padding: 22px; border: 1px solid var(--line); border-radius: 20px; background: rgba(255,255,255,.98); box-shadow: var(--shadow-md); transform: rotate(-1deg); }
.review-preview-heading { display: grid; gap: 4px; margin-bottom: 15px; } .review-preview-heading strong { font-size: 1rem; letter-spacing: -.025em; }
.review-item { display: grid; grid-template-columns: 8px 1fr auto; align-items: center; gap: 11px; padding: 11px 0; border-top: 1px solid var(--line); }
.review-item i { width: 7px; height: 34px; border-radius: 999px; } .review-purple { background: var(--purple); } .review-cyan { background: var(--cyan); } .review-amber { background: var(--amber); }
.review-item div { display: grid; gap: 2px; } .review-item strong { font-size: .7rem; } .review-item span { color: var(--muted); font-size: .56rem; } .review-item b { color: #7854d9; }
.inbox-preview { position: absolute; z-index: 3; width: 56%; right: 5%; bottom: 38px; padding: 18px; border: 1px solid var(--line); border-radius: 18px; background: rgba(255,255,255,.98); box-shadow: var(--shadow-md); transform: rotate(2deg); }
.inbox-preview > strong { display: block; margin: 4px 0 12px; font-size: .85rem; }
.capture-field { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 11px; border: 1px solid var(--line-strong); border-radius: 11px; color: #9aa1b4; font-size: .62rem; }
.capture-field b { width: 25px; height: 25px; display: grid; place-items: center; border-radius: 8px; color: #fff; background: linear-gradient(135deg,var(--purple),var(--blue)); }

.section-features { background: radial-gradient(circle at 100% 5%, rgba(49,114,237,.07), transparent 28rem), #f7f8fc; }
.feature-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 14px; }
.feature-card { min-height: 238px; padding: 23px; border: 1px solid var(--line); border-radius: 20px; background: rgba(255,255,255,.92); box-shadow: var(--shadow-xs); transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease; }
.feature-card:hover { transform: translateY(-4px); border-color: rgba(101,70,215,.22); box-shadow: var(--shadow-sm); }
.feature-icon { width: 44px; height: 44px; display: grid; place-items: center; margin-bottom: 38px; border-radius: 13px; font-size: 1rem; font-weight: 900; }
.feature-icon-blue { color: #296cdc; background: #e9f2ff; } .feature-icon-violet { color: #6c40d5; background: #eee8ff; } .feature-icon-cyan { color: #168ea0; background: #e5f7f9; } .feature-icon-green { color: #13815e; background: #e5f7f0; } .feature-icon-pink { color: #c1499f; background: #faeafb; } .feature-icon-amber { color: #b4741d; background: #fff1dc; }
.feature-card h3 { margin-bottom: 8px; font-size: 1.05rem; letter-spacing: -.025em; }
.feature-card p { margin-bottom: 0; color: var(--muted); font-size: .87rem; line-height: 1.65; }
.section-personalize { padding-top: 84px; padding-bottom: 84px; background: #f7f8fc; }
.personalize-panel { position: relative; overflow: hidden; display: grid; grid-template-columns: minmax(0,.95fr) minmax(430px,1.05fr); align-items: center; gap: 70px; padding: 64px; border-radius: 32px; color: #fff; background: radial-gradient(circle at 83% 5%, rgba(60,151,255,.42), transparent 28rem), radial-gradient(circle at 18% 105%, rgba(134,63,238,.48), transparent 30rem), linear-gradient(135deg,#191b49,#2e1b79 48%,#194d9b); box-shadow: var(--shadow-lg); }
.personalize-panel::after { content: ""; position: absolute; width: 420px; height: 420px; right: -150px; bottom: -290px; border: 1px solid rgba(255,255,255,.12); border-radius: 50%; }
.personalize-copy { position: relative; z-index: 2; } .personalize-copy .eyebrow, .security-copy .eyebrow, .final-cta .eyebrow { color: #bcd8ff; } .personalize-copy h2 { color: #fff; } .personalize-copy > p { color: rgba(238,242,255,.78); }
.text-link-light { display: inline-flex; align-items: center; gap: 8px; color: #fff; font-weight: 850; text-decoration: underline; text-underline-offset: 5px; text-decoration-color: rgba(255,255,255,.35); }
.personalize-controls { position: relative; z-index: 2; min-height: 360px; }
.customization-card, .theme-card { position: absolute; border: 1px solid rgba(255,255,255,.22); border-radius: 20px; background: rgba(255,255,255,.96); color: var(--ink); box-shadow: 0 28px 65px rgba(2,6,31,.36); backdrop-filter: blur(16px); }
.customization-card { width: 72%; top: 20px; left: 0; padding: 20px; transform: rotate(-3deg); }
.customization-card > span, .theme-card > span { display: block; margin-bottom: 13px; }
.customization-card > div { display: grid; grid-template-columns: 24px 1fr auto; align-items: center; gap: 9px; padding: 11px 0; border-top: 1px solid var(--line); }
.drag-handle { color: #a2a8b9; font-style: normal; } .customization-card strong { font-size: .73rem; } .customization-card b { width: 24px; height: 24px; display: grid; place-items: center; border-radius: 8px; color: #7050c8; background: #eee9ff; font-size: .58rem; }
.theme-card { width: 54%; right: 0; bottom: 14px; padding: 19px; transform: rotate(3deg); }
.theme-swatch { display: grid; grid-template-columns: 38px 1fr; align-items: center; gap: 10px; margin-top: 9px; padding: 9px; border: 1px solid var(--line); border-radius: 12px; }
.theme-swatch.active { border-color: rgba(105,67,213,.32); box-shadow: inset 0 0 0 2px rgba(105,67,213,.08); }
.theme-swatch i { width: 38px; height: 28px; border-radius: 8px; background: linear-gradient(135deg,#fff,#e7eaf4); box-shadow: inset 0 0 0 1px rgba(0,0,0,.06); }
.theme-swatch.dark i { background: linear-gradient(135deg,#11152b,#30365d); } .theme-swatch strong { font-size: .7rem; }
.text-size-row { display: flex; align-items: center; justify-content: space-between; margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--line); color: var(--muted); font-size: .66rem; }
.text-size-row b { color: var(--ink-soft); font-weight: 700; } .text-size-row em { color: var(--purple); font-size: 1.1rem; font-style: normal; }

.section-security { color: #fff; background: radial-gradient(circle at 10% 20%, rgba(120,64,224,.35), transparent 30rem), radial-gradient(circle at 90% 80%, rgba(31,126,210,.26), transparent 30rem), #10142c; }
.security-grid { display: grid; grid-template-columns: minmax(0,.83fr) minmax(500px,1.17fr); align-items: center; gap: 84px; }
.security-copy h2 { color: #fff; } .security-copy > p { margin-bottom: 30px; color: rgba(230,234,250,.76); }
.security-list { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.security-list article { min-height: 190px; display: grid; grid-template-columns: 44px 1fr; align-content: start; gap: 14px; padding: 23px; border: 1px solid rgba(255,255,255,.12); border-radius: 19px; background: rgba(255,255,255,.06); box-shadow: inset 0 1px 0 rgba(255,255,255,.06); }
.security-icon { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.16); border-radius: 12px; color: #c5d8ff; background: rgba(255,255,255,.07); font-size: 1rem; font-weight: 900; }
.security-list h3 { margin-bottom: 7px; color: #fff; font-size: .98rem; } .security-list p { margin: 0; color: rgba(227,233,252,.68); font-size: .82rem; line-height: 1.62; }
.section-plans { padding-top: 88px; padding-bottom: 88px; background: #fff; }
.pricing-shell { display: grid; gap: 30px; }
.plan-banner { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 60px; padding: 52px 56px; border: 1px solid rgba(90,73,177,.16); border-radius: 28px; background: radial-gradient(circle at 83% 20%, rgba(43,122,236,.11), transparent 20rem), linear-gradient(135deg,#f8f5ff,#f3f8ff); box-shadow: var(--shadow-sm); }
.plan-banner h2 { margin-bottom: 10px; font-size: clamp(2rem,3.5vw,3.2rem); } .plan-banner > div > p:last-child { max-width: 760px; margin-bottom: 0; }
.plan-actions { display: flex; flex-direction: column; gap: 10px; min-width: 210px; }
.pricing-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); align-items: stretch; gap: 22px; }
.pricing-card { position: relative; display: flex; min-width: 0; flex-direction: column; padding: 38px; border: 1px solid var(--line); border-radius: 26px; background: #fff; box-shadow: var(--shadow-sm); }
.pricing-card-pro { overflow: hidden; border-color: rgba(101,67,218,.32); background: radial-gradient(circle at 100% 0%, rgba(39,117,238,.12), transparent 19rem), radial-gradient(circle at 0% 100%, rgba(113,55,237,.1), transparent 22rem), #fff; box-shadow: 0 24px 64px rgba(65,52,151,.14); }
.pricing-popular { position: absolute; top: 0; right: 0; left: 0; min-height: 28px; display: grid; place-items: center; color: #fff; background: linear-gradient(100deg,var(--purple),var(--blue)); font-size: .66rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.pricing-card-pro .pricing-card-heading { margin-top: 17px; }
.pricing-card-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin-bottom: 22px; }
.pricing-kicker { margin-bottom: 4px; color: var(--muted); font-size: .68rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.pricing-card h3 { margin: 0; font-size: clamp(1.6rem,2.6vw,2.25rem); letter-spacing: -.045em; }
.pricing-tier-badge { flex: 0 0 auto; padding: 6px 10px; border: 1px solid var(--line); border-radius: 999px; color: var(--muted-strong); background: #f7f8fc; font-size: .67rem; font-weight: 900; }
.pricing-tier-badge-pro { color: #fff; border-color: transparent; background: linear-gradient(120deg,#7c38ed,#3973ea); }
.pricing-price { display: flex; align-items: baseline; gap: 10px; margin-bottom: 2px; }
.pricing-price strong { color: var(--ink); font-size: clamp(2.7rem,5vw,4.2rem); line-height: 1; letter-spacing: -.07em; }
.pricing-price span { color: var(--muted); font-size: .87rem; font-weight: 750; }
.pricing-annual { min-height: 25px; margin-bottom: 17px; color: var(--muted-strong); font-size: .85rem; }
.pricing-card-free .pricing-summary { margin-top: 25px; }
.pricing-summary { margin-bottom: 22px; color: var(--muted-strong); line-height: 1.66; }
.pricing-feature-list { display: grid; gap: 12px; margin: 0 0 28px; padding: 0; list-style: none; }
.pricing-feature-list li { position: relative; padding-left: 26px; color: var(--ink-soft); font-size: .87rem; line-height: 1.55; }
.pricing-feature-list li::before { content: "✓"; position: absolute; top: 1px; left: 0; width: 18px; height: 18px; display: grid; place-items: center; border-radius: 50%; color: #5d38c5; background: #eee9ff; font-size: .62rem; font-weight: 950; }
.pricing-card-pro .pricing-feature-list li::before { color: #1c70d9; background: #e7f0ff; }
.pricing-cta { width: 100%; margin-top: auto; }
.pricing-trial-note { margin: 11px 0 0; color: var(--muted); font-size: .74rem; font-weight: 700; text-align: center; }
.pricing-safety-note { display: grid; grid-template-columns: 40px minmax(0,1fr); align-items: start; gap: 16px; padding: 22px 24px; border: 1px solid rgba(34,157,116,.2); border-radius: 18px; background: #f4fbf8; }
.pricing-safety-note > span { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 12px; color: #087451; background: #dff5eb; font-weight: 950; }
.pricing-safety-note p { margin: 0; color: #355b50; font-size: .87rem; line-height: 1.65; }
.section-roadmap { padding-top: 24px; background: #fff; }
.roadmap-panel { display: grid; grid-template-columns: minmax(300px,.75fr) minmax(0,1.25fr); gap: 70px; padding: 62px; border: 1px solid var(--line); border-radius: 28px; background: #f7f8fc; }
.roadmap-heading h2 { font-size: clamp(2rem,3.5vw,3.3rem); } .roadmap-heading > p:last-child { margin-bottom: 0; }
.roadmap-items { display: grid; gap: 10px; }
.roadmap-items article { display: grid; grid-template-columns: 42px 1fr; gap: 3px 14px; padding: 18px 20px; border: 1px solid var(--line); border-radius: 16px; background: #fff; }
.roadmap-items article > span { grid-row: span 2; width: 38px; height: 38px; display: grid; place-items: center; border-radius: 12px; color: #6a44d1; background: #eee8ff; font-size: .66rem; font-weight: 900; }
.roadmap-items h3 { margin: 0; font-size: .95rem; } .roadmap-items p { margin: 2px 0 0; color: var(--muted); font-size: .82rem; line-height: 1.55; }
.section-faq { background: #fff; }
.faq-grid { display: grid; grid-template-columns: minmax(280px,.65fr) minmax(0,1.35fr); align-items: start; gap: 80px; }
.faq-heading { position: sticky; top: 118px; } .faq-heading h2 { font-size: clamp(2.2rem,3.6vw,3.5rem); } .faq-heading > p:last-child { font-size: .95rem; }
.faq-heading a { color: var(--purple-deep); font-weight: 800; text-decoration: underline; text-underline-offset: 4px; }
.faq-list { display: grid; gap: 11px; }
.faq-list details { overflow: hidden; border: 1px solid var(--line); border-radius: 17px; background: #f9fafc; transition: background 150ms ease, border-color 150ms ease; }
.faq-list details[open] { border-color: rgba(104,65,214,.2); background: #fff; box-shadow: var(--shadow-xs); }
.faq-list summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 21px 22px; cursor: pointer; list-style: none; color: var(--ink); font-weight: 820; }
.faq-list summary::-webkit-details-marker { display: none; } .faq-list summary span { color: #7654d3; font-size: 1.15rem; font-weight: 500; transition: transform 160ms ease; } .faq-list details[open] summary span { transform: rotate(45deg); }
.faq-list details p { margin: 0; padding: 0 22px 22px; color: var(--muted-strong); line-height: 1.7; }

.final-cta { position: relative; overflow: hidden; padding: 92px 0; color: #fff; background: radial-gradient(circle at 12% 100%, rgba(136,70,232,.65), transparent 34rem), radial-gradient(circle at 90% 0%, rgba(32,137,220,.58), transparent 32rem), linear-gradient(135deg,#191443,#30217a 45%,#174f91); }
.final-cta-orb { position: absolute; width: 420px; height: 420px; right: -180px; bottom: -300px; border: 1px solid rgba(255,255,255,.14); border-radius: 50%; }
.final-cta-inner { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 60px; }
.final-cta h2 { max-width: 730px; margin-bottom: 12px; color: #fff; } .final-cta p:not(.eyebrow) { max-width: 750px; margin-bottom: 0; color: rgba(235,240,255,.76); font-size: 1.06rem; }
.final-cta-actions { display: grid; justify-items: center; gap: 15px; min-width: 260px; }
.site-footer { padding: 72px 0 24px; color: #d8deef; background: #0c1026; }
.footer-grid { display: grid; grid-template-columns: 2.2fr repeat(3,.7fr); gap: 50px; padding-bottom: 54px; }
.footer-brand img { width: 220px; height: auto; margin-bottom: 18px; } .footer-brand p { max-width: 390px; margin-bottom: 17px; color: #aeb7cf; font-size: .92rem; } .footer-brand span { color: #78839e; font-size: .75rem; } .footer-brand span a { color: #aeb7cf; font-weight: 750; }
.footer-column { display: grid; align-content: start; gap: 11px; } .footer-column strong { margin-bottom: 7px; color: #fff; font-size: .8rem; letter-spacing: .08em; text-transform: uppercase; } .footer-column a { color: #aeb7cf; font-size: .86rem; transition: color 150ms ease; }
.footer-column a:hover, .footer-brand a:hover, .footer-bottom a:hover { color: #fff; }
.footer-bottom { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.09); color: #78839e; font-size: .75rem; } .footer-bottom p { margin: 0; } .footer-bottom a { color: #aeb7cf; font-weight: 780; }

.legal-body { background: #f7f8fc; } .legal-header { position: sticky; } .legal-header .header-inner { grid-template-columns: auto 1fr auto; } .legal-header-nav { justify-self: center; color: var(--muted-strong); font-size: .9rem; font-weight: 800; }
.legal-hero { padding: 96px 0 48px; text-align: center; } .legal-hero h1 { margin-bottom: 15px; font-size: clamp(3rem,6vw,5.1rem); line-height: 1; letter-spacing: -.06em; } .legal-hero p { max-width: 680px; margin: 0 auto; color: var(--muted-strong); font-size: 1.05rem; }
.legal-layout { width: min(900px,calc(100% - 48px)); margin: 0 auto 100px; padding: 48px 56px; border: 1px solid var(--line); border-radius: 26px; background: #fff; box-shadow: var(--shadow-sm); }
.legal-meta { display: flex; flex-wrap: wrap; gap: 10px 20px; margin-bottom: 36px; padding-bottom: 20px; border-bottom: 1px solid var(--line); color: var(--muted); font-size: .78rem; font-weight: 750; }
.legal-layout section { margin-top: 38px; } .legal-layout section:first-of-type { margin-top: 0; } .legal-layout h2 { margin-bottom: 10px; font-size: 1.45rem; letter-spacing: -.03em; } .legal-layout h3 { margin: 24px 0 8px; font-size: 1rem; }
.legal-layout p, .legal-layout li { color: var(--muted-strong); } .legal-layout p { margin-bottom: 12px; } .legal-layout ul { display: grid; gap: 8px; padding-left: 22px; } .legal-layout a { color: var(--purple-deep); font-weight: 760; text-decoration: underline; text-underline-offset: 4px; }

@media (max-width: 1120px) {
  :root { --shell: min(100% - 36px,1040px); }
  .header-nav { gap: 20px; }
  .hero-grid { grid-template-columns: minmax(0,.9fr) minmax(520px,1.1fr); gap: 35px; }
  .hero h1 { font-size: clamp(3rem,5.7vw,4.8rem); }
  .feature-grid { grid-template-columns: repeat(3,1fr); }
  .story, .security-grid { gap: 50px; }
  .personalize-panel { gap: 45px; padding: 52px; }
}

@media (max-width: 980px) {
  .header-inner { grid-template-columns: auto 1fr auto; }
  .header-nav, .header-actions { display: none; }
  .mobile-menu { display: block; justify-self: end; }
  .hero { padding-top: 72px; }
  .hero-grid { grid-template-columns: 1fr; gap: 60px; }
  .hero-copy { max-width: 760px; margin-inline: auto; text-align: center; }
  .hero-lede { margin-inline: auto; } .hero-actions, .hero-trust { justify-content: center; }
  .hero-product { width: min(760px,100%); margin-inline: auto; }
  .outcome-grid { grid-template-columns: 1fr; }
  .outcome-card { min-height: 230px; } .outcome-icon { margin-bottom: 30px; }
  .workflow-grid { grid-template-columns: 1fr 1fr; } .workflow-card:nth-child(2)::after { display: none; }
  .story, .security-grid, .personalize-panel, .roadmap-panel, .faq-grid { grid-template-columns: 1fr; }
  .story-projects .story-copy, .story-projects .story-visual { order: initial; }
  .story-copy { max-width: 720px; } .story-visual { min-height: 470px; }
  .feature-grid { grid-template-columns: repeat(2,1fr); }
  .personalize-panel { padding: 52px; } .personalize-controls { min-height: 370px; }
  .security-copy { max-width: 720px; }
  .plan-banner, .final-cta-inner { grid-template-columns: 1fr; }
  .plan-actions, .final-cta-actions { min-width: 0; justify-items: start; flex-direction: row; }
  .pricing-card { padding: 32px; }
  .roadmap-panel { gap: 38px; }
  .faq-heading { position: static; max-width: 700px; }
  .footer-grid { grid-template-columns: 1.6fr repeat(3,1fr); gap: 30px; }
}

@media (max-width: 780px) {
  :root { --shell: min(100% - 28px,720px); }
  html { scroll-padding-top: 78px; }
  .site-header { background: rgba(248,249,253,.93); }
  .header-inner { min-height: 70px; } .brand { width: 160px; }
  .hero { padding: 58px 0 72px; } .hero h1 { font-size: clamp(2.85rem,12vw,4.1rem); }
  .hero-actions { display: grid; grid-template-columns: 1fr; max-width: 430px; margin-inline: auto; }
  .hero-trust { gap: 12px 16px; }
  .app-preview { min-height: 440px; transform: none; } .app-preview-body { grid-template-columns: 44px 1fr; }
  .preview-main { padding: 14px; } .preview-welcome { padding: 14px; } .preview-welcome-stats { display: none; }
  .preview-grid { grid-template-columns: 1fr; } .preview-top-three { grid-row: auto; } .preview-capacity, .preview-inbox, .preview-weather { display: none; }
  .floating-context { left: 2px; } .floating-focus { right: 2px; }
  .signal-list { min-height: 60px; gap: 9px; font-size: .64rem; }
  .section { padding: 82px 0; } .section-heading { margin-bottom: 36px; }
  .split-heading { grid-template-columns: 1fr; gap: 18px; }
  .workflow-grid { grid-template-columns: 1fr; } .workflow-card { min-height: 280px; } .workflow-card::after { display: none; }
  .story { gap: 34px; padding: 82px 0; } .story-visual { min-height: 420px; }
  .feature-grid { grid-template-columns: 1fr; } .feature-card { min-height: 210px; } .feature-icon { margin-bottom: 28px; }
  .personalize-panel, .plan-banner, .roadmap-panel { padding: 38px 28px; }
  .pricing-grid { grid-template-columns: 1fr; }
  .pricing-card { padding: 34px 28px; }
  .pricing-safety-note { grid-template-columns: 34px minmax(0,1fr); padding: 20px; }
  .pricing-safety-note > span { width: 34px; height: 34px; }
  .security-list { grid-template-columns: 1fr; } .security-list article { min-height: 150px; }
  .plan-actions, .final-cta-actions { display: grid; width: 100%; } .plan-actions .button, .final-cta-actions .button { width: 100%; }
  .roadmap-items article { grid-template-columns: 38px 1fr; }
  .final-cta { padding: 72px 0; }
  .footer-grid { grid-template-columns: 1fr 1fr; } .footer-brand { grid-column: 1 / -1; }
  .legal-layout { width: min(100% - 28px,720px); padding: 34px 26px; }
}

@media (max-width: 560px) {
  .mobile-menu-panel { position: fixed; top: 76px; right: 14px; left: 14px; width: auto; }
  .hero-product { padding-inline: 0; }
  .app-preview-header { min-height: 58px; padding-inline: 13px; } .preview-header-actions > span:not(.preview-avatar) { display: none; }
  .app-preview-body { grid-template-columns: 1fr; } .preview-sidebar { display: none; } .preview-main { padding: 12px; }
  .floating-card { padding: 8px 10px; } .floating-context { top: -20px; } .floating-focus { bottom: -20px; }
  .signal-list span:nth-of-type(n+6), .signal-list i:nth-of-type(n+5) { display: none; }
  .story-visual { min-height: 390px; }
  .capacity-card-large, .project-preview-card, .review-preview { width: 88%; left: 6%; }
  .schedule-card, .step-preview-card, .inbox-preview { width: 70%; right: 4%; }
  .capacity-stats { gap: 6px; } .capacity-stats div { padding: 8px; }
  .project-preview-card { padding: 18px; } .project-health { display: none; } .project-preview-top { grid-template-columns: 40px 1fr; }
  .personalize-panel { padding: 36px 24px; } .personalize-controls { min-height: 420px; } .customization-card { width: 88%; } .theme-card { width: 70%; }
  .pricing-card { padding: 31px 23px; }
  .pricing-card-heading { gap: 12px; }
  .pricing-price strong { font-size: 3rem; }
  .pricing-safety-note { grid-template-columns: 1fr; }
  .roadmap-items article { padding: 15px; }
  .faq-list summary { padding: 18px; } .faq-list details p { padding: 0 18px 18px; }
  .footer-grid { grid-template-columns: 1fr; } .footer-brand { grid-column: auto; } .footer-bottom { align-items: flex-start; flex-direction: column; }
  .legal-hero { padding-top: 70px; } .legal-header-nav { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
  .button:hover, .feature-card:hover { transform: none; }
}

/* v2.29.0 — public trial and billing presentation */
.pricing-price-annual strong { color: var(--purple); }
.pricing-monthly-option { margin: -10px 0 17px; color: var(--muted); font-size: .78rem; }
.pricing-monthly-option strong { color: var(--ink-soft); }
.pricing-monthly-link { display: block; margin-top: 11px; color: #5a46bd; font-size: .75rem; font-weight: 800; text-align: center; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.pricing-monthly-link:hover { color: #2f62c8; }
.pricing-trial-note { line-height: 1.55; }
.pricing-trial-note strong { color: var(--ink-soft); }

/* Problem-led public pages. These rules do not style the planner application. */
.marketing-refresh [hidden] { display: none !important; }
.marketing-refresh .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.marketing-refresh .header-nav { gap: 24px; }
.marketing-refresh .header-nav [aria-current="page"] { color: var(--purple-deep); }
.marketing-refresh .section { padding-block: 76px; }
.marketing-refresh h2 { line-height: 1.18; letter-spacing: -.035em; }
.marketing-refresh p { text-wrap: pretty; }
.marketing-refresh .section-heading p { max-width: 65ch; }
.marketing-refresh p a, .marketing-refresh .comparison-help a { color: var(--purple-deep); text-decoration: underline; text-underline-offset: 3px; }
.marketing-refresh .outcome-hero { padding: 76px 0 84px; }
.marketing-refresh .hero-grid { grid-template-columns: minmax(0,1fr) minmax(0,1.04fr); gap: 54px; }
.marketing-refresh .hero h1 { font-size: clamp(2.7rem, 4.8vw, 4.7rem); line-height: 1.07; letter-spacing: -.055em; }
.marketing-refresh .hero-lede { font-size: 1.125rem; line-height: 1.65; }
.hero-simple-note { color: var(--muted-strong); font-size: .9rem; margin: 20px 0 0; }
.day-example { border: 1px solid rgba(113,55,237,.2); border-radius: 24px; box-shadow: var(--shadow-md); background: #fff; min-width: 0; }
.day-example > header { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:18px 24px; border-bottom:1px solid var(--line); background:linear-gradient(100deg,#fbf9ff,#f0f5ff); border-radius:24px 24px 0 0; }
.day-example > header > div { display:flex; align-items:center; gap:10px; }
.day-example > header > span { color: var(--muted-strong); font-size:.78rem; }
.example-body { padding:24px; }
.example-eyebrow { color:var(--purple-deep); text-transform:uppercase; letter-spacing:.08em; font-weight:800; font-size:.72rem; margin:0 0 9px; }
.example-body h2 { font-size:1.3rem; margin-bottom:20px; }
.example-tasks { list-style:none; padding:0; margin:0; display:grid; gap:10px; }
.example-tasks li { display:grid; grid-template-columns:30px minmax(0,1fr) auto; gap:10px; align-items:start; padding:14px 12px; border:1px solid var(--line); border-radius:12px; background:#fcfcff; }
.example-tasks li:first-child { border-color:#cbbbfa; background:#f6f1ff; }
.example-tasks li > span { width:27px; height:27px; display:grid; place-items:center; border-radius:8px; color:var(--purple-deep); background:#ece5ff; font-size:.85rem; font-weight:800; }
.example-tasks strong { display:block; font-size:.9rem; line-height:1.4; }
.example-tasks small { display:block; margin-top:4px; color:var(--muted-strong); font-size:.77rem; line-height:1.45; }
.example-tasks em { font-style:normal; color:var(--muted-strong); font-size:.77rem; font-variant-numeric:tabular-nums; }
.example-schedule { margin-top:20px; padding-top:18px; border-top:1px solid var(--line); }
.example-schedule p { display:flex; flex-wrap:wrap; gap:5px 12px; margin:8px 0 0; font-size:.85rem; color:var(--ink-soft); }
.example-schedule .example-clock { color:var(--muted-strong); font-variant-numeric:tabular-nums; }
.example-footer { margin:18px 0 0; color:var(--muted); font-size:.77rem; line-height:1.5; }
.benefit-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.benefit-card { display:flex; flex-direction:column; align-items:flex-start; gap:12px; padding:27px; border:1px solid var(--line); border-radius:18px; background:#fff; }
.benefit-card h3 { font-size:1.25rem; line-height:1.35; margin:0; letter-spacing:-.025em; }
.benefit-card p { margin:0; color:var(--muted-strong); line-height:1.65; }
.benefit-card a { margin-top:auto; padding-top:8px; color:var(--purple-deep); font-size:.88rem; font-weight:750; }
.benefit-index { font-size:.8rem; font-weight:850; color:var(--purple-deep); padding:6px 9px; background:#f3edff; border-radius:8px; margin-bottom:4px; }
.marketing-refresh .outcome-workflow { grid-template-columns:repeat(3,minmax(0,1fr)); }
.marketing-refresh .workflow-card { padding-top:30px; }
.marketing-refresh .workflow-card h3 { margin-top:16px; }
.benefit-story { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr); gap:64px; align-items:center; padding:10px 0 60px; }
.benefit-story + .benefit-story { padding-top:58px; padding-bottom:0; border-top:1px solid var(--line); }
.benefit-story h2 { font-size:clamp(1.8rem,3vw,2.5rem); margin-bottom:20px; }
.benefit-story p { max-width:62ch; color:var(--muted-strong); }
.benefit-story .plain-note { font-size:.9rem; }
.decision-example { padding:28px; border:1px solid #d7ccf6; background:linear-gradient(140deg,#fff,#f6f3ff); border-radius:20px; }
.decision-example .example-eyebrow { color:var(--purple-deep); }
.decision-example h3 { font-size:1.3rem; }
.decision-example dl { margin:20px 0; display:grid; gap:8px; }
.decision-example dl > div { display:flex; flex-wrap:wrap; gap:8px; justify-content:space-between; padding:12px; border-radius:10px; background:#fff; border:1px solid var(--line); }
.decision-example dt { color:var(--muted-strong); }
.decision-example dd { margin:0; font-weight:750; }
.decision-example p:last-child { margin-bottom:0; font-size:.9rem; }
.marketing-refresh .outcome-tools { background:#f2f4fc; }
.control-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; }
.control-grid h3 { font-size:1.1rem; margin-bottom:10px; }
.control-grid p { margin:0; color:var(--muted-strong); }
.marketing-refresh .outcome-pricing { align-items:stretch; gap:24px; }
.marketing-refresh .outcome-pricing .pricing-card { display:flex; flex-direction:column; padding:32px; min-width:0; }
.marketing-refresh .outcome-pricing .pricing-card h3 { font-size:1.75rem; margin:0 0 10px; }
.plan-eyebrow { color:var(--purple-deep); font-size:.8rem; font-weight:800; margin:0 0 10px; }
.plan-fit { color:var(--muted-strong); line-height:1.6; min-height:3.2em; margin:0 0 22px; }
.marketing-refresh .plan-price { display:flex; align-items:baseline; flex-wrap:wrap; gap:10px; margin:0; }
.plan-price strong { font-size:3rem; line-height:1.15; letter-spacing:-.05em; color:var(--ink); }
.plan-price > span { font-size:.95rem; color:var(--muted-strong); }
.price-note { min-height:2.8em; margin:10px 0 20px; color:var(--muted-strong); font-size:.9rem; line-height:1.5; }
.outcome-pricing .button { width:100%; min-height:50px; }
.marketing-refresh .plan-benefits { display:grid; gap:12px; list-style:none; padding:0; margin:24px 0 0; }
.marketing-refresh .plan-benefits li { position:relative; padding-left:22px; font-size:.95rem; color:var(--ink-soft); line-height:1.55; }
.plan-benefits li::before { content:'✓'; position:absolute; left:0; top:0; color:var(--purple-deep); font-weight:800; }
.plan-trial-note { margin:20px 0 0; font-size:.8rem; color:var(--muted-strong); line-height:1.5; }
.marketing-refresh .pricing-safety-note { display:block; max-width:none; margin:24px 0 0; padding:20px 24px; border:1px solid var(--line); border-radius:14px; background:#fff; color:var(--ink-soft); font-size:.92rem; line-height:1.65; }
.marketing-refresh .pricing-safety-note p { margin:7px 0; }
.pricing-safety-note > a { color:var(--purple-deep); font-weight:750; }
.availability-note { display:grid; grid-template-columns:auto minmax(0,1fr); align-items:start; gap:16px; padding:22px 24px; margin-top:24px; border:1px solid var(--line); border-radius:14px; background:#f3f5f9; }
.availability-badge { display:inline-block; padding:5px 9px; border:1px solid var(--line); border-radius:8px; white-space:nowrap; font-size:.75rem; font-weight:800; color:var(--muted-strong); background:#fff; }
.availability-note strong { font-size:.95rem; }
.availability-note p { margin:6px 0; color:var(--muted-strong); font-size:.9rem; line-height:1.6; }
.availability-note a { color:var(--purple-deep); font-size:.88rem; font-weight:750; }
.marketing-refresh .faq-list details { padding-block:20px; }
.marketing-refresh .faq-list summary { gap:16px; line-height:1.5; }
.marketing-refresh .faq-list summary > span { flex-shrink:0; }
.marketing-refresh .faq-list p { line-height:1.7; }
.marketing-refresh .final-cta h2 { font-size:clamp(2rem,3vw,3rem); }
.marketing-refresh .final-cta p { margin-bottom:0; }
.marketing-refresh .final-cta-inner { gap:30px; }
.marketing-refresh .footer-brand p { max-width:28ch; }
.pricing-page .pricing-intro { text-align:center; padding-bottom:32px; }
.pricing-intro h1 { font-size:clamp(2.25rem,4.5vw,3.7rem); letter-spacing:-.045em; line-height:1.1; margin:0 0 20px; }
.pricing-intro h1 > span { color:var(--purple-deep); }
.pricing-intro .shell > p:last-child { max-width:64ch; margin:0 auto; color:var(--muted-strong); font-size:1.08rem; }
.pricing-page .pricing-options { padding-top:12px; padding-bottom:44px; }
.billing-choice { border:0; padding:0; margin:0 auto 28px; text-align:center; }
.billing-choice legend { width:100%; color:var(--muted-strong); font-size:.85rem; margin:0 0 10px; }
.billing-choice > div { display:inline-flex; flex-wrap:wrap; gap:6px; padding:5px; border:1px solid var(--line); background:#eeeff7; border-radius:14px; }
.billing-choice label { position:relative; flex:1; cursor:pointer; }
.billing-choice input { position:absolute; opacity:0; width:1px; height:1px; }
.billing-choice label > span { display:block; border:1px solid transparent; padding:9px 20px; border-radius:10px; font-weight:750; line-height:1.4; color:var(--muted-strong); white-space:nowrap; }
.billing-choice small { display:block; font-size:.77rem; font-weight:550; }
.billing-choice input:checked + span { background:#fff; color:var(--purple-deep); border-color:#cbbaf2; box-shadow:var(--shadow-xs); }
.billing-choice input:focus-visible + span { outline:3px solid #2675ee; outline-offset:2px; }
.pricing-currency, .billing-fallback { color:var(--muted-strong); font-size:.85rem; text-align:center; margin:20px auto 0; max-width:82ch; line-height:1.6; }
.comparison-wrap { overflow-x:auto; border:1px solid var(--line); border-radius:16px; background:#fff; }
.plan-comparison { border-collapse:collapse; width:100%; table-layout:fixed; color:var(--ink-soft); }
.plan-comparison caption { text-align:left; padding:20px 22px; font-size:1.1rem; font-weight:750; color:var(--ink); }
.plan-comparison thead { background:#eceafa; }
.plan-comparison th, .plan-comparison td { padding:16px 22px; text-align:left; border-top:1px solid var(--line); line-height:1.5; vertical-align:top; overflow-wrap:anywhere; }
.plan-comparison th:first-child { width:44%; }
.plan-comparison th { font-weight:650; }
.plan-comparison td { font-size:.92rem; }
.plan-comparison th a { text-decoration:underline; text-decoration-color:#d2c6ee; text-underline-offset:4px; }
.plan-comparison th a:hover { color:var(--purple-deep); }
.comparison-group th { background:#f5f5fa; font-size:.82rem; color:var(--purple-deep); letter-spacing:.02em; }
.comparison-help { margin:16px 0 0; color:var(--muted-strong); font-size:.88rem; max-width:95ch; }
.pricing-page .plain-note { color:var(--muted-strong); font-size:.88rem; margin:16px 0 0; }
.pricing-page .pricing-trial { background:#f1f3fa; }
.trial-explainer { display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:start; }
.trial-explainer h2 { font-size:clamp(1.8rem,3vw,2.6rem); }
.trial-explainer p { color:var(--muted-strong); }
.trial-steps { list-style:none; counter-reset:trial; padding:0; margin:0; display:grid; gap:20px; }
.trial-steps li { counter-increment:trial; position:relative; padding-left:48px; }
.trial-steps li::before { content:counter(trial); position:absolute; left:0; top:0; display:grid; place-items:center; width:32px; height:32px; border:1px solid #cbbcfa; background:#fff; border-radius:10px; color:var(--purple-deep); font-weight:800; }
.trial-steps strong { display:block; margin-bottom:5px; }
.trial-steps span { display:block; color:var(--muted-strong); font-size:.95rem; }
@media (max-width:1100px) {
 .marketing-refresh .hero-grid { gap:28px; }
 .marketing-refresh .hero h1 { font-size:3.3rem; }
 .benefit-story { gap:32px; }
}
@media (max-width:900px) {
 .marketing-refresh .hero-grid { grid-template-columns:1fr; }
 .marketing-refresh .hero-copy { max-width:660px; }
 .day-example { max-width:660px; width:100%; margin:12px auto 0; }
 .marketing-refresh .hero h1 { font-size:clamp(2.65rem,7vw,4rem); }
 .benefit-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .benefit-grid:not(.benefit-grid--tools) { grid-template-columns:1fr; }
 .control-grid { grid-template-columns:1fr; gap:24px; }
 .trial-explainer { gap:32px; }
}
@media (max-width:780px) {
 .marketing-refresh .section { padding-block:48px; }
 .marketing-refresh .outcome-hero { padding-block:44px; }
 .marketing-refresh .outcome-pricing { grid-template-columns:1fr; }
 .marketing-refresh .outcome-workflow, .benefit-story, .trial-explainer { grid-template-columns:1fr; }
 .benefit-story { gap:20px; padding-bottom:36px; }
 .benefit-story + .benefit-story { padding-top:36px; }
 .availability-note { grid-template-columns:1fr; gap:10px; }
 .availability-badge { justify-self:start; }
 .plan-comparison th, .plan-comparison td { padding:12px 10px; font-size:.85rem; }
 .plan-comparison th:first-child { width:40%; }
 .plan-comparison caption { padding:16px 12px; }
 .pricing-page .pricing-intro { padding-bottom:24px; }
 .pricing-page .pricing-options { padding-top:8px; }
}
@media (max-width:520px) {
 .marketing-refresh { --shell:min(1180px,calc(100% - 32px)); }
 .marketing-refresh .hero-actions { align-items:stretch; flex-direction:column; }
 .marketing-refresh .hero-actions a { width:100%; }
 .marketing-refresh .benefit-grid { grid-template-columns:1fr; }
 .benefit-card { padding:22px; }
 .day-example > header, .example-body { padding:18px; }
 .example-tasks li { padding:12px 9px; grid-template-columns:24px minmax(0,1fr) auto; gap:8px; }
 .example-tasks li > span { width:23px; height:23px; }
 .example-tasks small { font-size:.75rem; }
 .example-tasks strong { font-size:.86rem; }
 .marketing-refresh .outcome-pricing .pricing-card { padding:24px; }
 .plan-price strong { font-size:2.65rem; }
 .plan-fit, .price-note { min-height:0; }
 .billing-choice label > span { padding:10px 14px; }
 .pricing-currency { text-align:left; }
 .plan-comparison td, .plan-comparison th { font-size:.8rem; padding:12px 8px; }
 .availability-note, .marketing-refresh .pricing-safety-note { padding:18px; }
}
@media (prefers-reduced-motion:reduce) { .marketing-refresh .button, .marketing-refresh .header-nav a { transition:none; } }

.marketing-refresh .outcome-workflow .workflow-card { min-height: 235px; }

.marketing-refresh .section-heading h2 { font-size:clamp(2rem,3.2vw,3rem); line-height:1.18; }
.marketing-refresh .section-heading { margin-bottom:36px; }

/* Public page refinements; navigation is shared with Help in navigation.css. */
.error-page { max-width: 780px; padding-block: clamp(48px, 12vh, 140px); }
.error-page h1 { font-size: clamp(28px, 5vw, 48px); line-height: 1.2; }
.error-page > p:not(.eyebrow) { color: var(--muted-strong); }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }


/* LifeCentral homepage: open layouts, product-first storytelling, and a calmer visual rhythm. */
body.lc-home { --lc-ink:#252321; --lc-copy:#666360; --lc-purple:#7040d7; --lc-teal:#3b7c79; --shell:min(1190px,calc(100% - 64px)); color:var(--lc-ink); background:#fdfcfb; font-family:Inter,"Segoe UI",Arial,sans-serif; }
.lc-home h1,.lc-home h2,.lc-home h3,.lc-home h4 { color:var(--lc-ink); }
.lc-home .lc-shell { width:min(1280px,calc(100% - 72px)); margin-inline:auto; }
.lc-home .lc-icon { width:20px; height:20px; flex-shrink:0; display:inline-block; vertical-align:middle; }
.lc-home a:focus-visible,.lc-home button:focus-visible { outline:3px solid #7142d3; outline-offset:5px; }
.lc-home .public-header { background:rgba(253,252,251,.97); border:0; color:var(--lc-ink); }
.lc-home .public-header__inner { width:calc(100% - 48px); max-width:1440px; min-height:76px; grid-template-columns:1fr auto auto; gap:20px; }
.lc-home .public-brand { width:190px; }
.lc-home .public-nav > a { font-weight:550; padding:8px 13px; }
.lc-home .public-account { border-left:1px solid #dedbd7; padding-left:10px; gap:8px; }
.lc-home .public-header .public-login { border:0; background:transparent; padding-inline:12px; font-weight:550; }
.lc-home .public-header .public-start { background:var(--lc-purple); border-radius:7px; box-shadow:none; min-height:39px; padding:8px 14px; font-weight:650; }
.lc-home .public-header .public-start:hover { background:#5930b5; }
.lc-home .lc-announcement { width:min(1080px,calc(100% - 72px)); margin:12px auto 0; padding:11px 22px; border-radius:10px; background:#f4effb; text-align:center; font-size:15px; color:#735c96; }
.lc-home .lc-announcement p { margin:0; }
.lc-home .lc-announcement a { color:#63429b; font-weight:550; text-decoration:underline; text-underline-offset:3px; white-space:nowrap; }
.lc-home .lc-announcement .lc-icon { width:15px; height:15px; margin-left:3px; }
.lc-home .lc-hero { padding:62px 0 26px; }
.lc-home .lc-hero-grid { display:grid; grid-template-columns:minmax(0,.88fr) minmax(0,1.22fr); gap:45px; align-items:center; }
.lc-home .lc-hero-copy { padding-bottom:50px; }
.lc-home .lc-hero h1 { font-size:clamp(42px,4.7vw,66px); font-weight:750; letter-spacing:-.045em; line-height:1.065; margin:0 0 27px; text-wrap:nowrap; }
.lc-home .lc-lede { font-size:21px; line-height:1.6; color:var(--lc-copy); max-width:500px; margin:0 0 17px; }
.lc-home .lc-hero-note { display:flex; gap:9px; align-items:center; font-size:13px; color:#6f6a66; margin-bottom:26px; }
.lc-home .lc-hero-note .lc-icon { width:16px; height:16px; color:var(--lc-teal); }
.lc-home .lc-button { display:inline-flex; align-items:center; justify-content:center; min-height:59px; padding:15px 24px; border-radius:10px; font-size:18px; font-weight:650; line-height:1.2; transition:background-color .16s,transform .16s; }
.lc-home .lc-button-primary { color:white; background:#7542d8; box-shadow:0 5px 0 #d8c5f4; }
.lc-home .lc-button-primary:hover { background:#6030bc; transform:translateY(-1px); }
.lc-home .lc-hero-secondary { display:flex; align-items:center; width:fit-content; margin-top:22px; gap:7px; color:#6b6260; font-size:14px; }
.lc-home .lc-hero-secondary:hover { color:var(--lc-purple); }
.lc-home .lc-hero-secondary .lc-icon { width:16px; height:16px; }
.lc-home .lc-product-figure { margin:0; min-width:0; }
.lc-home .lc-product-stage { height:420px; border:1px solid #e7e2ec; border-radius:15px; position:relative; isolation:isolate; overflow:hidden; background:radial-gradient(ellipse at 85% 90%,#d0eee9 0,transparent 47%),radial-gradient(ellipse at 15% 15%,#f7e4e9 0,transparent 60%),#f0e9fb; padding:26px 69px 0 24px; }
.lc-home .lc-product-stage::before { content:""; position:absolute; z-index:-1; width:700px; height:260px; border:40px solid rgba(255,255,255,.25); border-radius:50%; transform:rotate(-25deg); left:-65px; top:70px; }
.lc-home .lc-desktop-preview { display:grid; grid-template-columns:128px minmax(0,1fr); min-height:420px; background:#f6f7fb; border:1px solid #e0dce8; border-radius:8px 8px 0 0; box-shadow:0 14px 40px #6a558c18; overflow:hidden; text-align:left; }
.lc-home .lc-app-sidebar { background:#fcfbfe; padding:18px 10px; border-right:1px solid #e9e6ef; position:relative; font-size:9px; color:#656378; }
.lc-home .lc-app-sidebar img { width:100%; height:auto; margin-bottom:26px; }
.lc-home .lc-sidebar-label { display:block; font-size:7px; letter-spacing:.09em; padding:0 7px 10px; color:#9891a4; }
.lc-home .lc-app-nav { display:flex; align-items:center; gap:7px; padding:8px 6px; border-radius:5px; margin-bottom:3px; }
.lc-home .lc-app-nav .lc-icon { width:13px; height:13px; }
.lc-home .lc-app-nav.is-active { background:#eee8fb; color:#6c36c3; font-weight:650; }
.lc-home .lc-app-nav.lc-more { margin-top:13px; border-top:1px solid #eeeaf3; border-radius:0; padding-top:12px; }
.lc-home .lc-sidebar-bottom { position:absolute; bottom:20px; left:17px; display:flex; gap:7px; align-items:center; }
.lc-home .lc-sidebar-bottom .lc-icon { width:13px; height:13px; }
.lc-home .lc-app-main { padding:19px 17px; min-width:0; }
.lc-home .lc-preview-panel { outline:none; }
.lc-home .lc-app-title { display:flex; justify-content:space-between; align-items:center; gap:8px; margin-bottom:12px; }
.lc-home .lc-app-title small { font-size:8px; color:#77768b; }
.lc-home .lc-app-title h3 { font-size:23px; line-height:1.2; letter-spacing:-.03em; margin:3px 0 0; color:#18203b; }
.lc-home .lc-progress-ring { display:grid; place-items:center; border-radius:50%; border:3px solid #dfd7ee; border-top-color:#7641db; width:38px; height:38px; font-size:10px; color:#6234a7; font-weight:700; }
.lc-home .lc-app-tools { display:flex; gap:6px; font-size:7px; margin:0 0 13px; color:#625c76; }
.lc-home .lc-app-tools span { display:flex; align-items:center; gap:4px; padding:4px 6px; border:1px solid #e3ddee; border-radius:4px; background:#fff; }
.lc-home .lc-app-tools .lc-icon { width:10px; height:10px; }
.lc-home .lc-app-panel { background:#fff; border:1px solid #e3e1ec; padding:12px; border-radius:8px; margin-bottom:11px; }
.lc-home .lc-panel-title { display:flex; justify-content:space-between; align-items:center; gap:6px; }
.lc-home .lc-panel-title strong { font-size:10px; color:#26223e; }
.lc-home .lc-panel-title small { font-size:7px; color:#86818e; }
.lc-home .lc-progress { display:flex; gap:4px; margin:9px 0 5px; }
.lc-home .lc-progress i { height:3px; background:#ebe5f5; width:33.33%; border-radius:5px; }
.lc-home .lc-progress i:first-child { background:#8962d6; }
.lc-home .lc-task { display:flex; gap:9px; align-items:center; padding:12px 0; border-bottom:1px solid #edeaf1; min-width:0; }
.lc-home .lc-task:last-child { border-bottom:0; padding-bottom:3px; }
.lc-home .lc-task > div { min-width:0; flex:1; }
.lc-home .lc-task strong { display:block; font-size:9px; line-height:1.35; font-weight:600; color:#302e42; text-wrap:initial; }
.lc-home .lc-task small { display:block; font-size:7px; color:#87808e; margin-top:4px; }
.lc-home .lc-task-check { width:13px; height:13px; border:1px solid #a49bac; border-radius:50%; flex-shrink:0; }
.lc-home .lc-task.is-complete .lc-task-check { color:white; background:#75a999; border-color:#75a999; }
.lc-home .lc-task-check .lc-icon { display:block; width:100%; height:100%; }
.lc-home .lc-task.is-complete strong { color:#96919b; text-decoration:line-through; }
.lc-home .lc-task-time { font-size:8px; color:#87818e; }
.lc-home .lc-schedule p { display:flex; align-items:center; gap:9px; font-size:8px; margin:8px 0 0; color:#898290; }
.lc-home .lc-meeting { padding:6px; border-radius:3px; flex:1; background:#e9eefb; border-left:2px solid #8298d8; color:#536783; }
.lc-home .lc-meeting-teal { color:#477369; background:#e4f1ed; border-color:#68a892; }
.lc-home .lc-phone-preview { position:absolute; right:10px; bottom:-19px; width:170px; height:330px; padding:18px 14px; background:#fff; border:5px solid #e3e1e8; border-radius:26px; box-shadow:0 10px 20px #53466b30; transform:rotate(6deg); color:#393348; }
.lc-home .lc-phone-notch { position:absolute; top:5px; left:50%; transform:translateX(-50%); width:50px; height:6px; border-radius:99px; background:#dedbe6; }
.lc-home .lc-phone-toolbar { display:flex; align-items:center; justify-content:space-between; padding:2px 0 17px; }
.lc-home .lc-phone-toolbar .lc-icon { width:13px; height:13px; }
.lc-home .lc-phone-preview > small { font-size:7px; color:#8c8398; }
.lc-home .lc-phone-title { display:block; font-size:23px; margin-bottom:12px; letter-spacing:-.035em; }
.lc-home .lc-phone-intention { background:#f2ecfc; border-radius:7px; padding:10px; font-size:10px; line-height:1.5; color:#714cb0; margin-bottom:13px; }
.lc-home .lc-phone-label { font-size:9px; }
.lc-home .lc-phone-preview .lc-task { gap:6px; padding-block:10px; }
.lc-home .lc-phone-preview .lc-task strong { font-size:8px; }
.lc-home .lc-phone-preview .lc-task small { font-size:6px; }
.lc-home .lc-phone-preview .lc-task-check { width:11px; height:11px; }
.lc-home .lc-phone-bottom { display:flex; justify-content:space-around; border-top:1px solid #eeeaf3; padding-top:13px; margin-top:12px; color:#9486ac; }
.lc-home .lc-phone-bottom .lc-icon { width:13px; height:13px; }
.lc-home .lc-preview-controls { display:flex; justify-content:center; gap:5px; margin-top:16px; }
.lc-home .lc-preview-controls button { display:flex; align-items:center; gap:6px; padding:7px 13px; border:1px solid transparent; border-radius:7px; background:transparent; color:#78716b; font-size:12px; cursor:pointer; }
.lc-home .lc-preview-controls button[aria-selected="true"] { border-color:#e5dcf4; background:#f0eafa; color:#693daf; }
.lc-home .lc-preview-controls button:hover { background:#f1ecf7; }
.lc-home .lc-preview-controls .lc-icon { width:14px; height:14px; }
.lc-home .lc-product-figure figcaption { font-size:10px; color:#89817c; text-align:center; margin-top:7px; }
.lc-home .lc-mini-add { color:#827393; font-size:7px; border:1px solid #dfd7e9; background:white; border-radius:4px; padding:5px; white-space:nowrap; }
.lc-home .lc-projects-preview { display:grid; gap:10px; }
.lc-home .lc-project-preview { background:#fff; border:1px solid #e3dced; border-left:3px solid #9863de; border-radius:7px; padding:11px; }
.lc-home .lc-project-category { font-size:7px; color:#8a64b0; display:flex; align-items:center; gap:4px; }
.lc-home .lc-project-category .lc-icon { width:10px; height:10px; }
.lc-home .lc-project-preview h4 { margin:5px 0; font-size:12px; color:#343046; }
.lc-home .lc-project-preview p { font-size:8px; color:#807687; margin:0 0 9px; }
.lc-home .lc-project-progress { height:4px; background:#f1ecf7; border-radius:9px; }
.lc-home .lc-project-progress i { display:block; width:66%; height:100%; background:#ac8cd1; border-radius:inherit; }
.lc-home .lc-project-preview > small { font-size:7px; color:#8f8596; }
.lc-home .lc-next-action { display:flex; flex-direction:column; gap:2px; border-top:1px solid #eee8f2; margin-top:7px; padding-top:7px; font-size:8px; }
.lc-home .lc-next-action span { color:#918599; font-size:6px; text-transform:uppercase; letter-spacing:.06em; }
.lc-home .lc-next-action strong { color:#61546d; font-weight:550; }
.lc-home .lc-project-preview-teal { border-left-color:#63a598; }
.lc-home .lc-project-preview-teal .lc-project-category { color:#458678; }
.lc-home .lc-project-preview-teal .lc-project-progress i { background:#83b3a7; width:40%; }
.lc-home .lc-preview-hint { text-align:center; font-size:8px; color:#8b7f96; margin-top:14px; }
.lc-home .lc-calendar-grid { display:grid; grid-template-columns:27px repeat(3,minmax(0,1fr)); background:#fff; border:1px solid #e7e2eb; border-radius:6px; overflow:hidden; color:#827888; }
.lc-home .lc-calendar-times { display:grid; grid-template-rows:40px repeat(4,57px); font-size:6px; text-align:center; padding-top:1px; }
.lc-home .lc-calendar-day { border-left:1px solid #ece8ef; padding:0 3px; }
.lc-home .lc-calendar-day > strong { height:40px; display:flex; align-items:center; justify-content:center; flex-direction:column; font-size:7px; font-weight:500; }
.lc-home .lc-calendar-day > strong b { font-size:12px; color:#5c5268; }
.lc-home .lc-calendar-event { min-height:53px; padding:6px 4px; margin-bottom:4px; border-radius:3px; border-left:2px solid #beadce; background:#f3ecfa; color:#756282; font-size:7px; font-weight:600; line-height:1.4; }
.lc-home .lc-calendar-event small { display:block; font-size:5.5px; font-weight:400; margin-top:4px; }
.lc-home .lc-calendar-event.is-blue { background:#e9f0fb; color:#587899; border-color:#8bafd6; }
.lc-home .lc-calendar-event.is-purple { background:#eee4fb; color:#8654a5; border-color:#ab7dd2; }
.lc-home .lc-calendar-event.is-green { background:#e9f4ef; color:#5f877b; border-color:#87baa9; }
.lc-home .lc-calendar-empty { height:53px; margin-bottom:4px; border-bottom:1px solid #f1edf4; }
.lc-home .lc-benefit-strip { position:relative; padding:52px 0 70px; overflow:hidden; }
.lc-home .lc-benefit-strip::before { content:""; position:absolute; inset:20px -10% -100px; border-radius:50%; border-top:33px solid #e9eee37a; transform:rotate(-4deg); z-index:0; }
.lc-home .lc-benefit-strip .lc-shell { position:relative; display:grid; grid-template-columns:repeat(3,1fr); max-width:1080px; text-align:center; }
.lc-home .lc-benefit-strip .lc-shell > div { padding:20px 26px; border-right:1px solid #e2ddd5; }
.lc-home .lc-benefit-strip .lc-shell > div:last-child { border:0; }
.lc-home .lc-benefit-strip p { font:italic 25px/1.45 Georgia,serif; margin:0 0 14px; color:#514b44; }
.lc-home .lc-benefit-strip span { font-size:10px; letter-spacing:.12em; color:#827e70; font-weight:650; }
.lc-home .lc-stories { max-width:1160px; padding-top:36px; padding-bottom:70px; }
.lc-home .lc-story { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); align-items:center; gap:82px; padding:70px 0; }
.lc-home .lc-eyebrow { font-size:16px; font-weight:650; margin-bottom:16px; letter-spacing:0; text-transform:none; }
.lc-home .lc-purple { color:#8a65b8; }
.lc-home .lc-teal { color:#608f87; }
.lc-home .lc-blue { color:#6688b3; }
.lc-home .lc-story h2,.lc-home .lc-section-heading h2,.lc-home .lc-control h2 { font-size:clamp(30px,3.2vw,44px); line-height:1.16; letter-spacing:-.035em; font-weight:720; margin:0 0 22px; }
.lc-home .lc-story-copy > p:not(.lc-eyebrow):not(.lc-story-footnote),.lc-home .lc-section-heading > p:not(.lc-eyebrow),.lc-home .lc-control-grid > div > p:not(.lc-eyebrow) { font-size:19px; line-height:1.7; color:var(--lc-copy); }
.lc-home .lc-text-link { display:inline-flex; align-items:center; gap:8px; font-size:16px; color:#665284; font-weight:550; margin-top:7px; }
.lc-home .lc-text-link:hover { color:#4f27a1; text-decoration:underline; text-underline-offset:4px; }
.lc-home .lc-text-link .lc-icon { width:17px; height:17px; }
.lc-home .lc-story-footnote { font-size:12px; color:#8b8383; margin-top:19px; }
.lc-home .lc-feature-art { position:relative; height:365px; border-radius:13px; display:flex; align-items:center; justify-content:center; padding:35px; isolation:isolate; }
.lc-home .lc-feature-art::before { content:""; position:absolute; inset:0; z-index:-1; border-radius:inherit; background:linear-gradient(155deg,#ffffff45 0 36%,transparent 36% 68%,#ffffff30 68%); }
.lc-home .lc-art-capture { background:#f0e8f7; }
.lc-home .lc-art-focus { background:#e7f0ea; }
.lc-home .lc-art-calendar { background:#e9eff9; }
.lc-home .lc-capture-card { width:100%; max-width:425px; padding:25px; border:1px solid #e4dbea; background:#fff; border-radius:10px; box-shadow:0 15px 30px #a093ab25; transform:rotate(-2deg); }
.lc-home .lc-art-label { display:flex; align-items:center; gap:9px; color:#7e6a96; font-size:13px; }
.lc-home .lc-art-label .lc-icon { width:18px; height:18px; }
.lc-home .lc-capture-card h3 { font-size:16px; margin:17px 0; font-weight:600; }
.lc-home .lc-capture-input { font-size:16px; line-height:1.5; color:#433653; border-bottom:1px solid #efebf2; padding-bottom:12px; }
.lc-home .lc-caret { border-right:1px solid #785ca0; margin-left:2px; }
.lc-home .lc-capture-card > p { font-size:12px; color:#8b8094; margin-top:12px; }
.lc-home .lc-capture-tags { display:flex; gap:8px; }
.lc-home .lc-capture-tags span { font-size:10px; color:#8a76a0; padding:4px 7px; border:1px solid #e4dbe9; border-radius:5px; }
.lc-home .lc-capture-tags .lc-icon { width:12px; height:12px; }
.lc-home .lc-capture-footer { border-top:1px solid #eee8f2; margin-top:20px; padding-top:15px; display:flex; align-items:center; justify-content:space-between; gap:12px; }
.lc-home .lc-capture-footer span { font-size:9px; color:#9d909e; }
.lc-home .lc-capture-footer b { font-size:10px; padding:7px 10px; color:#fff; background:#9970bf; border-radius:5px; font-weight:600; white-space:nowrap; }
.lc-home .lc-floating-note { display:flex; align-items:center; gap:8px; position:absolute; right:25px; bottom:18px; padding:12px 16px; border:1px solid #e6e0e7; box-shadow:0 6px 15px #6557720c; border-radius:8px; background:#fff; color:#7b6b89; font-size:12px; transform:rotate(2deg); }
.lc-home .lc-floating-note .lc-icon { width:16px; height:16px; color:#74a38c; }
.lc-home .lc-focus-list { width:100%; margin-right:24px; padding:24px; border:1px solid #dfe8e2; border-radius:10px; background:#fff; box-shadow:0 15px 30px #688b711c; transform:rotate(-2deg); }
.lc-home .lc-focus-list .lc-art-label { color:#578575; margin-bottom:10px; }
.lc-home .lc-focus-list .lc-task { padding-block:17px; }
.lc-home .lc-focus-list .lc-task strong { font-size:13px; }
.lc-home .lc-focus-list .lc-task small { font-size:10px; }
.lc-home .lc-focus-list .lc-task-time { font-size:10px; }
.lc-home .lc-focus-list .lc-task-check { width:16px; height:16px; }
.lc-home .lc-focus-timer { position:absolute; right:20px; bottom:17px; width:190px; padding:16px; text-align:center; border:1px solid #dce8df; border-radius:12px; background:#f9fcf9; transform:rotate(5deg); box-shadow:0 10px 24px #54796020; }
.lc-home .lc-focus-timer > span { display:flex; align-items:center; justify-content:center; gap:6px; color:#718577; font-size:10px; }
.lc-home .lc-focus-timer .lc-icon { width:13px; height:13px; }
.lc-home .lc-focus-timer strong { display:block; font-size:42px; color:#557960; font-weight:450; letter-spacing:-.04em; line-height:1.4; }
.lc-home .lc-focus-timer small { display:block; font-size:8px; color:#86968b; }
.lc-home .lc-calendar-card { background:#fff; border:1px solid #dce2ec; border-radius:10px; padding:20px; width:100%; transform:rotate(-2deg); box-shadow:0 15px 30px #8293b027; }
.lc-home .lc-calendar-heading { display:flex; justify-content:space-between; font-size:14px; color:#6c7890; margin-bottom:14px; }
.lc-home .lc-calendar-heading strong { font-weight:600; }
.lc-home .lc-calendar-card .lc-calendar-grid { grid-template-columns:32px repeat(3,minmax(0,1fr)); border:0; }
.lc-home .lc-calendar-card .lc-calendar-day > strong { height:42px; font-size:9px; }
.lc-home .lc-calendar-card .lc-calendar-day > strong b { font-size:14px; }
.lc-home .lc-calendar-card .lc-calendar-event { font-size:9px; min-height:49px; }
.lc-home .lc-calendar-card .lc-calendar-event small { font-size:7px; }
.lc-home .lc-calendar-card .lc-calendar-times { font-size:8px; grid-template-rows:42px repeat(4,53px); }
.lc-home .lc-calendar-card .lc-calendar-empty { height:49px; }
.lc-home .lc-art-calendar .lc-floating-note { right:16px; bottom:13px; font-size:11px; }
.lc-home .lc-floating-note > span { font-size:10px; color:#9893a6; }
.lc-home .lc-getting-started { padding:88px 0 94px; background:#f6f4f8; }
.lc-home .lc-section-heading { text-align:center; max-width:790px; margin:0 auto 48px; }
.lc-home .lc-section-heading p { margin-bottom:0; }
.lc-home .lc-section-heading .lc-eyebrow { margin-bottom:16px; }
.lc-home .lc-start-grid { max-width:1110px; margin:auto; display:grid; grid-template-columns:repeat(3,1fr); gap:50px; }
.lc-home .lc-start-grid article { position:relative; }
.lc-home .lc-step-icon { display:grid; place-items:center; width:70px; height:66px; border-radius:16px 20px 16px 26px; margin-bottom:24px; }
.lc-home .lc-step-icon .lc-icon { width:33px; height:33px; }
.lc-home .lc-step-purple { background:#e9dff5; color:#9d7dc0; }
.lc-home .lc-step-teal { background:#e0ede7; color:#749e8d; }
.lc-home .lc-step-blue { background:#e2e9f5; color:#819bc0; }
.lc-home .lc-start-grid article > small { position:absolute; top:30px; right:10px; font:italic 36px Georgia,serif; color:#d9d1df; }
.lc-home .lc-start-grid h3 { font-size:21px; font-weight:650; letter-spacing:-.025em; line-height:1.3; margin:0 0 12px; }
.lc-home .lc-start-grid p { font-size:16px; color:#736d75; line-height:1.65; margin-bottom:18px; }
.lc-home .lc-start-grid a { display:flex; align-items:center; gap:7px; color:#745992; font-size:14px; }
.lc-home .lc-start-grid a:hover { text-decoration:underline; text-underline-offset:4px; }
.lc-home .lc-start-grid a .lc-icon { width:16px; height:16px; }
.lc-home .lc-use-cases { padding-block:105px; max-width:1190px; }
.lc-home .lc-heading-left { text-align:left; margin-left:0; max-width:800px; }
.lc-home .lc-use-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; }
.lc-home .lc-use-card { display:flex; flex-direction:column; border:1px solid #e8e3dd; border-radius:9px; padding:0 19px 22px; background:#fff; overflow:hidden; transition:transform .16s,border-color .16s; }
.lc-home .lc-use-card:hover { transform:translateY(-4px); border-color:#bcaace; }
.lc-home .lc-use-art { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:17px; height:150px; margin:0 -19px 23px; position:relative; }
.lc-home .lc-use-art .lc-icon { width:53px; height:53px; transform:rotate(-7deg); stroke-width:1.25; }
.lc-home .lc-use-art span { font-size:9px; letter-spacing:.025em; }
.lc-home .lc-use-work { background:#efe8f7; color:#a08ab8; }
.lc-home .lc-use-life { background:#e6eef7; color:#8298b6; }
.lc-home .lc-use-routines { background:#e8efe4; color:#8d9f7d; }
.lc-home .lc-use-focus { background:#f6ece2; color:#bba185; }
.lc-home .lc-use-card h3 { font-size:18px; line-height:1.3; margin:0 0 10px; letter-spacing:-.015em; }
.lc-home .lc-use-card p { font-size:14px; line-height:1.65; color:#7c736c; margin:0 0 22px; }
.lc-home .lc-use-link { display:flex; align-items:center; justify-content:space-between; gap:7px; color:#79648e; font-size:12px; margin-top:auto; }
.lc-home .lc-use-link .lc-icon { width:15px; height:15px; }
.lc-home .lc-control { background:#f4f6ef; padding:82px 0; }
.lc-home .lc-control-grid { max-width:1130px; display:grid; grid-template-columns:1fr 1fr; gap:100px; align-items:center; }
.lc-home .lc-control-points { display:grid; gap:25px; }
.lc-home .lc-control-points article { display:flex; gap:18px; }
.lc-home .lc-control-points article > .lc-icon { width:25px; height:25px; color:#8b987b; margin-top:3px; }
.lc-home .lc-control-points h3 { font-size:18px; font-weight:600; margin:0 0 6px; }
.lc-home .lc-control-points p { font-size:15px; color:#72776c; line-height:1.7; margin:0; }
.lc-home .section-plans { background:#fdfcfb; padding-block:95px; }
.lc-home .section-heading .eyebrow { color:#8a65b8; text-transform:none; font-size:15px; letter-spacing:0; }
.lc-home .section-heading h2 { font-size:clamp(30px,3.2vw,44px); letter-spacing:-.035em; color:var(--lc-ink); }
.lc-home .section-heading > p:not(.eyebrow) { color:#77706a; font-size:18px; font-weight:400; }
.lc-home .pricing-grid { max-width:950px; margin-inline:auto; }
.lc-home .pricing-card { box-shadow:none; border-radius:10px; border:1px solid #e3ddd6; background:white; }
.lc-home .pricing-card-pro { border:1px solid #cbb6e8; background:#f8f5fc; }
.lc-home .pricing-card::before,.lc-home .pricing-card::after { display:none; }
.lc-home .plan-eyebrow { color:#887894; font-weight:550; font-size:12px; }
.lc-home .plan-fit,.lc-home .plan-benefits li { color:#77706a; }
.lc-home .plan-price strong { color:#332c3b; letter-spacing:-.04em; }
.lc-home .plan-price span,.lc-home .price-note,.lc-home .plan-trial-note { color:#8c7f90; }
.lc-home .plan-benefits li::before { background:none; color:#8f72ac; }
.lc-home .pricing-card .button { border-radius:7px; box-shadow:none; font-weight:600; }
.lc-home .pricing-card .button-primary { background:#7846cf; }
.lc-home .pricing-card .button-secondary { border-color:#dad2e0; background:#fff; }
.lc-home .pricing-safety-note { max-width:950px; margin:24px auto 0; border:0; padding:0; text-align:center; background:none; color:#7d746d; font-size:13px; }
.lc-home .pricing-safety-note p { color:#8c8078; font-size:12px; }
.lc-home .pricing-safety-note a { color:#8b6ca5; font-size:13px; font-weight:500; }
.lc-home .availability-note { max-width:950px; margin:35px auto 0; border-radius:7px; border-color:#ece5dc; background:#f8f6f2; padding:18px 20px; }
.lc-home .availability-note strong { color:#7b7167; font-size:12px; }
.lc-home .availability-note p,.lc-home .availability-note a { color:#8d8175; font-size:11px; }
.lc-home .availability-badge { background:#ece6dc; color:#988571; font-size:10px; }
.lc-home .section-faq { background:#fdfcfb; border-top:1px solid #ede7df; padding:75px 0 95px; }
.lc-home .faq-grid { grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:80px; }
.lc-home .faq-list details { border-color:#e4ddd5; border-radius:0; background:none; box-shadow:none; }
.lc-home .faq-list summary { color:#584c58; font-weight:550; font-size:16px; }
.lc-home .faq-list p { color:#82777c; font-size:14px; }
.lc-home .lc-final-cta { padding:87px 0 95px; background:#f2edf7; text-align:center; position:relative; overflow:hidden; }
.lc-home .lc-final-cta::before { content:""; position:absolute; width:150%; height:250px; left:-25%; bottom:-210px; border-radius:50%; border:35px solid #e7deee; }
.lc-home .lc-final-icon { display:grid; place-items:center; margin:0 auto 25px; width:60px; height:60px; border-radius:50%; background:#e8ddf4; color:#a184bd; }
.lc-home .lc-final-icon .lc-icon { width:35px; height:35px; }
.lc-home .lc-final-cta h2 { font-size:clamp(32px,4vw,49px); line-height:1.14; letter-spacing:-.035em; margin:0 0 20px; font-weight:720; }
.lc-home .lc-final-cta p { font-size:19px; color:#82768b; margin-bottom:29px; }
.lc-home .lc-final-link { display:flex; align-items:center; justify-content:center; gap:6px; margin-top:24px; font-size:14px; color:#8a759e; }
.lc-home .lc-final-link .lc-icon { width:16px; height:16px; }
.lc-home .site-footer { background:#fdfcfb; color:#8b837d; padding-top:68px; }
.lc-home .footer-grid { grid-template-columns:1.8fr 1fr 1fr 1fr; gap:40px; }
.lc-home .footer-brand img { width:200px; height:auto; margin-bottom:22px; }
.lc-home .footer-brand p { color:#7a716a; font-size:16px; line-height:1.65; font-weight:400; }
.lc-home .footer-brand > span { color:#a0958b; font-size:11px; }
.lc-home .footer-brand a { color:#87798f; }
.lc-home .footer-column strong { color:#5f5851; text-transform:none; font-size:14px; letter-spacing:0; font-weight:600; margin-bottom:16px; }
.lc-home .footer-column a { color:#898077; font-size:13px; font-weight:400; }
.lc-home .footer-column a:hover { color:#674391; }
.lc-home .footer-bottom { border-color:#eae3dc; color:#9e9288; font-size:11px; margin-top:60px; }
.lc-home .footer-bottom p,.lc-home .footer-bottom a { color:#9e9288; font-size:11px; }
@media (min-width:1450px) { .lc-home .lc-product-stage { height:460px; padding-top:33px; } .lc-home .lc-desktop-preview { min-height:445px; grid-template-columns:145px 1fr; } .lc-home .lc-app-main { padding:23px; } .lc-home .lc-task strong { font-size:11px; } .lc-home .lc-task small { font-size:9px; } .lc-home .lc-app-panel { padding:15px; } }
@media (max-width:1150px) { .lc-home .public-nav > a { padding-inline:8px; font-size:14px; } .lc-home .public-brand { width:170px; } .lc-home .lc-shell { width:calc(100% - 48px); } .lc-home .lc-hero-grid { gap:25px; grid-template-columns:.9fr 1.1fr; } .lc-home .lc-hero h1 { font-size:48px; } .lc-home .lc-lede { font-size:18px; } .lc-home .lc-product-stage { padding-left:15px; padding-right:45px; height:385px; } .lc-home .lc-desktop-preview { grid-template-columns:102px 1fr; } .lc-home .lc-app-main { padding:15px 12px; } .lc-home .lc-phone-preview { width:145px; height:300px; padding:17px 10px; right:4px; } .lc-home .lc-phone-intention { font-size:9px; } .lc-home .lc-phone-preview .lc-task { padding-block:8px; } .lc-home .lc-story { gap:45px; } .lc-home .lc-feature-art { padding:24px; } .lc-home .lc-story-copy > p:not(.lc-eyebrow):not(.lc-story-footnote) { font-size:17px; } .lc-home .lc-control-grid { gap:60px; } }
@media (max-width:66em) { .lc-home .public-header__inner { grid-template-columns:1fr auto; } .lc-home .public-account { display:none; } }
@media (max-width:900px) { .lc-home .lc-hero { padding-top:42px; } .lc-home .lc-hero-grid { grid-template-columns:1fr; gap:40px; max-width:730px; } .lc-home .lc-hero-copy { text-align:center; padding-bottom:0; } .lc-home .lc-hero h1 { font-size:clamp(42px,7vw,60px); } .lc-home .lc-lede { margin-inline:auto; max-width:560px; } .lc-home .lc-hero-note,.lc-home .lc-hero-secondary { justify-content:center; margin-inline:auto; } .lc-home .lc-product-stage { height:430px; padding:28px 85px 0 28px; } .lc-home .lc-desktop-preview { grid-template-columns:140px 1fr; } .lc-home .lc-app-main { padding:22px; } .lc-home .lc-app-nav { font-size:10px; } .lc-home .lc-app-panel { padding:14px; } .lc-home .lc-task strong { font-size:10px; } .lc-home .lc-task small { font-size:8px; } .lc-home .lc-phone-preview { width:177px; height:334px; padding:20px 14px; right:16px; } .lc-home .lc-phone-preview .lc-task { padding-block:12px; } .lc-home .lc-story { gap:30px; padding-block:50px; } .lc-home .lc-feature-art { height:325px; padding:20px; } .lc-home .lc-capture-card { padding:18px; } .lc-home .lc-capture-card h3 { font-size:14px; } .lc-home .lc-capture-input { font-size:12px; } .lc-home .lc-capture-footer > span { display:none; } .lc-home .lc-capture-footer { justify-content:flex-end; } .lc-home .lc-floating-note { font-size:10px; padding:9px; } .lc-home .lc-focus-list { padding:18px; margin-right:0; } .lc-home .lc-focus-list .lc-task strong { font-size:11px; } .lc-home .lc-focus-list .lc-task small { font-size:8px; } .lc-home .lc-focus-timer { width:156px; padding:12px; right:12px; bottom:10px; } .lc-home .lc-focus-timer strong { font-size:35px; } .lc-home .lc-calendar-card { padding:12px; } .lc-home .lc-calendar-card .lc-calendar-event { font-size:7px; } .lc-home .lc-calendar-card .lc-calendar-event small { font-size:5px; } .lc-home .lc-art-calendar .lc-floating-note > span { font-size:8px; } .lc-home .lc-start-grid { gap:28px; } .lc-home .lc-use-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .lc-home .lc-control-grid { gap:40px; } .lc-home .faq-grid { gap:45px; } .lc-home .footer-grid { grid-template-columns:1.5fr 1fr 1fr; gap:25px; } .lc-home .footer-column:last-child { grid-column:2; } }
@media (max-width:640px) { .lc-home .lc-shell,.lc-home .shell { width:calc(100% - 40px); } .lc-home .public-header__inner { width:calc(100% - 32px); min-height:70px; } .lc-home .public-brand { width:160px; } .lc-home .lc-announcement { width:calc(100% - 32px); font-size:12px; padding:10px 12px; } .lc-home .lc-announcement a { display:inline-flex; align-items:center; } .lc-home .lc-hero { padding-top:34px; } .lc-home .lc-hero h1 { font-size:43px; } .lc-home .lc-lede { font-size:18px; line-height:1.65; } .lc-home .lc-hero-note { font-size:11px; gap:6px; } .lc-home .lc-hero-note .lc-icon { width:14px; height:14px; } .lc-home .lc-button { font-size:17px; min-height:55px; } .lc-home .lc-product-stage { height:315px; padding:16px 38px 0 13px; } .lc-home .lc-desktop-preview { grid-template-columns:81px 1fr; min-height:335px; } .lc-home .lc-app-sidebar { padding:13px 6px; } .lc-home .lc-app-sidebar img { margin-bottom:20px; } .lc-home .lc-sidebar-label { font-size:5px; padding-inline:3px; } .lc-home .lc-app-nav { font-size:6px; gap:4px; padding:7px 3px; } .lc-home .lc-app-nav .lc-icon { width:9px; height:9px; } .lc-home .lc-sidebar-bottom { font-size:6px; bottom:15px; left:9px; } .lc-home .lc-app-main { padding:13px 9px; } .lc-home .lc-app-title h3 { font-size:19px; } .lc-home .lc-app-title small { font-size:6px; } .lc-home .lc-progress-ring { width:29px; height:29px; font-size:8px; } .lc-home .lc-app-tools { font-size:5px; gap:4px; } .lc-home .lc-app-tools span { padding:3px; } .lc-home .lc-app-tools .lc-icon { width:8px; height:8px; } .lc-home .lc-app-panel { padding:8px; } .lc-home .lc-panel-title strong { font-size:7px; } .lc-home .lc-panel-title small { font-size:5px; } .lc-home .lc-task { gap:5px; padding-block:10px; } .lc-home .lc-task strong { font-size:7px; } .lc-home .lc-task small { font-size:5px; } .lc-home .lc-task-check { width:10px; height:10px; } .lc-home .lc-task-time { font-size:6px; } .lc-home .lc-schedule p { font-size:6px; } .lc-home .lc-phone-preview { width:112px; height:241px; right:4px; bottom:-20px; padding:13px 9px; border-width:3px; border-radius:19px; } .lc-home .lc-phone-notch { height:4px; width:35px; } .lc-home .lc-phone-toolbar { padding-bottom:10px; } .lc-home .lc-phone-toolbar .lc-icon { width:10px; height:10px; } .lc-home .lc-phone-toolbar img { width:18px; height:18px; } .lc-home .lc-phone-preview > small { font-size:5px; } .lc-home .lc-phone-title { font-size:18px; margin-bottom:8px; } .lc-home .lc-phone-intention { padding:7px; font-size:7px; margin-bottom:8px; } .lc-home .lc-phone-label { font-size:7px; } .lc-home .lc-phone-preview .lc-task { padding-block:7px; gap:4px; } .lc-home .lc-phone-preview .lc-task strong { font-size:6px; } .lc-home .lc-phone-preview .lc-task small { font-size:4px; } .lc-home .lc-phone-preview .lc-task-check { width:9px; height:9px; } .lc-home .lc-phone-bottom { padding-top:8px; margin-top:8px; } .lc-home .lc-phone-bottom .lc-icon { width:9px; height:9px; } .lc-home .lc-project-preview { padding:8px; } .lc-home .lc-project-preview h4 { font-size:10px; } .lc-home .lc-project-preview p { font-size:6px; } .lc-home .lc-next-action strong { font-size:7px; } .lc-home .lc-project-category { font-size:6px; } .lc-home .lc-mini-add { font-size:5px; } .lc-home .lc-app-main .lc-calendar-grid { grid-template-columns:18px repeat(3,minmax(0,1fr)); } .lc-home .lc-app-main .lc-calendar-event { font-size:5px; padding:5px 2px; } .lc-home .lc-app-main .lc-calendar-event small { font-size:4px; } .lc-home .lc-app-main .lc-calendar-times { font-size:4px; } .lc-home .lc-preview-controls { gap:3px; } .lc-home .lc-preview-controls button { padding:8px 10px; font-size:11px; } .lc-home .lc-benefit-strip { padding:29px 0 30px; } .lc-home .lc-benefit-strip .lc-shell { grid-template-columns:1fr; } .lc-home .lc-benefit-strip .lc-shell > div { padding:18px; border-right:0; border-bottom:1px solid #e8e2d9; } .lc-home .lc-benefit-strip p { font-size:23px; margin-bottom:8px; } .lc-home .lc-benefit-strip span { font-size:9px; } .lc-home .lc-stories { padding-top:0; padding-bottom:38px; } .lc-home .lc-story { grid-template-columns:1fr; gap:29px; padding-block:36px; } .lc-home .lc-story h2,.lc-home .lc-section-heading h2,.lc-home .lc-control h2 { font-size:32px; } .lc-home .lc-eyebrow { font-size:14px; margin-bottom:13px; } .lc-home .lc-story-copy > p:not(.lc-eyebrow):not(.lc-story-footnote),.lc-home .lc-control-grid > div > p:not(.lc-eyebrow),.lc-home .lc-section-heading > p:not(.lc-eyebrow) { font-size:17px; line-height:1.65; } .lc-home .lc-feature-art { height:315px; padding:24px; } .lc-home .lc-capture-card { padding:22px; } .lc-home .lc-capture-card h3 { font-size:15px; } .lc-home .lc-capture-input { font-size:13px; } .lc-home .lc-capture-card > p { font-size:10px; } .lc-home .lc-focus-list .lc-task strong { font-size:12px; } .lc-home .lc-focus-list .lc-task small { font-size:9px; } .lc-home .lc-calendar-card .lc-calendar-event { font-size:8px; } .lc-home .lc-calendar-card .lc-calendar-event small { font-size:6px; } .lc-home .lc-floating-note { right:15px; } .lc-home .lc-getting-started { padding:65px 0; } .lc-home .lc-start-grid { grid-template-columns:1fr; gap:35px; } .lc-home .lc-section-heading { margin-bottom:35px; } .lc-home .lc-start-grid article { padding-bottom:29px; border-bottom:1px solid #e8e0ed; } .lc-home .lc-start-grid article:last-child { border:0; padding:0; } .lc-home .lc-step-icon { margin-bottom:20px; } .lc-home .lc-use-cases { padding-block:65px; } .lc-home .lc-use-grid { gap:13px; } .lc-home .lc-use-card { padding:0 13px 18px; } .lc-home .lc-use-art { margin:0 -13px 18px; height:120px; gap:10px; } .lc-home .lc-use-art .lc-icon { width:41px; height:41px; } .lc-home .lc-use-art span { font-size:7px; padding-inline:8px; text-align:center; } .lc-home .lc-use-card h3 { font-size:16px; } .lc-home .lc-use-card p { font-size:12px; } .lc-home .lc-use-link { font-size:10px; } .lc-home .lc-control { padding-block:60px; } .lc-home .lc-control-grid { grid-template-columns:1fr; gap:38px; } .lc-home .section-plans { padding-block:65px; } .lc-home .section-heading h2 { font-size:31px; } .lc-home .outcome-pricing { grid-template-columns:1fr; } .lc-home .outcome-pricing .pricing-card { padding:26px; } .lc-home .plan-benefits li { font-size:14px; } .lc-home .availability-note { display:block; padding:18px; } .lc-home .availability-badge { display:inline-block; margin-bottom:10px; } .lc-home .section-faq { padding:60px 0; } .lc-home .faq-grid { grid-template-columns:1fr; gap:10px; } .lc-home .faq-list summary { font-size:15px; } .lc-home .lc-final-cta { padding:65px 0 75px; } .lc-home .lc-final-cta h2 { font-size:36px; } .lc-home .lc-final-cta p { font-size:16px; } .lc-home .footer-grid { grid-template-columns:1fr 1fr; gap:34px; } .lc-home .footer-brand { grid-column:1/-1; } .lc-home .footer-column:last-child { grid-column:auto; } .lc-home .footer-brand p { max-width:none; } .lc-home .footer-bottom { margin-top:40px; } }
@media (max-width:360px) { .lc-home .lc-hero h1 { font-size:37px; } .lc-home .lc-hero-note { font-size:10px; } .lc-home .lc-product-stage { padding-right:23px; } .lc-home .lc-desktop-preview { grid-template-columns:68px 1fr; } .lc-home .lc-phone-preview { right:-9px; } .lc-home .lc-feature-art { padding:17px; } }
@media (prefers-reduced-motion:reduce) { .lc-home *, .lc-home *::before, .lc-home *::after { scroll-behavior:auto!important; transition:none!important; animation:none!important; } }

/* Keep small public copy readable against the soft surfaces. */
.lc-home .lc-purple { color:#79549f; }
.lc-home .lc-teal { color:#487a71; }
.lc-home .lc-blue { color:#52759e; }
.lc-home .lc-product-figure figcaption,.lc-home .lc-story-footnote { color:#716961; }
.lc-home .lc-benefit-strip span,.lc-home .footer-brand > span { color:#72695f; }
.lc-home .footer-column a,.lc-home .footer-bottom p,.lc-home .footer-bottom a { color:#71665d; }
.lc-home .plan-price span,.lc-home .price-note,.lc-home .plan-trial-note { color:#78677c; }
.lc-home .availability-note p,.lc-home .availability-note a { color:#76695d; }
.lc-home .availability-badge { color:#796750; }
.lc-home .lc-final-link { color:#79628e; }
.lc-home .lc-final-cta { isolation:isolate; }
.lc-home .lc-final-cta::before { z-index:-1; pointer-events:none; }