@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@500;600&display=swap');
.hero-story .photo-play-cue{grid-column:1;grid-row:2;display:flex;justify-content:center;align-items:center;gap:15px;position:relative;margin-top:22px;min-height:74px}
.hero-story .demo-pair .photo-play-cue #demo-play{width:58px;height:58px;min-width:58px;min-height:58px;padding:0;margin:0;border-radius:50%;box-shadow:0 7px 20px #007f7320}
.play-handwriting{font-family:'Caveat','Segoe Print',cursive;font-size:38px;font-weight:500;line-height:1;transform:rotate(-8deg);color:var(--ink)}
.play-cue-arrow{width:62px;height:40px;fill:none;stroke:var(--teal);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transform:rotate(14deg);position:absolute;left:calc(50% + 32px);bottom:-17px;pointer-events:none}
.photo-play-cue:hover .play-cue-arrow{transform:rotate(6deg) translateX(-3px);transition:transform .25s ease}
.hero-story .demo-pair{row-gap:8px;padding-bottom:40px}
.google-feature{display:flex;gap:17px;align-items:center;margin:30px 0 20px;padding:22px 0;border-top:1px solid #c8dcd0;border-bottom:1px solid #c8dcd0;max-width:510px}
.google-feature-icon{background:white;width:66px;height:66px;display:grid;place-items:center;border:1px solid #e1e6de;border-radius:15px;flex-shrink:0}
.google-feature-icon img{width:40px;height:40px;object-fit:contain}
.google-feature-kicker{font-size:12px;letter-spacing:.25px;color:var(--teal);line-height:1.5;margin-bottom:6px}
.google-feature h2{font:600 22px/1.25 var(--head);letter-spacing:-.5px;margin-bottom:8px}
.google-feature h2+p{font-size:16px;color:var(--muted);line-height:1.5}
@media(max-width:700px){.hero-story .photo-play-cue{gap:10px;margin-top:12px}.hero-story .demo-pair .photo-play-cue #demo-play{width:48px;height:48px;min-width:48px;min-height:48px}.play-handwriting{font-size:30px}.play-cue-arrow{width:45px;left:calc(50% + 12px);bottom:-10px}.google-feature{padding:18px 0;margin-top:24px;gap:12px}.google-feature h2{font-size:20px}.google-feature-icon{width:54px;height:54px}.google-feature h2+p{font-size:15px}.google-feature-kicker{font-size:12px}.google-feature h2+p br{display:none}}
@media(prefers-reduced-motion:reduce){.photo-play-cue:hover .play-cue-arrow{transition:none;transform:rotate(14deg)}}