/* Approved design board: display its original artwork without redrawing it.
   Source coordinates are measured on the 1536 x 1024 design board.
   The portrait is a disclosed concept placeholder, not a new staff photo. */
.hero h1 .visually-hidden,.hero-portrait figcaption.visually-hidden{
  position:absolute!important;width:1px!important;height:1px!important;
  padding:0!important;margin:-1px!important;overflow:hidden!important;
  clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;
}
.approved-headline,.approved-portrait{display:block;position:relative;overflow:hidden}
.approved-headline{aspect-ratio:440/166;background:#fff}
.approved-headline>img{position:absolute;width:349.090909%;max-width:none;height:auto;left:-23.181818%;top:-104.819277%}
.approved-portrait{aspect-ratio:514/356}
.hero-portrait .approved-portrait>img{position:absolute;width:298.832685%;max-width:none;height:auto;left:-107.392996%;top:-33.988764%;aspect-ratio:auto;object-fit:initial;object-position:initial;transform:none;filter:none;mask-image:none;border-radius:0}
.hero-portrait{width:calc(100% + 40px);max-width:none;margin:0;padding:0;justify-self:start}
.hero-portrait .portrait-mat{padding:0 24px 12px 0;isolation:isolate}
.hero-portrait .portrait-mat:before{top:12px;left:26%;right:0;bottom:0;background:#ff8916}
.hero-portrait .portrait-mat:after{display:none}
.hero.wrap{width:min(1184px,calc(100% - 80px));grid-template-columns:minmax(0,.462fr) minmax(0,.538fr);gap:20px;padding-block:0;align-items:center}
.hero-copy{transform:translate(-2px,6px)}
.hero h1{width:103%;max-width:none;margin:0;line-height:1}
.hero .eyebrow{font-size:12px;line-height:1.55;gap:8px;margin-bottom:12px;letter-spacing:0;font-weight:900}
.hero-lead{font-size:16px;line-height:1.65;margin-top:16px;font-weight:700}
.hero-actions{margin-top:20px;gap:26px;flex-wrap:nowrap}
.hero-actions .button{min-height:50px;font-size:14px;padding:12px 25px;gap:28px;border:1px solid #ff5c08;border-radius:5px;background:linear-gradient(110deg,#ff6908,#fc5100)}
.hero-actions .text-link{font-size:12px;gap:8px}
.header-inner{height:62px}
.header-inner .brand{font-size:23px;font-weight:800}
.header-inner .brand img{width:40px;height:40px}
.header-inner .brand small{display:none}
.desktop-nav{gap:28px;flex:1}
.desktop-nav>.button{margin-left:auto}
.desktop-nav>a:not(.button){font-size:13px}
.site-header .button{background:linear-gradient(110deg,#ff6908,#fc5100);border-color:#ff5c08;border-radius:5px}
.proof-row{padding-block:13px}
.proof-row p{font-weight:700}
.proof-row strong span{display:inline-block;white-space:nowrap}
#pricing{padding-top:22px}
#pricing .section-heading{margin-bottom:20px}
#pricing h2{font-size:28px;line-height:1.35}
.plan-badge{background:#ff6508}
.plan-featured{border-color:#ff7a13}
.plan .check-list li:before{color:#ff6108}
@media(min-width:1400px){.hero.wrap{gap:20px;padding-block:0}.hero-portrait{margin:0}}
@media(min-width:701px) and (max-width:950px){
  .hero.wrap{width:calc(100% - 56px);gap:16px}
  .hero-portrait{width:calc(100% + 28px)}
  .hero-portrait .portrait-mat{padding-right:18px;padding-bottom:10px}
  .hero .eyebrow{font-size:10px;margin-bottom:9px}
  .hero-lead{font-size:13px;line-height:1.55;margin-top:12px}
  .hero-actions{gap:13px;margin-top:17px}
  .hero-actions .button{font-size:12px;min-height:45px;padding:10px 15px;gap:15px}
  .hero-actions .text-link{font-size:11px;gap:6px}
}
@media(max-width:700px){
  .wrap{width:calc(100% - 32px)}
  .header-inner{height:62px}
  .header-inner .brand{font-size:20px}
  .header-inner .brand img{width:36px;height:36px}
  .hero.wrap{width:calc(100% - 32px);grid-template-columns:1fr;gap:10px;padding-block:24px 18px}
  .hero-copy{transform:none}
  .hero .eyebrow{font-size:11px;line-height:1.5;margin:0;grid-row:1}
  .hero h1{width:100%;max-width:440px;grid-row:2}
  .hero-lead{font-size:14px;line-height:1.5;grid-row:3;margin:0}
  .hero-portrait{grid-row:4;width:100%;margin-top:4px}
  .hero-portrait .portrait-mat{padding:0}
  .hero-portrait .portrait-mat:before{display:none}
  .approved-portrait{aspect-ratio:320/220;border-radius:3px}
  .hero-portrait .approved-portrait>img{width:480%;left:-356.5625%;top:-165%}
  .hero-actions{grid-row:5;display:block;margin:2px 0 0}
  .hero-actions .button{width:100%;min-height:50px;font-size:14px;padding:12px 18px;gap:24px}
  .hero-actions .text-link{display:none}
  #pricing{padding-top:24px}
  #pricing h2{font-size:27px}
  .mobile-contact-bar a:not(.mobile-line){background:linear-gradient(110deg,#ff6908,#fc5100)}
}

/* Crisp HTML lettering covers only the original raster nameplate. */
.approved-portrait{container-type:inline-size}
.hero-portrait .portrait-nameplate{position:absolute;z-index:1;left:1.75%;top:84.55%;width:39.7%;min-width:156px;height:14.7%;display:flex;flex-direction:column;justify-content:center;gap:1px;padding:0 2.5%;background:#fff;color:#161b21;font-family:var(--font);line-height:1.4;letter-spacing:0;white-space:nowrap}
.portrait-nameplate .portrait-name{display:block;font-size:clamp(11px,2.9cqi,18px);font-weight:700}
.portrait-nameplate .portrait-team{display:block;font-size:clamp(9px,2.1cqi,14px);font-weight:500}
@media(max-width:700px){
  .hero-portrait .portrait-nameplate{left:3.125%;top:74.545455%;width:60%;min-width:184px;height:23.2%;padding:0 3.5%;gap:1px}
  .portrait-nameplate .portrait-name{font-size:clamp(13px,4.0625cqi,16px)}
  .portrait-nameplate .portrait-team{font-size:clamp(10.5px,3.28125cqi,13px)}
}