/* Static business hooks, imported only by Home, Websites and Software. */
.bh-plate{--bh-ink:#171717;margin:0;min-width:0;padding:28px;background:#fff;color:var(--bh-ink);border:1px solid #000;box-shadow:8px 8px 0 #000;position:relative}
.bh-plate *{animation:none!important;transition:none!important}
.bh-plate .bh-flag{font-size:12px!important;line-height:1.7!important;letter-spacing:.025em;font-weight:800;margin:0 0 19px;padding-bottom:15px;border-bottom:1px solid #c9c9c4;text-transform:uppercase}
.bh-plate .bh-intro{font-size:21px!important;line-height:1.25!important;font-weight:700;letter-spacing:-.025em!important;margin:0 0 19px}
.bh-plate p.bh-intro{font-size:14px!important;font-weight:400;line-height:1.7!important;margin:8px 0 20px;letter-spacing:0!important}
.bh-plate .bh-metric{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 18px;margin:0 0 24px}
.bh-plate .bh-value{display:block;font-family:var(--display);font-size:clamp(66px,7vw,92px)!important;font-weight:800;line-height:1!important;letter-spacing:-.065em;margin:0}
.bh-plate .bh-unit{display:block;font-family:var(--body,Arial,sans-serif);font-size:14px;line-height:1.5;font-weight:600;letter-spacing:0;margin-top:9px}
.bh-plate .bh-assumptions{font-size:13px!important;line-height:1.7!important;margin:22px 0 12px}
.bh-plate .bh-math{font-size:13px!important;font-weight:700;line-height:1.8!important;border-block:1px solid #c9c9c4;padding-block:12px;margin:0 0 14px}
.bh-plate .bh-limits{font-size:12px!important;line-height:1.8!important;letter-spacing:0;margin:0;color:#45484b}
.bh-plate .bh-compare{display:grid;gap:19px;margin:24px 0}
.bh-plate .bh-compare-row>div:first-child{display:flex;flex-wrap:wrap;justify-content:space-between;gap:5px 12px;margin-bottom:9px;line-height:1.6}
.bh-plate .bh-compare-row strong{font-size:14px}
.bh-plate .bh-compare-row span{font-size:12px}
.bh-plate .bh-bar{height:19px;background:#eeeeea;border:1px solid #171717}
.bh-plate .bh-bar-fill{height:100%;display:block;background:var(--magenta)}
.bh-plate .bh-bar-three{width:75%}
.bh-plate .bh-bar-four{width:100%;background:var(--cyan)}
.bh-plate .bh-time-stack{display:grid;gap:11px;margin:23px 0}
.bh-plate .bh-time-stack>div{display:grid;grid-template-columns:65px minmax(0,1fr) 58px;gap:12px;align-items:center}
.bh-plate .bh-time-stack span,.bh-plate .bh-time-stack strong{font-size:12px;line-height:1.7}
.bh-plate .bh-time-stack strong{text-align:right}
.bh-plate .bh-time-stack i{display:block;height:18px;background:var(--cyan);border:1px solid #171717}
.bh-plate .bh-time-stack>div:nth-child(2) i{background:var(--magenta)}
.bh-plate .bh-time-stack>div:nth-child(3) i{background:var(--yellow)}
.bh-plate .bh-time-stack>div:nth-child(4) i{background:#171717}
.bh-profit-plate{background:#171717;color:#fff;box-shadow:8px 8px 0 var(--magenta)}
.bh-profit-plate .bh-flag{color:var(--yellow);border-color:#626262}
.bh-profit-plate .bh-value{color:var(--yellow);font-size:clamp(58px,6.3vw,84px)!important}
.bh-profit-plate .bh-unit{color:#fff}
.bh-profit-plate .bh-metric{gap:6px;margin-bottom:22px}
.bh-profit-plate .bh-math{border-color:#626262;color:var(--yellow)}
.bh-profit-plate .bh-limits{color:#deded8}
.bh-profit-chart{position:relative;display:grid;grid-template-columns:69px minmax(0,1fr);padding:30px 5px 25px 0;margin-top:16px;font-size:12px;line-height:1.5}
.bh-axis-title{position:absolute;top:0;left:0;font-size:12px;color:#e4e4df}
.bh-y-axis{position:relative;grid-column:1;height:160px}
.bh-y-axis span{position:absolute;left:0;transform:translateY(-50%);font-size:12px}
.bh-y-axis span:nth-child(1){top:6.25%}
.bh-y-axis span:nth-child(2){top:28.125%}
.bh-y-axis span:nth-child(3){top:50%}
.bh-y-axis span:nth-child(4){top:71.875%}
.bh-y-axis span:nth-child(5){top:93.75%}
.bh-profit-plot{position:relative;min-width:0;height:160px}
.bh-profit-plot svg{display:block;width:100%;height:160px;overflow:visible}
.bh-chart-grid{stroke:#626262;stroke-width:1;fill:none;vector-effect:non-scaling-stroke}
.bh-chart-area{fill:var(--magenta);fill-opacity:.2;stroke:none}
.bh-chart-line{stroke:var(--yellow);stroke-width:3;fill:none;vector-effect:non-scaling-stroke}
.bh-chart-points{fill:var(--yellow)}
.bh-x-axis{position:absolute;left:0;right:0;bottom:-24px;height:18px}
.bh-x-axis span{position:absolute;top:0;transform:translateX(-50%);font-size:12px;white-space:nowrap}
.bh-x-axis span:nth-child(1){left:0;transform:none}
.bh-x-axis span:nth-child(2){left:25%}
.bh-x-axis span:nth-child(3){left:50%}
.bh-x-axis span:nth-child(4){left:75%}
.bh-x-axis span:nth-child(5){right:0;transform:none}
.bh-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;font-size:12px}
.page-home .bh-home-hook{padding-block:50px 60px}
.page-home .bh-home-hook .hp-opening-grid{grid-template-columns:1fr 1.05fr;gap:65px}
.page-home .bh-home-hook h1{font-size:clamp(62px,6.8vw,92px);line-height:1;margin-bottom:26px}
.page-home .bh-home-hook .hp-lead{font-size:23px;line-height:1.5}
.page-home .bh-home-hook .bh-home-explainer{font-size:16px;line-height:1.8}
.page-websites .wc-opening{padding-top:50px}
.page-websites .wc-opening-grid{gap:60px;grid-template-columns:1fr 1fr}
.page-websites .wc-opening .bh-intro{font-family:var(--body,Arial,sans-serif)}
.page-websites .bh-websites .bh-value{font-size:82px!important}
.page-websites .bh-websites .bh-unit{display:inline-block;font-size:19px;letter-spacing:-.02em}
.page-software .software-visual-refresh .bh-software-hook{padding-top:50px}
.page-software .software-visual-refresh .sv-hero-grid{grid-template-columns:1fr 1fr;gap:60px}
.page-software .software-visual-refresh .bh-software-hook h1{font-size:clamp(48px,5.15vw,73px)}
.page-software .bh-software-preview{background:#fff;border-bottom:1px solid #ddd}
@media(max-width:1050px){.page-home .bh-home-hook .hp-opening-grid,.page-websites .wc-opening-grid,.page-software .software-visual-refresh .sv-hero-grid{gap:35px}.bh-plate{padding:25px}.bh-profit-plate .bh-value{font-size:65px!important}.page-home .bh-home-hook h1{font-size:68px}.page-websites .wc-opening h1{font-size:62px}.page-software .software-visual-refresh .bh-software-hook h1{font-size:56px}}
@media(max-width:780px){
 .page-home .bh-home-hook .hp-opening-grid,.page-websites .wc-opening-grid,.page-software .software-visual-refresh .sv-hero-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:17px}
 .page-home .bh-home-hook .hp-opening-copy,.page-websites .wc-opening-copy,.page-software .software-visual-refresh .sv-hero-copy{display:contents}
 .page-home .bh-home-hook .eyebrow,.page-websites .wc-opening-copy .eyebrow,.page-software .sv-hero-copy .eyebrow{order:0;margin:0;font-size:12px;line-height:1.7}
 .page-home .bh-home-hook h1,.page-websites .wc-opening h1,.page-software .software-visual-refresh .bh-software-hook h1{order:1;font-size:clamp(48px,8.5vw,68px);line-height:1.02;margin:0}
 .page-home .bh-home-hook .hp-lead,.page-websites .wc-opening-copy .page-intro,.page-software .software-visual-refresh .sv-hero-copy .page-intro{order:2;font-size:20px;line-height:1.5;margin:0}
 .page-home .bh-home-hook .bh-plate,.page-websites .wc-opening-grid>.bh-plate,.page-software .sv-hero-grid>.bh-plate{order:3;margin:10px 8px 18px 0;width:auto;max-width:590px;justify-self:stretch}
 .page-home .bh-home-hook .bh-home-explainer,.page-websites .wc-opening-detail,.page-software .sv-hero-explainer{order:4;margin:0;font-size:16px;line-height:1.8}
 .page-home .bh-home-hook .actions,.page-websites .wc-opening-copy>.button,.page-software .sv-hero-copy>.button{order:5;margin:4px 0 0;justify-self:start}
 .page-home .bh-home-hook .hp-person,.page-software .sv-opening-note{order:6;margin:3px 0 0}
 .page-home .bh-home-hook,.page-websites .wc-opening,.page-software .software-visual-refresh .bh-software-hook{padding-top:35px}
 .bh-plate .bh-value{font-size:80px!important}.bh-profit-plate .bh-value{font-size:76px!important}
 .page-websites .wc-opening h1 br:nth-of-type(2){display:none}
}
@media(max-width:480px){
 .page-home .bh-home-hook h1,.page-websites .wc-opening h1,.page-software .software-visual-refresh .bh-software-hook h1{font-size:clamp(42px,11.5vw,53px)}
 .page-home .bh-home-hook .hp-lead,.page-websites .wc-opening-copy .page-intro,.page-software .software-visual-refresh .sv-hero-copy .page-intro{font-size:18px;line-height:1.55}
 .page-websites .wc-opening-copy .page-intro{font-size:17px;line-height:1.65}
 .page-home .bh-home-hook .eyebrow,.page-websites .wc-opening-copy .eyebrow,.page-software .software-visual-refresh .sv-hero-copy .eyebrow{letter-spacing:.025em}
 .bh-plate{padding:21px 19px;box-shadow:5px 5px 0 #000}
 .bh-profit-plate{box-shadow:5px 5px 0 var(--magenta)}
 .bh-plate .bh-flag{font-size:12px!important;margin-bottom:16px;padding-bottom:12px}
 .bh-plate .bh-intro{font-size:20px!important;margin-bottom:16px}
 .bh-plate .bh-value,.page-websites .bh-websites .bh-value{font-size:71px!important}
 .bh-profit-plate .bh-value{font-size:clamp(48px,14.7vw,64px)!important}
 .bh-plate .bh-unit{font-size:13px}.page-websites .bh-websites .bh-unit{font-size:16px}
 .bh-plate .bh-metric{gap:0;margin-bottom:16px}
 .bh-plate .bh-assumptions{font-size:13px!important;margin-top:20px}
 .bh-plate .bh-math{font-size:12px!important}
 .bh-profit-chart{grid-template-columns:65px minmax(0,1fr);padding-right:0}
 .bh-plate .bh-time-stack>div{grid-template-columns:60px minmax(0,1fr) 55px;gap:9px}
}
/* Keep the complete loss curve early on a small screen; the explanation follows it. */
@media(max-width:780px){
 .page-home .bh-home-hook .hp-lead{order:4}
 .page-home .bh-home-hook .bh-home-explainer{order:5}
 .page-home .bh-home-hook .actions{order:6}
 .page-home .bh-home-hook .hp-person{order:7}
 .page-home .bh-profit-plate{display:flex;flex-direction:column}
 .page-home .bh-profit-plate .bh-flag{order:0;margin-bottom:17px}
 .page-home .bh-profit-plate .bh-metric{order:1}
 .page-home .bh-profit-plate .bh-profit-chart{order:2;margin-top:0;margin-bottom:22px}
 .page-home .bh-profit-plate .bh-intro{order:3}
 .page-home .bh-profit-plate .bh-assumptions{order:4;margin-top:0}
 .page-home .bh-profit-plate .bh-math{order:5}
 .page-home .bh-profit-plate .bh-limits{order:6}
}
@media(max-width:480px){
 .page-home .bh-home-hook{padding-top:24px}
 .page-home .bh-profit-plate .bh-unit{line-height:1.5;margin-top:5px}
 .page-home .bh-profit-plate .bh-metric{margin-bottom:17px}
}
@media print{.bh-plate{break-inside:avoid;box-shadow:none}.bh-profit-plate{background:#171717!important;color:#fff!important;print-color-adjust:exact}.bh-profit-plate .bh-value,.bh-profit-plate .bh-math{color:#fff!important}.bh-chart-line{stroke:#fff}.bh-chart-points{fill:#fff}}