.marketing-ios-preview{overflow:clip}.marketing-ios-header{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:80px;align-items:end}.product-marketing-page .marketing-ios-header h2{font-size:clamp(36px,4.2vw,60px)}.marketing-ios-availability{border-left:2px solid var(--green);padding-left:12px}.marketing-ios-gallery{margin-top:48px}.marketing-ios-stage{--ios-screen-width: clamp(248px,25vw,354px);position:relative;height:calc(var(--ios-screen-width) * 852 / 393 + 96px);touch-action:pan-y pinch-zoom;isolation:isolate}.marketing-ios-stage:focus-visible{outline:2px solid var(--green);outline-offset:8px;border-radius:12px}.marketing-ios-stage:before{content:"";position:absolute;inset:8% 8% 6%;background:var(--mint);border-radius:50%;z-index:-1}.marketing-ios-screen{position:absolute;top:32px;left:calc(50% - var(--ios-screen-width) / 2);width:var(--ios-screen-width);margin:0;transform-origin:50% 70%;transition:transform var(--ios-duration) var(--ios-ease),opacity var(--ios-duration) var(--ios-ease);will-change:auto}.marketing-ios-screen img{display:block;width:100%;height:auto;border-radius:8%/3.7%;box-shadow:0 24px 56px -24px color-mix(in srgb,var(--deep) 28%,transparent);-webkit-user-select:none;-moz-user-select:none;user-select:none}.marketing-ios-screen[data-offset="0"]{z-index:3;transform:translate(0) scale(1) rotate(0);opacity:1}.marketing-ios-screen[data-offset="-1"]{z-index:2;transform:translate(-78%) translateY(32px) scale(.86) rotate(-6deg);opacity:.84}.marketing-ios-screen[data-offset="1"]{z-index:2;transform:translate(78%) translateY(32px) scale(.86) rotate(6deg);opacity:.84}.marketing-ios-screen[data-offset="-2"]{z-index:1;transform:translate(-143%) translateY(64px) scale(.72) rotate(-10deg);opacity:.34;pointer-events:none}.marketing-ios-screen[data-offset="2"]{z-index:1;transform:translate(143%) translateY(64px) scale(.72) rotate(10deg);opacity:.34;pointer-events:none}.marketing-ios-open{position:absolute;inset:0;border:0;border-radius:8%/3.7%;background:transparent;cursor:pointer}.marketing-ios-screen:has(.marketing-ios-open:hover){opacity:1}.marketing-ios-caption-row{display:flex;align-items:center;justify-content:center;gap:32px}.marketing-ios-caption{width:min(520px,100%);min-height:132px;display:grid;align-content:start;gap:12px;text-align:center}.marketing-ios-caption>p:last-child{font-size:16px;line-height:1.55;color:var(--muted)}.marketing-ios-arrow{color:var(--deep);border-color:var(--line)}.marketing-ios-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:24px}.marketing-ios-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 20px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--green);font-size:16px;font-weight:600;cursor:pointer;transition:background-color .16s,color .16s}.marketing-ios-tabs button:hover{background:var(--mint)}.marketing-ios-tabs button[aria-selected=true]{background:var(--deep);color:#fff;border-color:var(--deep)}.marketing-ios-tabs svg{flex-shrink:0}.product-marketing-page .marketing-ios-disclosure{margin-top:24px;text-align:center}@media(max-width:1023px){.marketing-ios-header{gap:40px}.marketing-ios-screen[data-offset="-2"],.marketing-ios-screen[data-offset="2"]{opacity:0}}@media(max-width:639px){.marketing-ios-header{grid-template-columns:1fr;gap:24px}.marketing-ios-gallery{margin-top:32px}.marketing-ios-stage{--ios-screen-width: clamp(222px,62vw,280px);height:calc(var(--ios-screen-width) * 852 / 393 + 64px)}.marketing-ios-stage:before{inset:10% -48px 8%}.marketing-ios-screen{top:16px}.marketing-ios-screen[data-offset="-1"]{transform:translate(-68%) translateY(24px) scale(.8) rotate(-6deg);opacity:.48}.marketing-ios-screen[data-offset="1"]{transform:translate(68%) translateY(24px) scale(.8) rotate(6deg);opacity:.48}.marketing-ios-caption-row{position:relative;padding-top:60px;gap:0}.marketing-ios-arrow{position:absolute;top:0}.marketing-ios-arrow:first-child{left:calc(50% - 56px)}.marketing-ios-arrow:last-child{right:calc(50% - 56px)}.marketing-ios-caption{min-height:144px}.product-marketing-page .marketing-ios-caption h3{font-size:24px}.marketing-ios-tabs button{padding-inline:12px;font-size:14px}}@media(prefers-reduced-motion:reduce){.marketing-ios-screen,.marketing-ios-tabs button{transition:none}}
