/* The feature index answers what the product does before the detailed scenes. */
#features{padding-top:64px;padding-bottom:0;scroll-margin-top:22px}
#features .feature-overview-heading{display:grid;grid-template-columns:1.3fr 1fr;align-items:end;gap:32px;margin:0 0 30px}
#features h2{font:600 clamp(52px,4.8vw,72px)/.97 'Saira Condensed',sans-serif;letter-spacing:-.02em}
#features .feature-overview-heading>p{max-width:430px;font-size:20px;line-height:1.5;color:var(--muted2);justify-self:end}
#features .p10-feature-grid{gap:14px}
#features .p10-feature>summary,#features .p10-feature[open]>summary{display:flex;align-items:center;gap:20px;min-height:112px;padding:24px 44px 24px 22px}
#features .p10-icon{position:static;flex:none;width:48px;height:48px}
#features .p10-feature h3{font:600 32px/1.05 'Saira Condensed',sans-serif;letter-spacing:-.015em;margin:0}
#features .p10-feature summary>i{top:38px;right:18px;font-size:26px}
#features .p10-feature-body{margin-inline:24px;padding:18px 0 20px}
#features .p10-feature-body p{font-size:18px;line-height:1.5}
#features .p10-feature-body a{margin-top:12px;font-size:17px}
@media(max-width:1100px){#features .p10-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
  #features{padding-top:42px}
  #features .feature-overview-heading{display:block;margin-bottom:24px}
  #features h2{font-size:48px}
  #features .feature-overview-heading>p{font-size:18px;margin-top:20px}
  #features .p10-feature-grid{grid-template-columns:1fr;gap:10px}
  #features .p10-feature>summary,#features .p10-feature[open]>summary{min-height:84px;gap:17px;padding:18px 43px 18px 19px}
  #features .p10-feature h3{font-size:30px}
  #features .p10-icon{width:42px;height:42px}
  #features .p10-feature summary>i{top:27px;right:18px}
}
@media(max-width:370px){#features .p10-feature h3{font-size:28px}}

/* On a phone, choose the production scope without traversing three long cards. */
#packages .p11-package-picker{display:none}
@media(max-width:760px){
  #packages .p11-package-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:10px}
  #packages .p11-package-picker button{min-height:48px;border:1px solid var(--line);background:var(--surface);color:var(--text);font-size:18px;font-weight:500}
  #packages .p11-package-picker button[aria-pressed=true]{background:var(--cta);color:var(--cta-ink);border-color:var(--cta)}
  #packages .p10-cards{position:relative;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc(100% - 12px);gap:16px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;padding:12px 0 14px;scrollbar-width:thin;scrollbar-color:var(--cta-text) var(--surface)}
  #packages .p10-card{scroll-snap-align:start;scroll-snap-stop:always;min-width:0;translate:none!important}
}