.bundle{grid-template-columns:42% 27% 13% 7%}
.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}
.icon,.why-icon{color:var(--teal)}
.icon svg,.why-icon svg{display:block;width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.why-icon svg{width:34px;height:34px}
.hero-brandmark{left:47.8%;gap:14px}
.hero-brandmark>span{font-size:35px;line-height:1}
.hero-brandmark strong{font-size:31px}
.home-copy h2{font-size:26px;max-width:235px}
.contact-info,.contact-title>p:last-child,.contact-cta p,.why-grid p,.why-intro>p:last-child{font-size:11px}
footer{font-size:9px}
.heading-side p{margin:0}

@media (min-width:900px){
  body{font-size:15px}
  .site-header{height:66px}
  .brand{width:170px}
  .brand span{font-size:30px}
  .brand small{font-size:9px;margin-top:5px}
  .main-nav{gap:36px;font-size:13px;margin-left:82px}
  .header-tools{gap:15px;font-size:13px}
  .sun{font-size:24px;margin-left:18px}
  .toggle{width:24px;height:14px}
  .toggle i{width:12px;height:12px}
  .button{font-size:13px;padding:12px 26px;min-width:142px}
  .button-small{padding:10px 21px;min-width:126px}
  .hero{height:445px}
  .hero-copy{padding-top:45px}
  .hero h1{font-size:48px;letter-spacing:-2.7px;margin-bottom:14px}
  .hero-lead{font-size:20px;margin-bottom:11px}
  .hero-text{font-size:13px;margin-bottom:21px}
  .hero-actions{gap:28px}
  .hero-brandmark{top:42px;gap:18px}
  .hero-brandmark>span{font-size:43px}
  .hero-brandmark strong{font-size:38px}
  .hero-brandmark small{font-size:11px}
  .hero-tag{height:115px;padding:37px 0 0 54px;font-size:13px}
  .section{padding-top:44px;padding-bottom:44px}
  .eyebrow{font-size:11px;margin-bottom:11px}
  .section h2{font-size:38px;letter-spacing:-1.8px}
  .heading-side{font-size:12px;padding-top:5px}
  .service-grid{margin-top:31px}
  .service-card{min-height:135px;grid-template-columns:34px 58px 1fr;gap:8px;padding:12px 24px 18px 0}
  .service-card:nth-child(3n+2),.service-card:nth-child(3n+3){padding-left:24px}
  .service-card:nth-child(n+4){padding-top:26px}
  .number{font-size:12px}
  .icon svg,.why-icon svg{width:42px;height:42px}
  .service-card h3{font-size:17px;margin-bottom:8px}
  .service-card p{font-size:12px;margin-bottom:12px}
  .service-card b{font-size:13px}
  .arrow{font-size:19px}
  .bundle{height:191px;padding-top:34px;padding-bottom:34px}
  .bundle-leaf{display:none}
  .bundle h2{font-size:34px;margin-bottom:9px}
  .bundle p{font-size:13px}
  .bundle-price{padding-left:52px}
  .bundle-price p{font-size:13px}
  .bundle-price strong{font-size:20px}
  .bundle-list{padding-left:52px;font-size:11px}
  .star{font-size:66px}
  .why{padding-top:45px;padding-bottom:45px}
  .why-intro h2{font-size:32px;margin-bottom:18px}
  .why-intro>p:last-child{font-size:12px}
  .why-grid{padding-top:29px}
  .why-grid article{padding:0 24px;min-height:156px}
  .why-grid h3{font-size:16px;margin-bottom:12px}
  .why-grid p{font-size:12px}
  .home-banner{height:208px}
  .home-copy h2{font-size:32px;max-width:295px}
  .home-tag{font-size:12px}
  .contact{padding-top:48px;padding-bottom:39px}
  .contact h2{font-size:35px;margin-bottom:16px}
  .contact-title>p:last-child,.contact-info,.contact-cta p{font-size:12px}
  .contact-info{padding-left:42px}
  .contact-info b{font-size:24px;width:34px}
  .contact-cta{padding-left:48px}
  footer{padding-top:18px;padding-bottom:18px;font-size:10px}
}