.demo-chrome{position:sticky;top:0;z-index:30;box-shadow:0 3px 14px rgba(25,48,37,.12)}
.demo-mode .daily-header{position:relative;top:auto;z-index:auto}
.demo-mode .story-dialog{top:var(--demo-banner-height,48px);height:calc(100vh - var(--demo-banner-height,48px))}
.demo-banner{display:flex;min-height:48px;align-items:center;justify-content:space-between;gap:18px;padding:8px max(22px,calc((100vw - 1380px)/2));background:#19372b;color:#e8f1ea}
.demo-banner>div{display:flex;min-width:0;align-items:center;gap:10px}
.demo-banner strong{flex:0 0 auto;color:#fff;font:800 11px/1.3 Manrope,sans-serif}
.demo-banner>div>span:last-child{overflow:hidden;color:#c9d8ce;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.demo-live-dot{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#a4e45c;box-shadow:0 0 0 4px rgba(164,228,92,.12)}
.demo-banner>a{flex:0 0 auto;border:1px solid rgba(213,237,205,.45);border-radius:7px;padding:7px 10px;color:#dcf4bd;font-size:9px;font-weight:800;white-space:nowrap}
.demo-banner>a:hover{border-color:#b5e97b;background:rgba(255,255,255,.08);color:#fff}
.demo-mode .daily-header{box-shadow:none}
.demo-project-pill{cursor:default;user-select:text}
.demo-nav-locked,.demo-locked-control{position:relative}
.demo-mode .daily-header nav .demo-nav-locked{display:inline-flex;align-items:center;gap:5px;border:0;padding:0 12px;background:transparent;color:#87938d;font:inherit;white-space:nowrap}
.demo-mode .daily-header nav .demo-nav-locked span{color:#9daa9f;font-size:9px}
.demo-mode .daily-header nav .demo-nav-locked:hover{color:#456b55}
.demo-locked-control[aria-haspopup="dialog"],.demo-nav-locked[aria-haspopup="dialog"]{cursor:help}
.demo-hover-tooltip{position:fixed;z-index:1000;box-sizing:border-box;width:min(360px,calc(100vw - 24px));border:1px solid #d9e4da;border-left:4px solid #a4dc63;border-radius:12px;padding:15px 17px;background:linear-gradient(135deg,#fff 0%,#f5faef 100%);color:#304b38;box-shadow:0 16px 36px rgba(24,45,34,.22);font:600 18px/1.5 'DM Sans',sans-serif;pointer-events:none;animation:demo-tooltip-in .16s ease-out both}
.demo-hover-tooltip[hidden]{display:none}
@keyframes demo-tooltip-in{from{opacity:0;transform:translateY(-4px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
.demo-mode .daily-feed-columns.demo-feed-columns,.demo-mode .daily-feed-item.demo-feed-item{grid-template-columns:55px 76px minmax(260px,1fr) 150px 85px 75px 100px 110px}
.demo-mode .daily-feed-item.demo-feed-item .daily-feed-actions{gap:2px}
.demo-mode .daily-feed-list[data-feed-layout="grid"] .demo-feed-item .daily-feed-score{top:12px;left:12px}
.demo-mode .demo-project-pill{display:flex;min-width:150px;max-width:220px;min-height:48px;align-items:center;justify-content:center;border-color:#dce5dd;padding:10px 16px;color:#203b2d;font:800 14px/1.2 Manrope,sans-serif;text-align:center}
.demo-mode .daily-view-switch{position:relative;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
.demo-mode .demo-conversion-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:30px;isolation:isolate;overflow:hidden;margin:54px 0 16px;border:1px solid #d8e6d1;border-radius:22px;padding:clamp(26px,4vw,42px);background:linear-gradient(112deg,#f0f7e9 0%,#fff 56%,#edf5e8 100%);box-shadow:0 18px 42px rgba(35,69,47,.10),inset 0 1px 0 rgba(255,255,255,.9)}
.demo-mode .demo-conversion-card::before,.demo-mode .demo-conversion-card::after{position:absolute;z-index:-1;border-radius:50%;content:"";pointer-events:none}
.demo-mode .demo-conversion-card::before{top:-116px;right:8%;width:300px;height:300px;border:1px solid rgba(107,157,82,.18);box-shadow:0 0 0 24px rgba(139,187,104,.055),0 0 0 52px rgba(139,187,104,.04)}
.demo-mode .demo-conversion-card::after{top:-80px;right:calc(8% + 36px);width:225px;height:225px;background:radial-gradient(circle,rgba(188,228,139,.32),rgba(188,228,139,0) 70%)}
.demo-mode .demo-conversion-art{position:absolute;top:50%;right:calc(235px + 6%);display:grid;width:66px;height:66px;place-items:center;transform:translateY(-50%);border:1px solid #cfe2c1;border-radius:23px;background:rgba(231,243,219,.9);color:#4c7542;box-shadow:0 10px 28px rgba(58,92,54,.12);rotate:-9deg}
.demo-mode .demo-conversion-art span{position:absolute;inset:8px;border:1px solid rgba(78,124,63,.25);border-radius:17px}
.demo-mode .demo-conversion-art i{font:900 27px/1 Manrope,sans-serif;font-style:normal}
.demo-mode .demo-conversion-copy{position:relative;max-width:760px}
.demo-mode .demo-conversion-eyebrow{display:flex;align-items:center;gap:8px;margin:0 0 12px;color:#557747;font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.demo-mode .demo-conversion-eyebrow>span{width:8px;height:8px;border-radius:50%;background:#a5dc5f;box-shadow:0 0 0 4px rgba(165,220,95,.19)}
.demo-mode .demo-conversion-copy h2{max-width:740px;margin:0;color:#203a2d;font:800 clamp(25px,3.4vw,38px)/1.12 Manrope,sans-serif;letter-spacing:-.04em}
.demo-mode .demo-conversion-copy>p:last-child{max-width:700px;margin:12px 0 0;color:#5d7164;font-size:14px;line-height:1.65}
.demo-mode .demo-conversion-action{position:relative;display:grid;justify-items:stretch;gap:9px;min-width:225px}
.demo-mode .demo-conversion-action>a{display:inline-flex;min-height:52px;align-items:center;justify-content:center;gap:12px;border:1px solid #1d452f;border-radius:11px;padding:0 19px;background:#1c402d;color:#f3fbe8;box-shadow:0 8px 18px rgba(28,64,45,.18);font-size:13px;font-weight:900;text-align:center;transition:transform .16s ease,background .16s ease,box-shadow .16s ease}
.demo-mode .demo-conversion-action>a:hover{transform:translateY(-2px);background:#28533a;box-shadow:0 12px 24px rgba(28,64,45,.23)}
.demo-mode .demo-conversion-action>a span{color:#c7ee7f;font-size:18px;line-height:1}
.demo-mode .demo-conversion-action>small{color:#748479;font-size:10px;font-weight:700;text-align:center}
.demo-mode .demo-conversion-card-end{margin:52px 0 28px;border-color:#214b34;background:radial-gradient(circle at 82% 22%,rgba(150,197,100,.17),transparent 28%),linear-gradient(120deg,#17382a,#214c35 68%,#193b2b);box-shadow:0 22px 52px rgba(19,51,33,.2)}
.demo-mode .demo-conversion-card-end::before{top:-105px;right:11%;border-color:rgba(197,239,136,.18);box-shadow:0 0 0 24px rgba(197,239,136,.045),0 0 0 54px rgba(197,239,136,.03)}
.demo-mode .demo-conversion-card-end::after{top:-50px;right:calc(11% + 40px);background:radial-gradient(circle,rgba(177,224,108,.22),rgba(177,224,108,0) 70%)}
.demo-mode .demo-conversion-card-end .demo-conversion-eyebrow{color:#b8df83}
.demo-mode .demo-conversion-card-end .demo-conversion-copy h2{color:#fff}
.demo-mode .demo-conversion-card-end .demo-conversion-copy>p:last-child{color:#d0ded3}
.demo-mode .demo-conversion-card-end .demo-conversion-action>a{border-color:#d1f194;background:#c9ed82;color:#1d3b2b;box-shadow:0 10px 26px rgba(9,26,16,.2)}
.demo-mode .demo-conversion-card-end .demo-conversion-action>a:hover{background:#d8f5a1}
.demo-mode .demo-conversion-card-end .demo-conversion-action>a span{color:#31563a}
.demo-mode .demo-conversion-card-end .demo-conversion-action>small{color:#b9ccbe}
.demo-mode .demo-conversion-card-end .demo-conversion-art{border-color:rgba(190,231,135,.28);background:rgba(196,231,144,.12);color:#c6eb8a;box-shadow:0 10px 28px rgba(8,25,15,.18)}
.demo-mode .demo-conversion-card-end .demo-conversion-art span{border-color:rgba(190,231,135,.28)}
.demo-mode .demo-browse-tip,.demo-mode .demo-filter-tip{display:flex;align-items:center;gap:10px;border:1px solid #dbe7d4;border-radius:11px;padding:9px 11px;background:#f4f8ef;color:#536a58}
.demo-mode .demo-browse-tip{max-width:560px;margin:-5px 0 14px auto}
.demo-mode .demo-filter-tip{margin:0 20px 14px;border-color:#e2e9df;padding:8px 10px;background:#f8faf6}
.demo-mode .demo-tip-icon{display:grid;width:25px;height:25px;flex:0 0 25px;place-items:center;border-radius:8px;background:#e4f0d8;color:#53813e;font-size:15px;font-weight:900}
.demo-mode .demo-browse-tip p,.demo-mode .demo-filter-tip p{flex:1;margin:0;color:#627469;font-size:11px;line-height:1.45}
.demo-mode .demo-browse-tip p strong,.demo-mode .demo-filter-tip p strong{color:#36533f;font-weight:900}
.demo-mode .demo-browse-tip>button,.demo-mode .demo-filter-tip>button{display:grid;width:25px;height:25px;flex:0 0 25px;place-items:center;border:0;border-radius:7px;background:transparent;color:#718278;font-size:18px;cursor:pointer}
.demo-mode .demo-browse-tip>button:hover,.demo-mode .demo-filter-tip>button:hover{background:#e7efe2;color:#294a35}
.demo-mode .demo-browse-tip[hidden],.demo-mode .demo-filter-tip[hidden]{display:none}
.demo-feature-dialog{position:fixed;width:min(440px,calc(100vw - 32px));max-width:none;border:1px solid #dce6de;border-radius:18px;padding:30px;background:#fff;color:#283b30;box-shadow:0 25px 85px rgba(17,39,27,.28)}
.demo-feature-dialog::backdrop{background:rgba(19,38,29,.44);backdrop-filter:blur(3px)}
.demo-feature-dialog .demo-dialog-close{position:absolute;top:12px;right:14px;width:32px;height:32px;border:0;border-radius:50%;background:#f1f5f0;color:#617269;font-size:21px;line-height:1;cursor:pointer}
.demo-dialog-kicker{color:#6a8b5a;font-size:8px;font-weight:900;letter-spacing:.13em}
.demo-feature-dialog h2{margin:12px 0 8px;color:#20382b;font:800 22px/1.2 Manrope,sans-serif}
.demo-feature-dialog p{margin:0;color:#66776d;font-size:12px;line-height:1.6}
.demo-feature-dialog>div{display:flex;align-items:center;gap:14px;margin-top:23px;flex-wrap:wrap}
.demo-feature-dialog>div>a{border-radius:8px;padding:11px 14px;background:#263f31;color:#eff8df;font-size:10px;font-weight:800}
.demo-feature-dialog>div>button{border:0;background:transparent;color:#65766b;font:700 10px 'DM Sans',sans-serif;cursor:pointer}
.demo-welcome-dialog{width:min(600px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow-y:auto;padding:clamp(26px,5vw,42px)}
.demo-welcome-dialog .demo-dialog-kicker{display:block;font-size:16px;line-height:1.4}
.demo-welcome-dialog h2{font-size:clamp(27px,5vw,34px)}
.demo-welcome-dialog>p{margin:12px 0 0;color:#596d60;font-size:15px;line-height:1.65}
.demo-welcome-dialog>p strong{color:#35543c;font-weight:800}
.demo-welcome-actions{justify-content:flex-end!important;margin-top:28px!important}
.demo-welcome-dialog>div>button[data-demo-welcome-dismiss]{border:0;border-radius:9px;padding:12px 16px;background:#263f31;color:#f1f8e5;font:800 12px 'DM Sans',sans-serif;cursor:pointer}
.demo-welcome-dialog>div>button[data-demo-welcome-dismiss]:hover{background:#345844}
.demo-admin-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;margin-top:20px}
.demo-admin-card,.demo-admin-link-card{min-width:0}
.demo-admin-card>header,.demo-admin-link-card>header{border-bottom:1px solid #e5ebe7;padding:20px 24px}
.demo-admin-card>header h2,.demo-admin-link-card>header h2{margin:0;color:#263d31;font:800 17px/1.3 Manrope,sans-serif}
.demo-admin-card>header p,.demo-admin-link-card>header p{margin:6px 0 0;color:#718078;font-size:10px;line-height:1.5}
.demo-admin-card form{padding:20px 24px}
.demo-admin-card form>label{display:block;margin-bottom:7px;color:#48584f;font-size:10px;font-weight:800}
.demo-admin-select-row{display:flex;align-items:center;gap:9px}
.demo-admin-select-row select{box-sizing:border-box;min-width:0;min-height:42px;flex:1;border:1px solid #d8e2dc;border-radius:8px;padding:0 11px;background:#fff;color:#23332b;font:500 12px/1.4 'DM Sans',sans-serif}
.demo-admin-card .form-help{margin:11px 0 0;color:#87948c;font-size:9px;line-height:1.5}
.demo-link-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:20px 24px 10px}
.demo-link-row input{box-sizing:border-box;min-width:180px;min-height:40px;flex:1;border:1px solid #d8e2dc;border-radius:8px;padding:0 10px;background:#f9fbf9;color:#43574a;font:500 10px 'DM Sans',sans-serif}
.demo-link-row>button,.demo-link-row>a{min-height:38px}
.demo-link-status{display:flex;align-items:center;gap:7px;margin:0;padding:0 24px 19px;color:#728078;font-size:9px}
.demo-link-status>span{width:7px;height:7px;border-radius:50%;background:#65ad63}
.demo-link-status strong{color:#43574a}
.demo-unpublished-note{display:flex;align-items:flex-start;gap:11px;padding:22px 24px;color:#76847b}
.demo-unpublished-note>span{color:#aab5ad;font-size:19px}
.demo-unpublished-note strong{color:#44584a;font-size:11px}
.demo-unpublished-note p{margin:5px 0 0;font-size:10px;line-height:1.5}
.demo-admin-readonly{display:flex;align-items:flex-start;gap:12px;margin-top:18px;border:1px solid #dbe7d8;border-radius:11px;padding:17px 20px;background:#f6faf2;color:#556b5b}
.demo-admin-readonly>span{display:grid;flex:0 0 27px;height:27px;place-items:center;border-radius:8px;background:#e4efd9;color:#598240;font-size:17px}
.demo-admin-readonly strong{color:#34533d;font-size:11px}
.demo-admin-readonly p{margin:4px 0 0;color:#718078;font-size:10px;line-height:1.55}
.demo-unavailable-page{display:grid;min-height:100vh;place-items:center;padding:24px}
.demo-unavailable-page main{width:min(500px,100%);border:1px solid #e1e9e2;border-radius:18px;padding:34px;background:#fff;box-shadow:0 18px 50px rgba(25,48,37,.08)}
.demo-unavailable-page .daily-brand{margin-bottom:32px}
.demo-unavailable-page h1{margin:9px 0;color:#233d30;font:800 26px/1.2 Manrope,sans-serif}
.demo-unavailable-page main>p:not(.product-eyebrow){margin:0 0 20px;color:#718078;font-size:12px;line-height:1.6}
@media(max-width:900px){.demo-banner{align-items:flex-start}.demo-banner>div{align-items:flex-start}.demo-banner strong{white-space:nowrap}.demo-banner>div>span:last-child{white-space:normal}.demo-admin-layout{grid-template-columns:1fr}}
@media(max-width:720px){.demo-banner{gap:8px;padding:9px 14px}.demo-banner>div{flex-wrap:wrap;gap:6px 9px}.demo-banner>div>span:last-child{flex-basis:100%;padding-left:17px;font-size:9px}.demo-banner>a{align-self:center;padding:7px 8px;font-size:8px}.demo-admin-select-row{align-items:stretch;flex-direction:column}.demo-admin-select-row button{width:100%}.demo-link-row{align-items:stretch;flex-direction:column}.demo-link-row input{width:100%}.demo-link-row>a,.demo-link-row>button{width:100%;justify-content:center}.demo-admin-card>header,.demo-admin-link-card>header{padding:18px}.demo-admin-card form{padding:18px}.demo-link-row{padding-right:18px;padding-left:18px}.demo-welcome-dialog>p{font-size:14px}.demo-welcome-dialog .demo-dialog-kicker{font-size:15px}.demo-welcome-actions{align-items:stretch!important;flex-direction:column}.demo-welcome-dialog>div>button[data-demo-welcome-dismiss]{width:100%}}
@media(max-width:900px){.demo-mode .demo-conversion-card{gap:20px;padding:26px}.demo-mode .demo-conversion-action{min-width:205px}.demo-mode .demo-conversion-copy h2{font-size:clamp(24px,3vw,32px)}}
@media(max-width:720px){.demo-mode .demo-conversion-card{grid-template-columns:1fr;gap:19px;margin:35px 0 10px;border-radius:17px;padding:23px 20px}.demo-mode .demo-conversion-card-end{margin:38px 0 20px}.demo-mode .demo-conversion-art{display:none}.demo-mode .demo-conversion-action{width:100%;min-width:0}.demo-mode .demo-conversion-action>a{width:100%;box-sizing:border-box}.demo-mode .demo-conversion-action>small{text-align:left}.demo-mode .demo-browse-tip{max-width:none;margin:0 0 12px}.demo-mode .demo-filter-tip{margin:0 12px 12px}.demo-mode .daily-view-switch{justify-content:flex-start}}
@media(prefers-reduced-motion:reduce){.demo-mode .demo-conversion-action>a{transition:none}}
.daily-body.demo-mode .daily-feed-item.demo-feed-item .daily-feed-actions{gap:8px}

/* Compact invitation for the public demo. */
.demo-welcome-dialog .demo-dialog-kicker { font-size: 11px; letter-spacing: .14em; }
.demo-welcome-steps { list-style: none; padding: 0; margin: 24px 0 0; display: grid; gap: 10px; }
.demo-welcome-steps li { display: flex; align-items: flex-start; gap: 14px; padding: 14px 16px; background: #f5f8ef; border: 1px solid #e5ecdc; border-radius: 12px; }
.demo-welcome-steps li > span { display: grid; place-items: center; flex: 0 0 32px; height: 32px; border-radius: 9px; background: #e2efc8; color: #294a35; font: 800 22px/1 sans-serif; }
.demo-welcome-steps strong { display: block; font-size: 15px; color: #20382b; }
.demo-welcome-steps p { margin: 3px 0 0; font-size: 13px; line-height: 1.5; }
.demo-welcome-dialog .demo-welcome-actions { justify-content: stretch !important; margin-top: 22px !important; }
.demo-welcome-dialog .demo-welcome-actions button[data-demo-welcome-dismiss] { width: 100%; padding: 15px 18px; font-size: 15px; }
.demo-welcome-dialog p.demo-welcome-limit { font-size: 12px; line-height: 1.5; text-align: center; margin-top: 12px; }
.demo-welcome-about { margin-top: 18px; border-top: 1px solid #e5ecdc; padding-top: 14px; }
.demo-welcome-about summary { cursor: pointer; color: #596d60; font-size: 12px; font-weight: 700; }
.demo-welcome-about p { font-size: 12px; margin-top: 10px; }