.spotlight-section{background:linear-gradient(180deg,#10272b,var(--ink));border-top:1px solid #35504b}
.spotlight-section .section-head>p{max-width:37ch}
.spotlight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.spotlight-card{min-width:0;display:flex;flex-direction:column;border:1px solid #3c5851;border-radius:8px;overflow:hidden;background:#142b2f}
.spotlight-category{display:flex;align-items:center;gap:13px;padding:22px 23px;font-size:.63rem;text-transform:uppercase;letter-spacing:.1em;color:#c6d6cd}
.spotlight-category>span{color:var(--mint);font-variant-numeric:tabular-nums}
.spotlight-copy{display:flex;flex:1;flex-direction:column;align-items:start;padding:25px 25px 27px}
.spotlight-copy h3{font-size:1.48rem;line-height:1.25;letter-spacing:-.035em;max-width:19ch}
.spotlight-copy>p{font-size:.88rem;line-height:1.8;color:#b7c9c7;margin:16px 0 25px}
.spotlight-copy .text-link{margin-top:auto;font-size:.76rem;gap:10px}
.spotlight-preview{--feature-accent:#97f5ce;margin:0;background:#102326;color:#e5eee7;min-width:0}
.spotlight-card .spotlight-preview{margin:0 16px;border:1px solid #354c48;border-radius:5px;overflow:hidden}
.spotlight-preview>div{display:flex;flex-direction:column}
.spotlight-preview figcaption{padding:8px 15px;border-top:1px solid #30453f;font-size:.57rem;color:#9cb6ab;letter-spacing:.01em}
.spotlight-map{height:180px;position:relative;overflow:hidden;background:repeating-linear-gradient(0deg,transparent,transparent 29px,#28423c 30px),repeating-linear-gradient(90deg,transparent,transparent 29px,#28423c 30px),#152d2c}
.spotlight-map>svg{width:100%;height:100%}
.map-road{fill:none;stroke:#38544a;stroke-width:11}
.map-building{fill:#254137;stroke:#446355}
.map-boundary{fill:#7fe2af12;stroke:#97f5ce;stroke-width:1.5;stroke-dasharray:5 5}
.map-range{fill:#97f5ce17;stroke:#97f5ce38}
.map-location{fill:#bcffe0;stroke:#13362b;stroke-width:4}
.map-label{position:absolute;right:12px;bottom:9px;font-size:.53rem;letter-spacing:.02em;color:#c0dace;padding:3px 7px;background:#102a25e8;border-radius:3px}
.spotlight-receipt{display:flex;align-items:center;gap:10px;padding:15px 14px;min-height:70px;border-top:1px solid #304e43}
.spotlight-receipt>.icon{color:var(--feature-accent);width:19px;height:19px}
.spotlight-receipt>span{flex:1;font-size:.66rem;font-weight:600;line-height:1.5}
.spotlight-receipt small{display:block;font-weight:400;font-size:.56rem;color:#aac0b5;margin-top:3px}
.preview-field-inventory{--feature-accent:#ffbc97}
.spotlight-stock{height:180px;padding:22px 19px 17px;background:linear-gradient(140deg,#263831,#142b29)}
.stock-product{display:flex;align-items:center;gap:9px;font-size:.69rem;line-height:1.4}
.stock-product>.icon{color:var(--feature-accent);width:22px;height:22px}
.stock-product small,.earnings-person small{display:block;color:#a7bdb1;font-size:.53rem;margin-top:3px}
.stock-live{margin-left:auto;color:#eac5a8;font-size:.47rem;border:1px solid #6c655047;border-radius:3px;padding:3px 5px}
.stock-equation{display:flex;justify-content:space-between;align-items:center;gap:7px;margin-top:20px}
.stock-equation>div>span{display:block;color:#b6c7bd;font-size:.5rem;white-space:nowrap}
.stock-equation strong{display:block;font-size:1.8rem;font-weight:550;line-height:1.4;letter-spacing:-.04em}
.stock-equation>span{color:#769b8b;font-size:.8rem}
.stock-equation .stock-remaining strong{color:var(--feature-accent)}
.stock-level{display:flex;gap:4px;margin-top:11px}
.stock-level>i{height:6px;background:#ddb690;flex:1;border-radius:1px}
.stock-level>.stock-used{background:#425347}
.preview-rep-commissions{--feature-accent:#d3c0ff}
.spotlight-earnings{height:180px;padding:18px 20px;background:linear-gradient(145deg,#2a303a,#182b2d)}
.earnings-person{display:flex;align-items:center;gap:10px;font-size:.7rem;line-height:1.4}
.rep-avatar{display:grid;place-items:center;width:33px;height:33px;border:1px solid #71658866;border-radius:50%;color:var(--feature-accent);background:#57516824}
.rep-avatar>.icon{width:17px;height:17px}
.earnings-calculation{margin:14px 0 0}
.earnings-calculation>div{display:flex;justify-content:space-between;gap:10px;font-size:.62rem;margin-top:5px}
.earnings-calculation dt{color:#bbc7c5}
.earnings-calculation dd{margin:0;font-variant-numeric:tabular-nums}
.earnings-calculation .earnings-total{align-items:center;margin-top:9px;padding-top:8px;border-top:1px solid #5d55694d}
.earnings-total dd{font-size:1.42rem;line-height:1.3;color:var(--feature-accent);letter-spacing:-.04em}
.page-visual>.spotlight-preview{max-width:480px;margin:auto;border:1px solid #425e51;border-radius:8px;overflow:hidden;box-shadow:0 22px 75px #0003}
.page-visual .spotlight-map{height:270px}
.page-visual .spotlight-stock{height:270px;padding:33px}
.page-visual .stock-product{font-size:.92rem}
.page-visual .stock-product small{font-size:.69rem}
.page-visual .stock-live{font-size:.6rem}
.page-visual .stock-equation{margin-top:35px}
.page-visual .stock-equation>div>span{font-size:.63rem}
.page-visual .stock-equation strong{font-size:2.8rem}
.page-visual .stock-level{margin-top:20px;gap:6px}
.page-visual .stock-level>i{height:8px}
.page-visual .spotlight-receipt{padding:20px 23px;gap:14px}
.page-visual .spotlight-receipt>span{font-size:.86rem}
.page-visual .spotlight-receipt small{font-size:.69rem}
.page-visual .spotlight-preview figcaption{padding:11px 23px;font-size:.62rem}
@media(max-width:1050px) and (min-width:921px){.spotlight-grid{gap:15px}.spotlight-category{padding:19px 17px;font-size:.54rem;gap:9px}.spotlight-card .spotlight-preview{margin:0 10px}.spotlight-copy{padding:22px 18px}.spotlight-copy h3{font-size:1.3rem}.spotlight-copy>p{font-size:.81rem}.spotlight-copy .text-link{font-size:.65rem}.spotlight-stock{padding-inline:13px}.stock-live{display:none}.spotlight-earnings{padding-inline:14px}.spotlight-receipt{gap:7px;padding-inline:10px}.spotlight-receipt>span{font-size:.6rem}.spotlight-receipt small{font-size:.52rem}}
@media(max-width:920px) and (min-width:621px){.spotlight-grid{grid-template-columns:1fr;gap:20px}.spotlight-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding-bottom:20px}.spotlight-category{grid-column:1/-1;padding-bottom:18px}.spotlight-card .spotlight-preview{margin:0 0 0 20px;align-self:start}.spotlight-copy{padding:0 24px}.spotlight-copy>p{margin:13px 0 15px}.spotlight-copy h3{font-size:1.45rem}}
@media(max-width:620px){.spotlight-grid{grid-template-columns:1fr;gap:24px}.spotlight-section .section-head>p{max-width:38ch;font-size:.9rem;line-height:1.8}.spotlight-section .section-head .eyebrow{font-size:.53rem;letter-spacing:.09em}.spotlight-category{padding:20px;font-size:.6rem}.spotlight-card .spotlight-preview{margin:0 14px}.spotlight-copy{padding:24px 22px}.spotlight-copy h3{font-size:1.53rem;max-width:21ch}.spotlight-copy>p{font-size:.88rem;margin:15px 0 21px}.spotlight-copy .text-link{font-size:.76rem}.page-visual>.spotlight-preview{width:100%}.page-visual .spotlight-map,.page-visual .spotlight-stock{height:220px}.page-visual .spotlight-stock{padding:24px}.page-visual .stock-equation{margin-top:23px}.page-visual .stock-product{font-size:.8rem}.page-visual .stock-equation strong{font-size:2.2rem}.page-visual .stock-level{margin-top:14px}.page-visual .spotlight-receipt{padding:17px}.page-visual .spotlight-receipt>span{font-size:.73rem}.page-visual .spotlight-receipt small{font-size:.59rem}.page-visual .spotlight-preview figcaption{padding:10px 17px}.page-visual .stock-equation>div>span{font-size:.55rem}}
