.ipad-preview{min-width:0;padding:28px;background:linear-gradient(145deg,#eff1e7,#e5e9dc);border:1px solid #d5dcc9;border-radius:28px;box-shadow:0 25px 60px #283b3012;color:#293d30}
.ipad-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}
.ipad-preview-eyebrow{font:700 10px/1.5 Arial,sans-serif;letter-spacing:.17em;color:#738065}
.ipad-preview-badge{font:400 11px/1.4 Arial,sans-serif;border:1px solid #cfd7c3;border-radius:999px;padding:6px 10px;color:#66775d;background:#f6f7f0}
.ipad-preview-title{font:400 clamp(32px,3.3vw,48px)/1.12 Georgia,serif;letter-spacing:-.035em;margin:24px 0 28px;color:#293d30}
.ipad-preview-title em{color:#a34868}
.ipad-preview-device{display:block;padding:8px;border:1px solid #485243;border-radius:23px;background:#202920;box-shadow:0 20px 35px #24302524;text-decoration:none}
.ipad-preview-device img{display:block;width:100%;height:auto;aspect-ratio:4/3;border-radius:15px}
/* A compact desktop-style app shelf with one consistent baseline. */
.ipad-preview-apps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;width:max-content;max-width:100%;padding:14px 22px 12px;margin:24px auto 0;border:1px solid #d1d4c5;border-top-color:#fffdf7;border-radius:22px;background:linear-gradient(180deg,#fffdf7ee,#f1f1e7ee);box-shadow:0 8px 18px #283b3012,inset 0 1px 0 #fff;isolation:isolate}
.ipad-preview-apps a{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:64px;color:#3f5143;text-decoration:none;font:500 11px/1.4 Arial,sans-serif;letter-spacing:.01em;border-radius:12px}
.ipad-preview-apps img{width:68px;height:68px;filter:drop-shadow(0 5px 5px #283b3024);transition:transform .2s,filter .2s}
.ipad-preview-apps a:hover img{transform:translateY(-4px);filter:drop-shadow(0 8px 6px #283b3028)}
.ipad-preview-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:22px;font:400 11px/1.6 Arial,sans-serif;color:#78836d}
.ipad-preview-footer>a{display:flex;align-items:center;gap:14px;white-space:nowrap;font-size:13px;font-weight:700;color:#934361;text-decoration:none}
.ipad-preview a:focus-visible{outline:3px solid #a34868;outline-offset:5px}
@media(max-width:1050px){.ipad-preview{padding:22px}.ipad-preview-footer{align-items:flex-start;flex-direction:column;gap:8px}.ipad-preview-apps{gap:10px;padding:12px 16px 10px}}
@media(max-width:760px){.ipad-preview{padding:22px;border-radius:24px;max-width:600px;width:100%;margin-inline:auto}.ipad-preview-title{font-size:38px}.ipad-preview-device{border-radius:17px;padding:6px}.ipad-preview-device img{border-radius:11px}.ipad-preview-apps{gap:10px;margin-top:20px;padding:12px 12px 10px}.ipad-preview-apps a{min-width:0}.ipad-preview-apps img{width:56px;height:56px}.ipad-preview-footer{margin-top:18px}.ipad-preview-badge{font-size:10px}.ipad-preview-eyebrow{font-size:9px}}
@media(max-width:380px){.ipad-preview{padding:18px}.ipad-preview-badge{display:none}.ipad-preview-apps a{font-size:11px}.ipad-preview-apps{gap:7px;padding-inline:9px}.ipad-preview-apps img{width:48px;height:48px}}
@media(prefers-reduced-motion:reduce){.ipad-preview-apps img{transition:none}}