:root{--bg:#fff;--ground:#f2f2f7;--surface:#fff;--ink:#0b0b12;--muted:#6b6b73;--line:#e3e3e8;--accent:#3b55e6;--tint:#eef1fd;--shadow-card:0 1px 2px #141e5a0d, 0 10px 30px #141e5a0f;--deep:#22309a;--sky:#a3e8ff;--band:radial-gradient(min(720px, 90vw) circle at 4% 8%, #8b5cffbf, transparent 70%), radial-gradient(min(820px, 100vw) circle at 98% 96%, #2fb8ff99, transparent 70%), linear-gradient(180deg, #3a4fe2 0%, #2a39c2 55%, #1b2586 100%);--font-ui:-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", "Segoe UI", system-ui, sans-serif;--font-rounded:ui-rounded, "SF Pro Rounded", -apple-system, BlinkMacSystemFont, "Helvetica Neue", system-ui, sans-serif;--ease:cubic-bezier(.2, .8, .2, 1);interpolate-size:allow-keywords}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#07080d;--ground:#0e1017;--surface:#151823;--ink:#f4f5fa;--muted:#9c9ead;--line:#252838;--accent:#8fa2ff;--tint:#161b36;--shadow-card:0 1px 0 #ffffff08 inset, 0 10px 30px #00000059;color-scheme:dark}}:root[data-theme=dark]{--bg:#07080d;--ground:#0e1017;--surface:#151823;--ink:#f4f5fa;--muted:#9c9ead;--line:#252838;--accent:#8fa2ff;--tint:#161b36;--shadow-card:0 1px 0 #ffffff08 inset, 0 10px 30px #00000059;color-scheme:dark}html{scroll-behavior:smooth;scroll-padding-top:72px}body{background:var(--bg);color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3{text-wrap:balance}:lang(ko){word-break:keep-all}:lang(ja) :is(.h1,.h2){word-break:keep-all;overflow-wrap:anywhere}p{text-wrap:pretty}.wrap{max-width:1120px;padding-left:max(20px, env(safe-area-inset-left,0px));padding-right:max(20px, env(safe-area-inset-right,0px));margin-inline:auto}:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:10px}.on-band :focus-visible{outline-color:var(--sky)}.kicker{letter-spacing:.17em;text-transform:uppercase;color:var(--accent);font-size:13px;font-weight:700;line-height:18px}.h2{letter-spacing:-.03em;font-size:clamp(34px,5vw,50px);font-weight:750;line-height:1.06}.h2 em,.h1 em{color:var(--accent);font-style:normal}.band{isolation:isolate;background:var(--band);color:#fff;position:relative;overflow:hidden}.band .kicker{color:#ffffffb8}.band .h1 em,.band .h2 em{color:var(--sky)}.band .lead{color:#fffc}.ribbon{z-index:-1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.nav{z-index:40;padding-top:env(safe-area-inset-top,0px);color:#fff;transition:background .3s,box-shadow .3s;position:fixed;inset:0 0 auto}.nav.scrolled{-webkit-backdrop-filter:saturate(180%)blur(20px);background:#1e2896c7;box-shadow:0 1px #ffffff1f}.app-icon{border-radius:22.5%;box-shadow:0 6px 16px #080c3c4d}.nav-link{color:#fffc;transition:color .2s;position:relative}.nav-link:hover{color:#fff}.nav-link:after{content:"";height:1.5px;transition:transform .35s var(--ease);background:currentColor;border-radius:1px;position:absolute;bottom:-5px;left:0;right:0;transform:scaleX(0)}.nav-link:hover:after{transform:scaleX(1)}.nav-cta{color:var(--deep);transition:transform .25s var(--ease), box-shadow .25s ease;background:#fff;box-shadow:0 6px 16px #080c3c40}.nav-cta:hover{transform:translateY(-1px);box-shadow:0 10px 22px #080c3c59}.nav-cta:active{transform:scale(.96)}.nav .app-icon{transition:transform .5s var(--ease)}.nav a:hover .app-icon{transform:rotate(-8deg)scale(1.06)}.lang{position:relative}.lang summary{cursor:pointer;color:#ffffffd9;border-radius:18px;align-items:center;gap:6px;height:36px;padding:0 10px;font-size:14px;font-weight:600;list-style:none;transition:background .2s,color .2s;display:inline-flex}.lang summary::-webkit-details-marker{display:none}.lang summary:hover,.lang[open] summary{color:#fff;background:#ffffff24}.lang-menu{background:var(--surface);width:200px;color:var(--ink);box-shadow:0 18px 40px #080c3c47, 0 0 0 1px var(--line);border-radius:16px;padding:6px;display:grid;position:absolute;top:calc(100% + 8px);right:0}html.motion .lang[open] .lang-menu{animation:fadeup .25s var(--ease) both}.lang-menu a{border-radius:10px;justify-content:space-between;align-items:center;gap:16px;padding:9px 12px;font-size:15px;transition:background .15s;display:flex}.lang-menu a:hover{background:var(--tint)}.lang-menu a[aria-current]{color:var(--accent);font-weight:600}.lang-menu a span{color:var(--muted);font-family:var(--font-rounded);font-size:12px;font-weight:700}.badge{isolation:isolate;color:#0b0b12;height:64px;transition:transform .25s var(--ease), box-shadow .25s ease;background:#fff;border-radius:16px;align-items:center;gap:12px;padding:0 28px 0 22px;text-decoration:none;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 14px 34px #080c3c59}.badge:hover{transform:translateY(-2px);box-shadow:0 18px 40px #080c3c73}.badge:active{transform:scale(.98)}.badge svg{fill:currentColor;flex:none;width:32px;height:32px;margin-top:-3px}.badge small{letter-spacing:.01em;font-size:12px;line-height:14px;display:block}.badge b{letter-spacing:-.02em;font-size:26px;font-weight:600;line-height:28px;display:block}.badge:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(105deg,#0000 30%,#3b55e629 50%,#0000 70%);position:absolute;inset:-2px;transform:translate(-110%)}.badge:hover:after{transition:transform .9s var(--ease);transform:translate(110%)}html.motion .badge.shine-once:after{animation:sheen 1.2s var(--ease) 1.9s}@keyframes sheen{0%{transform:translate(-110%)}to{transform:translate(110%)}}.h1{letter-spacing:-.035em;font-size:clamp(44px,7.2vw,82px);font-weight:750;line-height:1.02}.phone{--w:262px;width:var(--w);padding:calc(var(--w) * .03);border-radius:calc(var(--w) * .17);background:#0b0c10;position:relative;box-shadow:0 0 0 1.5px #3a3d47,0 40px 80px #080c3c80,0 10px 24px #080c3c4d}@media (width>=640px){.phone{--w:290px}}@media (width>=1024px){.phone{--w:318px}}.phone:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff14}.display{border-radius:calc(var(--w) * .14);aspect-ratio:886/1920;background:#fff;position:relative;overflow:hidden}.display video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.island{z-index:2;background:#000;border-radius:999px;width:28.6%;height:3.9%;position:absolute;top:1.15%;left:50%;translate:-50%}.playback{z-index:3;color:#fff;-webkit-backdrop-filter:blur(10px);opacity:0;width:40px;height:40px;transition:opacity .25s ease, transform .25s var(--ease);background:#0b0c108c;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:10px;right:10px}.phone:hover .playback,.playback:focus-visible,.playback[aria-pressed=false]{opacity:1}@media (hover:none){.playback{opacity:1}}.playback:active{transform:scale(.92)}.playback .play,.playback[aria-pressed=false] .pause{display:none}.playback[aria-pressed=false] .play{display:block}.greeting{z-index:2;white-space:nowrap;color:#fff;--overlap:44px;-webkit-backdrop-filter:blur(10px);background:#ffffff24;border-radius:20px;align-items:center;height:40px;padding:0 16px;font-size:18px;font-weight:600;animation:7s ease-in-out infinite bob;display:flex;position:absolute;box-shadow:inset 0 0 0 1px #ffffff38}.g-left{right:calc(100% - var(--overlap))}.g-right{left:calc(100% - var(--overlap))}.greeting.solid{color:#3b55e6;background:#fff;box-shadow:0 10px 24px #080c3c4d}@media (width>=640px){.greeting{--overlap:18px}}@keyframes bob{0%,to{translate:0}50%{translate:0 -8px}}.stat dt{color:#ffffffb3}.shots{scroll-snap-type:x mandatory;scrollbar-width:none;gap:20px;padding-block:12px 40px;padding-inline:max(20px,50vw - 540px);scroll-padding-inline:max(20px,50vw - 540px);display:flex;overflow-x:auto}.shots::-webkit-scrollbar{display:none}.shot{scroll-snap-align:start;flex:none;width:clamp(220px,62vw,272px)}.shot img{aspect-ratio:1320/2868;width:100%;height:auto;transition:transform .5s var(--ease), box-shadow .5s ease;background:#2a39c2;border-radius:22px;display:block;box-shadow:0 1px 2px #141e5a14,0 18px 40px #141e5a29}.shot:hover img{transform:translateY(-6px);box-shadow:0 2px 4px #141e5a14,0 28px 56px #141e5a3d}.arrow{background:var(--surface);width:44px;height:44px;color:var(--ink);box-shadow:var(--shadow-card), 0 0 0 1px var(--line);transition:opacity .2s ease, transform .25s var(--ease);border-radius:50%;place-items:center;display:grid}.arrow:hover:not(:disabled){transform:translateY(-1px)}.arrow:disabled{opacity:.35;cursor:default}.icon-dot{background:var(--tint);width:40px;height:40px;color:var(--accent);border-radius:50%;flex:none;place-items:center;display:grid}.case{color:#0b0b12;transition:transform .5s var(--ease), box-shadow .5s ease;background:#fff;border-radius:26px;flex-direction:column;gap:12px;padding:18px 18px 20px;display:flex;box-shadow:0 18px 40px #080c3c4d}.case:hover{transform:translateY(-6px);box-shadow:0 26px 54px #080c3c66}.case .icon-dot{color:#3b55e6;background:#eef1fd;width:36px;height:36px}.case .typed{color:#6b6b73;font-size:14px;line-height:19px}.case .typed span{letter-spacing:.07em;color:#8e8e96;margin-bottom:3px;font-size:11px;font-weight:700;display:block}.bubble{color:#fff;letter-spacing:-.01em;background:#08f;border-radius:20px;width:fit-content;max-width:92%;margin-left:auto;padding:9px 14px;font-size:16px;line-height:21px;position:relative}.bubble svg{fill:#08f;width:17px;height:22px;position:absolute;bottom:0;right:-6px}.pair-code{color:#6b6b73;height:24px;font-family:var(--font-rounded);background:#f2f2f7;border-radius:12px;align-self:flex-end;align-items:center;margin-top:auto;padding:0 10px;font-size:12px;font-weight:700;display:flex}.compare-label{letter-spacing:.14em;text-transform:uppercase;text-align:center;color:var(--muted);font-size:13px;font-weight:700;line-height:18px}.without{background:var(--ground);box-shadow:inset 0 0 0 1px var(--line);border-radius:28px;padding:26px 16px 30px}.steps{justify-content:space-between;align-items:flex-start;max-width:440px;margin:20px auto 0;display:flex;position:relative}.step{text-align:center;width:70px;color:var(--muted);flex-direction:column;align-items:center;gap:8px;font-size:13px;font-weight:600;line-height:16px;display:flex}.step i{background:var(--surface);width:52px;height:52px;color:var(--ink);box-shadow:var(--shadow-card);border-radius:16px;place-items:center;display:grid}.then{color:var(--muted);opacity:.6;margin-top:19px}.strike{pointer-events:none;width:calc(100% + 24px);height:40px;position:absolute;top:6px;left:-12px;overflow:visible}.strike path{fill:none;stroke:#ff5a64;stroke-width:4.5px;stroke-linecap:round;stroke-dasharray:1;filter:drop-shadow(0 1.5px 1.5px #0a0e3c2e)}html.motion .in-view .strike path{animation:strike .7s var(--ease) .6s both}@keyframes strike{0%{stroke-dashoffset:1px}}.with{border-radius:28px;flex-direction:column;padding:26px 20px 30px;display:flex;box-shadow:0 24px 50px #141e5a38}.with .compare-label{color:#ffffffb8}.mini{flex-direction:column;gap:10px;display:flex}.mini-field{color:#0b0b12;letter-spacing:-.01em;background:#fff;border-radius:21px;padding:10px 16px;font-size:16px;line-height:21px;display:grid;box-shadow:0 6px 18px #080c3c33}.mini-caret{background:#08f;border-radius:1px;width:2px;height:19px;margin:0 0 -4px 2px;display:inline-block}.mini-text{grid-area:1/1}.mini[data-state=done] .mini-from,.mini:not([data-state=done]) .mini-to{visibility:hidden}.mini-bar{background:#e2e4e8;border-radius:22px;align-items:center;gap:8px;height:48px;padding:0 8px;display:flex;position:relative;box-shadow:0 6px 18px #080c3c33}.mini-pill{color:#3c3c439e;height:32px;font-family:var(--font-rounded);background:#fffc;border-radius:16px;flex:none;align-items:center;gap:4px;padding:0 12px;font-size:13px;font-weight:700;display:flex}.mini-pill .arr{color:#3c3c4373}.mini-pill .to{color:#000}.mini-center{color:#000;white-space:nowrap;flex:1;align-items:center;gap:6px;min-width:0;padding-left:2px;font-size:14px;font-weight:500;transition:opacity .22s 60ms;display:flex}.mini-center .check{color:#3049d6;flex:none}.mini-name{text-overflow:ellipsis;min-width:0;overflow:hidden}.mini-undo{background:#fffc;border-radius:14px;flex:none;align-items:center;gap:4px;height:28px;margin-left:auto;padding:0 11px;font-size:13px;font-weight:600;display:flex}.mini:not([data-state=done]) .mini-center{opacity:0;transition-delay:0s}.mini-tr-wrap{flex:none;position:relative}.mini-tr{color:#3c3c439e;--cut:#f3f3f5;background:#fffc;border-radius:17px;align-items:center;height:34px;padding:0 7px;transition:box-shadow .38s;display:flex;position:relative;overflow:hidden}.mini-tr .fill{opacity:0;background:linear-gradient(135deg,#8b5cff 0%,#5b6bff 52%,#2fb8ff 100%);transition:opacity .38s;position:absolute;inset:0}.mini-tr .slot{place-items:center;width:20px;height:20px;display:grid;position:relative}.mini-tr .slot>svg{position:absolute}.mini-tr .spinner{display:none}.mini-tr .lbl{color:#fff;white-space:nowrap;opacity:0;max-width:0;font-size:14px;font-weight:600;transition:max-width .38s cubic-bezier(.3,1.25,.5,1),opacity .1s;position:relative;overflow:hidden}.mini-tr .lbl span{padding:0 5px 0 6px;display:block}.mini:not([data-state=done]) .mini-tr{color:#fff;--cut:#6c67ff;box-shadow:0 3px 8px #3b55e64d}.mini:not([data-state=done]) .mini-tr .fill{opacity:1}.mini:not([data-state=done]) .mini-tr .lbl{opacity:1;max-width:100px;transition:max-width .38s cubic-bezier(.3,1.25,.5,1),opacity .22s 60ms}.mini[data-state=press] .mini-tr{opacity:.55}.mini[data-state=busy] .mini-tr .glyph{display:none}.mini[data-state=busy] .mini-tr .spinner{animation:.667s steps(8,end) infinite ios-spin;display:block}@keyframes ios-spin{to{transform:rotate(360deg)}}.mini-tap{opacity:0;pointer-events:none;background:#1e223c38;border:2px solid #ffffffd9;border-radius:50%;width:36px;height:36px;margin:-18px 0 0 -18px;transition:opacity .12s,transform .18s;position:absolute;top:50%;left:50%;transform:scale(.6)}.mini[data-state=press] .mini-tap{opacity:1;transform:scale(1)}.with{cursor:default}.faq summary{cursor:pointer;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq .chev{width:36px;height:36px;transition:transform .35s var(--ease), background .25s ease, color .25s ease;border-radius:50%;flex:none;place-items:center;display:grid}.faq[open] .chev{transform:rotate(45deg)}.faq summary span:first-child{transition:color .2s}.faq summary:hover span:first-child{color:var(--accent)}.faq summary:hover .chev{background:var(--surface);color:var(--ink)}.faq::details-content{block-size:0;transition:block-size .45s var(--ease), content-visibility .45s allow-discrete;overflow:clip}.faq[open]::details-content{block-size:auto}.faq[open] p{animation:fadeup .5s var(--ease) 50ms both}@keyframes fadeup{0%{opacity:0;translate:0 -6px}}.cta-icon{animation:6s ease-in-out infinite float;box-shadow:0 22px 44px #080c3c73}@keyframes float{0%,to{translate:0}50%{translate:0 -6px}}html.motion [data-reveal]:not(.in-view){opacity:0}html.motion [data-reveal].in-view{animation:rise .9s var(--ease) calc(var(--d,0) * 90ms) both}@keyframes rise{0%{opacity:0;translate:0 22px}}html.motion .stage[data-reveal].in-view{animation-name:rise-far;animation-duration:1.2s}@keyframes rise-far{0%{opacity:0;translate:0 60px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;transition-delay:0s!important;animation:none!important}.shot:hover img,.case:hover{transform:none}}