.demo-banner{background:#071d49;color:#fff;padding:12px 18px;text-align:center;font:700 12px Inter,sans-serif;letter-spacing:.04em}.demo-banner a{color:#bcd0ff}.demo-shell{max-width:1180px;margin:0 auto;padding:34px 22px 70px}.demo-hero{display:grid;grid-template-columns:1.25fr .75fr;gap:22px;align-items:stretch}.demo-card,.demo-panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 12px 40px rgba(17,45,87,.05)}.demo-panel.navy{background:#081f4d;color:#fff;border-color:#081f4d}.demo-panel.navy p,.demo-panel.navy .muted{color:#c9d8f7}.demo-label{display:inline-flex;align-items:center;gap:7px;border-radius:999px;background:#eaf1ff;color:#0b43c9;padding:7px 10px;font:800 10px Montserrat,sans-serif;letter-spacing:.09em;text-transform:uppercase}.demo-title{font:900 clamp(34px,5vw,62px) Montserrat,sans-serif;line-height:.98;margin:12px 0}.demo-sub{max-width:760px;color:var(--ink2);font-size:17px;line-height:1.65}.demo-choice{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px}.demo-choice a{display:block;text-decoration:none;color:inherit}.demo-choice h2{font:900 28px Montserrat;margin:10px 0}.demo-choice .arrow{display:inline-block;margin-top:16px;color:#0b43c9;font-weight:800}.mock-top{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:8}.mock-topin{max-width:1240px;margin:auto;padding:12px 18px;display:flex;align-items:center;gap:22px}.mock-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}.mock-brand img{width:36px;height:36px;object-fit:contain}.mock-brand b{font:900 12px Montserrat;letter-spacing:.08em}.mock-brand small{font-size:9px;color:var(--ink2);letter-spacing:.08em}.mock-nav{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap}.mock-nav button,.mock-nav a{border:0;background:transparent;padding:9px 10px;border-radius:9px;font:700 11px Inter;color:var(--ink2);cursor:pointer;text-decoration:none}.mock-nav button.on{background:#eaf1ff;color:#0b43c9}.mock-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.mock-stat{background:#fff;border:1px solid var(--line);border-radius:15px;padding:17px}.mock-stat .k{font:800 9px Montserrat;letter-spacing:.08em;color:var(--ink2);text-transform:uppercase}.mock-stat .v{font:900 30px Montserrat;margin-top:5px}.mock-section{display:none}.mock-section.on{display:block}.mock-two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.mock-progress{height:10px;background:#edf1f7;border-radius:99px;overflow:hidden}.mock-progress span{display:block;height:100%;background:#0b43c9}.mock-list{display:grid;gap:10px;margin-top:14px}.mock-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:10px}.mock-row:first-child{border-top:0;padding-top:0}.mock-good{color:#16733a;font-weight:800}.mock-muted{color:var(--ink2)}.mock-evidence{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.mock-photo{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#f8fafc}.mock-photo .visual{aspect-ratio:4/5;display:grid;place-items:center;background:linear-gradient(145deg,#dfe9fb,#f7f9fd);color:#6480ab;font:900 22px Montserrat}.mock-photo .meta{padding:12px}.mock-photo b{font:800 12px Montserrat}.mock-chip{display:inline-flex;padding:5px 8px;border-radius:999px;background:#eef3f9;font:800 9px Montserrat;text-transform:uppercase;letter-spacing:.06em}.mock-chip.blue{background:#eaf1ff;color:#0b43c9}.mock-chip.green{background:#e7f6ed;color:#16733a}.mock-profile{display:grid;grid-template-columns:72px 1fr auto;gap:16px;align-items:center}.mock-avatar{width:72px;height:72px;border-radius:18px;display:grid;place-items:center;background:#0b43c9;color:#fff;font:900 24px Montserrat}.mock-profile h3{margin:0 0 4px;font:900 18px Montserrat}.mock-profile .score{font:900 18px Montserrat}.mock-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.mock-tabs button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 13px;font:800 10px Montserrat;letter-spacing:.04em;cursor:pointer}.mock-tabs button.on{background:#0b43c9;color:#fff;border-color:#0b43c9}.mock-action{border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 11px;font:800 10px Inter;cursor:pointer}.mock-action.active{background:#eaf1ff;color:#0b43c9;border-color:#bed0f8}.demo-note{padding:14px 16px;border-radius:13px;background:#fff7e8;border:1px solid #f1d595;color:#6b4a00;font-size:12px;line-height:1.5}.demo-footer{margin-top:36px;padding-top:22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:var(--ink2);font-size:11px}.demo-empty{padding:28px;text-align:center;border:1px dashed var(--line);border-radius:14px;color:var(--ink2)}
@media(max-width:900px){.demo-hero,.demo-choice,.mock-two{grid-template-columns:1fr}.mock-grid,.mock-evidence{grid-template-columns:repeat(2,1fr)}.mock-topin{align-items:flex-start}.mock-nav{margin-left:0}.mock-profile{grid-template-columns:56px 1fr}.mock-profile .score{grid-column:2}.mock-avatar{width:56px;height:56px}}
@media(max-width:560px){.mock-grid,.mock-evidence{grid-template-columns:1fr}.demo-shell{padding-left:16px;padding-right:16px}.demo-card,.demo-panel{padding:18px}.mock-nav button{padding:8px 7px;font-size:10px}}


/* V4.1.2 — mascot-led public demo */
.demo-mascot-stage{position:relative;min-height:320px;overflow:hidden;display:flex;align-items:flex-end;justify-content:center;background:radial-gradient(circle at 50% 32%,#f7faff 0,#eaf1ff 55%,#dce8ff 100%);border:1px solid #cddcff;border-radius:18px}
.demo-mascot-stage:before,.demo-mascot-stage:after{content:"";position:absolute;border:1px solid rgba(11,67,201,.16);border-radius:50%}.demo-mascot-stage:before{width:280px;height:280px;top:18px}.demo-mascot-stage:after{width:220px;height:220px;top:48px}.demo-mascot-stage img{position:relative;z-index:2;height:286px;width:auto;object-fit:contain;filter:drop-shadow(0 14px 22px rgba(11,67,201,.16))}.demo-mascot-stage .mascot-tag{position:absolute;z-index:3;left:18px;top:18px;background:#fff;border:1px solid #c9d8f7;border-radius:999px;padding:7px 10px;color:#0b43c9;font:800 9px Montserrat;letter-spacing:.08em;text-transform:uppercase}
.mascot-guide{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid #cddcff;background:#f5f8ff;border-radius:15px}.mascot-guide img{height:72px;width:42px;object-fit:contain;flex:0 0 auto}.mascot-guide strong{display:block;font:900 12px Montserrat;color:#0b43c9;margin-bottom:4px}.mascot-guide p{margin:0;color:var(--ink2);font-size:12px;line-height:1.5}
.demo-profile-hero{display:grid;grid-template-columns:220px 1fr;gap:22px;align-items:stretch}.demo-profile-visual{min-height:280px;border-radius:17px;border:1px solid #cddcff;background:linear-gradient(160deg,#f9fbff,#e8f0ff);display:flex;align-items:flex-end;justify-content:center;position:relative;overflow:hidden}.demo-profile-visual img{height:260px;max-width:90%;object-fit:contain;filter:drop-shadow(0 12px 16px rgba(11,67,201,.12))}.demo-profile-visual .stamp{position:absolute;left:12px;top:12px;background:#071d49;color:#fff;border-radius:999px;padding:6px 9px;font:800 8px Montserrat;letter-spacing:.08em;text-transform:uppercase}
.mock-photo .visual.mascot{position:relative;overflow:hidden;background:linear-gradient(145deg,#eef4ff,#f9fbff)}.mock-photo .visual.mascot img{width:56%;height:78%;object-fit:contain;opacity:.96;filter:drop-shadow(0 8px 12px rgba(11,67,201,.12))}.mock-photo .visual.mascot .view-badge{position:absolute;left:10px;top:10px;border-radius:999px;background:#071d49;color:#fff;padding:6px 8px;font:800 8px Montserrat;letter-spacing:.08em}.mock-photo .visual.mascot .demo-mark{position:absolute;right:9px;bottom:9px;color:#6480ab;font:800 8px Montserrat;letter-spacing:.07em;text-transform:uppercase}
.mock-avatar.mascot{overflow:hidden;background:linear-gradient(145deg,#eaf1ff,#fff);border:1px solid #cddcff}.mock-avatar.mascot img{height:92%;width:auto;object-fit:contain;margin-top:8%}.mock-profile:nth-child(2) .mock-avatar.mascot{background:linear-gradient(145deg,#eef8f2,#fff)}.mock-profile:nth-child(3) .mock-avatar.mascot{background:linear-gradient(145deg,#fff7e8,#fff)}
.demo-choice.mascot-choice .demo-card{position:relative;overflow:hidden;min-height:245px;padding-right:150px}.demo-choice.mascot-choice .demo-card>img{position:absolute;right:18px;bottom:-8px;height:205px;width:auto;opacity:.92;filter:drop-shadow(0 12px 18px rgba(11,67,201,.12))}.demo-choice.mascot-choice .demo-card:nth-child(2)>img{transform:scaleX(-1)}
.demo-empty.mascot-empty{display:flex;align-items:center;justify-content:center;gap:16px}.demo-empty.mascot-empty img{height:90px;width:auto;opacity:.8}.mascot-mini{display:flex;align-items:center;gap:10px}.mascot-mini img{height:48px;width:30px;object-fit:contain}.mascot-mini b{font:900 11px Montserrat}.mascot-caption{font-size:10px;color:var(--ink2);line-height:1.45;margin-top:8px}
@media(max-width:900px){.demo-profile-hero{grid-template-columns:1fr}.demo-profile-visual{min-height:240px}.demo-profile-visual img{height:225px}.demo-choice.mascot-choice .demo-card{padding-right:120px}.demo-choice.mascot-choice .demo-card>img{height:170px}}
@media(max-width:560px){.demo-choice.mascot-choice .demo-card{padding-right:18px;padding-bottom:190px}.demo-choice.mascot-choice .demo-card>img{right:50%;transform:translateX(50%);height:180px}.demo-choice.mascot-choice .demo-card:nth-child(2)>img{transform:translateX(50%) scaleX(-1)}.mock-photo .visual.mascot img{width:45%}}

/* V4.2.1 — model demo retention mirror */
.model-home-hero{display:flex;flex-direction:column;justify-content:center}.home-score-line{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.home-score-line>div{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);border-radius:12px;padding:12px}.home-score-line span{display:block;font:800 8px Montserrat;letter-spacing:.1em;color:#9fc0ff}.home-score-line b{display:block;margin-top:4px;font:900 22px Montserrat;color:#fff}.demo-retention-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);gap:18px;align-items:stretch}.demo-stack{display:grid;gap:18px}.demo-section-title{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.demo-section-title h2,.since-card h2{margin:5px 0 7px;font:900 24px Montserrat}.demo-radar-wrap{display:grid;place-items:center;min-height:310px;padding-top:8px}.demo-radar-wrap.large{min-height:350px}.demo-domain-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:14px}.demo-domain-tile{border:1px solid var(--line);background:#f8fbff;border-radius:12px;padding:11px;text-align:left;cursor:pointer}.demo-domain-tile:hover{border-color:#a9c1ef;background:#f1f6ff}.demo-domain-tile>span{font:900 10px Montserrat;color:#0b43c9}.demo-domain-tile>b{display:block;font:900 20px Montserrat;margin:3px 0}.demo-domain-tile small{display:block;margin-top:5px;font-size:9px;line-height:1.25;color:var(--ink2)}.domain-delta,.metric-delta{display:inline-flex;align-items:center;border-radius:999px;padding:4px 7px;font:800 9px Inter}.domain-delta.up,.metric-delta.up{background:#e7f6ed;color:#16733a}.domain-delta.down{background:#fff0ef;color:#a33a31}.domain-delta.flat{background:#eef3f9;color:var(--ink2)}.activity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:14px}.activity-stat{border:1px solid var(--line);border-radius:12px;padding:13px;background:#fbfcff}.activity-stat strong{display:block;font:900 22px Montserrat;color:#0b43c9}.activity-stat span{display:block;margin-top:3px;font-size:9px;color:var(--ink2)}.demo-fineprint{font-size:10px;line-height:1.45;margin:13px 0 0}.next-action-card{background:linear-gradient(145deg,#f7faff,#fff)}.next-action-row{display:grid;grid-template-columns:44px 1fr;gap:13px;align-items:start}.next-action-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:#0b43c9;color:#fff;font-size:22px}.next-action-row h3{font:900 17px Montserrat;margin:0 0 6px}.next-action-row p{font-size:11px;line-height:1.5;color:var(--ink2);margin:0 0 12px}.progress-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.progress-change{min-width:120px;border:1px solid var(--line);border-radius:14px;padding:13px;text-align:right}.progress-change span{display:block;font:800 8px Montserrat;color:var(--ink2);text-transform:uppercase;letter-spacing:.08em}.progress-change b{display:block;margin-top:4px;font:900 24px Montserrat;color:#16733a}.progress-layout{display:grid;grid-template-columns:minmax(320px,.95fr) 1.05fr;gap:28px;align-items:center;margin-top:10px}.progress-domain-list{display:grid;gap:8px;margin-top:12px}.progress-domain-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;border-bottom:1px solid var(--line);padding:10px 0}.progress-domain-row>div b{font:900 11px Montserrat;color:#0b43c9;margin-right:8px}.progress-domain-row>div span{font-size:10px;color:var(--ink2)}.progress-domain-row>strong{font:900 17px Montserrat}.timeline-item{position:relative;padding:13px 12px 13px 20px;border-left:2px solid #dce6f4}.timeline-item.current{border-left-color:#0b43c9;background:#f8fbff}.timeline-item span{display:block;font:800 9px Montserrat;color:var(--ink2);text-transform:uppercase}.timeline-item b{display:block;margin-top:3px;font:900 14px Montserrat}.timeline-item small{display:block;margin-top:3px;color:var(--ink2)}.evidence-readiness{margin-top:18px;border:1px solid var(--line);border-radius:14px;padding:15px;background:#fbfcff}.evidence-readiness>div:first-child{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px}.evidence-readiness span{font:800 10px Montserrat}.evidence-readiness b{font:900 18px Montserrat;color:#0b43c9}.evidence-readiness small{display:block;color:var(--ink2);margin-top:8px;font-size:10px}
@media(max-width:960px){.demo-retention-grid,.progress-layout{grid-template-columns:1fr}.demo-domain-strip{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.home-score-line,.activity-grid,.demo-domain-strip{grid-template-columns:1fr 1fr}.progress-heading{display:block}.progress-change{margin-top:12px;text-align:left}.progress-domain-row{grid-template-columns:1fr auto}.progress-domain-row .domain-delta{grid-column:2}.demo-radar-wrap{min-height:280px}}

/* V4.2.2 — cleaner navigation/banner hierarchy */
.demo-banner{padding:8px 18px;background:#071d49;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;font-size:10px;letter-spacing:.08em}.demo-banner .demo-mode{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.24);border-radius:999px;padding:4px 8px;color:#fff}.demo-banner .demo-copy{color:#c9d8f7;font-weight:600;letter-spacing:.03em;text-transform:none}.demo-banner .demo-switch{color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.45);font-weight:800}.mock-topin{min-height:62px}.mock-brand b{font-size:11px}.mock-brand small{font-size:8px}.mock-nav{gap:4px;align-items:center}.mock-nav button,.mock-nav>a{padding:8px 9px}.mock-nav .audience-link{border:1px solid #cddaf1;background:#fff;color:#0b43c9}.mock-nav-more{position:relative}.mock-nav-more summary{list-style:none;cursor:pointer;padding:8px 9px;border-radius:9px;font:700 11px Inter;color:var(--ink2)}.mock-nav-more summary::-webkit-details-marker{display:none}.mock-nav-more[open] summary,.mock-nav-more summary:hover{background:#eef3fa;color:#0b43c9}.mock-nav-pop{position:absolute;right:0;top:calc(100% + 7px);z-index:20;min-width:185px;padding:7px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 40px rgba(17,45,87,.14);display:grid}.mock-nav-pop button,.mock-nav-pop a{text-align:left;width:100%;padding:9px 10px}.mock-nav-pop button:hover,.mock-nav-pop a:hover{background:#eef3fa;color:#0b43c9}.clean-top-nav{gap:8px}.clean-top-nav a{white-space:nowrap}.clean-top-nav .quiet-link{color:var(--ink2)}
@media(max-width:900px){.mock-topin{align-items:center;flex-direction:column}.mock-nav{justify-content:center;width:100%}.mock-nav-pop{position:fixed;left:16px;right:16px;top:auto;min-width:0}.demo-banner{justify-content:flex-start;padding-left:16px}.clean-top-nav{overflow-x:auto;white-space:nowrap;width:100%;padding-bottom:4px}.clean-top-nav a{flex:0 0 auto}}

/* V4.3.1 Capture discoverability */
.capture-nav-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font:800 12px Montserrat;color:#0b49d8;padding:10px 12px;border:1px solid #bcd2ff;border-radius:10px;background:#f3f7ff}
.capture-nav-link.on,.capture-nav-link:hover{background:#0b49d8;color:#fff;border-color:#0b49d8}
@media(max-width:820px){.capture-nav-link{width:100%}}

/* V4.5 — audience return experience */
.audience-demo-section{padding-bottom:12px}.demo-audience-stats{margin-top:18px}.audience-demo-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:18px}.audience-demo-grid .demo-card{box-shadow:none}.audience-demo-grid h2{font:900 22px Montserrat;margin:9px 0}.audience-demo-grid .mock-avatar{width:50px;height:58px}.demo-profile-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.demo-recommend{display:grid;grid-template-columns:58px 1fr auto;gap:12px;align-items:center;border-top:1px solid var(--line);margin-top:14px;padding-top:14px}.demo-recommend h3{font:900 14px Montserrat;margin:0}.demo-recommend p{font-size:10px;color:var(--ink2);margin:2px 0 8px}.demo-recommend>b{font:900 18px Montserrat;color:#0b43c9}
@media(max-width:900px){.audience-demo-grid{grid-template-columns:1fr}}