.container[data-v-1153cc77]{width:100%;max-width:1100px;margin:0 auto}.turtle-mark[data-v-1153cc77]{font-size:1.35rem;line-height:1}.hero[data-v-1153cc77]{padding:72px 0 64px}@media (width>=600px){.hero[data-v-1153cc77]{padding:100px 0 80px}}.hero-title[data-v-1153cc77]{color:#0f172a;letter-spacing:-.02em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.9rem,5vw,3.4rem);font-weight:500;line-height:1.15}.hero-sub[data-v-1153cc77]{color:#475569;max-width:520px;margin-inline:auto;font-size:1.05rem;line-height:1.6}@media (width>=600px){.hero-sub[data-v-1153cc77]{font-size:1.15rem}}.section[data-v-1153cc77]{padding:56px 0}@media (width>=600px){.section[data-v-1153cc77]{padding:80px 0}}.section-soft[data-v-1153cc77]{background:#f8fafc}.section-title[data-v-1153cc77]{color:#0f172a;margin-bottom:12px;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.6rem,3.5vw,2.3rem);font-weight:500}.step-num[data-v-1153cc77]{color:#1e40af;letter-spacing:.05em;margin-bottom:10px;font-size:.85rem;font-weight:700}.step-title[data-v-1153cc77]{color:#0f172a;margin-bottom:8px;font-size:1.2rem;font-weight:600}.benefit-icon[data-v-1153cc77]{margin-bottom:14px;font-size:1.9rem}.benefit h3[data-v-1153cc77]{margin-bottom:8px;font-size:1.15rem;font-weight:600}.example-frame[data-v-1153cc77]{background:#fff;border:1px solid #e2e8f0;border-radius:12px;max-width:860px;overflow:hidden;box-shadow:0 8px 30px #0000000f}.example-bar[data-v-1153cc77]{background:#f1f5f9;border-bottom:1px solid #e2e8f0;align-items:center;gap:12px;padding:10px 14px;display:flex}.dots[data-v-1153cc77]{gap:6px;display:flex}.dots span[data-v-1153cc77]{background:#cbd5e1;border-radius:50%;width:10px;height:10px}.url[data-v-1153cc77]{color:#64748b;text-align:center;text-overflow:ellipsis;white-space:nowrap;background:#fff;border-radius:6px;flex:1;padding:4px 12px;font-size:.8rem;overflow:hidden}@media (width>=600px){.example-body[data-v-1153cc77]{padding:24px}}.example-image .placeholder-img[data-v-1153cc77]{aspect-ratio:16/10;color:#94a3b8;background:#e2e8f0;border-radius:10px;justify-content:center;align-items:center;font-size:.9rem;display:flex}.example-info[data-v-1153cc77]{padding-top:4px}.footer[data-v-1153cc77]{background:#fff;border-top:1px solid #e2e8f0;padding:24px 0}.border-grey[data-v-1153cc77]{border:1px solid #e0e0e0}.example-frame[data-v-1153cc77]{background:#fff;border:1px solid #e0e0e0;border-radius:12px;transition:all .35s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 10px 30px #00000014}.frame-desktop[data-v-1153cc77]{width:100%;max-width:860px}.frame-mobile[data-v-1153cc77]{width:100%;max-width:380px}.example-bar[data-v-1153cc77]{background:#f5f5f7;border-bottom:1px solid #e5e5e7;height:38px}.url[data-v-1153cc77]{border:1px solid #e0e0e0;max-width:260px;line-height:22px}.example-body[data-v-1153cc77]{padding:18px}.line-clamp-1[data-v-1153cc77]{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2[data-v-1153cc77]{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.transition-generic[data-v-1153cc77]{transition:all .3s ease-in-out}.example-frame[data-v-1153cc77]{border:1px solid #e0e0e0;width:100%;max-width:720px}.example-bar[data-v-1153cc77]{border-bottom:1px solid #e5e5e7;height:42px}.dot[data-v-1153cc77]{border-radius:50%;width:10px;height:10px;display:inline-block}.url[data-v-1153cc77]{text-align:center;border:1px solid #e0e0e0;width:100%;max-width:320px;line-height:24px}.tracking-wide[data-v-1153cc77]{letter-spacing:.08em}