/* 2026-10 sales refresh. Daily remains the heart of the product.
   All visual examples are presentation-only; registration stays on the real form. */
:root{--refresh-ink:#24364c;--refresh-muted:#556578;--refresh-line:#d7e1eb;--refresh-red:#b74650;--refresh-cream:#fbf9f5}
.product-story .day-hero .hero-copy h1{font-size:clamp(32px,4.4vw,59px);line-height:1.22;letter-spacing:-.045em}
.product-story .day-hero .hero-copy h1 span{color:#b63d4b}
.product-story .day-hero .hero-copy .hero-lead{max-width:43ch;line-height:1.8}
.product-story .day-hero .hero-points{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}
.product-story .day-hero .hero-points li{background:#fff;border:1px solid #e5dad0;border-radius:100px;padding:6px 13px;font-size:14px}
.marketing-header-links{display:flex;align-items:center;gap:clamp(8px,1.4vw,18px);flex-wrap:wrap}
.marketing-header-links a{font-size:14px;font-weight:700}
.story-nav-new{padding:18px 0 25px;margin-bottom:0;border-bottom:1px solid #e8e8e6}
.story-nav-new .eyebrow{margin:0 0 12px}
.story-nav-new nav{display:flex;gap:8px;flex-wrap:wrap}
.story-nav-new nav a{display:inline-flex;align-items:center;min-height:39px;padding:8px 14px;text-decoration:none;color:#27445d;background:#fff;border:1px solid var(--refresh-line);border-radius:12px;font-size:14px;font-weight:700;transition:background .2s,border-color .2s}
.story-nav-new nav a:hover,.story-nav-new nav a:focus-visible{background:#e9f3fb;border-color:#6791aa}
.story-feature{padding-top:clamp(40px,6vw,84px);padding-bottom:clamp(40px,6vw,84px)}
.story-feature .feature-heading{max-width:860px;margin-bottom:28px}
.story-feature .feature-kicker{display:inline-flex;align-items:center;gap:10px;font-weight:800;color:#a7474d;font-size:14px;letter-spacing:.03em}
.story-feature .feature-heading h2{font-size:clamp(27px,3.2vw,44px);line-height:1.35;letter-spacing:-.035em;margin:8px 0 14px;color:var(--refresh-ink)}
.story-feature .feature-heading p{color:var(--refresh-muted);font-size:clamp(16px,1.65vw,19px);line-height:1.85;margin:0;max-width:760px}
.story-feature .feature-lede{display:grid;grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr);align-items:center;gap:clamp(20px,3.3vw,56px)}
.story-feature .feature-lede.feature-lede-wide{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.story-feature .feature-lede.reverse>.feature-copy{order:2}
.story-feature .feature-lede.reverse>.feature-visual{order:1}
.story-feature .feature-copy h3{margin:0 0 12px;font-size:clamp(21px,2.35vw,28px);line-height:1.5;color:var(--refresh-ink)}
.story-feature .feature-copy p{font-size:16px;line-height:1.85;color:var(--refresh-muted)}
.story-feature .feature-copy .feature-checks{list-style:none;margin:16px 0;padding:0;display:grid;gap:9px}
.story-feature .feature-checks li{position:relative;padding-left:29px;color:var(--refresh-ink);font-weight:650}
.story-feature .feature-checks li:before{content:"✓";position:absolute;left:0;top:1px;width:21px;height:21px;display:grid;place-items:center;border-radius:50%;background:#e7f2e9;color:#28694c;font-size:13px}
.story-feature .feature-visual{min-width:0}
.story-feature figure.product-shot{background:#fff;border:1px solid var(--refresh-line);border-radius:16px;padding:9px;margin:0;box-shadow:0 12px 30px #203a5320;overflow:hidden}
.story-feature figure.product-shot img{width:100%;height:auto;display:block;border-radius:9px;object-fit:contain}
.story-feature figure.product-shot figcaption{font-size:12px;color:#6c7886;text-align:center;padding:8px 5px 3px}
.story-feature .shot-link{display:block}
.story-feature .source-note{font-size:12px;color:#637183;line-height:1.6;margin-top:10px}
.story-feature .feature-split-shots{display:grid;grid-template-columns:1.4fr .6fr;gap:12px;align-items:start}
.story-feature .feature-split-shots img{max-height:490px}
.story-feature .feature-split-shots .product-shot:nth-child(2) img{max-height:490px}
.story-feature .feature-soft{padding:clamp(22px,3vw,34px);border-radius:22px;background:#f3f7fb;border:1px solid #dfe7ed}
.story-feature .feature-soft-warm{background:#f9f6f1;border-color:#eae1d6}
.story-feature .feature-caption-links{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px}
.story-feature .feature-caption-links a{color:#a34048;font-weight:800;text-decoration:underline;text-underline-offset:4px}
.daily-flow-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:0}
.daily-flow-grid>div{background:var(--step-bg,#315573);color:white;border-radius:11px;padding:13px 9px;min-height:112px;display:flex;flex-direction:column;gap:8px}
.daily-flow-grid>div:nth-child(1){--step-bg:#a34552}
.daily-flow-grid>div:nth-child(2){--step-bg:#a36a31}
.daily-flow-grid>div:nth-child(3){--step-bg:#21839a}
.daily-flow-grid>div:nth-child(4){--step-bg:#2b7f57}
.daily-flow-grid>div:nth-child(5){--step-bg:#705a93}
.daily-flow-grid small{font-size:11px;font-weight:800;opacity:.9}
.daily-flow-grid strong{font-size:14px;line-height:1.4}
.daily-flow-grid span{font-size:11px;line-height:1.5;opacity:.9}
.daily-note{padding:13px 18px;margin-top:12px;border-radius:12px;border:1px solid #b8cddd;background:#eef5fb;color:#27435c;font-size:14px;line-height:1.8}
.story-alert-panel{display:flex;gap:18px;align-items:center;padding:18px 23px;border-radius:15px;background:#fff1ee;border:1px solid #ebc3bd}
.story-alert-panel .alert-icon{display:grid;place-items:center;width:46px;height:46px;flex:0 0 46px;border-radius:13px;background:#fbe0db;color:#a33f3c;font-size:22px}
.story-alert-panel strong{font-size:19px;color:#883a3d}
.story-alert-panel p{margin:4px 0 0;color:#5d5150;line-height:1.6}
.story-resev-header{display:flex;justify-content:space-between;gap:14px;align-items:end}
.time-calendar-intro{margin-bottom:20px}
.time-calendar-shots{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.5fr);gap:14px;align-items:center}
.time-calendar-shots .mobile-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.time-calendar-shots .mobile-pair figure.product-shot{padding:5px}
.time-calendar-shots .mobile-pair figure.product-shot img{height:320px;object-fit:contain}
.time-calendar-shots .mobile-pair figure.product-shot figcaption{font-size:11px}
.time-calendar-shots figure.product-shot img{max-height:470px}
.schedule-mini{display:grid;gap:8px;padding:15px;background:#fff;border:1px solid #d3dde9;border-radius:13px;max-width:430px;box-shadow:0 5px 20px #203a5310}
.schedule-mini h4{margin:0;font-size:17px;color:#253d5a}
.schedule-mini .mini-event{display:grid;grid-template-columns:76px 1fr;gap:6px;border-bottom:1px solid #edf0f5;padding:7px 0;color:#28425d}
.schedule-mini .mini-event span{font-size:12px;color:#4b68a1}
.schedule-mini .mini-event strong{font-size:14px}
.schedule-mini small{color:#617184}
.record-path{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:20px 0}
.record-path>div{position:relative;padding:18px 13px;background:#fff;border:1px solid #d0dde6;border-radius:12px;min-height:94px}
.record-path>div:after{content:"→";position:absolute;right:-15px;top:40%;color:#b2454c;font-size:23px;font-weight:900;z-index:1}
.record-path>div:last-child:after{content:none}
.record-path b{display:block;font-size:15px;color:#243c59}
.record-path small{display:block;color:#5c6d7d;line-height:1.6;margin-top:5px}
.map-estimate{background:#fff;border:1px solid var(--refresh-line);border-radius:16px;padding:18px;box-shadow:0 12px 25px #203a5315}
.map-estimate-head{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:center;margin:0 0 12px}
.map-estimate h4{margin:0;font-size:17px;color:#203d5d}
.map-estimate .map-places{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:10px}
.map-estimate .map-places span{background:#f0f4fa;border:1px solid #d7e2ed;padding:6px 9px;border-radius:7px;font-weight:700;color:#35506a;font-size:12px}
.estimate-art-map{position:relative;overflow:hidden;height:165px;border-radius:10px;background:repeating-linear-gradient(15deg,#f0f4f0 0,#f0f4f0 22px,#e0e7de 23px,#f0f4f0 25px)}
.estimate-art-map svg{display:block;width:100%;height:100%}
.estimate-art-map .route-info{position:absolute;bottom:12px;right:13px;background:#fff;border:1px solid #c4d4df;padding:7px 12px;border-radius:8px;box-shadow:0 3px 9px #1122331a;font-size:13px;color:#27405a}
.estimate-demo-input{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #e5edf3;color:#344b63}
.estimate-demo-input strong{font-size:19px;color:#1d3d61}
.estimate-demo-buttons{display:flex;flex-wrap:wrap;gap:7px;padding:11px 0}
.estimate-demo-buttons span{padding:7px 11px;border-radius:8px;background:#f4f8fb;border:1px solid #b7cbdd;color:#304d67;font-weight:700;font-size:12px}
.estimate-demo-buttons span.selected{background:#e6f1e9;border-color:#6ba587;color:#206443}
.estimate-demo-total{display:flex;justify-content:space-between;align-items:center;gap:10px;border-radius:10px;padding:13px 15px;background:#e8f2f7;font-weight:800;color:#233f59}
.estimate-demo-total strong{font-size:27px}
.estimate-art-label{font-size:11px;color:#596b7e;margin:8px 0 0}
.document-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:13px}
.document-modes span{padding:12px 7px;background:#fff;border:1px solid #cbd8dc;border-radius:9px;text-align:center;font-weight:800;color:#2b5746}
.document-modes span:first-child{background:#e6f1e9;border-color:#779e8d}
.account-demo{display:grid;gap:14px}
.account-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.account-tiles>div{padding:16px 13px;border:1px solid #d5e1ed;border-radius:12px;background:#fff}
.account-tiles>div.past-due{background:#fff6ec;border-color:#e8c5a4}
.account-tiles small{display:block;font-size:12px;line-height:1.5;color:#4a5f71}
.account-tiles strong{display:block;font-size:clamp(18px,2.15vw,27px);color:#1e3653;margin-top:7px;font-variant-numeric:tabular-nums}
.unpaid-check{display:grid;gap:8px;padding:15px 18px;border-radius:13px;background:#fff;border:1px solid #dce4eb}
.unpaid-check>strong{font-size:16px;color:#284057}
.unpaid-check .unpaid-row{display:flex;justify-content:space-between;gap:8px;border-top:1px solid #e6e9ef;padding:9px 0 1px;color:#405468;font-size:13px}
.unpaid-check .unpaid-status{white-space:nowrap;font-weight:800;color:#916022}
.unpaid-check .unpaid-status.paid{color:#287a55}
.price-following{max-width:630px;margin:16px auto 4px;padding:15px 18px;background:#fff;border:1px solid #d7dfec;border-radius:12px;color:#243953;text-align:center;font-size:16px;line-height:1.75}
.price-following strong{font-size:19px}
.price-following small{display:block;color:#59677c;font-size:12px}
.sales-sample-note{font-size:12px!important;color:#66778a!important;line-height:1.6!important}
.site-header .header-nav a[href^="#"]{white-space:nowrap}
@media(max-width:980px){
 .story-feature .feature-lede,.story-feature .feature-lede.feature-lede-wide{grid-template-columns:1fr}
 .story-feature .feature-lede.reverse>.feature-copy,.story-feature .feature-lede.reverse>.feature-visual{order:initial}
 .time-calendar-shots{grid-template-columns:1fr}
 .time-calendar-shots .mobile-pair{display:none}
 .story-feature .feature-split-shots{grid-template-columns:1fr}
}
@media(max-width:650px){
 .story-feature{padding-top:36px;padding-bottom:36px}
 .story-feature .feature-heading{margin-bottom:18px}
 .story-feature .feature-heading h2{font-size:28px}
 .story-feature .feature-copy p{font-size:15px}
 .story-nav-new nav{overflow-x:auto;flex-wrap:nowrap;padding-bottom:6px;scrollbar-width:thin}
 .story-nav-new nav a{white-space:nowrap}
 .daily-flow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .daily-flow-grid>div{min-height:87px}
 .record-path{grid-template-columns:repeat(2,minmax(0,1fr))}
 .record-path>div:nth-child(2):after{content:none}
 .account-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
 .account-tiles>div{padding:13px 11px}
 .story-alert-panel{align-items:start;gap:10px;padding:13px}
 .story-alert-panel .alert-icon{width:36px;height:36px;flex-basis:36px}
 .story-alert-panel strong{font-size:16px}
 .map-estimate{padding:12px}
 .map-estimate .estimate-demo-total strong{font-size:23px}
 .marketing-header-links a[href="#accounting"]{display:none}
}
@media(prefers-reduced-motion:reduce){.story-nav-new nav a{transition:none}}