:root{color-scheme:light;--brand-ink: #0f172a;--brand-ink-rgb: 15 23 42;--brand-muted: #64748b;--brand-muted-rgb: 100 116 139;--brand-surface: #f8fafc;--brand-surface-rgb: 248 250 252;--brand-surface-2: #f1f5f9;--brand-surface-2-rgb: 241 245 249;--brand-surface-3: #ffffff;--brand-surface-3-rgb: 255 255 255;--brand-wash-warm: #fffaf5;--brand-wash-warm-rgb: 255 250 245;--brand-wash-lilac: #f8f7ff;--brand-wash-lilac-rgb: 248 247 255;--brand-wash-rose: #fff7f7;--brand-wash-rose-rgb: 255 247 247;--brand-wash-sky: #eff6ff;--brand-wash-sky-rgb: 239 246 255;--brand-accent: #3b82f6;--brand-accent-rgb: 59 130 246;--brand-accent-ink: #1d4ed8;--brand-accent-ink-rgb: 29 78 216;--brand-accent-2: #f59e0b;--brand-accent-2-rgb: 245 158 11;--brand-accent-2-ink: #92400e;--brand-accent-2-ink-rgb: 146 64 14;--brand-accent-warm: #fb923c;--brand-accent-warm-rgb: 251 146 60;--brand-accent-3: #22c55e;--brand-accent-3-rgb: 34 197 94;--brand-accent-3-ink: #166534;--brand-accent-3-ink-rgb: 22 101 52;--brand-accent-4: #6366f1;--brand-accent-4-rgb: 99 102 241;--brand-accent-4-ink: #1e3a8a;--brand-accent-4-ink-rgb: 30 58 138;--brand-contrast: #ffffff;--brand-contrast-rgb: 255 255 255;--brand-stroke: rgb(var(--brand-ink-rgb) / .1);--brand-stroke-strong: rgb(var(--brand-ink-rgb) / .18);--brand-shadow: 0 26px 60px rgb(var(--brand-ink-rgb) / .12);--brand-shadow-soft: 0 18px 44px rgb(var(--brand-ink-rgb) / .1);--brand-shadow-pop: 0 20px 40px rgb(var(--brand-accent-rgb) / .25);--ink: var(--brand-ink);--muted: var(--brand-muted);--accent: var(--brand-accent);--accent-2: var(--brand-accent-3);--accent-3: var(--brand-accent-2);--accent-4: var(--brand-accent-4);--surface: var(--brand-wash-warm);--surface-2: var(--brand-wash-lilac);--surface-3: var(--brand-surface-3);--stroke: var(--brand-stroke);--shadow: var(--brand-shadow);--shadow-soft: var(--brand-shadow-soft);--shadow-pop: var(--brand-shadow-pop);--max: 1120px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Space Grotesk,Noto Sans JP,sans-serif;color:var(--ink);background:radial-gradient(900px 520px at 88% -8%,rgb(var(--brand-accent-2-rgb) / .18),transparent 60%),radial-gradient(820px 520px at -8% 12%,rgb(var(--brand-accent-3-rgb) / .16),transparent 60%),radial-gradient(620px 420px at 10% 80%,rgb(var(--brand-accent-4-rgb) / .15),transparent 65%),linear-gradient(180deg,var(--brand-wash-warm) 0%,var(--brand-wash-sky) 45%,var(--brand-wash-lilac) 100%)}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.page{position:relative;overflow:hidden;padding:56px 24px 120px}.page:before{content:"";position:absolute;inset:-200px 38% auto auto;width:360px;height:360px;background:radial-gradient(circle at 30% 30%,rgb(var(--brand-accent-2-rgb) / .45),transparent 70%);filter:blur(14px);opacity:.6;pointer-events:none}.page:after{content:"";position:absolute;inset:42% auto -140px -140px;width:320px;height:320px;background:radial-gradient(circle at 70% 40%,rgb(var(--brand-accent-rgb) / .32),transparent 70%);filter:blur(10px);opacity:.5;pointer-events:none}.container{position:relative;z-index:1;max-width:var(--max);margin:0 auto}.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;margin-bottom:32px;border-radius:22px;border:1px solid rgb(var(--brand-ink-rgb) / .05);background:rgb(var(--brand-surface-3-rgb) / .82);backdrop-filter:blur(14px);box-shadow:0 16px 36px rgb(var(--brand-ink-rgb) / .08)}.brand{display:inline-flex;align-items:center;gap:12px;font-weight:700;font-size:1.25rem}.brand span{font-family:"M PLUS Rounded 1c",Noto Sans JP,sans-serif;font-weight:900;letter-spacing:-.02em}.brand-logo{width:34px;height:34px;object-fit:cover}.nav-links{display:flex;gap:20px;font-size:.95rem;color:rgb(var(--brand-muted-rgb) / .9)}.nav-links a[aria-current=page]{color:var(--ink);font-weight:600}.nav-actions{display:flex;gap:14px;flex-wrap:wrap}.nav-actions .btn{padding:10px 18px;font-size:.9rem}.hero{display:grid;gap:40px;align-items:center;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding:32px 0 72px}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.85rem;text-transform:uppercase;letter-spacing:.18em;color:var(--muted)}.eyebrow:before{content:"";width:28px;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--accent-2),transparent)}:lang(ja) body{font-family:Noto Sans JP,Space Grotesk,sans-serif}h1,h2,h3{font-family:Fraunces,Noto Sans JP,serif;margin:0 0 16px;letter-spacing:.01em}:lang(ja) h1,:lang(ja) h2,:lang(ja) h3{font-family:Noto Sans JP,sans-serif}h1{font-size:clamp(2.5rem,4.5vw,3.3rem);line-height:1.1}h2{font-size:clamp(1.8rem,2.6vw,2.6rem)}p{margin:0 0 20px;color:var(--muted);line-height:1.7}.lead{font-size:1.1rem}.section-sub{font-size:.95rem;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.hero-points{display:grid;gap:14px;margin:24px 0 16px;padding:0;list-style:none}.hero-points .pill{position:relative;padding-left:44px}.hero-points .pill:before{content:"";position:absolute;left:14px;top:50%;width:18px;height:18px;border-radius:6px;border:1.5px solid rgb(var(--brand-ink-rgb) / .18);background:rgb(var(--brand-surface-3-rgb) / .98);box-shadow:inset 0 0 0 1px rgb(var(--brand-surface-3-rgb) / .8);transform:translateY(-50%)}.hero-points .pill:after{content:"";position:absolute;left:20px;top:50%;width:6px;height:10px;border-right:2px solid var(--accent-2);border-bottom:2px solid var(--accent-2);transform:translateY(-60%) rotate(45deg)}.hero-note{display:flex;gap:12px;align-items:center;color:var(--muted);font-size:.95rem;margin-top:12px}.hero-note:before{content:"";width:36px;height:2px;background:linear-gradient(90deg,var(--accent),transparent);display:inline-flex}.definition{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:14px;background:rgb(var(--brand-surface-3-rgb) / .9);border:1px solid rgb(var(--brand-ink-rgb) / .08);font-size:.95rem;color:var(--ink)}.actions{display:flex;flex-wrap:wrap;gap:14px;margin:36px 0 24px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:999px;border:1px solid transparent;font-weight:600;font-size:.95rem;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.btn.primary{background:linear-gradient(135deg,var(--brand-accent-warm),var(--brand-accent-2));color:var(--ink);box-shadow:var(--shadow-pop)}.btn.secondary{border-color:var(--stroke);background:rgb(var(--brand-surface-3-rgb) / .85)}.btn:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgb(var(--brand-ink-rgb) / .15)}.pill-row{display:flex;flex-wrap:wrap;gap:14px}.pill{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;border-radius:14px;font-size:.95rem;background:rgb(var(--brand-surface-3-rgb) / .9);border:1px solid rgb(var(--brand-ink-rgb) / .08);box-shadow:0 10px 24px rgb(var(--brand-ink-rgb) / .08)}.pill.accent{color:var(--brand-accent-3-ink);background:linear-gradient(145deg,rgb(var(--brand-accent-3-rgb) / .18),rgb(var(--brand-accent-4-rgb) / .16));border-color:rgb(var(--brand-accent-3-rgb) / .26)}.section.reassurance{padding:36px 0 10px}.assurance{display:grid;gap:18px;justify-items:center;text-align:center}.assurance-row{justify-content:center}.pill-icon{width:22px;height:22px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgb(var(--brand-ink-rgb) / .12);background:rgb(var(--brand-surface-3-rgb) / .9);color:var(--ink);flex:0 0 auto}.pill-icon svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.pill-icon.is-free{background:rgb(var(--brand-accent-3-rgb) / .18);border-color:rgb(var(--brand-accent-3-rgb) / .3);color:var(--brand-accent-3-ink)}.pill-icon.is-install{background:rgb(var(--brand-accent-2-rgb) / .26);border-color:rgb(var(--brand-accent-2-rgb) / .34);color:var(--brand-accent-2-ink)}.pill-icon.is-sync{background:rgb(var(--brand-accent-4-rgb) / .2);border-color:rgb(var(--brand-accent-4-rgb) / .32);color:var(--brand-accent-4-ink)}.chip-row{display:flex;flex-wrap:wrap;gap:12px}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:.85rem;background:rgb(var(--brand-surface-3-rgb) / .9);border:1px solid rgb(var(--brand-ink-rgb) / .1)}.hero-card{background:var(--surface-3);border:1px solid var(--stroke);border-radius:30px;padding:18px;box-shadow:var(--shadow);position:relative;overflow:hidden;transform:translateZ(0);animation:float 8s ease-in-out infinite}.hero-image{border-radius:20px;border:1px solid rgb(var(--brand-ink-rgb) / .08);overflow:hidden;cursor:zoom-in}.hero-image.is-video{cursor:default}.hero-video{display:block;width:100%;height:auto;background:var(--surface-2)}.hero-slideshow{position:relative}.hero-slideshow .slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;animation:heroFade 12s ease-in-out infinite;animation-fill-mode:both}.hero-slideshow .slide.is-base{position:relative}.hero-slideshow .slide.delay-1{animation-delay:4s}.hero-slideshow .slide.delay-2{animation-delay:8s}.hero-slideshow.is-controlled .slide{animation:none;transition:opacity .4s ease}.hero-slideshow.is-controlled .slide.is-active{opacity:1}.hero-slideshow .slide-dots{position:absolute;left:50%;bottom:14px;display:inline-flex;gap:8px;padding:6px 10px;border-radius:999px;background:rgb(var(--brand-surface-3-rgb) / .85);border:1px solid rgb(var(--brand-ink-rgb) / .12);backdrop-filter:blur(6px);transform:translate(-50%)}.hero-slideshow .slide-dot{width:10px;height:10px;border-radius:999px;border:1px solid rgb(var(--brand-ink-rgb) / .3);background:transparent;padding:0;cursor:pointer}.hero-slideshow .slide-dot[aria-current=true]{background:rgb(var(--brand-ink-rgb) / .7);border-color:rgb(var(--brand-ink-rgb) / .7)}.hero-slideshow .slide-dot:focus-visible{outline:2px solid rgb(var(--brand-ink-rgb) / .6);outline-offset:2px}.lightbox{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:32px 24px;opacity:0;pointer-events:none;transition:opacity .2s ease}.lightbox.is-open{opacity:1;pointer-events:auto}.lightbox-backdrop{position:absolute;inset:0;border:none;background:rgb(var(--brand-ink-rgb) / .65);backdrop-filter:blur(8px)}.lightbox-panel{position:relative;z-index:1;display:grid;gap:18px;width:min(1100px,100%);max-height:calc(100vh - 96px);padding:24px;border-radius:28px;background:rgb(var(--brand-surface-3-rgb) / .95);border:1px solid rgb(var(--brand-ink-rgb) / .12);box-shadow:0 30px 90px rgb(var(--brand-ink-rgb) / .4)}.lightbox-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:999px;border:1px solid rgb(var(--brand-ink-rgb) / .2);background:rgb(var(--brand-surface-3-rgb) / .9);cursor:pointer;font-size:1.1rem;line-height:1}.lightbox-close:focus-visible{outline:2px solid rgb(var(--brand-ink-rgb) / .6);outline-offset:2px}.lightbox-figure{display:grid;place-items:center;margin:0;border-radius:20px;background:rgb(var(--brand-surface-3-rgb) / .9)}.lightbox-image{width:100%;max-width:min(1024px,100%);max-height:calc(100vh - 220px);object-fit:contain;border-radius:18px;border:1px solid rgb(var(--brand-ink-rgb) / .08);box-shadow:var(--shadow-soft)}.lightbox-dots{display:inline-flex;justify-content:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgb(var(--brand-surface-3-rgb) / .85);border:1px solid rgb(var(--brand-ink-rgb) / .12);margin:0 auto}.lightbox-dot{width:10px;height:10px;border-radius:999px;border:1px solid rgb(var(--brand-ink-rgb) / .3);background:transparent;padding:0;cursor:pointer}.lightbox-dot[aria-current=true]{background:rgb(var(--brand-ink-rgb) / .7);border-color:rgb(var(--brand-ink-rgb) / .7)}.lightbox-dot:focus-visible{outline:2px solid rgb(var(--brand-ink-rgb) / .6);outline-offset:2px}body.lightbox-open{overflow:hidden}@keyframes heroFade{0%{opacity:0}10%{opacity:1}30%{opacity:1}40%{opacity:0}to{opacity:0}}@media (prefers-reduced-motion: reduce){.hero-slideshow .slide{animation:none}.hero-slideshow .slide:not(.is-base){display:none}}.section{padding:84px 0}.section-head{display:grid;gap:16px;margin-bottom:36px}.section-head.with-visual{grid-template-columns:minmax(0,1fr) minmax(180px,280px);align-items:center;gap:24px}.section-head.with-visual .section-copy{display:grid;gap:12px}.section-visual{margin:0;justify-self:end;width:min(280px,38vw);padding:0;border-radius:0;background:transparent;border:none;box-shadow:none}.section-visual img{width:100%;height:auto;filter:drop-shadow(0 18px 30px rgb(var(--brand-ink-rgb) / .2))}.section-head.center{text-align:center;justify-items:center}.grid{display:grid;gap:28px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.card{background:var(--surface-3);border:1px solid var(--stroke);border-radius:22px;padding:28px;box-shadow:var(--shadow-soft)}.card.layered{background:linear-gradient(180deg,rgb(var(--brand-surface-3-rgb) / .95),rgb(var(--brand-surface-3-rgb) / .82));border-color:rgb(var(--brand-ink-rgb) / .08);position:relative;overflow:hidden}.card.layered:after{content:"";position:absolute;inset:auto 12px 12px auto;width:110px;height:110px;background:radial-gradient(circle at 70% 70%,rgb(var(--brand-accent-4-rgb) / .2),transparent 70%);z-index:0}.card.layered>*{position:relative;z-index:1}.icon-badge{width:46px;height:46px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:rgb(var(--brand-accent-2-rgb) / .16);color:var(--brand-accent-2-ink);font-weight:700;margin-bottom:16px;box-shadow:inset 0 0 0 1px rgb(var(--brand-accent-2-rgb) / .3)}.icon-badge.alt{background:rgb(var(--brand-accent-3-rgb) / .18);color:var(--brand-accent-3-ink);box-shadow:inset 0 0 0 1px rgb(var(--brand-accent-3-rgb) / .26)}.card strong{display:block;margin-bottom:12px;font-size:1.05rem}.card p{margin-bottom:0}.demo-grid{display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));align-items:center}.demo-steps{list-style:none;margin:0;padding:0;display:grid;gap:16px}.demo-steps li{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;color:var(--muted)}.demo-steps span{width:34px;height:34px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;background:rgb(var(--brand-accent-4-rgb) / .2);color:var(--brand-accent-4-ink)}.highlight-box{background:rgb(var(--brand-surface-3-rgb) / .9);border:1px solid rgb(var(--brand-ink-rgb) / .08);border-radius:22px;padding:28px;box-shadow:var(--shadow-soft)}.flow{background:var(--surface);border-radius:30px;padding:42px;border:1px solid rgb(var(--brand-accent-rgb) / .2);box-shadow:0 22px 60px rgb(var(--brand-ink-rgb) / .08)}.flow-step{display:grid;grid-template-columns:auto 1fr;gap:16px;padding:16px 0}.flow-step span{width:38px;height:38px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;background:rgb(var(--brand-accent-2-rgb) / .18);color:var(--brand-accent-2-ink)}.callout{display:grid;gap:24px;background:linear-gradient(135deg,rgb(var(--brand-accent-3-rgb) / .16),rgb(var(--brand-accent-2-rgb) / .22));border-radius:28px;padding:42px;border:1px solid rgb(var(--brand-accent-3-rgb) / .2);box-shadow:0 24px 58px rgb(var(--brand-ink-rgb) / .1)}.cta{text-align:center;background:var(--brand-ink);color:var(--brand-wash-warm);padding:60px 28px;border-radius:30px;box-shadow:0 22px 64px rgb(var(--brand-ink-rgb) / .35)}.cta p{color:rgb(var(--brand-wash-warm-rgb) / .8)}.cta .btn{background:linear-gradient(135deg,var(--brand-accent-warm),var(--brand-accent-2));color:var(--brand-ink)}.legal-hero{display:grid;gap:10px;padding:20px 0 28px}.legal-content{display:grid;gap:32px}.legal-card{background:var(--surface-3);border:1px solid var(--stroke);border-radius:24px;padding:36px;box-shadow:var(--shadow-soft)}.legal-card h2{margin-top:28px;font-size:clamp(1.25rem,2vw,1.6rem)}.legal-card h2:first-of-type{margin-top:0}.legal-list{margin:16px 0 24px;padding-left:20px;color:var(--muted)}.legal-list li{margin-bottom:8px;line-height:1.6}.legal-list ul{margin-top:8px;padding-left:18px}.legal-link{color:inherit;font-weight:inherit;text-decoration-line:underline;text-decoration-color:rgb(var(--brand-ink-rgb) / .35);text-decoration-thickness:2px;text-underline-offset:3px}.legal-meta{margin:14px 0 0;font-size:.9rem;color:var(--muted)}.timeline{--timeline-line-center: .85rem;--timeline-line-width: 2px;--timeline-marker-size: .75rem;--timeline-padding-left: 1.6rem;position:relative;display:grid;gap:1.6rem;margin:0;padding:0 0 0 var(--timeline-padding-left);list-style:none}.timeline:before{content:"";position:absolute;left:calc(var(--timeline-line-center) - (var(--timeline-line-width) * .5));top:.4rem;bottom:.4rem;width:var(--timeline-line-width);border-radius:999px;background:linear-gradient(180deg,rgb(var(--brand-accent-2-rgb) / .5),rgb(var(--brand-ink-rgb) / .08));opacity:.7}.timeline-item{display:flex;gap:1rem;position:relative}.timeline-marker{width:var(--timeline-marker-size);height:var(--timeline-marker-size);border-radius:999px;margin-left:calc(var(--timeline-line-center) - var(--timeline-padding-left) - (var(--timeline-marker-size) * .5));margin-top:.5rem;background:linear-gradient(135deg,var(--brand-accent-warm),var(--brand-accent-2));box-shadow:0 0 0 6px rgb(var(--brand-accent-2-rgb) / .18),inset 0 0 0 1px rgb(var(--brand-accent-2-ink-rgb) / .2);flex-shrink:0;z-index:1}.timeline-card{flex:1;background:var(--surface-3);border:1px solid var(--stroke);border-radius:22px;padding:24px 26px;box-shadow:var(--shadow-soft);display:grid;gap:.4rem}.timeline-date{font-size:.9rem;font-weight:700;color:var(--muted);letter-spacing:.02em}.timeline-text{margin:0;color:var(--ink);font-weight:600}.timeline-text:is(ul){padding-inline-start:0;margin-inline-start:0;list-style-position:inside;list-style-type:disc}.timeline-text li::marker{color:var(--ink)}@media (max-width: 640px){.timeline{--timeline-padding-left: 1.2rem}.timeline-card{padding:20px}}footer{padding:52px 0 28px;color:var(--muted);font-size:.9rem;text-align:center}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:18px;margin-top:16px}.footer-links a{color:var(--muted)}.faq{display:grid;gap:20px}.faq details{background:var(--surface-3);border:1px solid var(--stroke);border-radius:18px;padding:20px 24px;box-shadow:0 14px 32px rgb(var(--brand-ink-rgb) / .08)}.faq summary{cursor:pointer;font-weight:600;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";float:right;font-weight:700;color:var(--muted)}.faq details[open] summary:after{content:"−"}.faq p{margin-top:12px}.sticky-cta{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:10;display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:999px;background:rgb(var(--brand-surface-3-rgb) / .95);border:1px solid rgb(var(--brand-ink-rgb) / .12);box-shadow:0 16px 32px rgb(var(--brand-ink-rgb) / .16)}.sticky-cta span{font-size:.9rem;color:var(--muted)}.sticky-cta .btn{margin:0;padding:8px 16px;font-size:.9rem}.reveal{opacity:0;animation:rise .9s ease forwards;animation-delay:var(--delay, 0s)}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width: 840px){.nav-links{display:none}.hero{padding-top:16px}.hero-card{padding:0}.flow{padding:32px}.section-head.with-visual{grid-template-columns:1fr}.section-visual{justify-self:center;width:min(240px,70vw)}.sticky-cta{width:calc(100% - 32px);justify-content:space-between}}@media (prefers-reduced-motion: reduce){.reveal,.hero-card,.btn{animation:none;transition:none}.reveal{opacity:1;transform:none}}