.iphone-hero .hero-copy .button+.text-link{margin-left:22px}.iphone-stage{background:var(--mist);border-radius:12px;justify-items:center;gap:26px;padding:34px 30px 26px;display:grid}.iphone-icon{width:132px;height:132px}.duo-frames{grid-template-columns:.8fr 1.6fr;align-items:end;gap:18px;width:100%;max-width:460px;display:grid}.duo-frames figure{margin:0}.duo-frames figcaption{color:var(--muted);text-align:center;margin-top:10px;font-size:11px}.duo-frame{border:1px solid var(--ink);background:var(--white);border-radius:22px;padding:7px}.duo-frame img{border-radius:15px;width:100%;height:auto;display:block}.duo-page{border:1px solid var(--line);aspect-ratio:9/19;border-radius:15px;flex-direction:column;gap:9px;padding:22% 14%;display:flex}.duo-frame.spread .duo-page{aspect-ratio:18/19;flex-direction:row;gap:10%;padding:16% 9%}.duo-frame.spread .duo-leaf{flex-direction:column;flex:1;gap:9px;display:flex}.duo-frame.spread .duo-leaf+.duo-leaf{border-left:1px solid var(--line);padding-left:10%}.duo-line{background:var(--muted);height:1px}.duo-line.short{width:62%}.duo-soon{color:var(--muted);text-align:center;margin-top:auto;font-size:10px}@media (max-width:760px){.iphone-hero .hero-copy .button+.text-link{margin:16px 0 0;display:inline-block}.iphone-stage{padding:26px 20px 20px}.iphone-icon{width:104px;height:104px}}
