/* A plain input -> work -> purpose explanation, only on the four main pages. */
:is(.page-home,.page-websites,.page-software,.page-contact) .pc-summary{margin:24px 0 26px;padding:0;border-top:1px solid #171717;color:#000;max-width:570px}
:is(.page-home,.page-websites,.page-software,.page-contact) .pc-summary>div{display:grid;grid-template-columns:88px minmax(0,1fr);gap:16px;padding:12px 0;border-bottom:1px solid #171717;align-items:start}
:is(.page-home,.page-websites,.page-software,.page-contact) .pc-summary dt{font-size:12px;line-height:1.8;font-weight:800;margin:0}
:is(.page-home,.page-websites,.page-software,.page-contact) .pc-summary dd{font-size:14px;line-height:1.8;margin:0}
.page-home .sm-hero h1{font-size:clamp(53px,5.3vw,75px);line-height:1.02}
.page-home .sm-hero .sm-lead{font-size:21px;line-height:1.6;margin-bottom:0}
.page-home .sm-chart .pc-graph-purpose{font:700 24px/1.2 var(--display);letter-spacing:-.025em;color:#fff;margin:0 0 17px}
.page-home .sm-chart .sm-scenario-cue{margin-bottom:17px}
.page-home .sm-metric>span{font-size:13px}
.page-websites .wc-opening h1{font-size:clamp(48px,5vw,69px)}
.page-websites .wc-opening h1>span{font-size:1em;display:inline;line-height:inherit;margin:0}
.page-websites .wc-opening-detail{margin-bottom:0}
.page-software .software-visual-refresh .bh-software-hook h1{font-size:clamp(48px,5vw,69px)}
.page-software .software-visual-refresh .sv-hero-explainer{font-size:16px;line-height:1.8;margin-bottom:0}
.page-contact .dc-hero h1{font-size:clamp(48px,5vw,69px)}
.page-contact .dc-introduction{margin-bottom:0}
.page-contact .dc-reach{margin-top:0}
@media(max-width:1100px){.page-home .sm-hero h1{font-size:59px}.page-websites .wc-opening h1,.page-software .software-visual-refresh .bh-software-hook h1,.page-contact .dc-hero h1{font-size:55px}}
@media(max-width:780px){
 .page-home .sm-hero-copy>.sm-lead{order:2;font-size:19px;line-height:1.6;margin:0}
 .page-home .sm-hero .sm-chart{order:3}
 .page-home .sm-hero-copy>.pc-summary{order:4;margin:9px 0 0}
 .page-home .sm-hero .actions{order:5}
 .page-home .sm-hero h1{font-size:clamp(44px,7.5vw,64px)}
 .page-websites .wc-opening-copy>.page-intro,.page-software .software-visual-refresh .sv-hero-copy>.page-intro{order:2}
 .page-websites .wc-opening-copy>.pc-summary,.page-software .sv-hero-copy>.pc-summary{order:3;margin:5px 0 3px}
 .page-websites .wc-opening-grid>.bh-plate,.page-software .sv-hero-grid>.bh-plate{order:4}
 .page-websites .wc-opening-copy>.wc-opening-detail,.page-software .sv-hero-copy>.sv-hero-explainer{order:5;margin:0}
 .page-websites .wc-opening-copy>.button,.page-software .sv-hero-copy>.button{order:6}
 .page-software .sv-hero-copy>.sv-opening-note{order:7}
 .page-contact .dc-hero-copy>.pc-summary{order:5;margin:0}
 .page-contact .dc-hero-copy>.dc-introduction{order:4}
 .page-contact .dc-hero-copy>.dc-lead{order:4}
 .page-contact .dc-hero-copy>.dc-reassurance{order:6}
 .page-websites .wc-opening h1,.page-software .software-visual-refresh .bh-software-hook h1,.page-contact .dc-hero h1{font-size:clamp(43px,7.7vw,61px)}
 .page-home .sm-chart .pc-graph-purpose{order:1;font-size:23px}
 .page-home .sm-chart .sm-metric{order:2}
 .page-home .sm-chart .sm-plot-shell{order:3}
}
@media(max-width:480px){
 :is(.page-home,.page-websites,.page-software,.page-contact) .pc-summary>div{grid-template-columns:76px minmax(0,1fr);gap:13px;padding-block:11px}
 :is(.page-home,.page-websites,.page-software,.page-contact) .pc-summary dd{font-size:14px;line-height:1.75}
 .page-home .sm-hero h1,.page-websites .wc-opening h1,.page-software .software-visual-refresh .bh-software-hook h1,.page-contact .dc-hero h1{font-size:clamp(39px,10.1vw,47px);line-height:1.04}
 .page-home .sm-hero .sm-lead{font-size:18px;line-height:1.6}
 .page-home .sm-chart .pc-graph-purpose{font-size:21px;line-height:1.25;margin-bottom:15px}
 .page-home .sm-chart .sm-scenario-cue{margin-bottom:14px}
 .page-home .sm-metric>strong{font-size:clamp(67px,19vw,85px)}
 .page-home .sm-metric>span{font-size:12px;line-height:1.75}
}