.watch-demo-cta { display:inline-flex; align-items:center; justify-content:center; padding:11px 18px; border-radius:9px; border:1px solid #cbd5e1; color:inherit; background:transparent; text-decoration:none; font-weight:600; }
.watch-demo-cta:hover { border-color:#6366f1; }
.tour-page { margin:0; background:#f5f7fc; color:#1e293b; font:16px/1.6 "Segoe UI",Arial,sans-serif; }
.tour-page * { box-sizing:border-box; }
.tour-page a { color:#4b56c5; text-underline-offset:3px; }
.tour-header,.tour-footer { max-width:1240px; margin:auto; padding:22px 24px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.tour-brand { display:flex; align-items:center; gap:10px; font-weight:750; font-size:1.1rem; color:#1e293b!important; text-decoration:none; }
.tour-header nav { display:flex; align-items:center; gap:24px; font-size:.88rem; }
.tour-header nav a { text-decoration:none; }
.tour-page main { max-width:1240px; margin:auto; padding:28px 24px 40px; }
.tour-intro { margin:0 0 28px; max-width:850px; }
.tour-eyebrow { font-size:.68rem; letter-spacing:.13em; font-weight:750; color:#5865c9; margin:0 0 8px; }
.tour-page h1 { font-size:clamp(2rem,4vw,3.15rem); line-height:1.15; letter-spacing:-.04em; margin:0 0 15px; }
.tour-intro>p:not(.tour-eyebrow) { color:#64748b; font-size:1.05rem; }
.tour-pill { display:inline-block; padding:6px 11px; border-radius:20px; background:#e9edff; color:#4b56ae; font-size:.74rem; }
.tour-grid { display:grid; grid-template-columns:minmax(0,2.4fr) minmax(270px,1fr); gap:22px; align-items:start; }
.tour-card { border:1px solid #dfe5f0; border-radius:16px; background:white; overflow:hidden; min-width:0; }
.tour-card-heading { padding:20px; display:flex; align-items:center; justify-content:space-between; gap:16px; }
.tour-card-heading h2 { margin:0; font-size:1rem; line-height:1.4; }
.tour-card-heading>span { white-space:nowrap; color:#64748b; font-size:.72rem; }
.tour-page video { display:block; width:100%; background:#0d1425; }
.tour-landscape { aspect-ratio:16/9; }
.tour-portrait { aspect-ratio:9/16; max-height:520px; object-fit:contain; }
.tour-card-body { padding:18px 20px 22px; font-size:.86rem; color:#64748b; }
.tour-card-body p { margin:0 0 16px; }
.tour-actions { display:flex; align-items:center; gap:16px; flex-wrap:wrap; font-size:.78rem; }
.tour-page .tour-button { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:10px 16px; border-radius:9px; color:white; background:#5260ce; font-weight:650; text-decoration:none; font-size:.82rem; }
.tour-page .tour-button:hover { background:#414fb4; }
.tour-page .tour-secondary { background:#eef1ff; color:#4653b8; }
.tour-transcript { padding:28px 0 12px; }
.tour-transcript h2 { font-size:1.4rem; margin:0 0 16px; }
.tour-transcript ol { columns:2; column-gap:40px; padding:0; list-style:none; margin:0; }
.tour-transcript li { break-inside:avoid; padding:0 0 15px; font-size:.86rem; color:#64748b; }
.tour-transcript strong { color:#334155; }
.tour-note { padding:18px 20px; border:1px solid #dfe5f0; border-radius:12px; background:#edf1fa; color:#52617b; font-size:.82rem; }
.tour-note p { margin:6px 0 0; }
.tour-footer { border-top:1px solid #dfe5f0; font-size:.78rem; color:#64748b; }
.tour-page a:focus-visible,.tour-page video:focus-visible { outline:3px solid #6366f1; outline-offset:4px; }
@media(max-width:800px) { .tour-grid { grid-template-columns:minmax(0,1fr); } .tour-portrait { max-height:600px; } .tour-header { padding:18px; gap:12px; } .tour-header nav { gap:12px; } .tour-header nav>a:first-child { display:none; } .tour-page main { padding:18px; } .tour-transcript ol { columns:1; } .tour-footer { flex-wrap:wrap; padding:20px 18px; } }
@media(max-width:380px) { .tour-header nav>a:not(.tour-button) { display:none; } .tour-card-heading { align-items:flex-start; padding:16px; } .tour-brand { font-size:.95rem; } }

/* Homepage content stays inside the existing landing shell and theme tokens. */
#landingScreen .landing-nav .brand-row h1 { font-size:1.2rem; margin:0; letter-spacing:-.025em; }
#landingScreen .landing-nav .brand-logo { width:38px; height:38px; }
#landingScreen .landing-links { font-size:.82rem; gap:14px; }
#landingScreen #btnHeroLogin { background:var(--surface); color:var(--heading); border:1px solid var(--border); box-shadow:none; }
#landingScreen .home-business-hero { padding:clamp(26px,4vw,48px); background:var(--card-bg); }
#landingScreen .home-business-hero h2 { font-size:clamp(2rem,4vw,3.4rem); line-height:1.12; letter-spacing:-.04em; max-width:900px; margin:12px 0 18px; }
#landingScreen .home-business-hero #landingSubtitle { max-width:850px; font-size:1.05rem; line-height:1.7; }
#landingScreen .home-eyebrow { font-size:.67rem; letter-spacing:.13em; font-weight:750; color:var(--link); margin:0 0 8px; }
#landingScreen .home-hero-note { font-size:.76rem; margin:18px 0 0; color:var(--muted); }
#landingScreen .home-section { padding:28px; background:var(--card-bg); border:1px solid var(--border); border-radius:14px; scroll-margin-top:100px; }
#landingScreen .home-section-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:24px; margin-bottom:22px; }
#landingScreen .home-section-heading h2 { font-size:clamp(1.35rem,2.5vw,1.85rem); line-height:1.25; letter-spacing:-.025em; margin:0 0 10px; color:var(--heading); }
#landingScreen .home-section-heading p:not(.home-eyebrow) { color:var(--muted); max-width:790px; font-size:.88rem; line-height:1.7; margin:0; }
#landingScreen .home-section-heading>a { color:var(--link); white-space:nowrap; font-size:.8rem; font-weight:650; text-underline-offset:4px; }
#landingScreen .home-video-grid { display:grid; grid-template-columns:minmax(0,2.3fr) minmax(260px,1fr); gap:20px; align-items:start; }
#landingScreen .tour-card { background:var(--card-bg); border-color:var(--border); }
#landingScreen .tour-card-heading { padding:18px; }
#landingScreen .tour-card-heading h3 { margin:0; font-size:.95rem; line-height:1.4; color:var(--heading); }
#landingScreen .tour-card-heading>span,#landingScreen .tour-card-body { color:var(--muted); }
#landingScreen .tour-card-body a { color:var(--link); text-underline-offset:4px; }
#landingScreen .home-narrator-picker { display:flex; align-items:center; flex-wrap:wrap; gap:7px; padding:0 18px 12px; }
#landingScreen .home-narrator-picker>span { color:var(--muted); font-size:.72rem; margin-right:4px; }
#landingScreen .home-narrator-picker button { width:auto; min-height:40px; padding:7px 11px; border:1px solid var(--border); border-radius:7px; font-size:.75rem; font-weight:600; background:var(--surface); color:var(--text); box-shadow:none; transform:none; }
#landingScreen .home-narrator-picker button[aria-pressed="true"] { background:var(--heading); color:var(--card-bg); border-color:var(--heading); }
#landingScreen .home-voice-note { padding:0 18px 14px; margin:0; color:var(--muted); font-size:.73rem; line-height:1.55; }
#landingScreen .tour-card video { width:100%; display:block; background:#0d1425; }
#landingScreen .tour-portrait { max-height:480px; }
#landingScreen .home-transcript { margin-top:18px; padding:14px 16px; border:1px solid var(--border); border-radius:9px; background:var(--surface); }
#landingScreen .home-transcript summary { cursor:pointer; font-size:.83rem; font-weight:600; color:var(--text); }
#landingScreen .home-transcript ol { columns:2; gap:30px; font-size:.83rem; line-height:1.7; color:var(--muted); padding-left:18px; }
#landingScreen .home-transcript li { break-inside:avoid; margin-bottom:12px; }
#landingScreen .home-status { flex-shrink:0; display:inline-block; padding:6px 10px; border:1px solid var(--border); border-radius:20px; background:var(--surface); color:var(--link); font-size:.7rem; font-weight:650; }
#landingScreen .home-feature-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
#landingScreen .home-feature-card { padding:21px; border:1px solid var(--border); border-radius:11px; background:var(--surface); display:flex; flex-direction:column; }
#landingScreen .home-card-number { font-size:.62rem; letter-spacing:.12em; color:var(--link); font-weight:750; }
#landingScreen .home-feature-card h3 { margin:10px 0; color:var(--heading); font-size:1.02rem; }
#landingScreen .home-feature-card p,#landingScreen .home-feature-card li { font-size:.82rem; line-height:1.75; color:var(--muted); }
#landingScreen .home-feature-card p { margin:0; }
#landingScreen .home-feature-card ul { padding-left:17px; margin:12px 0 18px; }
#landingScreen .home-feature-card li+li { margin-top:7px; }
#landingScreen .home-feature-card>a { margin-top:auto; color:var(--link); font-size:.77rem; font-weight:650; text-decoration:none; }
#landingScreen .home-use-cases { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
#landingScreen .home-use-cases h3,#landingScreen .home-roadmap-grid h3 { font-size:.98rem; margin:0 0 10px; color:var(--heading); }
#landingScreen .home-use-cases p,#landingScreen .home-roadmap-grid p { font-size:.84rem; line-height:1.8; margin:0; color:var(--muted); }
#landingScreen .home-roadmap-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
#landingScreen .home-roadmap-grid article { padding:20px; border:1px dashed var(--border-strong); border-radius:10px; background:var(--surface); }
#landingScreen .home-pricing-note { font-size:.8rem; line-height:1.7; color:var(--muted); }
@media(max-width:1000px) { #landingScreen .home-feature-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:760px) { #landingScreen .home-video-grid,#landingScreen .home-use-cases,#landingScreen .home-roadmap-grid { grid-template-columns:minmax(0,1fr); } #landingScreen .home-section { padding:18px; scroll-margin-top:80px; } #landingScreen .home-section-heading { flex-direction:column; gap:12px; margin-bottom:18px; } #landingScreen .home-transcript ol { columns:1; } }
@media(max-width:500px) { #landingScreen .home-feature-grid { grid-template-columns:minmax(0,1fr); } #landingScreen .home-feature-card { padding:18px; } #landingScreen .home-business-hero { padding:24px 20px; } #landingScreen .home-business-hero #landingSubtitle { font-size:.93rem; } #landingScreen .home-eyebrow { font-size:.6rem; letter-spacing:.1em; } }