/* Asset refinement only. Approved site grids, typography, spacing and theme stay
   in styles.css. These rules target image slots and demonstration surfaces. */
.cover-visual{position:relative;width:100%;height:100%;overflow:hidden;background:#122339;isolation:isolate}
.cover-visual>img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.cover-visual>.cover-ui{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.article-art{overflow:hidden}.article-banner .cover-visual{border-radius:inherit}
.contractor-image img{object-position:53% 50%;filter:none}
.hero-browser{box-shadow:0 0 0 1px #ffffff12,0 2px 3px #0002,0 35px 80px #0006}
.hero-phone{box-shadow:inset 0 0 0 1px #b8d7fa22,15px 18px 45px #0006}
.browser-bar{box-shadow:inset 0 1px 0 #fff8,inset 0 -1px 0 #1223390c}
.browser-bar i:first-child{background:#c4a6a0}.browser-bar i:nth-child(2){background:#c9bea3}.browser-bar i:nth-child(3){background:#a8b6a1}
.crm-demo{box-shadow:inset 0 1px 0 #b8d7fa12,0 30px 65px #0002}
.crm-demo .ui-titlebar{background:linear-gradient(115deg,#b8d7fa08,transparent 70%)}
.pipeline-col{background:linear-gradient(#b8d7fa05,#b8d7fa01);border-top:1px solid #b8d7fa09}
.demo-lead{box-shadow:inset 0 1px 0 #b8d7fa12,0 8px 18px #0002}
.demo-lead strong{display:flex;align-items:center;gap:6px}
.lead-avatar{flex:none;display:inline-grid;place-items:center;width:19px;height:19px;border:1px solid #b8d7fa30;border-radius:6px;background:#b8d7fa12;color:#b8d7fa;font-size:8px;font-weight:600}
.ghost-lead i:last-child{width:25%;margin-top:12px;background:#b8d7fa10}
.detail-top>[data-stage-label]{padding:3px 7px;border:1px solid #dcf19d25;background:#dcf19d08;border-radius:4px}
.interface-icon{width:18px;height:18px;flex:none;vertical-align:middle}
.demo-window-bar>strong{display:flex;align-items:center;gap:9px}
.demo-window-bar .interface-icon{width:17px;height:17px;color:#526c65}
.conversation-window{box-shadow:inset 0 1px 0 #fff,0 25px 55px #0002;background-image:radial-gradient(ellipse at 100% 0,#b8d7fa10,transparent 65%)}
.bub--them{box-shadow:0 1px 2px #0b162508;border:1px solid #0b16250a}
.bub--you{box-shadow:inset 0 1px 0 #ffffff12,0 2px 6px #0b162510}
.call-alert{display:flex;align-items:center;gap:10px}
.cal__grid{background:linear-gradient(#0b162504,transparent);border-radius:10px}
.cal__grid .on{box-shadow:0 2px 7px #0b162518;outline:3px solid #dcf19d38;outline-offset:2px}
.demo-slots button[aria-pressed=true]{box-shadow:0 2px 6px #0b162518}
.campaign-demo{box-shadow:inset 0 1px 0 #fff,0 30px 65px #0b162512}
.campaign-metrics>div{position:relative}
.campaign-metrics dt:before{content:'';display:inline-block;vertical-align:1px;width:4px;height:4px;background:currentColor;border-radius:1px;margin-right:6px;opacity:.65}
.bar-chart{background-image:repeating-linear-gradient(to top,#1223390c 0,#1223390c 1px,transparent 1px,transparent 25%);border-bottom:1px solid #12233915}
.chart-bar{position:relative;box-shadow:inset 0 1px 0 #ffffff90,inset 1px 0 0 #ffffff50}
.chart-bar:after{content:'';position:absolute;inset:0;border:1px solid #526c4615;border-radius:inherit;pointer-events:none}
@media(max-width:700px){.lead-avatar{width:16px;height:16px;font-size:7px;border-radius:4px}.demo-lead strong{gap:4px}.cover-visual>img{object-position:50% 50%}}