.ios-summarizer-hero{background-image:radial-gradient(circle at center 80%,#ff703a 0,#ff703a 20%,rgba(255,112,58,0) 40%),radial-gradient(ellipse at center 120%,#c50042 0,#c50042 35%,rgba(197,0,66,0) 65%),radial-gradient(ellipse at center 120%,#a740d1 0,#a740d1 40%,rgba(167,64,209,0) 70%);background-position:center 245px;background-repeat:no-repeat;background-size:2880px 100%;min-height:100vh;position:relative}@media(min-width:1200px){.ios-summarizer-hero{background-size:4880px 100%}}.ios-hero-figure-container{pointer-events:none;position:relative;--qr-code-size:200px;--qr-gap:clamp(100px,calc(-233.33333px + 27.77778vw),300px)}.qr-code{margin-block-start:24px}@media(min-width:1200px){.qr-code{filter:drop-shadow(0 8px 24px rgba(0,0,0,.2));margin:0;position:absolute;right:calc((var(--qr-code-size) + var(--qr-gap))*-1);text-align:center;top:15%}}.qr-code svg{border:10px solid #000;border-radius:24px;height:var(--qr-code-size);margin-top:24px;width:var(--qr-code-size)}.ios-phone{display:inline-block;pointer-events:none;position:relative;will-change:transform;z-index:1}.ios-phone.shake{animation:phone-shake 1s ease-in-out both;animation-delay:1.5s}@media(prefers-reduced-motion:reduce){.ios-phone.shake{animation:none}}.phone-masked{border-radius:10%;height:100%;inset:0;object-fit:contain;pointer-events:auto;position:absolute;transform:scale(.96);transform-origin:50% 50%;width:100%;will-change:transform;z-index:1}@keyframes phone-shake{0%{transform:translateX(0)}10%{transform:translateX(-40px)}20%{transform:translateX(40px)}30%{transform:translateX(-35px)}40%{transform:translateX(35px)}50%{transform:translateX(-20px)}60%{transform:translateX(20px)}70%{transform:translateX(-10px)}80%{transform:translateX(10px)}90%{transform:translateX(0)}to{transform:translateX(0)}}.ios-summarizer-use-steps .qr-card{background:radial-gradient(50% 50% at 50% 50%,#c80c40 0,#cc3a38 100%);border-radius:24px;box-shadow:0 14px 40px rgba(0,0,0,.18),inset 0 1px 0 hsla(0,0%,100%,.35);display:grid;padding:10%;place-items:center}.ios-summarizer-use-steps .qr-card svg{border:10px solid #000;border-radius:24px;height:auto;width:80%}.ios-summarizer-use-steps ol{line-height:1.5;list-style-position:inside;list-style-type:decimal;margin-left:32px}[dir=rtl] .ios-summarizer-use-steps ol{margin-left:0;margin-right:32px}.ios-summarizer-use-steps .ios-summarizer-note{color:#42414d;font-size:var(--body-xs-size);font-style:italic}