.ioutbox-page[data-astro-cid-fffjqgzj]{--io-ink: #1d1d1f;--io-muted: #6e6e73;--io-soft: #f5f5f7;--io-line: rgba(0, 0, 0, .06);--io-accent: #0066cc;color:var(--io-ink);background:var(--io-soft);overflow:hidden}.io-container[data-astro-cid-fffjqgzj]{width:min(1120px,calc(100% - 48px));margin:0 auto}.io-hero[data-astro-cid-fffjqgzj]{position:relative;overflow:hidden;color:var(--io-ink);background:var(--io-soft)}.io-hero[data-astro-cid-fffjqgzj]:after{position:absolute;inset:0;pointer-events:none;content:"";display:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E");mix-blend-mode:soft-light}.io-hero-grid[data-astro-cid-fffjqgzj]{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);align-items:center;gap:clamp(36px,6vw,88px);min-height:0;padding-top:52px;padding-bottom:42px}.io-hero-copy[data-astro-cid-fffjqgzj]{max-width:530px}.io-eyebrow[data-astro-cid-fffjqgzj]{display:flex;align-items:center;gap:9px;margin:0 0 22px;color:var(--io-muted);font-size:11px;font-weight:700;letter-spacing:.16em;line-height:1.2;text-transform:uppercase}.io-hero[data-astro-cid-fffjqgzj] .io-eyebrow[data-astro-cid-fffjqgzj]{color:var(--io-muted)}.io-eyebrow-dot[data-astro-cid-fffjqgzj]{width:7px;height:7px;border-radius:999px;background:var(--io-accent)}.io-hero[data-astro-cid-fffjqgzj] h1[data-astro-cid-fffjqgzj]{max-width:620px;margin:0;color:var(--io-ink);font-size:clamp(44px,5vw,68px);font-weight:600;letter-spacing:-.06em;line-height:1}.io-hero[data-astro-cid-fffjqgzj] h1[data-astro-cid-fffjqgzj] span[data-astro-cid-fffjqgzj]{color:var(--io-accent)}.io-hero-description[data-astro-cid-fffjqgzj]{max-width:450px;margin:24px 0 0;color:var(--io-muted);font-size:16px;line-height:1.7}.io-hero-actions[data-astro-cid-fffjqgzj]{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:16px;margin-top:28px;width:100%}.io-store-link[data-astro-cid-fffjqgzj]{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;width:190px;height:64px;border:1px solid var(--io-line);border-radius:12px;background:#fff;box-shadow:0 2px 8px #0000000a;transition:transform .18s ease,border-color .18s ease}.io-store-link[data-astro-cid-fffjqgzj]:hover{border-color:#00000026;box-shadow:0 4px 20px #00000014,0 0 0 1px #0000000d;transform:translateY(-2px)}.io-store-link[data-astro-cid-fffjqgzj] img[data-astro-cid-fffjqgzj]{display:block;width:190px;height:auto}.io-hero-visual[data-astro-cid-fffjqgzj]{position:relative;min-height:450px}.io-hero-image[data-astro-cid-fffjqgzj]{position:absolute;overflow:hidden;border:1px solid var(--io-line);border-radius:16px;background:#fff;box-shadow:0 2px 8px #0000000a,0 12px 30px #0000000f}.io-hero-image[data-astro-cid-fffjqgzj] img[data-astro-cid-fffjqgzj]{display:block;width:100%;height:100%;object-fit:cover}.io-hero-image-back[data-astro-cid-fffjqgzj]{top:75px;left:6%;width:min(42%,235px);aspect-ratio:4 / 5;opacity:.8;transform:rotate(-8deg)}.io-hero-image-main[data-astro-cid-fffjqgzj]{top:5px;right:8%;width:min(63%,360px);aspect-ratio:4 / 5;transform:rotate(4deg)}.io-section[data-astro-cid-fffjqgzj]{padding:clamp(56px,7vw,80px) 0}.io-section-heading[data-astro-cid-fffjqgzj]{display:block;margin-bottom:32px}.io-workflow-grid[data-astro-cid-fffjqgzj],.io-faq-grid[data-astro-cid-fffjqgzj]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,8vw,120px)}.io-section[data-astro-cid-fffjqgzj] h2[data-astro-cid-fffjqgzj],.io-live-section[data-astro-cid-fffjqgzj] h2[data-astro-cid-fffjqgzj]{max-width:620px;margin:0;color:var(--io-ink);font-size:clamp(30px,3.4vw,46px);font-weight:600;letter-spacing:-.045em;line-height:1.06}.io-compare-section[data-astro-cid-fffjqgzj]{background:var(--io-soft)}.io-compare-grid[data-astro-cid-fffjqgzj],.io-results-grid[data-astro-cid-fffjqgzj]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.io-compare-card[data-astro-cid-fffjqgzj],.io-result-card[data-astro-cid-fffjqgzj]{margin:0}.io-compare-card[data-astro-cid-fffjqgzj]{padding:14px;border:1px solid var(--io-line);border-radius:12px;background:#fff;box-shadow:0 2px 8px #0000000a}.io-compare-card-result[data-astro-cid-fffjqgzj]{color:var(--io-ink);border-color:var(--io-line);background:#fff}.io-card-label[data-astro-cid-fffjqgzj]{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 4px 14px;color:var(--io-muted);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.io-compare-card-result[data-astro-cid-fffjqgzj] .io-card-label[data-astro-cid-fffjqgzj]{color:var(--io-muted)}.io-compare-media[data-astro-cid-fffjqgzj],.io-result-media[data-astro-cid-fffjqgzj]{overflow:hidden;border-radius:16px;background:var(--io-soft)}.io-compare-media[data-astro-cid-fffjqgzj]{aspect-ratio:4 / 5}.io-compare-media[data-astro-cid-fffjqgzj] img[data-astro-cid-fffjqgzj],.io-result-media[data-astro-cid-fffjqgzj] img[data-astro-cid-fffjqgzj]{display:block;width:100%;height:100%;object-fit:contain}.io-compare-card[data-astro-cid-fffjqgzj]:not(.io-compare-card-result) .io-compare-media[data-astro-cid-fffjqgzj]{background:var(--io-soft)}.io-compare-card[data-astro-cid-fffjqgzj]:not(.io-compare-card-result) .io-compare-media[data-astro-cid-fffjqgzj] img[data-astro-cid-fffjqgzj]{object-fit:cover}.io-compare-card-result[data-astro-cid-fffjqgzj] .io-compare-media[data-astro-cid-fffjqgzj]{background:#fff}.io-results-section[data-astro-cid-fffjqgzj]{background:var(--io-soft)}.io-section-heading-results[data-astro-cid-fffjqgzj]{margin-bottom:32px}.io-results-grid[data-astro-cid-fffjqgzj]{gap:26px}.io-result-card[data-astro-cid-fffjqgzj]{overflow:hidden;border:1px solid var(--io-line);border-radius:12px;background:#fff;box-shadow:0 2px 8px #0000000a}.io-result-media[data-astro-cid-fffjqgzj]{aspect-ratio:4 / 5;border-radius:0}.io-result-card[data-astro-cid-fffjqgzj] figcaption[data-astro-cid-fffjqgzj]{display:flex;align-items:baseline;justify-content:space-between;gap:18px;padding:18px 20px 20px;color:var(--io-ink)}.io-result-name[data-astro-cid-fffjqgzj]{font-size:15px;font-weight:650;letter-spacing:-.01em}.io-live-section[data-astro-cid-fffjqgzj]{position:relative;overflow:hidden;padding:clamp(56px,7vw,80px) 0;color:var(--io-ink);background:#fff}.io-live-section[data-astro-cid-fffjqgzj]:before{display:none;top:-230px;right:-120px;width:540px;height:540px;border:1px solid rgba(0,102,204,.08);border-radius:50%;content:""}.io-live-grid[data-astro-cid-fffjqgzj]{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.8fr) minmax(360px,.9fr);align-items:center;gap:clamp(40px,9vw,150px)}.io-live-section[data-astro-cid-fffjqgzj] h2[data-astro-cid-fffjqgzj]{color:var(--io-ink)}.io-live-copy[data-astro-cid-fffjqgzj]>p[data-astro-cid-fffjqgzj]{max-width:470px;margin:28px 0 0;color:var(--io-muted);font-size:17px;line-height:1.75}.io-live-demo[data-astro-cid-fffjqgzj]{width:min(100%,470px);justify-self:end;padding:12px;border:1px solid var(--io-line);border-radius:12px;background:#fff;box-shadow:0 2px 8px #0000000a,0 12px 28px #0000000f}.io-live-demo-header[data-astro-cid-fffjqgzj]{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:5px 6px 12px;color:var(--io-muted);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.io-live-badge[data-astro-cid-fffjqgzj]{display:inline-flex;align-items:center;gap:7px;color:var(--io-ink);font-weight:700}.io-live-badge[data-astro-cid-fffjqgzj] span[data-astro-cid-fffjqgzj]{width:7px;height:7px;border-radius:50%;background:var(--io-accent);box-shadow:0 0 10px #0066cc59}.io-live-duration[data-astro-cid-fffjqgzj]{color:var(--io-muted)}.io-live-viewport[data-astro-cid-fffjqgzj]{position:relative;overflow:hidden;aspect-ratio:4 / 5;border-radius:12px;background:var(--io-soft)}.io-live-cover[data-astro-cid-fffjqgzj],.io-live-video[data-astro-cid-fffjqgzj]{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;transition:opacity .26s ease}.io-live-cover[data-astro-cid-fffjqgzj]{opacity:1}.io-live-video[data-astro-cid-fffjqgzj],.io-live-demo[data-astro-cid-fffjqgzj][data-playing=true] .io-live-cover[data-astro-cid-fffjqgzj]{opacity:0}.io-live-demo[data-astro-cid-fffjqgzj][data-playing=true] .io-live-video[data-astro-cid-fffjqgzj]{opacity:1}.io-live-toggle[data-astro-cid-fffjqgzj]{position:absolute;bottom:22px;left:50%;display:inline-flex;align-items:center;gap:9px;min-height:42px;padding:0 16px 0 12px;border:1px solid rgba(0,102,204,.2);border-radius:999px;color:#fff;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer;background:var(--io-accent);box-shadow:0 10px 22px #06c3;transform:translate(-50%);transition:transform .18s ease,background .18s ease}.io-live-toggle[data-astro-cid-fffjqgzj]:hover{background:#005bb8;transform:translate(-50%) translateY(-2px)}.io-live-toggle-icon[data-astro-cid-fffjqgzj]{position:relative;display:block;width:18px;height:18px;border-radius:50%;background:#fff}.io-live-toggle-icon[data-astro-cid-fffjqgzj]:after{position:absolute;top:5px;left:7px;width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:5px solid var(--io-accent);content:""}.io-live-demo[data-astro-cid-fffjqgzj][data-playing=true] .io-live-toggle-icon[data-astro-cid-fffjqgzj]:after{top:5px;left:6px;width:2px;height:8px;border:0;background:var(--io-accent);box-shadow:4px 0 0 var(--io-accent)}.io-workflow-section[data-astro-cid-fffjqgzj]{background:var(--io-soft)}.io-workflow-grid[data-astro-cid-fffjqgzj]{align-items:center}.io-workflow-media[data-astro-cid-fffjqgzj]{width:min(100%,330px);justify-self:center;padding:10px;border:1px solid var(--io-line);border-radius:12px;background:#fff;box-shadow:0 2px 8px #0000000a}.io-workflow-media[data-astro-cid-fffjqgzj] img[data-astro-cid-fffjqgzj]{display:block;width:100%;height:auto;border-radius:18px}.io-step-list[data-astro-cid-fffjqgzj]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:34px;padding-top:20px;border-top:1px solid var(--io-line)}.io-step-list[data-astro-cid-fffjqgzj] div[data-astro-cid-fffjqgzj]{display:flex;flex-direction:column;gap:8px}.io-step-list[data-astro-cid-fffjqgzj] span[data-astro-cid-fffjqgzj]{color:var(--io-muted);font-size:11px;font-weight:700;letter-spacing:.08em}.io-step-list[data-astro-cid-fffjqgzj] strong[data-astro-cid-fffjqgzj]{color:var(--io-ink);font-size:14px;font-weight:650}.io-faq-section[data-astro-cid-fffjqgzj]{background:var(--io-soft)}.io-faq-grid[data-astro-cid-fffjqgzj]{align-items:start}.io-faq-list[data-astro-cid-fffjqgzj]{border-top:1px solid var(--io-line)}.io-faq-list[data-astro-cid-fffjqgzj] details[data-astro-cid-fffjqgzj]{border-bottom:1px solid var(--io-line)}.io-faq-list[data-astro-cid-fffjqgzj] summary[data-astro-cid-fffjqgzj]{position:relative;padding:21px 34px 21px 0;color:var(--io-ink);font-size:15px;font-weight:650;cursor:pointer;list-style:none}.io-faq-list[data-astro-cid-fffjqgzj] summary[data-astro-cid-fffjqgzj]::-webkit-details-marker{display:none}.io-faq-list[data-astro-cid-fffjqgzj] summary[data-astro-cid-fffjqgzj]:after{position:absolute;top:20px;right:4px;color:#8b908b;content:"+";font-size:20px;font-weight:400;line-height:1}.io-faq-list[data-astro-cid-fffjqgzj] details[data-astro-cid-fffjqgzj][open] summary[data-astro-cid-fffjqgzj]:after{content:"−"}.io-faq-list[data-astro-cid-fffjqgzj] details[data-astro-cid-fffjqgzj] p[data-astro-cid-fffjqgzj]{max-width:540px;margin:-5px 0 21px;padding-right:34px;color:var(--io-muted);font-size:14px;line-height:1.7}@media(max-width:900px){.io-hero-grid[data-astro-cid-fffjqgzj],.io-live-grid[data-astro-cid-fffjqgzj]{grid-template-columns:1fr}.io-hero-grid[data-astro-cid-fffjqgzj]{padding-top:52px}.io-hero-copy[data-astro-cid-fffjqgzj]{max-width:650px}.io-hero-visual[data-astro-cid-fffjqgzj]{width:min(100%,650px);min-height:440px;margin:0 auto}.io-live-demo[data-astro-cid-fffjqgzj]{justify-self:start}}@media(max-width:640px){.io-container[data-astro-cid-fffjqgzj]{width:min(100% - 32px,1120px)}.io-hero-grid[data-astro-cid-fffjqgzj]{gap:28px;min-height:auto;padding-top:52px;padding-bottom:46px}.io-hero-copy[data-astro-cid-fffjqgzj]{margin-right:auto;margin-left:auto;text-align:center}.io-hero[data-astro-cid-fffjqgzj] .io-eyebrow[data-astro-cid-fffjqgzj]{justify-content:center}.io-hero[data-astro-cid-fffjqgzj] h1[data-astro-cid-fffjqgzj]{font-size:clamp(42px,13vw,58px)}.io-hero-description[data-astro-cid-fffjqgzj]{margin-right:auto;margin-left:auto;font-size:16px}.io-hero-visual[data-astro-cid-fffjqgzj]{min-height:360px}.io-hero-image-back[data-astro-cid-fffjqgzj]{top:55px;left:3%;width:42%}.io-hero-image-main[data-astro-cid-fffjqgzj]{right:4%;width:64%}.io-section[data-astro-cid-fffjqgzj],.io-live-section[data-astro-cid-fffjqgzj]{padding:56px 0}.io-workflow-grid[data-astro-cid-fffjqgzj],.io-faq-grid[data-astro-cid-fffjqgzj]{grid-template-columns:1fr;gap:28px}.io-section-heading[data-astro-cid-fffjqgzj]{margin-bottom:28px}.io-section[data-astro-cid-fffjqgzj] h2[data-astro-cid-fffjqgzj],.io-live-section[data-astro-cid-fffjqgzj] h2[data-astro-cid-fffjqgzj]{font-size:38px}.io-section-heading[data-astro-cid-fffjqgzj]{margin-bottom:30px}.io-compare-grid[data-astro-cid-fffjqgzj],.io-results-grid[data-astro-cid-fffjqgzj]{grid-template-columns:1fr}.io-result-card[data-astro-cid-fffjqgzj] figcaption[data-astro-cid-fffjqgzj]{padding-right:16px;padding-left:16px}.io-live-demo[data-astro-cid-fffjqgzj]{width:100%}.io-step-list[data-astro-cid-fffjqgzj]{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px;margin-top:32px}}.detail-content[data-astro-cid-tswn5inq]{font-size:16px;line-height:1.8;color:#424245}.detail-content[data-astro-cid-tswn5inq] h1{font-size:32px;font-weight:700;letter-spacing:-.03em;line-height:1.2;color:#1d1d1f;margin:0 0 24px}.detail-content[data-astro-cid-tswn5inq] h2{font-size:24px;font-weight:600;letter-spacing:-.02em;line-height:1.3;color:#1d1d1f;margin:48px 0 20px;text-align:left}.detail-content[data-astro-cid-tswn5inq] h2:first-of-type{margin-top:0}.detail-content[data-astro-cid-tswn5inq] h3{font-size:20px;font-weight:600;letter-spacing:-.01em;line-height:1.4;color:#1d1d1f;margin:32px 0 14px}.detail-content[data-astro-cid-tswn5inq] p{font-size:16px;line-height:1.8;color:#424245;margin:0 0 18px}.detail-content[data-astro-cid-tswn5inq] ul,.detail-content[data-astro-cid-tswn5inq] ol{margin:0 0 24px;padding-left:24px}.detail-content[data-astro-cid-tswn5inq] ol{list-style:decimal}.detail-content[data-astro-cid-tswn5inq] ul{list-style:disc}.detail-content[data-astro-cid-tswn5inq] li>ul,.detail-content[data-astro-cid-tswn5inq] li>ol{margin:10px 0 0}.detail-content[data-astro-cid-tswn5inq] li{font-size:16px;line-height:1.8;color:#424245;margin-bottom:10px}.detail-content[data-astro-cid-tswn5inq] strong{color:#1d1d1f;font-weight:600}.detail-content[data-astro-cid-tswn5inq] a{color:#06c;text-decoration:none}.detail-content[data-astro-cid-tswn5inq] a:hover{text-decoration:underline}.detail-content[data-astro-cid-tswn5inq] .download-action{display:flex;justify-content:center;margin:28px 0 36px}.detail-content[data-astro-cid-tswn5inq] .download-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:12px;background:#1d1d1f;color:#fff;font-weight:600;line-height:1.2;text-decoration:none;box-shadow:0 10px 24px #00000029;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.detail-content[data-astro-cid-tswn5inq] .download-button:hover{background:#000;text-decoration:none;transform:translateY(-1px);box-shadow:0 14px 30px #0003}.detail-content[data-astro-cid-tswn5inq] img{display:block;max-width:100%;height:auto;margin:24px auto;border-radius:12px}.detail-content[data-astro-cid-tswn5inq] blockquote{margin:28px 0;padding:16px 20px;border-left:3px solid #1d1d1f;background:#f5f5f7;border-radius:0 12px 12px 0}.detail-content[data-astro-cid-tswn5inq] blockquote p:last-child{margin-bottom:0}.detail-content[data-astro-cid-tswn5inq] code{font-family:SF Mono,Monaco,monospace;font-size:14px}.detail-content[data-astro-cid-tswn5inq] :not(pre)>code{padding:2px 6px;border-radius:6px;background:#f5f5f7;color:#1d1d1f}.detail-content[data-astro-cid-tswn5inq] pre{margin:24px 0;padding:16px;overflow-x:auto;border-radius:12px;background:#1d1d1f;color:#f5f5f7}.detail-content[data-astro-cid-tswn5inq] hr{margin:32px 0;border:0;border-top:1px solid rgba(0,0,0,.08)}.detail-content[data-astro-cid-tswn5inq] table{width:100%;border-collapse:collapse;margin:24px 0 40px;border:1px solid rgba(0,0,0,.08);border-radius:16px;background:#fff;overflow:hidden}.detail-content[data-astro-cid-tswn5inq] th,.detail-content[data-astro-cid-tswn5inq] td{min-width:160px;text-align:left;vertical-align:top;padding:14px 16px;border:1px solid rgba(0,0,0,.08);white-space:normal;word-break:keep-all;overflow-wrap:break-word;line-height:1.7}.detail-content[data-astro-cid-tswn5inq] th{font-size:14px;font-weight:600;color:#1d1d1f;background:#f5f5f7}.detail-content[data-astro-cid-tswn5inq] td{font-size:15px;color:#424245}.detail-content[data-astro-cid-tswn5inq] tr:nth-child(2n) td{background:#fcfcfd}.detail-content[data-astro-cid-tswn5inq] .review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0 40px}.detail-content[data-astro-cid-tswn5inq] .review-card{padding:20px;border:1px solid rgba(0,0,0,.06);border-radius:16px;background:linear-gradient(180deg,#ffffff0f,#ffffff08);box-shadow:0 2px 8px #0000000a}.detail-content[data-astro-cid-tswn5inq] .review-stars{color:#ffd45a;font-size:15px;letter-spacing:.12em;margin-bottom:12px}.detail-content[data-astro-cid-tswn5inq] .review-card p{color:#1d1d1f;margin-bottom:0;font-size:15px;line-height:1.6}.detail-content[data-astro-cid-tswn5inq] .phone-shot{display:block;width:min(100%,360px);margin:24px auto;border-radius:18px;box-shadow:0 20px 40px #0000001a}.detail-content[data-astro-cid-tswn5inq] .phone-shot-sm{width:min(100%,270px)}.detail-content[data-astro-cid-tswn5inq] .compare-shot{width:min(100%,280px);border-radius:18px;box-shadow:0 10px 30px #0000001a}@media(max-width:768px){.detail-content[data-astro-cid-tswn5inq] h1{font-size:28px}.detail-content[data-astro-cid-tswn5inq] h2{font-size:22px}.detail-content[data-astro-cid-tswn5inq] h3{font-size:18px}.detail-content[data-astro-cid-tswn5inq] .review-grid{grid-template-columns:1fr}.detail-content[data-astro-cid-tswn5inq] table{display:block;min-width:560px;overflow-x:auto;-webkit-overflow-scrolling:touch}.detail-content[data-astro-cid-tswn5inq] .compare-shot{width:min(100%,220px)}}