/* /business only. Pairs with site/business.js. */
.console { width: min(400px, 92%); padding: 20px; }
.console .ctop { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 8px; }
.console .ctop b { font-weight: 800; font-size: 24px; letter-spacing: -.03em; }
.console .cnote { margin-top: 4px; color: var(--ink2); font-size: 14px; }
.console .cleft { display: flex; align-items: baseline; gap: 8px; margin-top: 14px; }
.console .cleft b { font-weight: 800; font-size: 34px; letter-spacing: -.04em; }
.console .cleft span { color: var(--ink3); font-size: 13.5px; }
.console .drain { margin-top: 8px; }
.console .drain i { transition: transform 600ms var(--ease-out); }
.console .lbl { margin: 16px 0 8px; font-size: 12px; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; color: var(--ink3); }
.console .crow { display: flex; align-items: center; justify-content: space-between; margin-top: 14px; }

.feat .pinsheet { position: relative; z-index: 2; width: min(360px, 88%); }
/* Behind each card: an old map printed into the colour, and two torn scraps. */
.feat .demo .fground { position: absolute; inset: 0; aspect-ratio: auto; border-radius: 0; box-shadow: none; mix-blend-mode: multiply; opacity: .42; filter: grayscale(1) contrast(1.15); }
.feat .scrap { position: absolute; z-index: 1; width: clamp(78px, 21%, 128px); filter: drop-shadow(0 10px 12px rgba(0,0,0,.28)); transition: translate 500ms var(--ease-out); }
.feat .scrap .art { box-shadow: none; border-radius: 0; clip-path: polygon(0 3%, 9% 0, 22% 2.5%, 37% .5%, 52% 3%, 68% .8%, 83% 2.6%, 100% 0, 98% 17%, 100% 34%, 97.5% 52%, 100% 69%, 98% 86%, 100% 100%, 84% 97.5%, 66% 100%, 49% 97%, 31% 99.5%, 15% 97.2%, 0 100%, 2.4% 83%, 0 64%, 2.2% 46%, .3% 28%); }
.feat .scrap.s1 { left: 5%; top: 9%; rotate: -7deg; }
.feat .scrap.s2 { right: 5%; bottom: 8%; rotate: 6deg; width: clamp(66px, 17%, 108px); }
.feat[style*="--span:5"] .scrap.s1 { left: 3%; top: 6%; }
@media (hover: hover) { .feat.acts:hover .scrap.s1 { translate: -6px -4px; } .feat.acts:hover .scrap.s2 { translate: 6px 4px; } }
@media (max-width: 600px) { .feat .scrap { width: 72px; } .feat .scrap.s2 { width: 60px; } }
.hours .ledger { margin-top: 8px; font-size: 13.5px; }
.hours .ledger td { padding: 7px 4px; }
.hours tr[data-today] td { background: color-mix(in srgb, var(--mark) 60%, transparent); }
.feed .fi { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 12px; align-items: center; padding: 10px 0; }
.feed .fi + .fi { box-shadow: 0 -1px 0 var(--rule); }
.feed .fi b { font-size: 15px; }
.feed .owner { animation: none; }

.moving { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(28px, 4vw, 64px); align-items: center; }
.route-demo { position: relative; aspect-ratio: 1; }
.route-demo .cutmap { position: absolute; inset: 0; width: 100%; height: 100%; }
.route-demo .route { position: absolute; inset: 0; width: 100%; height: 100%; }
.track { position: absolute; left: 0; top: 0; width: 400px; height: 400px; transform-origin: 0 0; z-index: 2; pointer-events: none; }
.truck { position: absolute; left: 0; top: 0; z-index: 2; display: grid; place-items: center; width: 48px; height: 48px; margin: -24px 0 0 -24px; border-radius: 50%; background: #1D1F22; color: #FBF8F1; --pin-ring: #1D1F22; box-shadow: 0 0 0 3px #FBF8F1, 0 10px 18px -6px rgba(0,0,0,.55); offset-path: path('M40 330 C 110 280, 120 200, 190 190 S 300 120, 360 60'); offset-rotate: 0deg; }
.truck svg { width: 26px; height: 26px; }
.truck .live { position: absolute; right: -2px; top: -2px; width: 13px; height: 13px; border-radius: 50%; background: #1FA566; box-shadow: 0 0 0 2.5px #FBF8F1; }
.truck .live::after { content: ''; position: absolute; inset: 0; border-radius: 50%; background: #1FA566; animation: truck-live 1.8s ease-out infinite; }
@keyframes truck-live { from { opacity: .7; scale: 1; } to { opacity: 0; scale: 2.6; } }
@media (prefers-reduced-motion: reduce) { .truck .live::after { animation: none; } }
.route-demo .mv1 { position: absolute; left: 4%; top: 6%; width: auto; max-width: 62%; }
.route-demo .mv2 { position: absolute; right: 4%; bottom: 5%; width: min(270px, 70%); }
@media (max-width: 960px) { .moving { grid-template-columns: 1fr; } }

.claimstrip { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(14px, 2vw, 28px); counter-reset: c; position: relative; }
.claimstrip::before { content: ''; position: absolute; left: 3%; right: 3%; top: 21px; border-top: 2px dashed var(--rule2); }
.cs { list-style: none; position: relative; }
.csn { position: relative; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: var(--ink); color: var(--ground); font-weight: 800; font-size: 17px; }
.cs-demo { margin: 18px 0 18px; padding: 16px; min-height: 196px; }
.cs p { margin-top: 8px; color: var(--ink2); }
.srch { display: flex; align-items: center; gap: 10px; height: 44px; padding: 0 14px; border-radius: 10px; background: var(--well); font-weight: 650; }
.srch .ico { width: 16px; height: 16px; color: var(--ink3); }
.typed::after { content: ''; display: inline-block; width: 2px; height: 1.1em; margin-left: 2px; vertical-align: -3px; background: var(--green); animation: blink 1s steps(1) infinite; }
@keyframes blink { 50% { opacity: 0; } }
.res { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 0 10px; align-items: center; padding: 10px 6px; }
.res b { font-size: 14.5px; } .res span:not(.tag) { grid-column: 1; color: var(--ink3); font-size: 13px; } .res .tag { grid-row: span 2; grid-column: 2; grid-row-start: 1; }
.res.on { background: color-mix(in srgb, var(--mark) 45%, transparent); border-radius: 8px; }
.proof { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 12px; align-items: center; margin-top: 10px; }
.proof b { display: block; font-size: 14px; } .proof small { color: var(--green-ink); font-weight: 700; font-size: 13px; }
@media (max-width: 900px) { .claimstrip { grid-template-columns: 1fr; } .claimstrip::before { display: none; } }

.orgs { display: grid; grid-template-columns: minmax(0, 1.2fr) repeat(3, minmax(0, 1fr)); gap: clamp(14px, 1.8vw, 26px); align-items: start; }
.org { display: grid; gap: 14px; }
.org:nth-child(3) { margin-top: 48px; } .org:nth-child(4) { margin-top: 96px; }
.org .tag { margin-bottom: 10px; height: auto; padding: 4px 10px; }
.org p { margin-top: 6px; color: var(--ink2); font-size: 15.5px; }
.branches { display: flex; flex-wrap: wrap; gap: 6px 12px; margin-bottom: 10px; font-size: 13.5px; font-weight: 650; color: var(--ink2); }
.branches span { display: inline-flex; align-items: center; gap: 6px; }
@media (max-width: 1100px) { .orgs { grid-template-columns: 1fr 1fr; } .orgs-head { grid-column: 1 / -1; } .org:nth-child(n) { margin-top: 0; } }
@media (max-width: 600px) { .orgs { grid-template-columns: 1fr; } .org { grid-template-columns: 110px minmax(0, 1fr); align-items: center; } }

.getbox { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 32px; align-items: center; padding: clamp(32px, 5vw, 72px); }
.getbox .h1 { color: #1D1F22; }
.getwall { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.getwall .art:nth-child(2n) { transform: translateY(20px); }
@media (max-width: 860px) { .getbox { grid-template-columns: 1fr; } }

.biz-trust { padding-top: 36px; }
.biz-trust .trust { justify-content: flex-start; }
.ptag .price-amount { margin-top: 12px; }

/* Paper and ink (site/paper.css) */
.stage > .hero-arrow { left: -11%; bottom: 7%; width: 140px; scale: 1 -1; rotate: -6deg; z-index: 3; --sw: 2.6; }
.hero-split .note .ringed { margin-top: 2px; }
.feat .demo .cut { padding: 16px 16px 18px; }
.feat .demo { padding: 22px 12px; }
.mv1.cut, .mv2.cut { padding: 14px 16px; }
@media (max-width: 960px) { .stage > .hero-arrow { display: none; } }