/* Penny site shell consistency — 2026-10-02 */
header.nav .brand{
  width:190px!important;
  min-width:0;
  height:86px!important;
  gap:9px!important;
  align-items:center!important;
}
header.nav .brand-art{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:190px!important;
  height:85px!important;
  overflow:visible!important;
  position:relative;
  flex:0 0 190px!important;
  background:transparent!important;
  isolation:auto!important;
}
header.nav .brand-logo{
  display:block!important;
  width:190px!important;
  height:auto!important;
  max-width:190px!important;
  transform:none!important;
    mix-blend-mode:normal!important;
  background:transparent!important;
  object-fit:contain!important;
}
header.nav .brand-by{
  margin:0!important;
  align-self:center!important;
  white-space:nowrap!important;
}
.penny-footer .footer-brand-art{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:132px!important;
  height:59px!important;
  overflow:visible!important;
  position:relative;
}
.penny-footer .footer-brand-art img{
  display:block!important;
  width:132px!important;
  height:auto!important;
  max-width:132px!important;
  transform:none!important;
  object-fit:contain!important;
}
@media(max-width:1120px){
  header.nav .brand{width:172px!important;height:78px!important}
  header.nav .brand-art{width:172px!important;height:76px!important;flex-basis:172px!important}
  header.nav .brand-logo{width:172px!important;max-width:172px!important}
  header.nav .brand-by{font-size:10px!important}
}
@media(max-width:720px){
  header.nav .brand{width:142px!important;height:66px!important;gap:0!important}
  header.nav .brand-art{width:142px!important;height:63px!important;flex-basis:142px!important}
  header.nav .brand-logo{width:142px!important;max-width:142px!important}
  header.nav .brand-by{font-size:8px!important}
  .penny-footer .footer-brand-art{width:116px!important;height:52px!important}
  .penny-footer .footer-brand-art img{width:116px!important;max-width:116px!important}
}
@media(max-width:430px){
  header.nav .brand{width:124px!important;height:60px!important}
  header.nav .brand-art{width:124px!important;height:55px!important;flex-basis:124px!important}
  header.nav .brand-logo{width:124px!important;max-width:124px!important}
  header.nav .brand-by{font-size:7px!important}
}
header.nav .brand-by{display:none!important}


/* Shared feature-page hero alignment — matches the homepage visual rhythm. */
.feature-hero{
  display:grid!important;
  grid-template-columns:1.03fr .97fr!important;
  align-items:start!important;
  gap:55px!important;
  min-height:520px!important;
  padding:16px 0 72px!important;
  position:relative!important;
}
.feature-hero-copy{
  padding-top:11px!important;
  position:relative!important;
  z-index:2!important;
  min-width:0!important;
}
.feature-hero-copy h1{
  font-size:clamp(48px,5.95vw,73px)!important;
  line-height:.99!important;
  letter-spacing:-.069em!important;
  margin:0 0 26px!important;
}
.feature-hero-copy .lead,
.feature-hero-copy .or-lead{
  max-width:502px!important;
  font-size:20px!important;
  line-height:1.39!important;
  margin:0 0 20px!important;
}
.feature-hero-art{
  margin:0!important;
  align-self:start!important;
  min-height:0!important;
  height:480px!important;
  position:relative!important;
  top:-10px!important;
}
.hero-card.feature-hero-art{display:grid!important;place-items:center!important}
.orders-page .or-stage.feature-hero-art{height:500px!important}
@media(max-width:900px){
  .feature-hero{
    grid-template-columns:1fr!important;
    gap:24px!important;
    min-height:0!important;
    padding:10px 0 58px!important;
  }
  .feature-hero-copy{padding-top:0!important}
  .feature-hero-copy h1{font-size:clamp(44px,11.5vw,64px)!important}
  .feature-hero-art{
    top:0!important;
    width:100%!important;
    height:460px!important;
    transform:none!important;
    margin:0 auto!important;
  }
  .orders-page .or-stage.feature-hero-art{height:500px!important}
}
@media(max-width:600px){
  .feature-hero{gap:10px!important;padding:6px 0 46px!important}
  .feature-hero-copy h1{font-size:46px!important}
  .feature-hero-copy .lead,
  .feature-hero-copy .or-lead{font-size:18px!important;line-height:1.48!important}
  .feature-hero-art{height:410px!important}
  .orders-page .or-stage.feature-hero-art{
    height:430px!important;
    transform:none!important;
    margin:0 auto!important;
  }
}


/* High-specificity desktop hero parity: beats legacy feature-page .hero.w rules. */
@media(min-width:901px){
  main .hero.w.feature-hero,
  main .hero.wrap.feature-hero,
  main.orders-page .or-hero.wrap.feature-hero{
    display:grid!important;
    grid-template-columns:1.03fr .97fr!important;
    align-items:start!important;
    gap:55px!important;
    min-height:520px!important;
    padding:16px 0 72px!important;
    position:relative!important;
  }
}


/* Standard hero treatment for top-level Penny pages. */
.faq-hero.standard-hero{
  position:relative!important;
  min-height:0!important;
  padding:16px 0 44px!important;
  isolation:isolate!important;
}
.faq-hero.standard-hero .standard-hero-copy{
  position:relative!important;
  z-index:2!important;
  max-width:760px!important;
  padding-top:11px!important;
}
.faq-hero.standard-hero .standard-hero-copy h1,
.pricing-hero-inner.standard-hero .standard-hero-copy h1{
  font-size:clamp(48px,5.95vw,73px)!important;
  line-height:.99!important;
  letter-spacing:-.069em!important;
  margin:0 0 26px!important;
}
.faq-hero.standard-hero .hero-lead,
.pricing-hero-inner.standard-hero .standard-hero-copy>p{
  max-width:502px!important;
  font-size:20px!important;
  line-height:1.39!important;
  margin:0 0 20px!important;
}
.pricing-hero.standard-hero-section{
  padding:0!important;
}
.pricing-hero-inner.standard-hero{
  display:grid!important;
  grid-template-columns:1.03fr .97fr!important;
  align-items:start!important;
  gap:55px!important;
  min-height:520px!important;
  padding:16px 0 72px!important;
  position:relative!important;
}
.pricing-hero-inner.standard-hero .standard-hero-copy{
  padding-top:11px!important;
  text-align:left!important;
  min-width:0!important;
}
.pricing-hero-inner.standard-hero .standard-hero-art{
  position:relative!important;
  top:-10px!important;
  min-height:0!important;
  height:480px!important;
  margin:0!important;
  align-self:start!important;
}
@media(max-width:900px){
  .faq-hero.standard-hero{padding:10px 0 40px!important}
  .pricing-hero-inner.standard-hero{
    grid-template-columns:1fr!important;
    gap:24px!important;
    min-height:0!important;
    padding:10px 0 58px!important;
  }
  .faq-hero.standard-hero .standard-hero-copy,
  .pricing-hero-inner.standard-hero .standard-hero-copy{padding-top:0!important;text-align:left!important}
  .faq-hero.standard-hero .standard-hero-copy h1,
  .pricing-hero-inner.standard-hero .standard-hero-copy h1{font-size:clamp(44px,11.5vw,64px)!important}
  .pricing-hero-inner.standard-hero .standard-hero-art{
    top:0!important;
    width:100%!important;
    height:440px!important;
    margin:0 auto!important;
  }
}
@media(max-width:600px){
  .faq-hero.standard-hero{padding:6px 0 34px!important}
  .pricing-hero-inner.standard-hero{gap:10px!important;padding:6px 0 46px!important}
  .faq-hero.standard-hero .standard-hero-copy h1,
  .pricing-hero-inner.standard-hero .standard-hero-copy h1{font-size:46px!important}
  .faq-hero.standard-hero .hero-lead,
  .pricing-hero-inner.standard-hero .standard-hero-copy>p{font-size:18px!important;line-height:1.48!important}
  .pricing-hero-inner.standard-hero .standard-hero-art{height:390px!important}
}


/* Clickable dropdown trigger state — Features itself never navigates. */
.feature-trigger{font:inherit!important}
.feature-nav.is-open .feature-pop{
  opacity:1!important;
  visibility:visible!important;
  transform:translate(-50%,0)!important;
  pointer-events:auto!important;
}


/* Official transparent Penny footer logo */
.penny-footer .footer-brand-art{
  width:150px!important;
  height:52px!important;
  overflow:visible!important;
}
.penny-footer .footer-brand-art img{
  display:block!important;
  width:150px!important;
  height:auto!important;
  max-width:150px!important;
  transform:none!important;
  background:transparent!important;
  object-fit:contain!important;
}