/* Alternating product stories use the same two-phone components as the homepage. */
.fp-access {margin-top:64px;color:#0c2340}
.fp-access-section {display:grid;grid-template-columns:minmax(0,1fr) 600px;gap:50px;align-items:center;border-top:1px solid #dce2e5;padding:64px 0}
.fp-access-content {min-width:0}
.fp-access-section--ai {grid-template-columns:600px minmax(0,1fr)}
.fp-access-section--ai .fp-access-content {grid-column:2;grid-row:1}
.fp-access-section--ai .fp-access-phones {grid-column:1;grid-row:1}
.fp-access h2 {margin:0;font:400 clamp(42px,4vw,58px)/1.08 var(--ab-serif,"Instrument Serif",Georgia,serif);letter-spacing:-.025em;color:#0c2340}
.fp-access-copy>p {margin:23px 0 0;max-width:none;font:400 16px/1.85 var(--ab-body,"Raleway",sans-serif);color:#526374}
.fp-access-copy .fp-access-note {font:400 11px/1.75 var(--ab-sans,"Space Grotesk",sans-serif);color:#667786;margin-top:13px}
.fp-access-logos {display:grid;grid-template-columns:repeat(2,1fr);gap:0 24px;padding:0;margin:23px 0 0;list-style:none}
.fp-access-logos li {display:flex;align-items:center;gap:13px;min-height:73px;border-bottom:1px solid #dce2e5;font:500 16px/1.4 var(--ab-sans,"Space Grotesk",sans-serif);letter-spacing:-.3px}
.fp-access-logo {display:grid;place-items:center;width:38px;height:38px;flex:none}
.fp-access-logo img {display:block;width:100%;height:100%;object-fit:contain}
.fp-access-logos .is-figure img {max-width:30px;max-height:35px}
.fp-access-phones {width:100%;min-width:0;margin:0}
.fp-access-stats {display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:29px 0 0;padding:0}
.fp-access-stats>div {display:flex;flex-direction:column;gap:9px}
.fp-access-stats dt {display:flex;align-items:baseline;gap:5px;font:400 32px/1.2 var(--ab-sans,"Space Grotesk",sans-serif);letter-spacing:-1px;white-space:nowrap}
.fp-access-stats dt small {font:400 10px/1 var(--ab-sans,"Space Grotesk",sans-serif);letter-spacing:0}
.fp-access-stats dd {font:400 11px/1.5 var(--ab-sans,"Space Grotesk",sans-serif);color:#667786;margin:0}
.jobs-product-cta {border-top:1px solid #dce2e5;padding:40px 0 8px;display:flex;align-items:center;justify-content:space-between;gap:32px}
.jobs-product-cta h2 {font:400 clamp(34px,4vw,50px)/1.1 var(--ab-serif);letter-spacing:-.025em}
.jobs-product-cta .jobs-button {margin:0;flex:none}
.jobs-product-cta .jobs-product-note {margin-top:14px}
@media(max-width:1100px){
  .fp-access-section,.fp-access-section--ai {grid-template-columns:1fr;gap:38px}
  .fp-access-section--ai .fp-access-content,.fp-access-section--ai .fp-access-phones {grid-column:auto;grid-row:auto}
  .fp-access-phones {max-width:980px;margin-inline:auto}
  .fp-access-logos {grid-template-columns:repeat(4,1fr);max-width:960px}
  .fp-access-stats {max-width:670px}
}
@media(max-width:700px){
  .fp-access {margin-top:42px}
  .fp-access-section {padding:36px 0 42px;gap:30px}
  .fp-access h2 {font-size:42px}
  .fp-access-copy>p {font-size:15px;margin-top:19px}
  .fp-access-copy .fp-access-note {font-size:10px;line-height:1.8}
  .fp-access-logos {grid-template-columns:1fr 1fr;gap:0 22px;margin-top:21px}
  .fp-access-logos li {min-height:69px;font-size:15px;gap:11px}
  .fp-access-logo {width:34px;height:34px}
  .fp-access-phones .ap-demo-label {white-space:normal;font-size:9px}
  .fp-access-stats {gap:16px;margin-top:24px}
  .fp-access-stats dt {font-size:28px;gap:4px}
  .fp-access-stats dt small {font-size:9px}
  .fp-access-stats dd {font-size:10px}
  .jobs-product-cta {align-items:start;flex-direction:column;gap:24px;padding-top:32px}
  .jobs-product-cta h2 {font-size:36px}
}
.fp-access-content>.fp-access-note {max-width:43em;margin:16px 0 0;color:#667786;font:400 11px/1.65 var(--ab-sans,"Space Grotesk",sans-serif);text-wrap:pretty}
.fp-access-copy>p {max-width:28em;line-height:1.75;text-wrap:balance}
.fp-access h2 {text-wrap:balance}

@media(max-width:700px){.fp-access-content>.fp-access-note {font-size:10px}}

/* Store badges travel with their phones instead of forming a separate CTA row. */
.product-phone-column {flex:0 0 280px;width:280px;min-width:0;scroll-snap-align:start}
.product-phone-store {display:flex!important;align-items:center;justify-content:center;width:max-content;min-height:48px;margin:20px auto 0;line-height:0;text-decoration:none!important}
.product-phone-store.is-apple img {display:block;width:132px;height:44px;object-fit:contain}
.product-phone-store.is-google img {display:block;width:169px;height:65.4px;max-width:none;object-fit:contain;margin:-10.7px}
@container(max-width:599px){.product-phone-column {width:258px;flex-basis:258px}}
@media(max-width:600px){.product-phone-column {width:var(--ap-touch-width);flex-basis:var(--ap-touch-width)}}
.fp-access-section {grid-template-columns:minmax(0,1fr) 548px;gap:24px}
.fp-access-section--ai {grid-template-columns:548px minmax(0,1fr)}
@media(max-width:1100px){.fp-access-section,.fp-access-section--ai {grid-template-columns:1fr;gap:30px}}
@media(max-width:700px){.fp-access-copy>p {text-wrap:balance}}
.fp-access-copy>p{text-wrap:pretty}
@media(max-width:700px){.fp-access-copy>p{text-wrap:pretty}}
/* Both badges sit on one baseline under their phones, whatever each phone's offset. */
.fp-access-phones .ap-pair-track{align-items:stretch}
.product-phone-column{display:flex;flex-direction:column}
.product-phone-column>.ap-phone{flex:none}
.product-phone-store{margin:auto auto 0;padding-top:20px}
/* Phone width shows one phone at a time, so both badges move to one row under the copy. */
.fp-access-stores{display:none}
@media(max-width:700px){.fp-access-phones .product-phone-store{display:none!important}
  .fp-access-stores{display:flex;align-items:center;gap:14px;margin-top:26px}
  .fp-access-stores a{display:flex;align-items:center;line-height:0;min-height:44px}
  .fp-access-stores .is-apple img{display:block;width:auto;height:42px}
  .fp-access-stores .is-google img{display:block;width:auto;height:62px;max-width:none;margin:-10.1px}
  .fp-access-phones.ap-pair{width:calc(100% + 40px);margin-inline:-20px}
  .fp-access-phones.ap-pair .ap-pair-track{padding-inline:20px;scroll-padding-inline:20px}}