*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#17211d;background:#f3f6f3}body{margin:0}.demo-owner-body{min-height:100vh;background:linear-gradient(180deg,#f7f9f6 0,#f2f5f2 100%);color:#18211d}.demo-topbar{height:78px;background:rgba(255,255,255,.95);border-bottom:1px solid #dfe6e2;display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.demo-brand img{display:block;width:210px;height:60px;object-fit:contain}.demo-top-actions{display:flex;align-items:center;gap:14px}.demo-chip{font-size:9px;letter-spacing:.09em;font-weight:900;color:#557066;background:#edf4ef;border:1px solid #d9e7df;padding:7px 9px;border-radius:999px}.demo-link{color:#315c4d;text-decoration:none;font-weight:800;font-size:13px}.demo-primary,.demo-secondary{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:11px;text-decoration:none;font-weight:850;cursor:pointer}.demo-primary{background:#174d3b;color:#fff;padding:11px 15px}.demo-primary.small{padding:10px 14px;font-size:12px}.demo-primary.large{padding:14px 21px;font-size:14px}.demo-secondary{border:1px solid #cfdad4;color:#315c4d;background:#fff;padding:13px 18px}.demo-shell{max-width:1280px;margin:0 auto;padding:42px 28px 80px}.demo-intro{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end;margin-bottom:42px}.demo-intro h1{max-width:840px;font-family:Georgia,"Times New Roman",serif;font-size:54px;line-height:1.02;letter-spacing:-.035em;margin:8px 0 16px;color:#10251d}.demo-intro>div>p{max-width:780px;color:#64726c;line-height:1.72;font-size:16px;margin:0}.demo-kicker{font-size:11px;letter-spacing:.14em;font-weight:950;color:#247052}.perspective-switch{min-width:250px;background:#fff;border:1px solid #dfe6e2;border-radius:16px;padding:15px 16px;box-shadow:0 8px 24px rgba(18,41,31,.04)}.perspective-switch>span{display:block;font-size:9px;color:#87938d;text-transform:uppercase;letter-spacing:.08em;font-weight:800;margin-bottom:9px}.perspective-switch a,.perspective-switch strong{display:flex;justify-content:space-between;align-items:center;padding:9px 10px;border-radius:9px;font-size:12px}.perspective-switch a{color:#49625a;text-decoration:none}.perspective-switch strong{margin-top:5px;background:#edf5f0;color:#174d3b}.demo-heading-row{display:flex;justify-content:space-between;gap:28px;align-items:flex-end;margin-bottom:24px}.demo-heading-row h2{font-size:38px;line-height:1.05;letter-spacing:-.04em;margin:6px 0 8px}.demo-heading-row p{margin:0;color:#68756f}.demo-share-card{background:#fff;border:1px solid #dfe6e2;border-radius:16px;padding:14px 15px;min-width:365px;box-shadow:0 6px 20px rgba(20,40,31,.035)}.demo-share-card>span{display:block;font-size:9px;font-weight:900;color:#839088;text-transform:uppercase;letter-spacing:.08em;margin-bottom:7px}.demo-share-card div{display:flex;gap:8px;align-items:center}.demo-share-card code{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#f4f7f5;padding:9px 10px;border-radius:8px;font-size:11px;color:#42564e}.demo-share-card button{border:0;background:#e9f1ec;color:#285f49;font-weight:850;border-radius:8px;padding:9px 11px;cursor:pointer}.demo-metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.demo-metric-grid article{background:#fff;border:1px solid #dfe6e2;border-radius:18px;padding:20px;min-height:145px;box-shadow:0 8px 24px rgba(20,40,31,.025)}.demo-metric-grid span{font-size:10px;letter-spacing:.07em;font-weight:900;color:#76857e}.demo-metric-grid strong{display:block;font-size:43px;letter-spacing:-.045em;margin:11px 0 7px;color:#153c30}.demo-metric-grid small{color:#8c9791;line-height:1.4}.demo-metric-grid .featured{background:#173e32;border-color:#173e32;color:#fff}.demo-metric-grid .featured span,.demo-metric-grid .featured small{color:#c4d4cd}.demo-metric-grid .featured strong{color:#d9f36b}.demo-panel{background:#fff;border:1px solid #dfe6e2;border-radius:20px;padding:24px;margin-bottom:18px;box-shadow:0 9px 28px rgba(18,40,30,.035)}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:21px}.panel-heading h3{font-size:23px;letter-spacing:-.03em;margin:5px 0 0;color:#173328}.panel-heading>span{font-size:10px;color:#728078;background:#f2f6f3;border-radius:999px;padding:7px 9px}.panel-heading>a{font-size:12px;font-weight:800;color:#28664d;text-decoration:none}.demo-funnel{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:11px;align-items:center}.demo-funnel>i{font-style:normal;color:#aebdb6;font-size:22px}.demo-funnel>div{background:#f5f8f6;border:1px solid #e5ebe7;border-radius:15px;padding:17px}.demo-funnel b{display:block;font-size:27px;color:#173e32}.demo-funnel span{display:block;color:#718078;font-size:12px;margin-top:4px}.demo-funnel .accent{background:#eef7f1;border-color:#d1e7d8}.demo-funnel .accent b{color:#246e4f}.demo-two-col{display:grid;grid-template-columns:1.35fr 1fr;gap:18px}.demo-bars{height:250px;display:flex;align-items:flex-end;gap:7px;padding:18px 0 2px;border-bottom:1px solid #e6ebe8}.demo-bars>div{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;flex:1;min-width:0}.demo-bars b{font-size:9px;color:#849088;margin-bottom:4px}.demo-bars i{display:block;width:72%;max-width:28px;min-height:3px;background:linear-gradient(180deg,#76a690,#1f6b4f);border-radius:6px 6px 2px 2px}.demo-bars small{font-size:8px;color:#9aa49e;margin-top:8px;white-space:nowrap}.demo-activity{display:flex;flex-direction:column}.demo-activity>div{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid #edf0ee}.demo-activity p{margin:0;font-size:12px;color:#596760}.demo-activity b{color:#253b32}.demo-activity time{font-size:9px;color:#9aa49f}.activity-dot{width:9px;height:9px;border-radius:50%}.activity-dot.google{background:#2f8a61}.activity-dot.ready{background:#d7a12b}.activity-dot.started{background:#6684c5}.activity-dot.opened{background:#9a9fa2}.panel-lede{max-width:870px;color:#68756f;line-height:1.65;margin:-3px 0 18px}.automation-card{padding:18px;border:1px solid #dce6e0;border-radius:16px;background:#f9fcfa;margin-bottom:20px}.automation-header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:13px}.automation-header strong{display:block;font-size:15px}.automation-header div>span{display:block;color:#8b9690;font-size:10px;margin-top:3px}.automation-badge{padding:6px 9px;border-radius:999px;font-size:10px;font-weight:900}.automation-badge.off{background:#ecefee;color:#6d7973}.automation-badge.on{background:#e5f6eb;color:#267146}.master-toggle,.rule-grid label{display:flex;gap:10px;align-items:flex-start}.master-toggle{background:#edf5f0;padding:12px;border-radius:11px}.master-toggle input,.rule-grid input{margin-top:3px;accent-color:#1f6b4f}.master-toggle b,.rule-grid b{display:block;font-size:12px}.master-toggle small,.rule-grid small{display:block;color:#7c8882;font-size:10px;line-height:1.45;margin-top:3px}.rule-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.rule-grid label{background:#fff;border:1px solid #e4eae6;border-radius:11px;padding:11px}.timing-grid{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:10px;align-items:end;margin-top:12px}.timing-grid label,.request-form label,.branding-controls label{display:flex;flex-direction:column;gap:6px;color:#5e6b65;font-size:10px;font-weight:850}.timing-grid select,.request-form input,.branding-controls input,.branding-controls textarea{width:100%;border:1px solid #d7dfda;background:#fff;border-radius:9px;padding:10px 11px;font:inherit;color:#24342d;outline:none}.timing-grid select{height:41px}.timing-grid select:focus,.request-form input:focus,.branding-controls input:focus,.branding-controls textarea:focus{border-color:#78a892;box-shadow:0 0 0 3px rgba(31,107,79,.08)}.privacy-note{margin:11px 0 0;color:#88938d;font-size:10px;line-height:1.5}.request-form{display:grid;grid-template-columns:1.1fr 1.2fr 1fr 1.2fr auto;gap:10px;align-items:end;margin:18px 0 14px}.request-form label small{font-weight:500;color:#9aa39e}.request-form .demo-primary{height:41px;white-space:nowrap}.demo-notice{margin:0 0 14px;padding:11px 13px;border:1px solid #cde4d5;border-radius:10px;background:#edf8f1;color:#2a6748;font-size:11px;font-weight:700}.request-table-wrap{overflow-x:auto;border:1px solid #e3e9e5;border-radius:13px}.request-table{width:100%;border-collapse:collapse;min-width:850px}.request-table th{text-align:left;padding:11px 12px;background:#f5f8f6;color:#84918a;font-size:9px;text-transform:uppercase;letter-spacing:.07em}.request-table td{padding:13px 12px;border-top:1px solid #edf0ee;vertical-align:middle;font-size:11px}.request-table td>strong,.request-table td>small{display:block}.request-table td>small{color:#929d97;margin-top:3px}.status,.follow{display:inline-flex;align-items:center;border-radius:999px;padding:6px 8px;font-size:9px;font-weight:850;white-space:nowrap}.status.new{background:#eff1f0;color:#67736d}.status.opened,.status.started{background:#edf3ff;color:#4965a5}.status.ready{background:#fff4d8;color:#916a16}.status.google,.status.complete{background:#e5f5ea;color:#287049}.follow.due{background:#fff0e7;color:#a65325}.follow.wait{background:#f1f3f2;color:#79847f}.follow.none{background:#e9f5ed;color:#427456}.row-actions{display:flex;gap:7px;align-items:center}.row-actions button{border:0;border-radius:8px;padding:7px 9px;font-size:9px;font-weight:850;cursor:pointer}.copy-demo-link{background:#e8f1ec;color:#285f49}.mark-complete{background:#f1f2f2;color:#69746f}.google-note{margin:14px 0 0;padding:11px 13px;border-radius:11px;background:#f5f7f6;color:#78847e;font-size:10px;line-height:1.55}.google-note strong{color:#4c5a54}.branding-grid{display:grid;grid-template-columns:350px 1fr;gap:30px;align-items:start}.brand-preview{--demo-accent:#1f6b4f;border:1px solid #dfe6e2;border-radius:18px;overflow:hidden;background:#f8faf9;position:sticky;top:100px}.brand-cover{height:128px;background:linear-gradient(135deg,color-mix(in srgb,var(--demo-accent) 82%,#fff),color-mix(in srgb,var(--demo-accent) 35%,#d9f36b));display:grid;place-items:center;color:#fff;font-size:9px;letter-spacing:.1em;font-weight:900}.brand-card{padding:0 22px 24px;text-align:center}.brand-initial{width:76px;height:76px;border-radius:19px;display:grid;place-items:center;margin:-38px auto 10px;border:4px solid #fff;background:var(--demo-accent);color:#fff;font-size:28px;font-weight:950;box-shadow:0 7px 18px rgba(18,44,33,.14)}.brand-card>strong{display:block;font-size:19px}.brand-card>small{display:block;color:#8a9690;margin-top:3px}.brand-card h4{font-family:Georgia,serif;font-size:21px;margin:19px 0 13px;color:#24392f}.preview-tags{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-bottom:17px}.preview-tags span{font-size:9px;padding:6px 8px;border-radius:999px;border:1px solid #dfe7e2;color:#617068;background:#fff}.brand-card button{border:0;background:var(--demo-accent);color:#fff;border-radius:9px;padding:10px 16px;font-weight:850}.branding-controls{display:grid;grid-template-columns:1fr 1fr;gap:14px}.branding-controls .wide{grid-column:1/-1}.colour-row{display:grid;grid-template-columns:1fr 48px;gap:7px}.colour-row input[type=color]{padding:4px;height:41px}.resource-row{display:flex;flex-wrap:wrap;gap:8px}.resource-row span{background:#eef4f0;color:#476258;border-radius:999px;padding:7px 9px;font-size:9px;font-weight:800}.branding-controls>.demo-primary{justify-self:start}.visibility-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;margin:54px 0;padding:44px 0;border-top:1px solid #dce4df;border-bottom:1px solid #dce4df}.visibility-copy h2{font-family:Georgia,serif;font-size:38px;line-height:1.08;letter-spacing:-.035em;margin:7px 0 14px;color:#15362a}.visibility-copy p{color:#68756f;line-height:1.7}.visibility-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.visibility-grid article{background:#fff;border:1px solid #dfe6e2;border-radius:15px;padding:18px}.visibility-grid article>span{display:block;color:#2e7254;font-size:10px;font-weight:950;letter-spacing:.08em;margin-bottom:15px}.visibility-grid strong{font-size:14px}.visibility-grid p{font-size:11px;line-height:1.55;color:#78857f;margin:8px 0 0}.demo-cta{display:flex;align-items:center;justify-content:space-between;gap:40px;background:#173e32;color:#fff;border-radius:24px;padding:34px 38px}.demo-cta>div:first-child{max-width:720px}.demo-cta span{display:block;color:#d9f36b;font-size:9px;font-weight:950;letter-spacing:.1em}.demo-cta h2{font-family:Georgia,serif;font-size:35px;line-height:1.08;margin:8px 0 10px}.demo-cta p{color:#c2d1ca;line-height:1.6;margin:0}.demo-cta>div:last-child{display:flex;gap:10px;flex-wrap:wrap}.demo-cta .demo-secondary{background:transparent;border-color:#4e6f62;color:#e8f2ed}
@media(max-width:1040px){.demo-intro{grid-template-columns:1fr}.perspective-switch{max-width:430px}.demo-metric-grid{grid-template-columns:1fr 1fr}.demo-two-col{grid-template-columns:1fr}.request-form{grid-template-columns:1fr 1fr}.request-form .demo-primary{grid-column:1/-1;justify-self:start}.branding-grid{grid-template-columns:1fr}.brand-preview{position:static;max-width:420px}.visibility-section{grid-template-columns:1fr;gap:28px}.demo-cta{align-items:flex-start;flex-direction:column}.timing-grid{grid-template-columns:1fr 1fr}.timing-grid .demo-primary{grid-column:1/-1;justify-self:start}}
@media(max-width:760px){.demo-topbar{height:auto;min-height:70px;padding:8px 16px}.demo-brand img{width:155px;height:46px}.demo-chip{display:none}.demo-top-actions{gap:9px}.demo-link{font-size:11px}.demo-primary.small{padding:9px 10px;font-size:10px}.demo-shell{padding:28px 15px 60px}.demo-intro h1{font-size:40px}.demo-heading-row{align-items:stretch;flex-direction:column}.demo-share-card{min-width:0}.demo-metric-grid{grid-template-columns:1fr 1fr}.demo-funnel{grid-template-columns:1fr}.demo-funnel>i{transform:rotate(90deg);justify-self:center}.rule-grid{grid-template-columns:1fr}.timing-grid{grid-template-columns:1fr}.request-form{grid-template-columns:1fr}.request-form .demo-primary,.timing-grid .demo-primary{grid-column:1}.branding-controls{grid-template-columns:1fr}.branding-controls .wide{grid-column:1}.visibility-grid{grid-template-columns:1fr}.demo-cta{padding:28px 22px}.demo-cta h2{font-size:30px}}
@media(max-width:520px){.demo-top-actions .demo-link{display:none}.demo-metric-grid{grid-template-columns:1fr}.demo-intro h1{font-size:34px}.demo-heading-row h2{font-size:31px}.demo-panel{padding:18px}.demo-bars{gap:3px}.demo-bars small{display:none}.panel-heading{align-items:flex-start;flex-direction:column}.visibility-copy h2{font-size:31px}}

/* AI timing insight demo v0.7.10 */
.demo-confidence{display:inline-flex!important;align-items:center;background:#edf4ff!important;color:#46649a!important;border-radius:999px!important;padding:7px 10px!important;font-size:10px!important;font-weight:900!important}.demo-timing-overview{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:12px;margin-bottom:13px}.demo-timing-overview article{border:1px solid #e2e9e5;border-radius:14px;padding:15px;background:#fbfdfb}.demo-timing-overview span{display:block;font-size:9px;letter-spacing:.06em;font-weight:900;color:#7f8b85}.demo-timing-overview strong{display:block;margin:8px 0 5px;font-size:24px;color:#1c513d;letter-spacing:-.035em}.demo-timing-overview small{display:block;font-size:9px;color:#8e9993;line-height:1.45}.demo-timing-grid{display:grid;grid-template-columns:1.45fr .75fr;gap:12px}.demo-time-bars{height:190px;display:grid;grid-template-columns:repeat(5,1fr);gap:9px;align-items:end;border:1px solid #e2e9e5;border-radius:14px;background:#fff;padding:16px 15px}.demo-time-bars>div{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.demo-time-bars b{font-size:9px;color:#75817b;margin-bottom:4px}.demo-time-bars i{display:block;width:54%;max-width:40px;min-height:4px;background:linear-gradient(180deg,#84af9b,#1f6b4f);border-radius:7px 7px 2px 2px}.demo-time-bars span{font-size:8px;color:#7e8a84;margin-top:7px;text-align:center}.demo-noon-compare{border:1px solid #e2e9e5;border-radius:14px;background:#fff;padding:16px}.demo-noon-compare>strong{display:block;font-size:12px;color:#3c4d45;margin-bottom:8px}.demo-noon-compare>div{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid #edf1ef}.demo-noon-compare span{font-size:10px;font-weight:800;color:#5f6d66}.demo-noon-compare div b{font-size:18px;color:#1f6b4f}.demo-noon-compare p{margin:12px 0 0;padding:10px;border-radius:9px;background:#edf7f1;color:#4d675b;font-size:10px;line-height:1.45}.demo-ai-note{display:grid;grid-template-columns:auto 1fr;gap:11px;align-items:start;margin-top:13px;padding:14px;border-radius:13px;background:#173e32;color:#e6eee9}.demo-ai-note>span{width:31px;height:31px;border-radius:9px;background:#d9f36b;color:#173e32;display:grid;place-items:center;font-weight:950}.demo-ai-note p{margin:0;font-size:11px;line-height:1.6}.demo-ai-note strong{color:#fff}.demo-timing-disclaimer{display:block;margin-top:9px;color:#87938d;font-size:9px;line-height:1.5}@media(max-width:900px){.demo-timing-overview{grid-template-columns:1fr 1fr}.demo-timing-overview article:first-child{grid-column:1/-1}.demo-timing-grid{grid-template-columns:1fr}}@media(max-width:560px){.demo-timing-overview{grid-template-columns:1fr}.demo-timing-overview article:first-child{grid-column:auto}.demo-time-bars{gap:4px;padding:14px 9px}.demo-time-bars i{width:64%}}


/* Personalized prospect dashboard demo v0.8.0 */
.demo-business-heading-lockup{display:flex;align-items:center;gap:18px;min-width:0}.demo-business-logo{display:block;width:118px;height:70px;object-fit:contain;padding:7px 10px;border:1px solid #dfe5e1;border-radius:14px;background:#fff;box-shadow:0 10px 28px rgba(20,33,28,.08)}.brand-demo-logo{display:block;max-width:112px;max-height:64px;width:auto;height:auto;object-fit:contain;margin:0 0 12px;padding:6px 8px;border-radius:10px;border:1px solid #e2e8e4;background:#fff}@media(max-width:720px){.demo-business-heading-lockup{align-items:flex-start;gap:12px}.demo-business-logo{width:86px;height:54px;padding:5px 7px}}