:root{color-scheme: light dark;--bg: #ffffff;--bg-alt: #f5f5f7;--tile: #ffffff;--text: #1d1d1f;--text-2: #6e6e73;--text-3: #86868b;--hairline: rgba(0,0,0,0.1);--accent: #0c72e0;--accent-text: #0c72e0;--link: #0066cc;--btn-top: #1c80ea;--btn-bottom: #0c72e0;--nav-bg: rgba(255,255,255,0.76);--brand-grad: linear-gradient(180deg,#1fc9d6 0%,#0c72e0 100%);--glass: rgba(248,248,250,0.8);--glass-edge: rgba(255,255,255,0.7);--glass-text: #1d1d1f;--glass-text-2: rgba(60,60,67,0.72);--plate: #ffffff;--plate-text: #1d1d1f;--keycap: #ffffff;--keycap-edge: rgba(0,0,0,0.14);--keycap-outline: rgba(0,0,0,0.08);--shadow-lg: 0 30px 60px -12px rgba(0,0,0,0.25),0 18px 36px -18px rgba(0,0,0,0.3);--radius-tile: 28px;--maxw: 1024px;--gutter: 22px;--font: -apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue","Segoe UI",Roboto,Helvetica,Arial,sans-serif;--mono: ui-monospace,"SF Mono",SFMono-Regular,Menlo,Monaco,Consolas,monospace;--rounded: ui-rounded,"SF Pro Rounded",-apple-system,BlinkMacSystemFont,sans-serif;--ease-out: cubic-bezier(0.22,1,0.36,1);--ease-spring: cubic-bezier(0.34,1.36,0.64,1);--ease-hand: cubic-bezier(0.45,0,0.25,1)}@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--bg: #000000;--bg-alt: #0d0d0f;--tile: #1c1c1e;--text: #f5f5f7;--text-2: #a1a1a6;--text-3: #86868b;--hairline: rgba(255,255,255,0.14);--accent: #45d4e8;--accent-text: #45d4e8;--link: #2997ff;--btn-top: #2a8cf2;--btn-bottom: #1178e6;--nav-bg: rgba(22,22,23,0.76);--brand-grad: linear-gradient(180deg,#5eead4 0%,#3b9cf5 100%);--glass: rgba(44,44,48,0.78);--glass-edge: rgba(255,255,255,0.14);--glass-text: #f5f5f7;--glass-text-2: rgba(235,235,245,0.62);--plate: #1c1c1e;--plate-text: #f5f5f7;--keycap: rgba(255,255,255,0.1);--keycap-edge: rgba(0,0,0,0.5);--keycap-outline: rgba(255,255,255,0.16)}}:root[data-theme="dark"]{--bg: #000000;--bg-alt: #0d0d0f;--tile: #1c1c1e;--text: #f5f5f7;--text-2: #a1a1a6;--text-3: #86868b;--hairline: rgba(255,255,255,0.14);--accent: #45d4e8;--accent-text: #45d4e8;--link: #2997ff;--btn-top: #2a8cf2;--btn-bottom: #1178e6;--nav-bg: rgba(22,22,23,0.76);--brand-grad: linear-gradient(180deg,#5eead4 0%,#3b9cf5 100%);--glass: rgba(44,44,48,0.78);--glass-edge: rgba(255,255,255,0.14);--glass-text: #f5f5f7;--glass-text-2: rgba(235,235,245,0.62);--plate: #1c1c1e;--plate-text: #f5f5f7;--keycap: rgba(255,255,255,0.1);--keycap-edge: rgba(0,0,0,0.5);--keycap-outline: rgba(255,255,255,0.16)}*,*::before,*::after{box-sizing: border-box}html{-webkit-text-size-adjust: 100%;text-size-adjust: 100%;scroll-behavior: smooth;scroll-padding-top: 64px}body{margin: 0;background: var(--bg);color: var(--text);font-family: var(--font);font-size: 17px;line-height: 1.47;letter-spacing: -0.022em;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;overflow-x: clip}:lang(ja) body,body:lang(ja){--font: -apple-system,BlinkMacSystemFont,"Hiragino Sans","Hiragino Kaku Gothic ProN","SF Pro Text","Noto Sans JP","Yu Gothic",Meiryo,sans-serif;letter-spacing: 0}:lang(ko) body,body:lang(ko){--font: -apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","SF Pro Text","Noto Sans KR","Malgun Gothic",sans-serif;letter-spacing: -0.01em;word-break: keep-all}img,svg{display: block;max-width: 100%}a{color: var(--link);text-decoration: none}a:hover{text-decoration: underline}:focus-visible{outline: 3px solid var(--accent);outline-offset: 3px;border-radius: 6px}h1,h2,h3,p{margin: 0}kbd{font-family: var(--font);font-size: 0.92em;font-weight: 500;padding: 0.05em 0.38em;border-radius: 0.38em;background: var(--tile);box-shadow: 0 0 0 0.5px var(--keycap-outline),0 1px 0 var(--keycap-edge);white-space: nowrap}.visually-hidden{position: absolute !important;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);white-space: nowrap;border: 0}.skip-link{position: absolute;left: 12px;top: -60px;z-index: 100;background: var(--text);color: var(--bg);padding: 10px 16px;border-radius: 10px;font-size: 14px}.skip-link:focus{top: 12px}.wrap{max-width: var(--maxw);margin: 0 auto;padding: 0 var(--gutter)}.wrap-wide{max-width: 1180px;margin: 0 auto;padding: 0 var(--gutter)}.section{padding: clamp(80px,11vw,150px) 0;position: relative}.section-alt{background: var(--bg-alt)}.section-dark{background: #000;color: #f5f5f7;--text: #f5f5f7;--text-2: #a1a1a6;--tile: #161618;--hairline: rgba(255,255,255,0.14);--accent-text: #45d4e8;color-scheme: dark}.eyebrow{font-size: clamp(17px,1.6vw,21px);font-weight: 600;letter-spacing: 0.004em;color: var(--accent-text);margin-bottom: 10px}.headline{text-wrap: balance;font-size: clamp(40px,6.2vw,72px);line-height: 1.06;font-weight: 700;letter-spacing: -0.03em}:lang(ja) .headline,:lang(ko) .headline{letter-spacing: -0.01em;line-height: 1.16}.subhead{text-wrap: pretty;font-size: clamp(19px,1.9vw,24px);line-height: 1.42;font-weight: 500;color: var(--text-2);letter-spacing: -0.01em;max-width: 720px;margin-top: 22px}.subhead strong{color: var(--text);font-weight: 600}.center{text-align: center}.center .subhead{margin-left: auto;margin-right: auto}.grad-text{background: var(--brand-grad);-webkit-background-clip: text;background-clip: text;color: transparent;-webkit-box-decoration-break: clone;box-decoration-break: clone}.btn{display: inline-flex;align-items: center;justify-content: center;gap: 6px;border-radius: 980px;background: linear-gradient(180deg,var(--btn-top),var(--btn-bottom));color: #fff;font-weight: 500;font-size: 17px;padding: 11px 22px;box-shadow: inset 0 1px 0 rgba(255,255,255,0.25),0 6px 16px -6px rgba(12,114,224,0.55);transition: filter 0.15s ease,transform 0.15s ease}.btn:hover{text-decoration: none;filter: brightness(1.06)}.btn:active{transform: scale(0.98)}.btn-sm{font-size: 12px;padding: 4px 12px;line-height: 1.5;box-shadow: inset 0 1px 0 rgba(255,255,255,0.22)}.appstore-badge{display: inline-block;border-radius: 12px;transition: transform 0.2s var(--ease-out),opacity 0.2s}.appstore-badge img{height: 54px;width: auto}.appstore-badge.badge-fallback{padding: 15px 26px;border-radius: 12px;background: #000;color: #fff;font-size: 17px;font-weight: 500;box-shadow: inset 0 0 0 1px #a6a6a6;text-decoration: none}.appstore-badge:hover{transform: translateY(-1px)}.appstore-badge:active{transform: scale(0.98)}.cta-note{font-size: 14px;color: var(--text-3);letter-spacing: -0.01em}.lang-banner{position: relative;background: var(--bg-alt);border-bottom: 1px solid var(--hairline);font-size: 14px;line-height: 1.4;text-align: center;padding: 12px 52px;animation: banner-in 0.4s var(--ease-out)}.lang-banner[hidden]{display: none}.lang-banner p{color: var(--text)}.lang-banner a{white-space: nowrap;margin-left: 4px}.lang-banner a::after{content: " ›"}.lang-banner-close{position: absolute;right: 12px;top: 50%;width: 30px;height: 30px;margin-top: -15px;border: 0;border-radius: 50%;background: transparent;color: var(--text-2);cursor: pointer;display: grid;place-items: center}.lang-banner-close:hover{background: color-mix(in srgb,var(--text) 8%,transparent)}.lang-banner-close svg{width: 14px;height: 14px;fill: none;stroke: currentColor;stroke-width: 2.2;stroke-linecap: round}@keyframes banner-in{from{opacity: 0;transform: translateY(-6px)}}.nav{position: sticky;top: 0;z-index: 60;height: 52px;background: var(--nav-bg);-webkit-backdrop-filter: saturate(180%) blur(20px);backdrop-filter: saturate(180%) blur(20px);border-bottom: 1px solid var(--hairline)}.nav-inner{max-width: var(--maxw);height: 100%;margin: 0 auto;padding: 0 var(--gutter);display: flex;align-items: center;gap: 28px}.brand{display: inline-flex;align-items: center;gap: 9px;color: var(--text);font-size: 21px;font-weight: 600;letter-spacing: -0.01em}.brand:hover{text-decoration: none}.brand img{width: 28px;height: 28px;border-radius: 7px;box-shadow: 0 1px 2px rgba(0,0,0,0.18)}.nav-links{margin: 0 0 0 auto;padding: 0;list-style: none;display: flex;gap: 26px;font-size: 12px;letter-spacing: -0.01em}.nav-links a{color: var(--text);opacity: 0.8}.nav-links a:hover{opacity: 1;text-decoration: none}@media (max-width: 760px){.nav-links{display: none}.nav-inner>.btn{margin-left: auto}}.hero{padding: clamp(48px,7vw,88px) 0 clamp(64px,8vw,110px);text-align: center;overflow: hidden}.hero-icon{width: clamp(104px,13vw,156px);margin: 0 auto 26px}.hero h1{display: flex;flex-direction: column;align-items: center;gap: 10px}.hero-name{font-size: clamp(24px,2.6vw,32px);font-weight: 600;letter-spacing: -0.01em;color: var(--text)}.hero-title{font-size: clamp(46px,8.4vw,96px);line-height: 1.02;font-weight: 700;letter-spacing: -0.035em}:lang(ja) .hero-title,:lang(ko) .hero-title{letter-spacing: -0.02em;line-height: 1.12;font-size: clamp(40px,7vw,84px)}:lang(de) .hero-title,:lang(fr) .hero-title,:lang(es) .hero-title{font-size: clamp(40px,7.4vw,88px)}.hero .subhead{margin: 26px auto 0}.hero-cta{margin-top: 34px;display: flex;flex-direction: column;align-items: center;gap: 14px}.hero-visual{margin-top: clamp(48px,7vw,84px)}.device{max-width: 1080px;margin: 0 auto;padding: 0 var(--gutter)}.device-screen{width: 90%;margin: 0 auto;padding: clamp(5px,1.05%,13px);padding-bottom: clamp(7px,1.6%,20px);background: #0b0b0c;border-radius: clamp(12px,2.2%,26px) clamp(12px,2.2%,26px) 0 0;box-shadow: 0 0 0 1px #3a3a3c,0 0 0 2px #c8c9cc}.device-screen .stage{border-radius: clamp(4px,0.8%,8px) clamp(4px,0.8%,8px) 0 0}.device-base{position: relative;height: clamp(9px,1.6vw,20px);margin: 0 auto;width: 100%;background: linear-gradient(180deg,#e6e7e9 0%,#c9cacd 40%,#9a9b9f 100%);border-radius: 2px 2px 50% 50% / 2px 2px 100% 100%;box-shadow: 0 18px 40px -10px rgba(0,0,0,0.35)}.device-base::before{content: "";position: absolute;left: 50%;top: 0;width: 15%;height: 42%;transform: translateX(-50%);background: linear-gradient(180deg,#a4a5a9,#c4c5c8);border-radius: 0 0 10px 10px}.stage{--cols: 64;--rows: 40;--ox: 0;--oy: 0;position: relative;container-type: inline-size;aspect-ratio: var(--cols) / var(--rows);overflow: hidden;background: #101826;isolation: isolate;user-select: none;-webkit-user-select: none}.stage-inner{position: absolute;left: 0;top: 0;width: 64em;height: 40em;font-size: 16px;transform-origin: 0 0;transform: scale(var(--k,1)) translate(calc(var(--ox) * -1em),calc(var(--oy) * -1em));letter-spacing: 0;line-height: 1.3;color: #1d1d1f}:lang(ja) .stage-inner,:lang(ko) .stage-inner{letter-spacing: 0}html:not(.stage-fit) .stage-inner{font-size: calc(100cqw / var(--cols));transform: translate(calc(var(--ox) * -1em),calc(var(--oy) * -1em))}.stage-inner *{box-sizing: border-box}.wallpaper{position: absolute;inset: 0;background: radial-gradient(60% 70% at 18% 22%,#63d6e6 0%,rgba(99,214,230,0) 60%),radial-gradient(55% 60% at 82% 18%,#5b6ee8 0%,rgba(91,110,232,0) 60%),radial-gradient(70% 70% at 70% 92%,#0b3d91 0%,rgba(11,61,145,0) 70%),radial-gradient(60% 60% at 10% 95%,#1b6fd1 0%,rgba(27,111,209,0) 70%),#2a4c9a}.wallpaper.wp-dusk{background: radial-gradient(60% 60% at 75% 25%,#f5b38a 0%,rgba(245,179,138,0) 60%),radial-gradient(70% 70% at 20% 30%,#8f6ad8 0%,rgba(143,106,216,0) 65%),radial-gradient(80% 70% at 50% 100%,#24316b 0%,rgba(36,49,107,0) 70%),#4a4a8f}.wallpaper.wp-sea{background: radial-gradient(60% 60% at 30% 20%,#8be3d6 0%,rgba(139,227,214,0) 60%),radial-gradient(70% 70% at 85% 40%,#2f87d8 0%,rgba(47,135,216,0) 65%),radial-gradient(90% 80% at 40% 110%,#0c2f5c 0%,rgba(12,47,92,0) 70%),#1f5f9e}.wallpaper.wp-sand{background: radial-gradient(70% 60% at 25% 25%,#f3d7b5 0%,rgba(243,215,181,0) 60%),radial-gradient(60% 70% at 80% 30%,#d98d7a 0%,rgba(217,141,122,0) 60%),radial-gradient(90% 80% at 50% 110%,#6e3f5e 0%,rgba(110,63,94,0) 70%),#b47478}.wallpaper.wp-forest{background: radial-gradient(60% 60% at 20% 25%,#9fe0b8 0%,rgba(159,224,184,0) 60%),radial-gradient(70% 70% at 85% 30%,#3aa38f 0%,rgba(58,163,143,0) 65%),radial-gradient(90% 80% at 50% 110%,#0f3b3a 0%,rgba(15,59,58,0) 70%),#2c7a6f}@media (max-width: 700px){#hero-stage{--cols: 46;--rows: 30;--ox: 9;--oy: 2}#scenes-stage{--cols: 48;--rows: 34;--ox: 8;--oy: 1.8}.device-screen{width: 100%}}.menubar{position: absolute;left: 0;right: 0;top: 0;height: 1.45em;display: flex;align-items: center;padding: 0 0.9em;gap: 1.05em;font-size: 1em;background: rgba(255,255,255,0.22);-webkit-backdrop-filter: blur(1.2em) saturate(1.6);backdrop-filter: blur(1.2em) saturate(1.6);color: #fff;z-index: 3}.menubar span{font-size: 0.6em;font-weight: 500;white-space: nowrap;text-shadow: 0 0 0.6em rgba(0,0,0,0.12)}.menubar .mb-app{font-weight: 700}.menubar .mb-right{margin-left: auto;display: flex;align-items: center;gap: 1.1em}.menubar .mb-glyph{width: 0.78em;height: 0.78em;font-size: 1em}.menubar .mb-cc{width: 0.85em;height: 0.62em;border-radius: 0.2em;border: 0.09em solid #fff;position: relative}.notch{position: absolute;left: 50%;top: 0;width: 8.4em;height: 1.45em;transform: translateX(-50%);background: #000;border-radius: 0 0 0.6em 0.6em;z-index: 40}.win{position: absolute;border-radius: 0.7em;overflow: hidden;background: #fff;box-shadow: 0 0 0 0.04em rgba(0,0,0,0.22),0 1.2em 2.6em rgba(0,0,0,0.32),0 0.3em 0.8em rgba(0,0,0,0.18);z-index: 2}.win-dark{background: #1e1e20;color: #f5f5f7;box-shadow: 0 0 0 0.04em rgba(255,255,255,0.12),0 1.2em 2.6em rgba(0,0,0,0.42),0 0.3em 0.8em rgba(0,0,0,0.22)}.lights{position: absolute;left: 0.75em;top: 0.72em;display: flex;gap: 0.42em;z-index: 2}.lights i{width: 0.62em;height: 0.62em;border-radius: 50%;background: #ff5f57;box-shadow: inset 0 0 0 0.04em rgba(0,0,0,0.12)}.lights i:nth-child(2){background: #febc2e}.lights i:nth-child(3){background: #28c840}.titlebar{height: 2.1em;display: flex;align-items: center;justify-content: center;font-size: 1em;border-bottom: 0.04em solid rgba(0,0,0,0.1);background: #f6f6f6}.titlebar span{font-size: 0.62em;font-weight: 600;color: #4a4a4c}.win-dark .titlebar{background: #2a2a2c;border-color: rgba(255,255,255,0.08)}.win-dark .titlebar span{color: #d8d8dc}.player{left: 8em;top: 5em;width: 48em;height: 27em;background: #000}.film{position: absolute;inset: 0;background: linear-gradient(180deg,#22465a 0%,#4f8091 40%,#d9a27c 62%,#f6cd98 74%)}.film-sun{position: absolute;left: 68%;top: 64%;width: 12em;height: 12em;transform: translate(-50%,-50%);border-radius: 50%;background: radial-gradient(circle,#fff3dc 0%,rgba(255,217,166,0.85) 28%,rgba(246,181,133,0) 70%)}.film svg{position: absolute;inset: 0;width: 100%;height: 100%}.film-vignette{position: absolute;inset: 0;background: radial-gradient(ellipse at center,rgba(0,0,0,0) 45%,rgba(0,0,0,0.32) 100%)}.film-title{position: absolute;top: 0.7em;left: 0;right: 0;text-align: center;font-size: 0.6em;font-weight: 600;color: rgba(255,255,255,0.82);text-shadow: 0 0.1em 0.4em rgba(0,0,0,0.4)}.subtitle{position: absolute;left: 0;right: 0;bottom: 7em;text-align: center}.subtitle .tgt{font-size: 1.32em;font-weight: 600;color: #fff;text-shadow: 0 0.06em 0.16em rgba(0,0,0,0.55)}.controls{position: absolute;left: 50%;bottom: 1.1em;width: 62%;height: 2.5em;transform: translateX(-50%);border-radius: 0.9em;background: rgba(40,40,44,0.55);-webkit-backdrop-filter: blur(0.8em);backdrop-filter: blur(0.8em);display: flex;align-items: center;gap: 0.8em;padding: 0 1em;color: #fff}.controls .ctl-play{width: 0.75em;height: 0.85em;display: flex;gap: 0.2em}.controls .ctl-play i{flex: 1;background: #fff;border-radius: 0.08em}.controls .ctl-time{font-size: 0.55em;font-variant-numeric: tabular-nums;opacity: 0.85}.controls .ctl-bar{flex: 1;height: 0.22em;border-radius: 1em;background: rgba(255,255,255,0.3);position: relative;overflow: hidden}.controls .ctl-bar::after{content: "";position: absolute;left: 0;top: 0;bottom: 0;width: 38%;background: rgba(255,255,255,0.9)}.tgt{position: relative;display: inline-block}.tgt .src{display: inline-block;transition: filter 0.4s var(--ease-out),opacity 0.4s var(--ease-out)}.tgt .ghost{position: absolute;inset: 0;opacity: 0;pointer-events: none;transition: opacity 0.42s var(--ease-out),transform 0.42s var(--ease-spring),filter 0.42s var(--ease-out);filter: drop-shadow(0 0 0 rgba(0,0,0,0))}.tgt.block{display: block}.tgt.block .src,.tgt.block .ghost{display: block}.tgt.block .ptable{display: grid}.is-lifted .scene.on .tgt .src{filter: blur(0.06em);opacity: 0.55}.is-lifted .scene.on .tgt .ghost{opacity: 1;transform: translateY(-0.22em) scale(1.015);filter: drop-shadow(0 0.22em 0.25em rgba(0,0,0,0.3))}.is-result .scene.on .tgt .ghost{opacity: 0;transform: translateY(-0.22em) scale(1.015);transition-duration: 0.3s}.cap{position: absolute;inset: 0;z-index: 30;pointer-events: none}.cap-dim{position: absolute;inset: 0;background: rgba(0,0,0,0.16);opacity: 0;transition: opacity 0.18s ease-out}.is-armed .cap-dim{opacity: 1}.is-selecting .cap-dim,.is-lifted .cap-dim,.is-result .cap-dim{opacity: 0}.sel{position: absolute;left: 0;top: 0;width: 0;height: 0;border-radius: 0.17em;background: rgba(255,255,255,0.06);box-shadow: 0 0 0 0.045em rgba(255,255,255,0.95),0 0 0 0.1em rgba(0,0,0,0.35),0 0 0 200em rgba(0,0,0,0.16);opacity: 0;transition: opacity 0.18s ease-out}.sel.animate{transition: opacity 0.18s ease-out,width 0.9s var(--ease-hand),height 0.9s var(--ease-hand)}.is-selecting .sel,.is-lifted .sel,.is-result .sel{opacity: 1}.is-recognizing .sel{animation: breathe 0.9s ease-in-out infinite alternate}.sel i{position: absolute;width: 0.42em;height: 0.42em;border: 0 solid rgba(255,255,255,0.95);filter: drop-shadow(0 0 0.04em rgba(0,0,0,0.5))}.sel i:nth-child(1){left: -0.19em;top: -0.19em;border-left-width: 0.085em;border-top-width: 0.085em;border-top-left-radius: 0.3em}.sel i:nth-child(2){right: -0.19em;top: -0.19em;border-right-width: 0.085em;border-top-width: 0.085em;border-top-right-radius: 0.3em}.sel i:nth-child(3){left: -0.19em;bottom: -0.19em;border-left-width: 0.085em;border-bottom-width: 0.085em;border-bottom-left-radius: 0.3em}.sel i:nth-child(4){right: -0.19em;bottom: -0.19em;border-right-width: 0.085em;border-bottom-width: 0.085em;border-bottom-right-radius: 0.3em}@keyframes breathe{to{background: rgba(255,255,255,0.02)}}.pointer{position: absolute;left: 0;top: 0;width: 1.3em;height: 1.3em;margin: -0.65em 0 0 -0.65em;opacity: 0;transition: opacity 0.1s ease-out}.pointer.animate{transition: opacity 0.1s ease-out,left 0.9s var(--ease-hand),top 0.9s var(--ease-hand)}.pointer.show{opacity: 1}.dims{position: absolute;left: 0;top: 0;padding: 0.08em 0.32em;border-radius: 1em;background: rgba(0,0,0,0.62);color: rgba(255,255,255,0.95);font-size: 0.46em;font-weight: 500;font-variant-numeric: tabular-nums;white-space: nowrap;opacity: 0;transition: opacity 0.12s}.dims.show{opacity: 1}.hud{position: absolute;left: 50%;bottom: 1.4em;transform: translateX(-50%);display: flex;align-items: center;gap: 0.75em;padding: 0.18em 0.75em 0.18em 0.18em;border-radius: 2em;background: var(--glass);-webkit-backdrop-filter: blur(1em) saturate(1.8);backdrop-filter: blur(1em) saturate(1.8);box-shadow: inset 0 0 0 0.04em var(--glass-edge),0 0.35em 0.9em rgba(0,0,0,0.2);color: var(--glass-text);opacity: 0;transition: opacity 0.18s ease-out;white-space: nowrap}.hud.show{opacity: 1}.hud-modes{display: flex;gap: 0.08em}.hud-modes span{width: 1.1em;height: 1.1em;border-radius: 1em;display: grid;place-items: center;color: var(--glass-text-2)}.hud-modes span.cur{background: rgba(127,127,127,0.16);color: var(--glass-text)}.hud-modes svg{width: 0.56em;height: 0.56em}.hud-hints{display: flex;gap: 0.75em;font-size: 0.46em;font-weight: 500;color: var(--glass-text-2)}.keys{position: absolute;left: 50%;top: 2.2em;display: flex;gap: 0.28em;opacity: 0;transform: translate(-50%,-0.3em);transition: opacity 0.25s var(--ease-out),transform 0.25s var(--ease-out);z-index: 35}.keys.show{opacity: 1;transform: translate(-50%,0)}.keys b{min-width: 1.7em;height: 1.7em;padding: 0 0.4em;border-radius: 0.42em;display: grid;place-items: center;font: 500 0.95em/1 var(--rounded);background: rgba(30,30,32,0.72);-webkit-backdrop-filter: blur(0.8em);backdrop-filter: blur(0.8em);color: #fff;box-shadow: inset 0 0 0 0.04em rgba(255,255,255,0.18),0 0.2em 0.5em rgba(0,0,0,0.3)}.keys.show b{animation: keytap 0.5s var(--ease-out) both}.keys.show b:nth-child(2){animation-delay: 0.08s}.keys.show b:nth-child(3){animation-delay: 0.16s}@keyframes keytap{40%{transform: translateY(0.08em) scale(0.94)}}.result{position: absolute;left: 0;top: 0;opacity: 0;transform: scale(0.97);transition: opacity 0.3s var(--ease-out),transform 0.5s var(--ease-spring);background: var(--glass);-webkit-backdrop-filter: blur(1.2em) saturate(1.8);backdrop-filter: blur(1.2em) saturate(1.8);box-shadow: inset 0 0 0 0.04em var(--glass-edge),0 0.4em 0.9em rgba(0,0,0,0.2);color: var(--glass-text);z-index: 32;visibility: hidden}.result.show{opacity: 1;transform: none;visibility: visible}.result.hide{opacity: 0;transform: none;transition: opacity 0.3s ease-in}.capsule{border-radius: 3em;padding: 0.42em 0.78em 0.42em 0.68em;display: flex;align-items: center;gap: 0.36em;white-space: nowrap}.capsule>*{font-size: 0.64em}.status{display: inline-flex;align-items: center;gap: 0.3em;font-weight: 600}.status svg{width: 0.95em;height: 0.95em;color: var(--accent)}.preview{color: var(--glass-text-2);max-width: 24em;overflow: hidden;text-overflow: ellipsis}.card{border-radius: 1em;padding: 0.95em 1.1em 0.85em;min-width: 12em;box-shadow: inset 0 0 0 0.04em var(--glass-edge),0 0.7em 1.3em rgba(0,0,0,0.24)}.card-head{display: flex;align-items: center;gap: 0.35em;font-size: 0.48em;color: var(--glass-text-2);margin-bottom: 0.9em}.card-head .status{color: var(--glass-text-2);font-weight: 500}.card-body{font-size: 0.66em;line-height: 1.45;white-space: pre}.card-body.code{font-family: var(--mono);font-size: 0.6em}.card-foot{display: flex;align-items: center;justify-content: flex-end;gap: 0.5em;margin-top: 0.8em}.card-foot .icons{display: flex;gap: 0.35em;margin-right: auto}.card-foot .icons i{width: 0.62em;height: 0.62em;border-radius: 50%;background: rgba(127,127,127,0.22)}.card-foot .copy{font-size: 0.48em;font-weight: 500;padding: 0.3em 0.9em;border-radius: 2em;background: rgba(127,127,127,0.16)}.card-table{display: grid;grid-template-columns: auto auto auto auto;column-gap: 1.1em;row-gap: 0.2em;font-size: 0.6em;font-variant-numeric: tabular-nums}.card-table span:nth-child(-n + 4){font-weight: 600}.card-table span:not(:nth-child(4n + 1)){text-align: right}.scene{position: absolute;inset: 0;opacity: 0;visibility: hidden;transition: opacity 0.5s var(--ease-out),visibility 0s linear 0.5s}.scene.on{opacity: 1;visibility: visible;transition: opacity 0.5s var(--ease-out),visibility 0s}.chat{left: 9em;top: 3.6em;width: 46em;height: 31.5em;display: flex}.chat-side{width: 13em;background: #f2f2f4;border-right: 0.04em solid rgba(0,0,0,0.08);padding: 2.6em 0.6em 0.6em}.chat-row{display: flex;align-items: center;gap: 0.55em;padding: 0.55em;border-radius: 0.5em}.chat-row.cur{background: #0a7cff;color: #fff}.chat-row .av{width: 1.9em;height: 1.9em;border-radius: 50%;flex: none;display: grid;place-items: center;color: #fff;font-size: 0.95em;background: linear-gradient(180deg,#a5aab4,#7e838d)}.chat-row .av b{font-size: 0.62em}.chat-row .meta{min-width: 0}.chat-row .meta b{display: block;font-size: 0.58em;font-weight: 600}.chat-row .meta span{display: block;font-size: 0.52em;opacity: 0.6;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.chat-main{flex: 1;display: flex;flex-direction: column;position: relative}.chat-head{height: 2.6em;display: flex;align-items: center;justify-content: center;border-bottom: 0.04em solid rgba(0,0,0,0.08)}.chat-head b{font-size: 0.62em}.chat-body{flex: 1;padding: 1.1em 1.3em;display: flex;flex-direction: column;gap: 0.55em}.bubble{max-width: 70%;padding: 0.5em 0.8em;border-radius: 1em;background: #e9e9eb;font-size: 1em;align-self: flex-start}.bubble span{font-size: 0.62em}.bubble.me{align-self: flex-end;background: #0a7cff;color: #fff}.shot{align-self: flex-start;border-radius: 0.8em;overflow: hidden;background: #1f2430;padding: 0.9em 1.2em 1em 0.8em;box-shadow: 0 0 0 0.04em rgba(0,0,0,0.12)}.shot-code{font-family: var(--mono);font-size: 0.66em;line-height: 1.6;color: #d6deeb;white-space: pre}.shot-code .ln{color: #5c6773;margin-right: 1.2em}.k{color: #c792ea}.f{color: #82aaff}.s{color: #c3e88d}.n{color: #f78c6c}.chat-input{margin: 0 1.2em 1em;height: 1.8em;border-radius: 1em;border: 0.04em solid rgba(0,0,0,0.14)}.dialog{left: 15.5em;top: 9em;width: 33em;padding: 2em 2.1em 1.6em;display: flex;gap: 1.4em;background: #ececee}.dialog-icon{width: 4.2em;height: 4.2em;border-radius: 0.95em;flex: none;background: linear-gradient(160deg,#ffb35c,#f05d7a 55%,#8a4fe0);box-shadow: 0 0.2em 0.5em rgba(0,0,0,0.2);display: grid;place-items: center}.dialog-icon i{width: 1.8em;height: 1.8em;border: 0.32em solid rgba(255,255,255,0.92);border-radius: 50%}.dialog-body{flex: 1}.dialog-body h4{margin: 0 0 0.4em;font-size: 0.82em;font-weight: 700}.dialog-body p{font-size: 0.62em;color: #3c3c43;margin: 0 0 0.9em}.license{padding: 0.55em 0.8em;border-radius: 0.5em;background: #fff;box-shadow: inset 0 0 0 0.04em rgba(0,0,0,0.12);margin-bottom: 2.7em;text-align: center}.license .tgt{font-family: var(--mono);font-size: 1.18em;font-weight: 600;letter-spacing: 0.04em;color: #1d1d1f}.dialog-btns{display: flex;justify-content: flex-end;gap: 0.6em}.dialog-btns span{font-size: 0.6em;padding: 0.35em 1.4em;border-radius: 0.5em;background: #fff;box-shadow: 0 0.05em 0.1em rgba(0,0,0,0.2)}.dialog-btns span.primary{background: linear-gradient(#3b95f7,#0a72e8);color: #fff}.bgwin{position: absolute;border-radius: 0.7em;background: linear-gradient(180deg,rgba(255,255,255,0.5) 0 2.1em,rgba(255,255,255,0.3) 2.1em);box-shadow: 0 0 0 0.04em rgba(255,255,255,0.35),0 1em 2em rgba(0,0,0,0.18);-webkit-backdrop-filter: blur(1em);backdrop-filter: blur(1em);z-index: 1}.viewer{left: 10em;top: 3.6em;width: 44em;height: 31.5em;background: #1e1e20}.photo{position: absolute;left: 0;right: 0;top: 2.1em;bottom: 0;overflow: hidden;background: radial-gradient(40% 30% at 20% 85%,rgba(255,196,120,0.45),rgba(255,196,120,0) 70%),radial-gradient(30% 25% at 85% 80%,rgba(255,120,150,0.35),rgba(255,120,150,0) 70%),linear-gradient(180deg,#0f1a2e 0%,#1d2b44 55%,#2a2730 100%)}.photo::after{content: "";position: absolute;left: 0;right: 0;bottom: 0;height: 26%;background: linear-gradient(180deg,#2b2a30,#19181c)}.sign{position: absolute;left: 50%;top: 22%;transform: translateX(-50%);width: 26em;padding: 1.1em 1.5em 1em;border-radius: 0.5em;background: linear-gradient(180deg,#13804f,#0d6a41);box-shadow: 0 0 0 0.25em #c9ccd1,0 0 0 0.32em #8a8d93,0 1em 3em rgba(80,255,170,0.18);color: #fff;text-align: center}.sign .tgt{font-size: 2.3em;font-weight: 700;letter-spacing: 0.1em;font-family: "Hiragino Sans","Hiragino Kaku Gothic ProN","Noto Sans JP","Yu Gothic",var(--font)}.sign small{display: block;margin-top: 0.4em;font-size: 0.78em;font-weight: 600;letter-spacing: 0.04em;opacity: 0.92}.sign .arrow{position: absolute;right: 1em;top: 50%;transform: translateY(-50%);font-size: 1.6em;font-weight: 700}.pole{position: absolute;left: 50%;top: 38%;width: 0.5em;height: 40%;transform: translateX(-50%);background: linear-gradient(90deg,#6d7076,#a7aab0,#6d7076)}.lamp{position: absolute;width: 0.5em;height: 0.5em;border-radius: 50%;background: #ffd9a0;box-shadow: 0 0 1.2em 0.6em rgba(255,200,120,0.4)}.pdf{left: 9em;top: 3.6em;width: 46em;height: 31.5em;background: #dcdcdf;display: flex}.pdf-side{width: 6.5em;margin-top: 2.1em;padding: 0.8em 0.9em;background: #e8e8eb;border-right: 0.04em solid rgba(0,0,0,0.08);display: flex;flex-direction: column;gap: 0.7em}.pdf-side i{height: 6em;background: #fff;box-shadow: 0 0.08em 0.25em rgba(0,0,0,0.18)}.pdf-side i:first-child{outline: 0.15em solid #0a7cff;outline-offset: 0.12em}.pdf-main{flex: 1;padding: 3.2em 2.4em 0;display: flex;justify-content: center}.page{width: 28em;background: #fbfaf6;background-image: repeating-linear-gradient(0deg,rgba(0,0,0,0.012) 0 0.08em,transparent 0.08em 0.2em);box-shadow: 0 0.15em 0.6em rgba(0,0,0,0.22);padding: 2.2em 2.4em;transform: rotate(-0.45deg);color: #2a2a2c}.page h4{margin: 0 0 0.25em;font-family: Georgia,"Times New Roman",serif;font-size: 1.05em}.page .ph{font-size: 0.55em;color: #6a6a6e;margin-bottom: 1.6em;display: block}.page .lines i{display: block;height: 0.32em;border-radius: 0.2em;background: rgba(0,0,0,0.1);margin-bottom: 0.45em}.ptable{display: grid;grid-template-columns: 1.6fr 1fr 1fr 1fr;font-family: Georgia,"Times New Roman",serif;font-size: 0.68em;font-variant-numeric: tabular-nums;border-top: 0.12em solid #2a2a2c;border-bottom: 0.12em solid #2a2a2c}.ptable span{padding: 0.38em 0.4em;border-bottom: 0.05em solid rgba(0,0,0,0.15)}.ptable span:nth-child(-n + 4){font-weight: 700}.ptable span:not(:nth-child(4n + 1)){text-align: right}.ptable span:nth-last-child(-n + 4){border-bottom: 0}.reveal{transition: opacity 0.9s var(--ease-out),transform 0.9s var(--ease-out)}.js .reveal:not(.in){opacity: 0;transform: translateY(28px)}.tile{background: var(--tile);border-radius: var(--radius-tile);overflow: hidden;position: relative}.section-alt .tile{background: var(--tile)}.steps{margin-top: clamp(48px,6vw,72px);display: grid;grid-template-columns: repeat(3,1fr);gap: 20px;counter-reset: step}.step{padding: 0 0 34px}.step-visual{height: 220px;display: grid;place-items: center;position: relative}.step h3{margin: 8px 30px 8px;font-size: 24px;line-height: 1.17;font-weight: 700;letter-spacing: -0.02em}.step h3::before{counter-increment: step;content: counter(step);display: inline-grid;place-items: center;width: 26px;height: 26px;margin-right: 10px;border-radius: 50%;background: var(--accent);color: #fff;font-size: 14px;font-weight: 700;vertical-align: 3px}:root:not([data-theme="light"]) .step h3::before{color: #fff}.step p{margin: 0 30px;color: var(--text-2);font-size: 17px}@media (max-width: 900px){.steps{grid-template-columns: 1fr;max-width: 520px;margin-left: auto;margin-right: auto}}.keycaps{display: flex;gap: 10px}.keycap{min-width: 64px;height: 64px;padding: 0 16px;border-radius: 16px;display: grid;place-items: center;font: 500 30px/1 var(--font);color: var(--text);background: var(--keycap);box-shadow: 0 0 0 0.5px var(--keycap-outline),0 3px 0 var(--keycap-edge),0 6px 10px rgba(0,0,0,0.1)}.section-alt .keycap{background: var(--keycap)}.step .keycap{background: var(--bg-alt)}.keycaps.small .keycap{min-width: 44px;height: 44px;border-radius: 11px;font-size: 20px;padding: 0 11px}.keycaps.press .keycap{animation: press 4.5s var(--ease-out) infinite}.keycaps.press .keycap:nth-child(2){animation-delay: 0.1s}.keycaps.press .keycap:nth-child(3){animation-delay: 0.2s}@keyframes press{0%,6%{transform: none;box-shadow: 0 0 0 0.5px var(--keycap-outline),0 3px 0 var(--keycap-edge),0 6px 10px rgba(0,0,0,0.1)}9%,20%{transform: translateY(3px);box-shadow: 0 0 0 0.5px var(--keycap-outline),0 0 0 var(--keycap-edge),0 2px 4px rgba(0,0,0,0.1);color: var(--accent)}26%,100%{transform: none;box-shadow: 0 0 0 0.5px var(--keycap-outline),0 3px 0 var(--keycap-edge),0 6px 10px rgba(0,0,0,0.1)}}.mini-line{position: relative;font-size: 19px;font-weight: 600;padding: 6px 10px;color: var(--text);white-space: nowrap}.mini-line .mini-sel{position: absolute;left: 0;top: 0;height: 100%;width: 0;border-radius: 4px;box-shadow: 0 0 0 1px rgba(255,255,255,0.95),0 0 0 2.5px rgba(0,0,0,0.35),0 0 0 600px rgba(0,0,0,0.06);animation: mini-sel 4.5s var(--ease-hand) infinite;pointer-events: none}:root:not([data-theme="light"]) .mini-line .mini-sel{box-shadow: 0 0 0 1px rgba(255,255,255,0.95),0 0 0 2.5px rgba(0,0,0,0.45),0 0 0 600px rgba(0,0,0,0.06)}.mini-line .mini-text{display: inline-block;animation: mini-lift 4.5s var(--ease-spring) infinite}.mini-ptr{position: absolute;top: 100%;left: 0;width: 22px;height: 22px;margin: -11px 0 0 -11px;animation: mini-ptr 4.5s var(--ease-hand) infinite}@keyframes mini-sel{0%,30%{width: 0;opacity: 0}33%{width: 0;opacity: 1}52%,64%{width: 100%;opacity: 1}70%,100%{width: 100%;opacity: 0}}@keyframes mini-ptr{0%,30%{left: 0;opacity: 0}33%{left: 0;opacity: 1}52%{left: 100%;opacity: 1}55%,100%{left: 100%;opacity: 0}}@keyframes mini-lift{0%,54%{transform: none;text-shadow: none}58%,66%{transform: translateY(-4px) scale(1.015);text-shadow: 0 5px 8px rgba(0,0,0,0.25)}72%,100%{transform: none;text-shadow: none}}.paste-wrap{width: 100%;display: flex;flex-direction: column;align-items: center}.paste-field{width: min(300px,82%);white-space: nowrap;border-radius: 14px;background: var(--bg-alt);box-shadow: inset 0 0 0 1px var(--hairline);padding: 14px 16px;font-size: 16px;text-align: left;position: relative}.paste-field .ph{color: var(--text-3);animation: paste-ph 4.5s steps(1) infinite}.paste-field .pasted{position: absolute;left: 16px;top: 14px;font-weight: 600;white-space: nowrap;animation: paste-in 4.5s var(--ease-out) infinite}.paste-field .caret{display: inline-block;width: 2px;height: 1.1em;background: var(--accent);vertical-align: -0.2em;margin-left: 2px;animation: caret 1s steps(1) infinite}.paste-keys{margin-bottom: 18px}.paste-keys .keycap{animation: press-late 4.5s var(--ease-out) infinite}.paste-keys .keycap:nth-child(2){animation-delay: 0.08s}@keyframes press-late{0%,74%{transform: none;color: var(--text)}77%,84%{transform: translateY(3px);color: var(--accent);box-shadow: 0 0 0 0.5px var(--keycap-outline),0 0 0 var(--keycap-edge),0 2px 4px rgba(0,0,0,0.1)}90%,100%{transform: none}}@keyframes paste-ph{0%{visibility: visible}77%{visibility: hidden}98%{visibility: visible}}@keyframes paste-in{0%,76%{opacity: 0;transform: translateY(4px)}80%,96%{opacity: 1;transform: none}100%{opacity: 0}}@keyframes caret{50%{opacity: 0}}.showcase{margin-top: clamp(40px,5vw,64px)}.screen-card{max-width: 1080px;margin: 0 auto;border-radius: clamp(14px,2vw,24px);overflow: hidden;box-shadow: var(--shadow-lg),0 0 0 1px var(--hairline)}.tabs{display: flex;justify-content: center;flex-wrap: wrap;gap: 8px;margin: 0 auto 28px;padding: 0;list-style: none}.tab{position: relative;overflow: hidden;appearance: none;border: 0;cursor: pointer;font: inherit;font-size: 15px;font-weight: 500;padding: 9px 18px;border-radius: 980px;color: var(--text);background: var(--bg-alt);transition: background 0.2s,color 0.2s}.section-alt .tab{background: var(--tile)}.tab[aria-selected="true"]{background: var(--text);color: var(--bg)}.tab .tab-progress{position: absolute;left: 0;bottom: 0;height: 2px;width: 0;background: var(--accent)}.tab[aria-selected="true"] .tab-progress.run{animation: tabprog var(--dur,7s) linear forwards}@keyframes tabprog{to{width: 100%}}.scene-caption{max-width: 640px;margin: 28px auto 0;text-align: center;font-size: 19px;color: var(--text-2);min-height: 3em}.scene-caption strong{color: var(--text)}.pro-tag{display: inline-block;font-size: 12px;font-weight: 600;letter-spacing: 0.02em;padding: 2px 8px;border-radius: 6px;color: var(--accent-text);background: color-mix(in srgb,var(--accent) 12%,transparent);vertical-align: 2px;margin-left: 6px}.privacy-visual{margin: clamp(48px,6vw,80px) auto 0;display: flex;flex-direction: column;align-items: center}.mac{width: min(560px,100%)}.mac-bezel{aspect-ratio: 316 / 196;border-radius: 6% / 9.5%;background: #1c1c1e;box-shadow: inset 0 0 0 1px rgba(255,255,255,0.12),0 30px 60px -20px rgba(0,0,0,0.8);padding: 2.2%;container-type: inline-size}.mac-screen{height: 100%;border-radius: 3.6% / 6%;background: linear-gradient(180deg,rgba(69,212,232,0.12),rgba(69,212,232,0.03)),#0b0d10;box-shadow: inset 0 0 0 1px rgba(255,255,255,0.06);display: flex;align-items: center;justify-content: center;font-size: calc(100cqw / 30);position: relative}.stage-fit .mac-screen{font-size: calc(var(--mac-w,520px) / 30)}.pipe{display: flex;align-items: center;font-size: 1em}.snip{position: relative;width: 7.2em;height: 4.6em;border-radius: 0.8em;background: linear-gradient(180deg,#2d4b57,#1b2f38);display: grid;place-items: center}.snip span{font-size: 1.25em;font-weight: 600;color: rgba(255,255,255,0.9);filter: blur(0.04em)}.snip .chrome{position: absolute;inset: 0.35em;border-radius: 0.25em;box-shadow: 0 0 0 0.06em rgba(255,255,255,0.85),0 0 0 0.14em rgba(0,0,0,0.35)}.snip .traveller{position: absolute;inset: 0;border-radius: 0.8em;background: inherit;display: grid;place-items: center;animation: travel 4.8s ease-in-out infinite;opacity: 0}@keyframes travel{0%,10%{transform: none;opacity: 0}12%{opacity: 1}27%{transform: translateX(8.7em) scale(0.55);opacity: 1}32%,100%{transform: translateX(8.7em) scale(0.55);opacity: 0}}.dots{width: 2.4em;height: 0.14em;background-image: radial-gradient(circle,rgba(255,255,255,0.35) 40%,transparent 45%);background-size: 0.42em 0.14em;background-repeat: repeat-x;background-position: center}.pipe-mark{width: 4.8em;height: 4.8em;position: relative;z-index: 2}.out{font-size: 1.1em;padding: 0.55em 1.05em;border-radius: 2em;background: rgba(60,60,66,0.7);box-shadow: inset 0 0 0 0.05em rgba(255,255,255,0.18),0 0.4em 0.9em rgba(0,0,0,0.4);color: #f5f5f7;white-space: nowrap;animation: out 4.8s var(--ease-spring) infinite;transform-origin: left center}@keyframes out{0%,38%{opacity: 0;transform: translateX(-4.5em) scale(0.7)}48%,80%{opacity: 1;transform: none}92%,100%{opacity: 0;transform: none}}.mac-stand{width: 17%;height: 26px;background: linear-gradient(180deg,#2c2c2e,#1c1c1e);clip-path: polygon(8% 0,92% 0,100% 100%,0 100%)}.mac-foot{width: 34%;height: 7px;border-radius: 7px;background: #2c2c2e}.boundary-note{margin-top: 22px;font-size: 14px;color: var(--text-2)}.facts{margin-top: clamp(56px,7vw,96px);display: grid;grid-template-columns: repeat(3,1fr);gap: 20px}.fact{padding: 34px 30px 36px}.fact svg{width: 40px;height: 40px;color: var(--accent-text);margin-bottom: 22px}.fact h3{font-size: 24px;line-height: 1.17;font-weight: 700;letter-spacing: -0.02em;margin-bottom: 8px}.fact p{color: var(--text-2)}@media (max-width: 900px){.facts{grid-template-columns: 1fr 1fr}}@media (max-width: 600px){.facts{grid-template-columns: 1fr}}.mark{width: 100%;height: auto;overflow: visible}.mark .m-plane{filter: drop-shadow(0 0.6em 1em rgba(0,0,0,0.18))}.mark .m-letter,.mark .m-shadow{transform-box: view-box;transform-origin: 512px 391px}.mark .m-letter{transform: translate(0,87px) scale(0.8837);opacity: 0.55}.mark .m-shadow{transform: translate(0,87px) scale(0.8837);opacity: 0}.mark.lifted .m-letter,.mark.static .m-letter{transform: none;opacity: 1}.mark.lifted .m-shadow,.mark.static .m-shadow{transform: translate(0,48px);opacity: 0.5}.mark.lifted .m-letter{transition: transform 0.9s var(--ease-spring),opacity 0.25s ease-out}.mark.lifted .m-shadow{transition: transform 0.9s var(--ease-spring),opacity 0.6s ease-out}.mark.lifted.floating .m-float{animation: float 8s ease-in-out infinite}.mark .m-float{transform-box: view-box;transform-origin: 512px 512px}@keyframes float{0%,50%,100%{transform: translate(0,0) rotate(0)}25%{transform: translate(3px,-6px) rotate(-0.6deg)}75%{transform: translate(-3px,-6px) rotate(0.6deg)}}.mark.cycle .m-letter{animation: mark-cycle 4.8s var(--ease-spring) infinite}.mark.cycle .m-shadow{animation: mark-cycle-shadow 4.8s var(--ease-spring) infinite}@keyframes mark-cycle{0%,30%{transform: translate(0,87px) scale(0.8837);opacity: 0.55}40%,80%{transform: none;opacity: 1}92%,100%{transform: translate(0,87px) scale(0.8837);opacity: 0.55}}@keyframes mark-cycle-shadow{0%,30%{transform: translate(0,87px) scale(0.8837);opacity: 0}40%,80%{transform: translate(0,48px);opacity: 0.5}92%,100%{transform: translate(0,87px) scale(0.8837);opacity: 0}}.words{margin: clamp(48px,6vw,72px) auto 0;max-width: 900px;display: flex;flex-wrap: wrap;justify-content: center;gap: 18px 34px;--n: 14;--step: 1.1s}.word{position: relative;font-size: clamp(30px,4.4vw,54px);font-weight: 700;letter-spacing: -0.02em;color: var(--text);padding: 0.05em 0.18em;opacity: 0.3;animation: word var(--cycle,15.4s) var(--ease-out) infinite;animation-delay: calc(var(--i) * var(--step))}.word::after{content: "";position: absolute;inset: 0;border-radius: 6px;box-shadow: 0 0 0 1px rgba(255,255,255,0.95),0 0 0 2.5px rgba(0,0,0,0.35);opacity: 0;animation: word-sel var(--cycle,15.4s) linear infinite;animation-delay: calc(var(--i) * var(--step))}:root:not([data-theme="light"]) .word::after{box-shadow: 0 0 0 1px var(--hairline),0 0 0 2px rgba(127,127,127,0.5)}@keyframes word{0%{opacity: 0.3;transform: none;text-shadow: none}2.5%{opacity: 0.3}4%{opacity: 1;transform: translateY(-5px) scale(1.02);text-shadow: 0 8px 14px rgba(0,0,0,0.22)}9%{opacity: 1;transform: translateY(-5px) scale(1.02);text-shadow: 0 8px 14px rgba(0,0,0,0.22)}13%,100%{opacity: 0.3;transform: none;text-shadow: none}}@keyframes word-sel{0%{opacity: 0}1%,6%{opacity: 1}8%,100%{opacity: 0}}.lang-note{margin-top: 40px;font-size: 15px;color: var(--text-3)}.kbd-grid{margin-top: clamp(48px,6vw,72px);display: grid;grid-template-columns: 1.25fr 1fr;gap: 20px}.kbd-hero{padding: 48px 32px;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 26px;min-height: 320px}.kbd-hero .keycaps .keycap{min-width: 84px;height: 84px;font-size: 38px;border-radius: 20px}.kbd-hero p{color: var(--text-2);font-size: 17px;text-align: center;max-width: 320px}.kbd-list{padding: 36px 34px;display: grid;gap: 22px;align-content: center}.kbd-row{display: flex;align-items: center;gap: 18px}.kbd-row .keycaps{flex: none;min-width: 150px}.kbd-row b{display: block;font-size: 17px;font-weight: 600}.kbd-row span{display: block;font-size: 15px;color: var(--text-2)}.a11y{margin-top: 20px;padding: 30px 34px;display: flex;align-items: center;gap: 24px}.a11y svg{width: 44px;height: 44px;flex: none;color: var(--accent-text)}.a11y p{color: var(--text-2)}.a11y strong{color: var(--text)}@media (max-width: 860px){.kbd-grid{grid-template-columns: 1fr}}@media (max-width: 420px){.kbd-hero .keycaps .keycap{min-width: 66px;height: 66px;font-size: 30px}.kbd-row .keycaps{min-width: 108px}.kbd-row .keycaps .keycap{min-width: 34px;height: 34px;font-size: 16px;padding: 0 8px}}.modes{margin-top: clamp(40px,5vw,64px);display: flex;flex-direction: column;align-items: center;gap: 26px}.mode-hud{display: inline-flex;gap: 4px;padding: 5px;border-radius: 999px;background: var(--tile);box-shadow: 0 0 0 1px var(--hairline),0 10px 30px -10px rgba(0,0,0,0.2)}.mode-btn{appearance: none;border: 0;cursor: pointer;font: inherit;display: inline-flex;align-items: center;gap: 8px;padding: 9px 16px;border-radius: 999px;background: transparent;color: var(--text-2);font-size: 15px;font-weight: 500;transition: background 0.2s,color 0.2s}.mode-btn svg{width: 17px;height: 17px}.mode-btn[aria-selected="true"]{background: color-mix(in srgb,var(--text) 9%,transparent);color: var(--text)}@media (max-width: 640px){.mode-btn span{display: none}.mode-btn{padding: 11px 14px}}.mode-stage{width: min(760px,100%);display: grid;grid-template-columns: 1fr 1fr;gap: 20px;align-items: stretch}.mode-panel{padding: 26px 26px 28px;min-height: 260px}.mode-panel h3{font-size: 13px;font-weight: 600;letter-spacing: 0.02em;text-transform: uppercase;color: var(--text-3);margin-bottom: 16px}:lang(ja) .mode-panel h3,:lang(ko) .mode-panel h3{text-transform: none}.mode-src{border-radius: 14px;padding: 16px;font-size: 14px;line-height: 1.5;background: var(--bg-alt);min-height: 170px;position: relative;overflow: hidden}.mode-src img,.mode-src .blurry{filter: blur(0.3px)}.mode-out{border-radius: 18px;padding: 16px 18px;font-size: 14px;line-height: 1.5;background: var(--glass);box-shadow: inset 0 0 0 1px var(--glass-edge),0 10px 26px -8px rgba(0,0,0,0.25);min-height: 170px}.mode-out .card-head{font-size: 12px;margin-bottom: 10px}.mode-out pre{margin: 0;font: inherit;white-space: pre-wrap}.mode-out pre.code{font-family: var(--mono);font-size: 12.5px;white-space: pre;overflow-x: auto}.mode-out .tbl{display: grid;grid-template-columns: auto auto auto;gap: 4px 16px;font-variant-numeric: tabular-nums;font-size: 13.5px}.mode-out .tbl span:nth-child(-n + 3){font-weight: 600}.mode-view{display: none}.mode-view.on{display: contents}.mode-view.on>*{animation: mode-in 0.5s var(--ease-out)}@keyframes mode-in{from{opacity: 0;transform: translateY(6px)}}.mode-desc{max-width: 560px;text-align: center;color: var(--text-2);font-size: 17px;min-height: 3em}@media (max-width: 680px){.mode-stage{grid-template-columns: 1fr}}.bento{margin-top: clamp(48px,6vw,72px);display: grid;grid-template-columns: repeat(4,1fr);gap: 20px}.use{padding: 30px 26px 32px;min-height: 230px;display: flex;flex-direction: column}.use.wide{grid-column: span 2}.use svg{width: 34px;height: 34px;color: var(--accent-text);margin-bottom: auto}.use h3{margin-top: 28px;font-size: 21px;line-height: 1.2;font-weight: 700;letter-spacing: -0.015em}.use p{margin-top: 6px;color: var(--text-2);font-size: 16px}@media (max-width: 980px){.bento{grid-template-columns: 1fr 1fr}}@media (max-width: 560px){.bento{grid-template-columns: 1fr}.use.wide{grid-column: auto}.use{min-height: 0}}.plans{margin-top: clamp(48px,6vw,72px);display: grid;grid-template-columns: 1fr 1fr;gap: 20px}.plan{padding: 30px 30px 34px;display: flex;flex-direction: column}.plan.pro{background: linear-gradient(180deg,color-mix(in srgb,var(--accent) 9%,var(--tile)),var(--tile) 70%);box-shadow: inset 0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent)}.plan-head{display: flex;align-items: baseline;justify-content: space-between;gap: 12px;margin-bottom: 20px}.plan-head h3{font-size: 28px;font-weight: 700;letter-spacing: -0.02em}.plan.pro .plan-head h3{color: var(--accent-text)}.plan-head span{font-size: 15px;font-weight: 600;color: var(--text-2)}.plan>p{margin-top: 22px;color: var(--text-2);font-size: 17px}.plan>p strong{color: var(--text)}.plate-wrap{border-radius: 18px;padding: 16px;background: color-mix(in srgb,var(--text) 4%,transparent)}.plate{position: relative;border-radius: 12px;padding: 18px 22px;background: var(--plate);color: var(--plate-text);box-shadow: 0 0 0 1px var(--hairline),0 8px 16px -8px rgba(0,0,0,0.18);font-size: 16px;line-height: 1.75}.plate .psel{position: absolute;inset: 10px 12px;border-radius: 5px;box-shadow: 0 0 0 1px rgba(255,255,255,0.95),0 0 0 2.5px rgba(0,0,0,0.3),0 0 0 0 rgba(0,0,0,0.1);background: rgba(127,127,127,0.06);pointer-events: none}:root:not([data-theme="light"]) .plate .psel{box-shadow: 0 0 0 1px rgba(255,255,255,0.85),0 0 0 2.5px rgba(0,0,0,0.6)}.plate .l{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.plate .l{animation: line-lift 4.4s var(--ease-spring) infinite}.plan.free .plate .l:not(:first-child){animation-name: line-withheld}@keyframes line-lift{0%,20%{transform: none;text-shadow: none}32%,78%{transform: translateY(-3px) scale(1.012);text-shadow: 0 0 1px rgba(0,0,0,0.12),0 5px 8px rgba(0,0,0,0.26)}90%,100%{transform: none;text-shadow: none}}@keyframes line-withheld{0%,20%{opacity: 1}32%,78%{opacity: 0.28}90%,100%{opacity: 1}}.plan-meta{margin-top: 16px;display: flex;align-items: center;gap: 8px;font-size: 14px;font-weight: 600;color: var(--text-2)}.plan-meta svg{width: 16px;height: 16px;color: var(--accent-text)}.features{margin: clamp(40px,5vw,56px) 0 0;padding: 0;list-style: none;display: grid;grid-template-columns: repeat(3,1fr);gap: 30px 34px}.features li h3{display: flex;align-items: center;gap: 9px;font-size: 17px;font-weight: 600;margin-bottom: 4px}.features li svg{width: 20px;height: 20px;color: var(--accent-text);flex: none}.features li p{color: var(--text-2);font-size: 16px}.terms{margin-top: 44px;display: flex;flex-direction: column;align-items: center;gap: 14px;text-align: center}.terms p{font-size: 15px;color: var(--text-2)}@media (max-width: 820px){.plans{grid-template-columns: 1fr}.features{grid-template-columns: 1fr 1fr}}@media (max-width: 520px){.features{grid-template-columns: 1fr}}.faq{margin: clamp(40px,5vw,64px) auto 0;max-width: 820px}.faq details{border-bottom: 1px solid var(--hairline)}.faq details:first-child{border-top: 1px solid var(--hairline)}.faq summary{list-style: none;cursor: pointer;padding: 24px 44px 24px 0;position: relative;font-size: clamp(19px,2vw,22px);font-weight: 600;letter-spacing: -0.015em;line-height: 1.3}.faq summary::-webkit-details-marker{display: none}.faq summary::after{content: "";position: absolute;right: 6px;top: 50%;width: 14px;height: 14px;margin-top: -7px;background: linear-gradient(currentColor,currentColor) center / 14px 2px no-repeat,linear-gradient(currentColor,currentColor) center / 2px 14px no-repeat;color: var(--text-2);transition: transform 0.3s var(--ease-out)}.faq details[open] summary::after{transform: rotate(45deg)}.faq summary h3{font: inherit;display: inline}.faq .answer{padding: 0 44px 26px 0;color: var(--text-2);font-size: 17px;max-width: 720px}.faq .answer p + p{margin-top: 10px}.final{text-align: center}.final .subhead{margin-left: auto;margin-right: auto}.final .mark-wrap{width: clamp(96px,11vw,132px);margin: 0 auto 30px}.final .hero-cta{margin-top: 36px}.footer{background: var(--bg-alt);color: var(--text-2);font-size: 12px;line-height: 1.5;padding: 34px 0 40px;border-top: 1px solid var(--hairline);letter-spacing: -0.01em}.footer a{color: var(--text);opacity: 0.85}.footer-top{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 18px;padding-bottom: 18px;border-bottom: 1px solid var(--hairline)}.footer-links,.footer-langs{display: flex;flex-wrap: wrap;gap: 8px 20px;margin: 0;padding: 0;list-style: none}.footer-langs a[aria-current="page"]{font-weight: 600;opacity: 1;color: var(--text)}.footer-bottom{padding-top: 18px;display: grid;gap: 8px}.doc{padding: clamp(56px,8vw,96px) 0 clamp(72px,9vw,120px)}.doc .wrap{max-width: 760px}.doc h1{font-size: clamp(38px,5.4vw,56px);line-height: 1.08;font-weight: 700;letter-spacing: -0.03em}.doc .lead{margin-top: 18px;font-size: 21px;color: var(--text-2)}.doc .updated{margin-top: 14px;font-size: 14px;color: var(--text-3)}.doc h2{margin-top: 48px;margin-bottom: 12px;font-size: 28px;line-height: 1.2;font-weight: 700;letter-spacing: -0.02em}.doc h3{margin-top: 28px;margin-bottom: 8px;font-size: 19px;font-weight: 600}.doc p,.doc li{color: var(--text);font-size: 17px}.doc p + p{margin-top: 12px}.doc ul,.doc ol{padding-left: 1.3em;margin: 12px 0}.doc li + li{margin-top: 6px}.doc .summary{margin-top: 36px;padding: 26px 28px;border-radius: 22px;background: var(--bg-alt)}.doc .summary ul{margin: 10px 0 0}.contact-card{margin-top: 36px;padding: 28px;border-radius: 22px;background: var(--bg-alt);display: flex;flex-wrap: wrap;gap: 16px;align-items: center;justify-content: space-between}.contact-card p{color: var(--text-2)}.contact-card strong{display: block;color: var(--text);font-size: 19px}.js .anim:not(.in-view) *,.js .anim:not(.in-view) *::after{animation-play-state: paused !important}@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto}*,*::before,*::after{animation-duration: 0.001s !important;animation-iteration-count: 1 !important;animation-delay: 0s !important;transition-duration: 0.001s !important}.js .reveal:not(.in){opacity: 1;transform: none}.word{opacity: 1}.word::after{opacity: 0}.mini-line .mini-sel{width: 100%;opacity: 1}.out,.paste-field .pasted{opacity: 1;transform: none}.paste-field .ph{visibility: hidden}.plan.free .plate .l:not(:first-child){opacity: 0.28}.mark.cycle .m-letter,.mark .m-letter{transform: none;opacity: 1}.mark.cycle .m-shadow,.mark .m-shadow{transform: translate(0,48px);opacity: 0.5}}