:root{--bg:#faf9f7;--bg-soft:#f3f1ed;--surface:#ffffff;--surface-muted:#f7f6f3;--text:#1a1a1a;--text-subtle:#6b6b6b;--text-muted:#999999;--line:#e8e6e1;--line-strong:#d4d1cb;--accent:#3d5a80;--accent-soft:#eef2f7;--accent-hover:#2c4a6e;--warm:#c8956c;--warm-soft:#faf3ec;--danger:#c53030;--success:#2f855a;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--shadow-sm:0 1px 3px rgba(0,0,0,0.04),0 4px 12px rgba(0,0,0,0.03);--shadow-md:0 4px 16px rgba(0,0,0,0.06),0 12px 32px rgba(0,0,0,0.04);--shadow-lg:0 8px 24px rgba(0,0,0,0.08),0 24px 48px rgba(0,0,0,0.06);--shadow-card:0 1px 2px rgba(0,0,0,0.04),0 2px 8px rgba(0,0,0,0.02);--container:min(1120px,calc(100vw - 40px));--container-narrow:min(720px,calc(100vw - 40px));--ease:cubic-bezier(0.22,0.61,0.36,1);--ease-bounce:cubic-bezier(0.34,1.56,0.64,1);--duration-fast:180ms;--duration-normal:320ms;--duration-slow:480ms}*,:after,:before{box-sizing:border-box;margin:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,Noto Sans JP,Yu Gothic,sans-serif;color:var(--text);background:var(--bg);line-height:1.7;overscroll-behavior-y:none}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}*{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:999px}.container{width:var(--container);margin:0 auto}main{min-height:calc(100vh - 180px)}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:20;backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);background:rgba(250,249,247,.85);border-bottom:1px solid var(--line);transition:box-shadow var(--duration-normal) var(--ease)}.site-header.header-scrolled{box-shadow:0 1px 8px rgba(0,0,0,.06)}.header-inner{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:1rem;letter-spacing:-.01em;transition:opacity var(--duration-fast) var(--ease)}.brand:hover{opacity:.7}.brand img{border-radius:10px;transition:transform var(--duration-normal) var(--ease)}.brand:hover img{transform:scale(1.05)}.main-nav{display:flex;align-items:center;gap:2px}.main-nav a{color:var(--text-subtle);font-size:.875rem;font-weight:500;padding:8px 12px;border-radius:999px;transition:color var(--duration-fast) var(--ease),background var(--duration-fast) var(--ease)}.main-nav a:hover{color:var(--text);background:var(--bg-soft)}.main-nav .nav-cta{color:var(--surface);background:var(--accent);font-weight:600;padding:8px 16px;margin-left:4px;transition:background var(--duration-fast) var(--ease),transform var(--duration-fast) var(--ease)}.main-nav .nav-cta:hover{background:var(--accent-hover);color:var(--surface);transform:translateY(-1px)}.lang-switch{display:inline-flex;align-items:center;gap:4px;margin-left:8px}.lang-switch select{appearance:none;-webkit-appearance:none;-moz-appearance:none;border:1px solid var(--line);background:var(--surface);color:var(--text-subtle);border-radius:999px;padding:4px 28px 4px 10px;font-size:.75rem;line-height:1;min-height:28px;transition:border-color var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease);background-image:linear-gradient(45deg,transparent 50%,var(--text-subtle) 50%),linear-gradient(135deg,var(--text-subtle) 50%,transparent 50%);background-position:calc(100% - 14px) 50%,calc(100% - 9px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.lang-switch select:hover{border-color:var(--line-strong);color:var(--text)}.lang-switch select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only,section{padding:0}.section-hero{padding:80px 0 24px}.section-pad{padding:64px 0}.hero-grid{display:grid;grid-gap:24px;gap:24px;grid-template-columns:minmax(0,1fr)}.hero-copy{width:min(680px,100%);margin:0 auto}.mono-kicker{margin:0 0 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Courier New,monospace;font-size:.72rem;letter-spacing:.12em;color:var(--accent);text-transform:uppercase;font-weight:600}h1{margin:0;font-size:clamp(1.75rem,4vw,2.75rem);line-height:1.25;letter-spacing:-.025em;font-weight:800}.accent-word{color:var(--accent);position:relative}.accent-word:after{content:"";position:absolute;bottom:2px;left:0;right:0;height:6px;background:var(--warm);opacity:.25;border-radius:2px}.hero-lead{margin:16px 0 0;color:var(--text-subtle);font-size:1.05rem;max-width:56ch;line-height:1.8}h2{margin:0 0 12px;font-size:clamp(1.25rem,2.5vw,1.75rem);line-height:1.35;letter-spacing:-.02em;font-weight:700}h3{margin:0 0 8px;font-size:clamp(1rem,1.4vw,1.15rem);line-height:1.45;font-weight:600}.section-lead{margin:0 0 24px;color:var(--text-subtle);font-size:.95rem;line-height:1.7}.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.app-store-button{display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:200px;background:var(--text);color:var(--surface);padding:12px 20px;border-radius:var(--radius-md);border:none;transition:transform var(--duration-fast) var(--ease),box-shadow var(--duration-fast) var(--ease)}.app-store-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.app-store-button.is-disabled{cursor:not-allowed;background:var(--line-strong);color:var(--text-subtle);opacity:.8}.button-caption{opacity:.7;font-size:.68rem;font-weight:400}.button-title{margin-top:1px;font-weight:700;font-size:.95rem}.dev-status-banner{margin-top:16px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--warm-soft);padding:14px 16px}.dev-status-banner p{margin:0;font-size:.9rem}.dev-status-banner .mono-kicker{color:var(--warm)}.ghost-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line-strong);background:var(--surface);color:var(--text);border-radius:var(--radius-md);padding:12px 20px;font-weight:500;font-size:.95rem;transition:border-color var(--duration-fast) var(--ease),background var(--duration-fast) var(--ease),transform var(--duration-fast) var(--ease)}.ghost-button:hover{border-color:var(--accent);background:var(--accent-soft);transform:translateY(-1px)}.hero-mini-list{display:flex;gap:8px;margin:20px 0 0;padding:0;list-style:none}.hero-mini-list li{font-size:.78rem;font-weight:500;color:var(--accent);border:1px solid var(--line);background:var(--accent-soft);padding:5px 12px;border-radius:999px}.hero-visual-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-card);padding:14px}.hero-bridge{padding-top:8px;padding-bottom:12px}.hero-marquee-shell{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.hero-marquee{overflow:hidden;padding-inline:16px}.hero-marquee-track{display:flex;gap:16px;width:max-content;animation:heroMarquee 80s linear infinite}.hero-marquee-card{width:min(380px,calc(100vw - 48px));flex:0 0 auto;padding:12px}.hero-marquee-title{margin:0 0 10px;font-size:.82rem;color:var(--text-subtle);font-weight:600}.ba-grid{position:relative;min-height:220px;border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden;background:var(--bg-soft)}.ba-inset,.ba-main,.showcase-inset-visual,.showcase-main-visual{margin:0}.ba-main,.showcase-main-visual{position:relative;height:100%}.ba-main img,.showcase-main-visual img{width:100%;height:100%;aspect-ratio:16/10;object-fit:cover}.ba-inset,.showcase-inset-visual{position:absolute;right:14px;bottom:14px;width:min(34%,160px);border:2px solid var(--surface);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-md);background:var(--bg-soft);transition:transform var(--duration-normal) var(--ease)}.showcase-card-trigger:hover .ba-inset,.showcase-card-trigger:hover .showcase-inset-visual{transform:scale(1.03)}.ba-inset img,.showcase-inset-visual img{width:100%;aspect-ratio:4/3;object-fit:cover}.compare-chip{position:absolute;top:10px;left:10px;z-index:1;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.9);border:1px solid rgba(0,0,0,.06);color:var(--text-subtle);font-size:.72rem;font-weight:600;line-height:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.compare-chip-primary{background:var(--accent);color:white;border-color:transparent}.proof-band{padding-top:24px}.trust-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.trust-item{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);padding:20px 16px;transition:transform var(--duration-normal) var(--ease),box-shadow var(--duration-normal) var(--ease)}.trust-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.trust-label{margin:0;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--accent)}.trust-value{margin:6px 0 4px;font-size:.95rem;font-weight:700;color:var(--text)}.trust-note{margin:0;font-size:.82rem;color:var(--text-subtle);line-height:1.6}.faq-grid,.feature-grid,.pricing-grid,.split-grid,.steps-grid{display:grid;grid-gap:16px;gap:16px}.panel,.price-card,.showcase-card,.step-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:24px;transition:transform var(--duration-normal) var(--ease),box-shadow var(--duration-normal) var(--ease),border-color var(--duration-normal) var(--ease)}.panel:hover,.step-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.showcase-card-trigger{cursor:pointer;transition:transform var(--duration-normal) var(--ease),border-color var(--duration-normal) var(--ease),box-shadow var(--duration-normal) var(--ease)}.showcase-card-trigger:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:var(--shadow-lg)}.showcase-card-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tone-muted{background:var(--surface-muted);border-color:var(--line)}.list{margin:0;padding-left:20px;color:var(--text-subtle)}.list.tight li+li{margin-top:8px}.showcase-stack{display:grid;grid-gap:16px;gap:16px}.showcase-head p{margin:0;color:var(--text-subtle)}.showcase-images{margin-top:12px;display:block}.showcase-overlay{position:relative;overflow:hidden;border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--bg-soft)}.showcase-overlay:after{content:"";position:absolute;inset:auto 0 0 0;height:80px;background:linear-gradient(180deg,rgba(250,249,247,0),rgba(250,249,247,.6));pointer-events:none}.showcase-main-visual{min-height:300px}.showcase-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(1080px,calc(100vw - 24px));max-width:1080px;max-height:calc(100vh - 48px);overflow-y:auto;margin:0;padding:0;border:none;background:transparent;color:var(--text)}.showcase-modal::-webkit-backdrop{background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.showcase-modal::backdrop{background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.showcase-modal-inner{border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-lg);padding:28px}.showcase-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.showcase-modal-header h3{margin:4px 0 0}.showcase-modal-close{border:1px solid var(--line);background:var(--surface-muted);color:var(--text);border-radius:999px;padding:8px 16px;font-size:.875rem;font-weight:500;transition:background var(--duration-fast) var(--ease)}.showcase-modal-close:hover{background:var(--bg-soft)}.showcase-modal-grid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);grid-template-areas:"before after" "reference after";align-items:stretch}.showcase-modal-panel{margin:0;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-soft)}.showcase-modal-panel figcaption{padding:10px 14px;border-bottom:1px solid var(--line);color:var(--text-subtle);font-size:.82rem;font-weight:600}.showcase-modal-panel img{width:100%;height:100%;object-fit:cover}.showcase-modal-before{grid-area:before}.showcase-modal-reference{grid-area:reference}.showcase-modal-after{grid-area:after}.showcase-modal-before img,.showcase-modal-reference img{aspect-ratio:4/3}.showcase-modal-after img{aspect-ratio:16/11}.step-number{margin:0 0 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Courier New,monospace;color:var(--warm);font-size:.82rem;font-weight:700;letter-spacing:.05em}.step-card p:not(.step-number){color:var(--text-subtle)}.pricing-grid{grid-template-columns:repeat(1,minmax(0,1fr))}.price-card p{margin:0;color:var(--text-subtle)}.price-recommended{border-color:var(--accent);background:var(--accent-soft);position:relative}.price-recommended:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent);border-radius:var(--radius-md) var(--radius-md) 0 0}.faq-item h3{color:var(--text)}.faq-item p{margin:0;color:var(--text-subtle);line-height:1.7}.placeholder-note{margin:12px 0 0;font-size:.82rem;color:var(--text-muted)}.contact-form{display:grid;grid-gap:16px;gap:16px;max-width:640px}.contact-form label{display:grid;grid-gap:6px;gap:6px}.contact-form label span{font-size:.875rem;font-weight:500;color:var(--text-subtle)}.contact-form input,.contact-form textarea{width:100%;border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px 14px;font:inherit;font-size:.95rem;background:var(--surface);color:var(--text);transition:border-color var(--duration-fast) var(--ease),box-shadow var(--duration-fast) var(--ease)}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(61,90,128,.1)}.contact-form textarea{resize:vertical}.contact-form-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.contact-submit{cursor:pointer;font-weight:600}.contact-submit:hover{border-color:var(--accent);color:var(--accent)}.final-cta{padding-bottom:100px}.final-cta-inner{text-align:center;padding:48px 24px;background:linear-gradient(135deg,var(--accent-soft) 0,var(--warm-soft) 100%);border-color:var(--line);border-radius:var(--radius-xl)}.final-cta-inner p{margin:0 0 20px;color:var(--text-subtle);font-size:1rem}.final-button{margin:0 auto}.sticky-cta{position:-webkit-sticky;position:sticky;bottom:16px;z-index:18;display:flex;justify-content:center;padding:0 16px 20px;pointer-events:none}.sticky-cta .app-store-button{pointer-events:auto;box-shadow:var(--shadow-lg)}.site-footer{margin-top:0;border-top:1px solid var(--line);background:var(--surface-muted)}.footer-grid{min-height:100px;display:grid;grid-gap:16px;gap:16px;padding:32px 0}.footer-brand{margin:0;font-weight:700;font-size:.95rem}.footer-meta{margin:4px 0 0;color:var(--text-subtle);font-size:.85rem}.footer-meta a{color:var(--accent);transition:opacity var(--duration-fast) var(--ease)}.footer-meta a:hover{opacity:.7}.footer-nav{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}.footer-nav a{color:var(--text-subtle);font-size:.85rem;transition:color var(--duration-fast) var(--ease)}.footer-nav a:hover{color:var(--text)}.doc-shell{padding:48px 0 72px}.doc-container{width:min(800px,calc(100vw - 40px))}.doc-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:32px}.doc-updated{margin-top:-2px;color:var(--text-subtle);font-size:.9rem}.doc-toc{margin:20px 0 28px;display:flex;flex-wrap:wrap;gap:8px}.doc-toc a{font-size:.82rem;color:var(--accent);background:var(--accent-soft);border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-weight:500;transition:background var(--duration-fast) var(--ease)}.doc-toc a:hover{background:var(--line)}.doc-card h2{margin-top:32px;margin-bottom:10px;font-size:1.1rem}.doc-card li,.doc-card p{color:var(--text-subtle)}.fade-up,.stagger>*{will-change:opacity,transform}.motion-enabled .fade-up,.motion-enabled .stagger>*{opacity:0;transform:translateY(16px);transition:opacity var(--duration-slow) var(--ease),transform var(--duration-slow) var(--ease)}.motion-enabled .stagger>:nth-child(2){transition-delay:80ms}.motion-enabled .stagger>:nth-child(3){transition-delay:.16s}.motion-enabled .stagger>:nth-child(4){transition-delay:.24s}.motion-enabled .stagger>:nth-child(5){transition-delay:.32s}.motion-enabled .stagger>:nth-child(6){transition-delay:.4s}.motion-enabled .in-view{opacity:1;transform:translateY(0)}@keyframes heroMarquee{0%{transform:translateX(0)}to{transform:translateX(calc(-50% - 8px))}}@keyframes placeholderPulse{0%,to{opacity:.5}50%{opacity:.8}}.illustration-placeholder{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;min-height:200px;background:var(--bg-soft);border:2px dashed var(--line-strong);border-radius:var(--radius-lg);color:var(--text-muted);font-size:.85rem;text-align:center;padding:24px}.illustration-placeholder-icon{font-size:2rem;opacity:.4}.illustration-placeholder-label{font-weight:500;color:var(--text-subtle)}.app-screenshot-grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:1fr}.app-screenshot-card{margin:0;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--line-soft);background:var(--bg-soft);box-shadow:var(--shadow-soft)}.app-screenshot-card img{width:100%;height:auto;display:block}@media (min-width:820px){.hero-grid{max-width:800px;margin:0 auto}.hero-copy{text-align:center}.hero-copy .hero-lead{margin-left:auto;margin-right:auto}.hero-copy .cta-row,.hero-copy .hero-mini-list{justify-content:center}.trust-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.showcase-stack,.split-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.steps-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.app-screenshot-grid,.faq-grid,.feature-grid,.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-grid{grid-template-columns:1fr auto;align-items:center}.contact-form{max-width:560px}}@media (max-width:760px){.section-hero{padding:48px 0 16px}.section-pad{padding:40px 0}.header-inner{flex-wrap:wrap;padding-top:8px;padding-bottom:10px}.main-nav{gap:2px;order:3;width:100%;overflow-x:auto;padding-bottom:2px;-webkit-overflow-scrolling:touch}.main-nav a{font-size:.78rem;padding:7px 8px;white-space:nowrap}.lang-switch{margin-left:auto}.app-store-button{min-width:0;width:100%}.ba-grid{min-height:200px}.showcase-main-visual{min-height:220px}.ba-inset,.showcase-inset-visual{right:10px;bottom:10px;width:min(42%,140px)}.showcase-modal{width:calc(100vw - 16px);max-height:calc(100vh - 32px)}.showcase-modal-inner{padding:16px;border-radius:var(--radius-lg)}.showcase-modal-header{align-items:stretch;flex-direction:column}.showcase-modal-grid{grid-template-columns:1fr;grid-template-areas:"after" "before" "reference"}.cta-row{display:grid;grid-template-columns:1fr}.ghost-button,.hero-mini-list{justify-content:center}.hero-mini-list{flex-wrap:wrap}.hero-marquee-track{animation-duration:60s}.final-cta-inner{padding:32px 20px}.doc-card{padding:20px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}