.landing-body { background:var(--card); }
.landing-container { width:min(1180px,calc(100% - 80px)); margin-inline:auto; }
.landing-header { border-bottom:1px solid var(--border); background:var(--card); }
.landing-nav { min-height:100px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.landing-nav .brand-logo { padding:0; width:220px; }
.landing-nav nav { display:flex; align-items:center; gap:30px; }
.landing-nav-section { font-size:12px; color:var(--foreground); font-weight:600; }
.landing-nav nav .theme-toggle { padding:10px; }
.landing-nav .theme-toggle span { display:none; }
.landing-nav .landing-login { font-size:12px; white-space:nowrap; }
.landing-eyebrow { display:flex; align-items:center; gap:9px; font-size:10px; color:var(--primary); font-weight:700; letter-spacing:.13em; margin-bottom:24px; }
.landing-eyebrow i { width:7px; height:7px; background:var(--primary); border-radius:50%; }
.landing-hero { overflow:hidden; background:var(--card); }
.landing-hero-grid { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:50px; min-height:680px; }
.landing-hero-copy { padding:58px 0 64px; position:relative; z-index:1; }
.landing-hero h1 { font-size:clamp(42px,4.6vw,65px); line-height:1.04; letter-spacing:-.055em; margin:0 0 26px; }
.landing-body em { font-style:normal; color:var(--primary); }
.landing-hero-copy > p { max-width:410px; font-size:15px; line-height:1.75; margin:0 0 29px; }
.landing-hero-actions { display:flex; align-items:center; flex-wrap:wrap; gap:22px; }
.landing-hero-actions .button { font-size:13px; min-height:48px; padding:12px 21px; }
.landing-text-link { display:inline-flex; align-items:center; gap:9px; color:var(--foreground); font-size:12px; font-weight:600; }
.landing-hero-note { display:flex; align-items:center; gap:8px; margin-top:26px; color:var(--muted); font-size:10px; }
.landing-hero-note svg { width:16px; height:16px; color:var(--success); }
.landing-hero-visual { position:relative; padding:52px 0 55px; isolation:isolate; }
.landing-hero-visual::before { content:''; position:absolute; background:#14252d; border-radius:80px 0 0 0; inset:-110px -40vw -110px 35px; z-index:-2; }
.landing-chevron { position:absolute; inset:-80px -180px -40px -65px; z-index:-1; background:linear-gradient(140deg,#ffb13b 5%,#ff6a00 48%,#d43d00); clip-path:polygon(48% 0,70% 0,32% 50%,70% 100%,48% 100%,10% 50%); opacity:.96; }
.landing-demo { position:relative; background:#f7f9fa; border:1px solid #ffffff66; box-shadow:0 30px 70px #0005; border-radius:15px; transform:rotate(-2deg); color:#19292f; width:100%; max-width:480px; margin-left:3px; }
.landing-demo-bar { display:flex; align-items:center; gap:15px; border-bottom:1px solid #e3e9ec; padding:16px 21px; background:#fff; border-radius:14px 14px 0 0; }
.landing-demo-bar > span:first-child { font-size:19px; font-weight:800; letter-spacing:-.05em; }
.landing-demo-bar > span:first-child span { color:#d64b00; }
.landing-demo-bar > small { color:#839096; letter-spacing:.08em; font-size:7px; margin-left:auto; }
.landing-demo-avatar { display:grid; place-items:center; border-radius:50%; width:25px; height:25px; background:#fff1e7; font-size:8px; color:#a63b00; }
.landing-demo-content { padding:25px; }
.landing-demo-heading { display:flex; align-items:center; justify-content:space-between; font-size:8px; color:#6c7a80; font-weight:650; letter-spacing:.07em; }
.landing-demo-live { display:flex; align-items:center; gap:4px; font-size:7px; letter-spacing:0; }
.landing-demo-live i { width:4px; height:4px; border-radius:50%; background:#168156; }
.landing-demo h2 { font-size:29px; color:#19292f; letter-spacing:-.045em; line-height:1.13; margin:14px 0 9px; }
.landing-demo-content > p { font-size:9px; margin:0 0 20px; color:#6c7a80; }
.landing-demo-metrics { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-bottom:17px; }
.landing-demo-metrics > div { padding:13px 15px; border-radius:9px; border:1px solid #e3e9ec; background:#fff; }
.landing-demo-metrics > div:first-child { background:#fff1e7; border-color:#f2d5bf; }
.landing-demo-metrics span { font-size:8px; color:#6c7a80; display:block; }
.landing-demo-metrics strong { display:block; font-size:29px; line-height:1.2; letter-spacing:-.06em; margin:7px 0; color:#19292f; }
.landing-demo-metrics > div:first-child strong { color:#bd4100; }
.landing-demo-metrics small { font-size:7px; color:#6c7a80; }
.landing-demo-agenda { background:#fff; border:1px solid #e3e9ec; padding:15px; border-radius:9px; }
.landing-demo-table-head { display:flex; align-items:center; justify-content:space-between; gap:10px; padding-bottom:13px; }
.landing-demo-table-head strong { font-size:10px; }
.landing-demo-table-head svg { width:13px; height:13px; color:#bd4100; }
.landing-demo-row { display:flex; align-items:center; gap:9px; padding:12px 0; border-top:1px solid #edf0f2; }
.landing-demo-row strong { display:block; font-size:9px; }
.landing-demo-row small { display:block; font-size:7px; color:#718087; margin-top:3px; }
.landing-demo-item-icon { display:grid; place-items:center; background:#f1f4f5; color:#718087; border-radius:7px; width:29px; height:29px; }
.landing-demo-item-icon svg { width:15px; height:15px; }
.landing-demo-deadline { margin-left:auto; color:#22704e; font-size:7px; background:#eaf6ef; padding:4px 7px; border-radius:10px; white-space:nowrap; }
.landing-demo-deadline.today { color:#906000; background:#fff5dc; }
.landing-demo-bottom { display:flex; align-items:center; justify-content:center; gap:6px; font-size:8px; color:#718087; margin-top:17px; }
.landing-demo-bottom svg { width:13px; height:13px; color:#168156; }
.landing-demo-caption { color:#bcc8cc; font-size:7px; letter-spacing:.12em; text-align:center; margin:23px 0 0; max-width:480px; }
.landing-visual-slogan { position:absolute; color:#b6c3c9; font-size:10px; line-height:1.5; right:-35px; bottom:14px; }
.landing-promises { position:relative; background:var(--background); border-top:1px solid var(--border); border-bottom:1px solid var(--border); }
.landing-promises-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:35px; padding-block:30px; }
.landing-promises-grid > div { display:flex; align-items:flex-start; gap:14px; }
.landing-promises svg { color:var(--primary); width:28px; height:28px; margin-top:3px; }
.landing-promises strong { font-size:13px; }
.landing-promises p { font-size:11px; line-height:1.6; margin:5px 0 0; }
.landing-workflow { background:#14252d; color:#edf3f5; position:relative; overflow:hidden; }
.landing-workflow::after { content:''; position:absolute; width:420px; height:600px; right:-270px; top:-150px; border:80px solid #ff7b1420; border-radius:65px; transform:rotate(40deg); pointer-events:none; }
.landing-workflow-grid { display:grid; grid-template-columns:1fr 1fr; gap:100px; padding-block:72px; position:relative; z-index:1; }
.landing-workflow .landing-eyebrow { color:#ffab64; }
.landing-workflow h2 { color:#edf3f5; font-size:36px; letter-spacing:-.045em; line-height:1.12; margin:0 0 22px; }
.landing-workflow em { color:#ff9853; }
.landing-workflow-grid > div > p { color:#bcc8cc; font-size:13px; line-height:1.8; max-width:420px; margin:0 0 26px; }
.landing-outline-link { display:inline-flex; align-items:center; gap:22px; padding:12px 17px; border:1px solid #ff9853; color:#fff; border-radius:7px; font-size:12px; font-weight:600; }
.landing-outline-link:hover { background:#ff985315; color:#ffb583; }
.landing-workflow-steps { list-style:none; padding:0; margin:0; display:grid; gap:25px; }
.landing-workflow-steps li { display:flex; align-items:flex-start; gap:22px; padding-bottom:24px; border-bottom:1px solid #ffffff20; }
.landing-workflow-steps li:last-child { padding-bottom:0; border-bottom:0; }
.landing-workflow-steps li > span { color:#ff9853; font-size:12px; padding-top:2px; font-variant-numeric:tabular-nums; }
.landing-workflow-steps h3 { color:#edf3f5; font-size:18px; margin:0 0 8px; }
.landing-workflow-steps p { color:#bcc8cc; font-size:12px; line-height:1.7; margin:0; }
.landing-resources { padding-block:76px; }
.landing-section-heading { display:flex; justify-content:space-between; gap:50px; align-items:flex-end; margin-bottom:34px; }
.landing-section-heading h2 { font-size:35px; line-height:1.15; margin:0; }
.landing-section-heading > p { width:310px; flex-shrink:0; margin:0; font-size:12px; line-height:1.8; }
.landing-resources-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.landing-resources-grid article { padding:26px; background:var(--background); border:1px solid var(--border); border-radius:12px; }
.landing-resources-grid svg { color:var(--primary); width:30px; height:30px; margin-bottom:25px; }
.landing-resources-grid h3 { font-size:17px; margin:0 0 12px; }
.landing-resources-grid p { font-size:12px; line-height:1.8; margin:0 0 24px; }
.landing-resources-grid article > span { display:block; padding-top:16px; border-top:1px solid var(--border); color:var(--muted); font-size:10px; }
.landing-final { background:var(--tint); border-block:1px solid var(--border); overflow:hidden; }
.landing-final-inner { display:flex; justify-content:space-between; align-items:center; gap:60px; padding-block:56px; }
.landing-final .landing-eyebrow { font-size:9px; margin-bottom:16px; }
.landing-final h2 { font-size:34px; line-height:1.15; margin:0 0 15px; }
.landing-final p { font-size:12px; margin:0; }
.landing-final-actions { width:310px; flex-shrink:0; display:flex; flex-direction:column; gap:14px; text-align:center; }
.landing-final-actions .button { min-height:48px; font-size:13px; }
.landing-final-actions > a:not(.button) { font-size:11px; color:var(--foreground); text-decoration:underline; text-underline-offset:3px; }
.landing-final-actions small { color:var(--muted); font-size:9px; }
.landing-footer { background:var(--card); }
.landing-footer > div { display:flex; align-items:center; gap:25px; padding-block:27px; }
.landing-footer .brand-logo { width:150px; padding:0; }
.landing-footer p { font-size:10px; }
.landing-footer > div > a:not(.brand-logo) { margin-left:auto; font-size:11px; color:var(--foreground); }
.landing-footer span { font-size:9px; color:var(--muted); }
.landing-body section[id] { scroll-margin-top:24px; }
@media(max-width:1100px) {
    .landing-container { width:calc(100% - 64px); }
    .landing-nav nav { gap:20px; }
    .landing-nav .brand-logo { width:190px; }
    .landing-hero-grid { gap:28px; min-height:640px; }
    .landing-hero h1 { font-size:50px; }
    .landing-demo-content { padding:20px; }
    .landing-demo h2 { font-size:26px; }
    .landing-workflow-grid { gap:55px; }
    .landing-section-heading h2 { font-size:32px; }
    .landing-resources-grid { gap:14px; }
    .landing-resources-grid article { padding:22px; }
}
@media(max-width:800px) {
    .landing-container { width:calc(100% - 40px); }
    .landing-nav { min-height:80px; gap:15px; }
    .landing-nav-section { display:none; }
    .landing-nav nav { gap:10px; }
    .landing-hero-grid { grid-template-columns:1fr 1fr; gap:20px; }
    .landing-hero h1 { font-size:42px; }
    .landing-hero-copy > p { font-size:13px; }
    .landing-demo-content { padding:15px; }
    .landing-demo-bar { padding:14px; }
    .landing-demo-bar > small { display:none; }
    .landing-demo-avatar { margin-left:auto; }
    .landing-demo h2 { font-size:23px; }
    .landing-demo-metrics > div { padding:10px; }
    .landing-demo-agenda { padding:11px; }
    .landing-demo-row { gap:6px; }
    .landing-demo-item-icon { display:none; }
    .landing-promises-grid { gap:18px; }
    .landing-promises-grid > div { flex-direction:column; gap:10px; }
    .landing-workflow-grid { gap:35px; }
    .landing-workflow h2 { font-size:30px; }
    .landing-section-heading { flex-direction:column; align-items:flex-start; gap:18px; }
    .landing-section-heading > p { width:auto; max-width:460px; }
    .landing-resources-grid article { padding:20px; }
    .landing-resources-grid h3 { font-size:15px; }
    .landing-final-inner { gap:30px; }
    .landing-final h2 { font-size:28px; }
    .landing-final-actions { width:260px; }
    .landing-footer p { display:none; }
}
@media(max-width:600px) {
    .landing-nav { min-height:76px; gap:10px; }
    .landing-nav .brand-logo { width:140px; flex-shrink:0; }
    .landing-nav nav { gap:3px; }
    .landing-nav .landing-login { font-size:10.5px; padding:9px 10px; }
    .landing-nav .theme-toggle { padding:8px; min-width:34px; }
    .landing-login span { display:none; }
    .landing-hero-grid { grid-template-columns:1fr; gap:0; }
    .landing-hero-copy { padding:44px 0 35px; }
    .landing-eyebrow { font-size:8px; margin-bottom:23px; letter-spacing:.1em; }
    .landing-hero h1 { font-size:clamp(39px,11vw,58px); margin-bottom:22px; }
    .landing-hero-copy > p { font-size:14px; max-width:420px; margin-bottom:24px; }
    .landing-hero-actions { gap:16px; }
    .landing-hero-actions .button { font-size:12px; padding:12px 16px; }
    .landing-text-link { font-size:11px; }
    .landing-hero-note { margin-top:20px; font-size:9px; }
    .landing-hero-visual { padding:35px 7px 28px; }
    .landing-hero-visual::before { inset:0 -20px 0 -20px; border-radius:35px 0 0 0; }
    .landing-chevron { inset:0 -80px 0 -60px; }
    .landing-demo { margin:0; max-width:440px; }
    .landing-demo-content { padding:22px; }
    .landing-demo h2 { font-size:27px; }
    .landing-demo-bar { padding:14px 21px; }
    .landing-demo-item-icon { display:grid; }
    .landing-demo-agenda { padding:14px; }
    .landing-demo-metrics > div { padding:12px; }
    .landing-demo-caption { margin-top:20px; font-size:7px; }
    .landing-visual-slogan { display:none; }
    .landing-promises-grid { grid-template-columns:1fr; padding-block:25px; gap:20px; }
    .landing-promises-grid > div { flex-direction:row; gap:15px; }
    .landing-promises strong { font-size:13px; }
    .landing-promises p { font-size:11px; margin-top:3px; }
    .landing-workflow-grid { grid-template-columns:1fr; gap:36px; padding-block:45px; }
    .landing-workflow h2 { font-size:30px; }
    .landing-workflow-grid > div > p { font-size:12px; }
    .landing-workflow-steps { gap:20px; }
    .landing-workflow-steps li { gap:17px; padding-bottom:20px; }
    .landing-workflow-steps h3 { font-size:17px; }
    .landing-resources { padding-block:45px; }
    .landing-section-heading h2 { font-size:29px; }
    .landing-section-heading { margin-bottom:25px; }
    .landing-resources-grid { grid-template-columns:1fr; gap:14px; }
    .landing-resources-grid article { padding:23px; }
    .landing-resources-grid svg { margin-bottom:18px; }
    .landing-resources-grid h3 { font-size:18px; }
    .landing-resources-grid p { margin-bottom:18px; }
    .landing-final-inner { flex-direction:column; align-items:stretch; gap:28px; padding-block:40px; }
    .landing-final h2 { font-size:29px; }
    .landing-final-actions { width:100%; }
    .landing-footer > div { flex-wrap:wrap; justify-content:space-between; gap:18px 20px; padding-block:25px; }
    .landing-footer .brand-logo { width:150px; }
    .landing-footer > div > a:not(.brand-logo) { margin-left:0; }
    .landing-footer > div > span { flex-basis:100%; border-top:1px solid var(--border); padding-top:16px; }
}
@media(max-width:360px) { .landing-nav .brand-logo { width:110px; } .landing-hero h1 { font-size:36px; } }
@media(prefers-reduced-motion:reduce) { .landing-body { scroll-behavior:auto; } }

/* The public presentation uses a fixed white palette, independent of the app theme. */
.landing-body,.landing-header,.landing-hero,.landing-promises,.landing-workflow,.landing-final,.landing-footer { background:#fff; }
.landing-hero-visual::before,.landing-workflow::after { display:none; }
.landing-chevron { opacity:.09; }
.landing-demo { box-shadow:0 20px 65px #19292f16; border-color:#dfe5e8; }
.landing-demo-caption,.landing-visual-slogan { color:var(--muted); }
.landing-workflow { border-bottom:1px solid var(--border); color:var(--foreground); }
.landing-workflow h2,.landing-workflow-steps h3 { color:var(--foreground); }
.landing-workflow .landing-eyebrow,.landing-workflow em,.landing-workflow-steps li > span { color:var(--primary); }
.landing-workflow-grid > div > p,.landing-workflow-steps p { color:var(--muted); }
.landing-workflow-steps li { border-color:var(--border); }
.landing-outline-link { color:var(--primary); border-color:var(--primary); }
.landing-outline-link:hover { background:var(--tint); color:var(--primary-strong); }
.landing-resources-grid article { background:#fff; }