/* Genuine native screenshots with a clearly separate, accessible web walkthrough. */
.iphone-export-demo{width:100%;max-width:470px;justify-self:center}.iphone-export-demo [hidden]{display:none!important}.iphone-export-demo .phone-frame{transform:none;width:min(100%,290px);margin:auto}.iphone-export-demo .phone-screen{position:relative}.iphone-export-demo picture{display:block}.demo-kicker{text-align:center;letter-spacing:.15em;font-size:11px;color:#d2d2d7;margin-bottom:18px}.iphone-export-demo .phone-screen img{display:block;width:100%;height:auto}.iphone-demo-hotspot{position:absolute;left:4%;width:92%;top:29%;height:9%;border:2px solid transparent;border-radius:14px;background:transparent;min-height:44px}.iphone-demo-hotspot:hover,.iphone-demo-hotspot:focus-visible{border-color:#d93636;box-shadow:0 0 0 5px #d9363625;outline-offset:0}.iphone-demo-controls{margin:22px auto 0;max-width:420px;text-align:left}.iphone-demo-step{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#f5f5f7}.iphone-demo-description{font-size:14px;line-height:1.5;margin:8px 0 14px;min-height:42px}.iphone-demo-actions{display:flex;gap:9px;flex-wrap:wrap}.iphone-demo-actions button,.iphone-demo-formats button{border:1px solid #424246;border-radius:11px;background:#1c1c1e;color:#f5f5f7;padding:10px 14px;min-height:44px;font-size:14px}.iphone-demo-actions .iphone-demo-next{background:#c83232;border-color:#c83232;color:white;flex:1}.iphone-demo-formats{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.iphone-demo-formats button{font-size:12px;flex:1;padding:9px}.iphone-demo-formats button[aria-pressed=true]{border-color:#eb7d7d;background:#381a1a}.iphone-demo-result{border-top:1px solid #333;padding-top:18px;margin-top:18px}.iphone-demo-result strong{font-size:21px}.iphone-demo-result p{font-size:13px;margin:7px 0 12px}.iphone-demo-result a{display:block;margin-top:12px;font-size:14px;color:#f5a1a1}.iphone-export-demo figcaption{font-size:11px;line-height:1.5;margin:18px auto 0;max-width:420px}.iphone-demo-noscript{font-size:13px;max-width:420px;margin:14px auto}.iphone-export-demo[data-loading=true] .iphone-demo-step{color:#aaa}@media(max-width:760px){.iphone-export-demo{max-width:420px}.iphone-export-demo .phone-frame{width:min(78vw,290px)}}@media(prefers-reduced-motion:reduce){.iphone-export-demo *{animation:none!important;transition:none!important}}

.iphone-demo-screen-formats button{position:absolute;left:4%;width:92%;height:10%;border:2px solid transparent;border-radius:12px;background:transparent;min-height:44px}.iphone-demo-screen-formats button[data-format=xml]{top:31.8%}.iphone-demo-screen-formats button[data-format=csv]{top:45.8%}.iphone-demo-screen-formats button[data-format=json]{top:57.5%}.iphone-demo-screen-formats button:hover,.iphone-demo-screen-formats button:focus-visible{border-color:#d93636;outline-offset:0}

/* Image-first walkthrough: supplementary controls remain available to keyboard users. */
.iphone-demo-controls{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:0;padding:0}
.iphone-demo-controls:focus-within,.iphone-export-demo[data-error=true] .iphone-demo-controls{position:relative;width:100%;height:auto;overflow:visible;clip-path:none;white-space:normal;margin:18px auto;padding:16px;border:1px solid #424246;border-radius:14px}
.iphone-demo-screen-back{position:absolute;left:3%;top:7%;width:16%;height:6%;min-height:44px;border:2px solid transparent;border-radius:50%;background:transparent}
.iphone-demo-screen-back:hover,.iphone-demo-screen-back:focus-visible{border-color:#d93636;outline-offset:0}
.iphone-demo-result{position:relative;isolation:isolate;overflow:hidden;max-width:370px;min-height:580px;margin:0 auto;padding:42px 24px 26px;border:1px solid #285c4b;border-radius:32px;text-align:center;background:radial-gradient(ellipse at top,#164b3b 0, #0e211b 40%,#101512 75%);box-shadow:0 24px 70px #0008}
.iphone-demo-success-mark{width:76px;height:76px;display:grid;place-items:center;margin:0 auto 22px;background:#b3f5cf;border-radius:50%;color:#075033;font-size:44px;font-weight:600;box-shadow:0 0 0 12px #87e5b00c;animation:demo-pop .55s cubic-bezier(.2,1.4,.6,1)}
.iphone-demo-result .iphone-demo-success-kicker{font-size:10px;letter-spacing:.2em;color:#a5e9c3;margin:0 0 12px}
.iphone-demo-result h2{font-size:36px;line-height:1.05;letter-spacing:-1.5px;color:#f3fff7}
.iphone-demo-result .iphone-demo-success-copy{font-size:14px;line-height:1.5;color:#b7c8bf;margin:18px 0 24px}
.iphone-demo-file{display:flex;align-items:center;gap:12px;text-align:left;padding:16px 12px;border:1px solid #ffffff20;border-radius:14px;background:#ffffff08}
.iphone-demo-file-type{display:grid;place-items:center;flex-shrink:0;width:45px;height:48px;border-radius:8px;background:#d5efdf;color:#1b5034;font-size:11px;font-weight:700}
.iphone-demo-file strong{font-size:13px;font-weight:500;color:#f2fff7}.iphone-demo-file small{display:block;color:#a1b5a8;font-size:10px;margin-top:4px}
.iphone-demo-result .iphone-demo-download{background:#b3f5cf;color:#083d28;padding:14px 10px;border-radius:12px;font-size:14px;font-weight:600;margin-top:18px;min-height:48px}
.iphone-demo-result .iphone-demo-download:hover{background:#d3ffe5}.iphone-demo-result .iphone-demo-sample-note{font-size:10px;line-height:1.5;color:#a1b5a8;margin:12px 0 20px}
.iphone-demo-result .iphone-demo-store{font-size:13px;color:#b3f5cf;margin:0}
.iphone-demo-replay{border:0;background:none;color:#c8d6ce;font-size:12px;min-height:44px;margin-top:8px;text-decoration:underline;text-underline-offset:3px}
.iphone-demo-confetti{position:absolute;inset:0;z-index:-1;pointer-events:none}.iphone-demo-confetti i{position:absolute;width:5px;height:14px;background:#a9eabf;top:35px;left:15%;transform:rotate(-25deg)}.iphone-demo-confetti i:nth-child(2){left:82%;top:70px;transform:rotate(35deg);background:#e8c98c}.iphone-demo-confetti i:nth-child(3){left:24%;top:145px;height:5px;border-radius:50%}.iphone-demo-confetti i:nth-child(4){left:76%;top:145px;height:5px;transform:rotate(30deg)}.iphone-demo-confetti i:nth-child(5){left:64%;top:25px;width:4px;height:4px;border-radius:50%;background:#e8c98c}.iphone-demo-confetti i:nth-child(6){left:8%;top:95px;width:4px;height:4px;border-radius:50%;background:#e8c98c}
@keyframes demo-pop{from{transform:scale(.65);opacity:0}to{transform:scale(1);opacity:1}}