/* mf-readable-extra.20261026.css: Kyle's named spots, a step bigger than the general text boost. Loads last. */

/* home: "A CONNECTED CUSTOMER JOURNEY" and its 4 steps */
.workflow-label{font-size:clamp(14px,1.25vw,18px);letter-spacing:.16em}
.workflow-live{font-size:clamp(12px,1vw,14px)}
.workflow-node>span{font-size:13px}
.workflow-node>b{font-size:clamp(16px,1.35vw,19px)}
.workflow-node>small{font-size:15px}

/* pricing: "Bring the idea" build boxes and the payment plans ("Make room for the whole vision") */
.build-prices h3,.installment-copy h3{font-size:clamp(30px,3.2vw,44px)}
.range-list>div>span{font-size:16px}
.range-list>div>b{font-size:17px}
.pk-range-chart figcaption{font-size:14px}
.pk-rc-row>b{font-size:15px}
.pk-rc-track em{font-size:14px}
.pk-rc-axis span{font-size:12.5px}
.term-card>span{font-size:14px;letter-spacing:.12em}
.term-card>b{font-size:clamp(30px,2.8vw,40px)}
.term-card>small{font-size:14px}
.installment-copy>p,.estimate-note,.terms-note{font-size:16px}
.installment-copy label{font-size:14px}
.total-input input,.total-input span{font-size:22px}
.pk-schedule,.pk-schedule *{font-size:14px}

/* contact: "WHAT HAPPENS NEXT" and "REACH THE RIGHT TEAMMATE" become real titles */
.pk-next>.eyebrow{font-size:clamp(15px,1.3vw,18px);letter-spacing:.16em;color:#bfeeff}
.pk-next li b{font-size:17px}
.pk-next li small{font-size:15px}
.pk-next-n{font-size:15px}
.pk-area-card b{font-size:19px}
.pk-area-card small{font-size:15px}
.pk-trust li{font-size:15px}

/* contact: the real Google map (city level only) replaces the drawn map */
.pk-area-card .pk-gmap{display:block;width:100%;height:240px;border:0;filter:invert(.92) hue-rotate(185deg) saturate(.75) brightness(.95) contrast(.95)}
.pk-area-card{overflow:hidden}
@media(max-width:760px){.pk-area-card .pk-gmap{height:210px}}

/* pricing: the payment schedule in rows of 6 (3 on phones) so the bigger amounts fit and are easy to read */
.pk-sched-head{font-size:15px}
.pk-schedule .pk-sched-row{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.pk-schedule .pk-sched-row span{padding:10px 4px}
.pk-schedule .pk-sched-row span small{font-size:13px}
.pk-schedule .pk-sched-row span b{font-size:18px}
.installment-box>*{min-width:0}
@media(max-width:760px){.pk-schedule .pk-sched-row{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* contact: the map runs full width across the top of its card, words underneath */
.pk-area-card{display:block;padding:0}
.pk-area-card>div{padding:16px 20px 18px}
.term-card{min-width:0}
@media(max-width:760px){.term-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.term-card>b{font-size:clamp(22px,6.6vw,30px)}.term-card>span,.term-card>small{font-size:12.5px}}

/* plan cards: with bigger text the corner "RECOMMENDED" tag ran into the card's top line, so it sits on its own line above it */
.plan-card .plan-badge{position:static;display:inline-block;margin:0 0 8px;padding:3px 8px;border:1px solid rgba(231,145,255,.45);border-radius:4px}