.ui{--sw-glass: rgba(246,246,250,0.66);--sw-edge: rgba(255,255,255,0.72);--sw-ink: #1d1d1f;--sw-ink-2: rgba(60,60,67,0.62);--sw-plate: rgba(255,255,255,0.72);--sw-plate-edge: rgba(0,0,0,0.08);--sw-accent: #4b57d9;--win: #ffffff;--win-tb: #f2f2f5;--win-ink: #1d1d1f;--win-soft: #dedfe6;--win-soft-2: #eceef3;--wall-a: #c7dbf5;--wall-b: #e3def2;--wall-c: #f7e6de;--mbar: rgba(255,255,255,0.5);--mbar-ink: #1d1d1f;--kc: linear-gradient(180deg,#ffffff,#f2f2f6);--kc-ink: #1d1d1f;--kc-edge: rgba(0,0,0,0.16);--kc-shadow: 0 0.14em 0 rgba(0,0,0,0.18),0 0.3em 0.7em rgba(0,0,0,0.12)}.ui.dark,.dark .ui{--sw-glass: rgba(40,40,48,0.62);--sw-edge: rgba(255,255,255,0.16);--sw-ink: #f5f5f7;--sw-ink-2: rgba(235,235,245,0.6);--sw-plate: rgba(255,255,255,0.16);--sw-plate-edge: rgba(255,255,255,0.12);--sw-accent: #8e99ff;--win: #1f1f24;--win-tb: #2a2a31;--win-ink: #ececf2;--win-soft: #3a3a44;--win-soft-2: #2f2f37;--wall-a: #262e42;--wall-b: #302b40;--wall-c: #3a2e38;--mbar: rgba(20,20,26,0.5);--mbar-ink: #f5f5f7;--kc: linear-gradient(180deg,#3a3a42,#2c2c33);--kc-ink: #f5f5f7;--kc-edge: rgba(255,255,255,0.12);--kc-shadow: 0 0.14em 0 rgba(0,0,0,0.6),0 0.3em 0.7em rgba(0,0,0,0.3)}@media (prefers-color-scheme: dark){.ui:not(.light){--sw-glass: rgba(40,40,48,0.62);--sw-edge: rgba(255,255,255,0.16);--sw-ink: #f5f5f7;--sw-ink-2: rgba(235,235,245,0.6);--sw-plate: rgba(255,255,255,0.16);--sw-plate-edge: rgba(255,255,255,0.12);--sw-accent: #8e99ff;--win: #1f1f24;--win-tb: #2a2a31;--win-ink: #ececf2;--win-soft: #3a3a44;--win-soft-2: #2f2f37;--wall-a: #262e42;--wall-b: #302b40;--wall-c: #3a2e38;--mbar: rgba(20,20,26,0.5);--mbar-ink: #f5f5f7;--kc: linear-gradient(180deg,#3a3a42,#2c2c33);--kc-ink: #f5f5f7;--kc-edge: rgba(255,255,255,0.12);--kc-shadow: 0 0.14em 0 rgba(0,0,0,0.6),0 0.3em 0.7em rgba(0,0,0,0.3)}.ui:not(.light) .kc.down{background: linear-gradient(180deg,#3b3f66,#31355a)}}.aicon{display: grid;place-items: center;width: 4.5em;height: 4.5em;border-radius: 22.5%;background: linear-gradient(180deg,var(--a1),var(--a2));box-shadow: inset 0 0.06em 0 rgba(255,255,255,0.45),inset 0 -0.06em 0 rgba(0,0,0,0.08),0 0.12em 0.3em rgba(0,0,0,0.18);flex: none}.aicon svg{width: 62%;height: 62%}.a-notes svg path,.a-calendar svg path,.a-finder svg path{stroke: #fff}.a-notes{background: linear-gradient(180deg,#ffd84a 0 24%,#fffdf3 24%)}.a-notes svg path{stroke: #e0b200}.a-calendar svg,.a-photos svg{width: 78%;height: 78%}.sw{position: relative;display: inline-flex;flex-direction: column;align-items: stretch;padding: 0.75em 0.75em 0.55em;border-radius: 2em;background: var(--sw-glass);-webkit-backdrop-filter: blur(1.8em) saturate(1.7);backdrop-filter: blur(1.8em) saturate(1.7);box-shadow: inset 0 0 0 0.05em var(--sw-edge),inset 0 0.06em 0 rgba(255,255,255,0.45),0 1em 2.25em rgba(10,10,40,0.28);color: var(--sw-ink);font-family: -apple-system,BlinkMacSystemFont,"SF Pro Text","Hiragino Sans","PingFang SC",sans-serif;letter-spacing: 0;transition: opacity 0.14s ease-out,transform 0.3s cubic-bezier(0.3,1,0.4,1),filter 0.3s}.sw-row{display: flex;gap: 0.25em}.sw-card{position: relative;width: 6em;height: 6em;border-radius: 1.25em;display: grid;place-items: center;transition: background 0.24s cubic-bezier(0.3,1,0.4,1),box-shadow 0.24s}.sw-card .aicon{transform: scale(0.86);transition: transform 0.24s cubic-bezier(0.3,1,0.4,1),opacity 0.2s}.sw-card.sel{background: linear-gradient(180deg,rgba(255,255,255,0.28),rgba(255,255,255,0)),var(--sw-plate);box-shadow: inset 0 0 0 0.05em var(--sw-plate-edge),inset 0 0.06em 0 rgba(255,255,255,0.6),0 0.25em 0.6em rgba(0,0,0,0.14)}.sw-card.sel .aicon{transform: translateY(-0.06em);box-shadow: inset 0 0.06em 0 rgba(255,255,255,0.45),0 0.3em 0.7em rgba(0,0,0,0.26)}.sw-card.dim .aicon{opacity: 0.42}.pin{position: absolute;top: 0.32em;right: 0.32em;min-width: 1.45em;height: 1.45em;padding: 0 0.35em;border-radius: 0.73em;display: grid;place-items: center;font: 700 0.82em/1 ui-rounded,"SF Pro Rounded",-apple-system,sans-serif;color: #fff;background: var(--sw-accent);box-shadow: 0 0.12em 0.3em rgba(0,0,0,0.25),inset 0 0.05em 0 rgba(255,255,255,0.4)}.sw-cap{position: relative;height: 2.9em}.sw-cap-in{position: absolute;top: 0.25em;left: calc(var(--i) * 6.25em + 3em);transform: translateX(-50%);display: flex;flex-direction: column;align-items: center;white-space: nowrap;transition: left 0.24s cubic-bezier(0.3,1,0.4,1)}.sw-cap b{font-size: 1.12em;font-weight: 600;line-height: 1.25}.sw-cap small{display: flex;align-items: center;gap: 0.4em;font-size: 0.82em;color: var(--sw-ink-2);line-height: 1.35}.sw-q{padding: 0.05em 0.45em;border-radius: 0.4em;background: var(--sw-accent);color: #fff;font-weight: 600;letter-spacing: 0.02em}.sw.hidden{opacity: 0;transform: scale(0.96) translateY(0.5em);filter: blur(0.35em);pointer-events: none}.sw.large{font-size: 1.18em}.kc{position: relative;display: inline-block;min-width: 3.4em;height: 3.4em;border-radius: 0.6em;background: var(--kc);color: var(--kc-ink);box-shadow: inset 0 0 0 0.05em var(--kc-edge),var(--kc-shadow);font: 500 1em/1 ui-rounded,"SF Pro Rounded",-apple-system,sans-serif;transition: transform 0.1s,box-shadow 0.1s;vertical-align: middle}.kc.wide{min-width: 5.2em}.kc i{position: absolute;right: 0.5em;top: 0.42em;font-style: normal;font-size: 1.05em}.kc span{position: absolute;left: 0.5em;bottom: 0.45em;font-size: 0.72em}.kc:not(.wide) i{right: 0;left: 0;top: 50%;transform: translateY(-50%);text-align: center;font-size: 1.35em}.kc.down{transform: translateY(0.12em);box-shadow: inset 0 0 0 0.05em var(--kc-edge),0 0.02em 0 rgba(0,0,0,0.18),0 0.1em 0.3em rgba(0,0,0,0.1);background: linear-gradient(180deg,#eef0ff,#dfe3ff)}.dark .kc.down,.ui.dark .kc.down{background: linear-gradient(180deg,#3b3f66,#31355a)}.keys-row{display: flex;gap: 0.5em;align-items: center}.kc.ghost{opacity: 0;transform: scale(0.85)}.desk{position: absolute;inset: 0;overflow: hidden;font-family: -apple-system,BlinkMacSystemFont,"SF Pro Text","Hiragino Sans","PingFang SC",sans-serif;letter-spacing: 0;color: var(--win-ink)}.wall{position: absolute;inset: 0;background: radial-gradient(60% 60% at 20% 20%,rgba(255,255,255,0.35),transparent 70%),radial-gradient(50% 60% at 80% 85%,rgba(77,100,222,0.25),transparent 70%),linear-gradient(135deg,var(--wall-a),var(--wall-b) 55%,var(--wall-c))}.mbar{position: absolute;left: 0;right: 0;top: 0;height: 1.5em;display: flex;align-items: center;gap: 1.1em;padding: 0 0.9em;background: var(--mbar);-webkit-backdrop-filter: blur(1em);backdrop-filter: blur(1em);color: var(--mbar-ink);z-index: 3}.mbar span,.mbar b{font-size: 0.62em;white-space: nowrap}.mb-apple{width: 0.65em;height: 0.65em;border-radius: 50%;background: currentColor;opacity: 0.85}.mb-right{margin-left: auto;display: flex;align-items: center;gap: 1.1em;font-size: 1em !important}.mb-right>span{font-size: 0.62em}.mb-option svg{width: 1.5em;height: 1.5em;display: block}.win{position: absolute;left: 7.5em;top: 4.4em;width: 49em;height: 30em;border-radius: 0.9em;background: var(--win);box-shadow: 0 0 0 0.05em rgba(0,0,0,0.14),0 1.6em 3.2em rgba(10,10,50,0.3);overflow: hidden;opacity: 0;transform: scale(0.985) translateY(0.4em);transition: opacity 0.28s ease,transform 0.36s cubic-bezier(0.3,1,0.4,1);z-index: 1}.win.front{opacity: 1;transform: none;z-index: 2}.win.back{opacity: 0.55;transform: translate(-3em,-1.6em) scale(0.92)}.win-tb{height: 2em;display: flex;align-items: center;gap: 0.42em;padding: 0 0.8em;background: var(--win-tb);border-bottom: 0.05em solid rgba(0,0,0,0.06)}.win-tb i{width: 0.65em;height: 0.65em;border-radius: 50%;background: #ff5f57}.win-tb i:nth-child(2){background: #febc2e}.win-tb i:nth-child(3){background: #28c840}.win-tb span{flex: 1;text-align: center;margin-right: 2.5em;font-size: 0.68em;font-weight: 600;opacity: 0.7}.win-bd{position: absolute;inset: 2em 0 0;padding: 1.2em 1.4em}.win-bd i,.win-bd b{display: block;height: 0.6em;border-radius: 0.3em;background: var(--win-soft)}.w-url{margin: -0.6em auto 1em;width: 50%;height: 1.3em;border-radius: 0.45em;background: var(--win-soft-2);font-size: 0.62em;display: grid;place-items: center;opacity: 0.8}.w-hero{height: 13em;border-radius: 0.9em;background: radial-gradient(40% 50% at 70% 35%,#ffe0a8,transparent 70%),linear-gradient(180deg,#8aa8ff 0%,#b49cff 55%,#ff9fb4 100%)}.w-cols{display: grid;grid-template-columns: repeat(3,1fr);gap: 1em;margin-top: 1.1em}.w-cols b{height: 6em !important;border-radius: 0.6em !important}.w-mail .win-bd,.w-notes .win-bd{display: grid;grid-template-columns: 16em 1fr;gap: 1.2em;padding-top: 0.8em}.w-list{display: grid;gap: 0.4em;align-content: start}.w-li{padding: 0.6em 0.7em;border-radius: 0.6em;display: grid;gap: 0.35em}.w-li.on{background: #0a7aff}.w-li.on b,.w-li.on i{background: rgba(255,255,255,0.7)}.w-li b{width: 60%}.w-li .s,.w-read .s{width: 70%}.w-read{display: grid;gap: 0.8em;align-content: start;padding-top: 0.5em}.w-read b{height: 1.1em !important;width: 55%;background: var(--win-ink) !important;opacity: 0.75}.w-side{display: grid;gap: 0.6em;align-content: start}.w-side i{height: 2.6em !important;border-radius: 0.5em !important;background: var(--win-soft-2) !important}.w-side i.on{background: #ffd84a !important}.w-note h6{margin: 0 0 0.6em;font: 700 1.5em/1.2 -apple-system,BlinkMacSystemFont,"Hiragino Sans","PingFang SC",sans-serif}.w-note>i{margin-top: 0.7em}.w-check{margin-top: 1.2em;display: grid;gap: 0.7em}.w-check span{display: flex;gap: 0.7em;align-items: center}.w-check span b{width: 1.1em;height: 1.1em !important;border-radius: 50% !important;background: transparent !important;box-shadow: inset 0 0 0 0.12em #e0b200;flex: none}.w-check span b.on{background: #e0b200 !important}.w-check span i{flex: 1}.w-music .win-bd{display: grid;grid-template-columns: 15em 1fr;gap: 1.4em}.w-art{height: 15em;border-radius: 0.8em;background: radial-gradient(50% 50% at 30% 30%,#ffd1e0,transparent 70%),linear-gradient(135deg,#ff5f6d,#7b5cff);box-shadow: 0 0.6em 1.4em rgba(0,0,0,0.25)}.w-tracks{display: grid;gap: 0.5em;align-content: start}.w-tr{display: flex;gap: 0.8em;align-items: center;padding: 0.5em 0.6em;border-radius: 0.5em}.w-tr.on{background: var(--win-soft-2)}.w-tr b{width: 1.6em;height: 1.6em !important;border-radius: 0.3em !important}.w-tr i{flex: 1}.w-tr em{width: 2em;height: 0.6em;border-radius: 0.3em;background: var(--win-soft)}.w-player{position: absolute;left: 1.4em;right: 1.4em;bottom: 1.2em;height: 2.4em;border-radius: 0.6em;background: var(--win-soft-2);display: flex;align-items: center;gap: 1em;padding: 0 1em}.w-player span{width: 1.4em;height: 1.4em;border-radius: 50%;background: #f2304e}.w-player b{flex: 1;height: 0.35em !important;background: linear-gradient(90deg,#f2304e 38%,var(--win-soft) 38%) !important}.w-cal{display: grid;grid-template-columns: repeat(7,1fr);grid-auto-rows: 4.6em;gap: 0.25em}.w-cal span{border-radius: 0.4em;background: var(--win-soft-2)}.w-cal span.today{box-shadow: inset 0 0 0 0.14em #ff3b30}.w-cal span.ev{background: linear-gradient(180deg,transparent 50%,rgba(77,100,222,0.35) 50% 78%,transparent 78%),var(--win-soft-2)}.w-chat{display: grid;gap: 0.9em;padding: 1em 4em}.w-chat span{height: 2.6em;border-radius: 1.3em;width: 55%;background: var(--win-soft-2)}.w-chat span.r{justify-self: end;background: #0a7aff}.w-chat span.s{width: 35%}.w-grid{display: grid;grid-template-columns: repeat(4,1fr);gap: 0.6em}.w-grid span{aspect-ratio: 1;border-radius: 0.4em;background: linear-gradient(135deg,#ffd27a,#ff7a8c)}.w-grid span:nth-child(3n){background: linear-gradient(135deg,#8aa8ff,#7b5cff)}.w-grid span:nth-child(3n + 1){background: linear-gradient(135deg,#7ee0c3,#3a9ddb)}.desk .sw{position: absolute;left: 50%;top: 46%;transform: translate(-50%,-50%);z-index: 10}.desk .sw.hidden{transform: translate(-50%,-50%) scale(0.96)}.desk .keys-row{position: absolute;left: 50%;bottom: 1.3em;transform: translateX(-50%);z-index: 11}.stage{position: relative;aspect-ratio: 16 / 10;overflow: hidden;container-type: inline-size;background: #c7dbf5;-webkit-user-select: none;user-select: none}.stage-inner{position: absolute;inset: 0;font-size: calc(100cqw / 64)}.two{position: absolute;inset: 0;display: flex;align-items: center;justify-content: center;gap: 2.4em;padding: 0 2.4em 3em;background: radial-gradient(70% 70% at 50% 30%,#3a3f74,#15162b)}.two::before,.two::after{content: "";position: absolute;top: 27.4em;width: 9em;height: 6.2em;margin-left: -4.5em;background: linear-gradient(90deg,#7d8191,#c3c6d1 50%,#7d8191) 50% 0 / 3.4em 5.6em no-repeat,linear-gradient(180deg,#b9bcc8,#8a8d9a) 50% 100% / 9em 0.6em no-repeat;border-radius: 0 0 0.3em 0.3em;opacity: 0.85}.two::before{left: 16.6em}.two::after{left: 47.4em}.half{position: relative;flex: 1;aspect-ratio: 16 / 10;container-type: inline-size;border-radius: 0.8em;overflow: hidden;box-shadow: 0 0 0 0.3em #0b0b0f,0 0 0 0.36em #5a5d6a,0 1.4em 2.6em rgba(0,0,0,0.5);opacity: 0.62}.half.on{opacity: 1}.half>.desk{font-size: calc(100cqw / 64)}.half .sw{font-size: 1.5em;top: 50%}:root{color-scheme: light dark;--bg: #ffffff;--bg-alt: #f5f5f7;--tile: #ffffff;--tile-alt: #f5f5f7;--text: #1d1d1f;--text-2: #6e6e73;--text-3: #86868b;--hairline: rgba(0,0,0,0.1);--accent: #4b57d9;--accent-soft: rgba(77,100,222,0.12);--link: #3f4cd0;--btn: linear-gradient(180deg,#5b6ff0,#3a45c8);--nav-bg: rgba(255,255,255,0.76);--brand: linear-gradient(180deg,#5d72ef 0%,#2b2794 100%);--glow-1: rgba(77,100,222,0.22);--glow-2: rgba(185,190,245,0.55);--shadow-tile: 0 1px 2px rgba(0,0,0,0.04),0 14px 34px -22px rgba(25,30,110,0.35);--shadow-lg: 0 40px 80px -30px rgba(25,25,100,0.45),0 18px 36px -24px rgba(0,0,0,0.3);--radius: 28px;--maxw: 1040px;--gutter: 22px;--font: -apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue","Hiragino Sans","PingFang SC","Hiragino Sans GB","Segoe UI",Roboto,Helvetica,Arial,sans-serif;--rounded: ui-rounded,"SF Pro Rounded",-apple-system,BlinkMacSystemFont,sans-serif;--ease-out: cubic-bezier(0.22,1,0.36,1);--spring: cubic-bezier(0.3,1.3,0.5,1)}@media (prefers-color-scheme: dark){:root{--bg: #000000;--bg-alt: #0c0c10;--tile: #1c1c1e;--tile-alt: #161618;--text: #f5f5f7;--text-2: #a1a1a6;--text-3: #86868b;--hairline: rgba(255,255,255,0.14);--accent: #9aa5ff;--accent-soft: rgba(142,153,255,0.16);--link: #a3adff;--btn: linear-gradient(180deg,#6577f5,#4350d6);--nav-bg: rgba(22,22,23,0.76);--brand: linear-gradient(180deg,#c4c9ff 0%,#7b88ff 100%);--glow-1: rgba(90,105,240,0.32);--glow-2: rgba(70,50,160,0.4);--shadow-tile: 0 0 0 1px rgba(255,255,255,0.06);--shadow-lg: 0 40px 90px -30px rgba(70,80,255,0.35),0 0 0 1px rgba(255,255,255,0.06)}}*,*::before,*::after{box-sizing: border-box}html{-webkit-text-size-adjust: 100%;text-size-adjust: 100%;scroll-behavior: smooth;scroll-padding-top: 64px;background: var(--bg)}body{margin: 0;background: var(--bg);color: var(--text);font-family: var(--font);font-size: 17px;line-height: 1.5;letter-spacing: -0.012em;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;overflow-x: clip}:lang(ja) body,:lang(zh) body,body:lang(ja),body:lang(zh-Hans){letter-spacing: 0}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{display: inline-grid;place-items: center;min-width: 1.75em;height: 1.75em;padding: 0 0.45em;border-radius: 0.42em;font: 600 0.82em/1 var(--rounded);color: var(--text);background: linear-gradient(180deg,#ffffff,#f0f1f5);box-shadow: inset 0 0 0 1px rgba(0,0,0,0.13),0 1px 0 rgba(0,0,0,0.14);vertical-align: 0.08em;white-space: nowrap}@media (prefers-color-scheme: dark){kbd{background: linear-gradient(180deg,#3a3a42,#2c2c33);box-shadow: inset 0 0 0 1px rgba(255,255,255,0.12),0 1px 0 #000}}.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{position: relative;z-index: 1;max-width: var(--maxw);margin: 0 auto;padding: 0 var(--gutter)}.center{text-align: center}.section{position: relative;padding: clamp(80px,10vw,140px) 0;overflow: hidden}.section.tight{padding: clamp(28px,4vw,48px) 0;overflow: visible}.section-alt{background: var(--bg-alt)}.section-dark{background: #000;color: #f5f5f7;--text: #f5f5f7;--text-2: #a1a1a6;--text-3: #86868b;--hairline: rgba(255,255,255,0.14);--accent: #9aa5ff;--link: #a3adff;--tile: #1c1c1e}.section-dark kbd{color: #fff;background: linear-gradient(180deg,#3a3a42,#2a2a31);box-shadow: inset 0 0 0 1px rgba(255,255,255,0.14),0 1px 0 #000}.eyebrow{font-size: clamp(17px,1.6vw,21px);font-weight: 600;color: var(--accent);margin-bottom: 10px}.headline{font-size: clamp(36px,5.6vw,64px);line-height: 1.06;font-weight: 700;letter-spacing: -0.03em;text-wrap: balance}.h2{font-size: clamp(24px,2.6vw,30px);line-height: 1.15;font-weight: 700;letter-spacing: -0.02em;margin-bottom: 18px;text-wrap: balance}.h2.sp{margin-top: 38px}.subhead{font-size: clamp(18px,1.8vw,22px);line-height: 1.45;font-weight: 500;color: var(--text-2);max-width: 720px;margin-top: 18px;text-wrap: pretty}.center .subhead{margin-left: auto;margin-right: auto}.fine{margin-top: 22px;font-size: 15px;color: var(--text-3)}:lang(ja) .headline,:lang(zh) .headline,:lang(ja) .hero-title,:lang(zh) .hero-title,:lang(ja) .h2,:lang(zh) .h2{letter-spacing: 0;line-break: strict;word-break: auto-phrase}.btn{display: inline-flex;align-items: center;justify-content: center;border-radius: 980px;background: var(--btn);color: #fff;font-weight: 600;font-size: 16px;padding: 11px 22px;white-space: nowrap;box-shadow: 0 6px 16px -6px rgba(50,60,200,0.6),inset 0 1px 0 rgba(255,255,255,0.25);transition: filter 0.15s,transform 0.15s}.btn:hover{text-decoration: none;filter: brightness(1.07)}.btn:active{transform: scale(0.98)}.btn-sm{font-size: 12px;padding: 5px 14px}.btn-ghost{background: transparent;color: var(--link);box-shadow: inset 0 0 0 1.5px currentColor}.appstore-badge{display: inline-block;border-radius: 12px;transition: transform 0.2s var(--ease-out)}.appstore-badge img{height: 54px;width: auto}.appstore-badge:hover{transform: translateY(-1px)}.appstore-badge.badge-fallback{padding: 15px 26px;background: #000;color: #fff;font-weight: 600;text-decoration: none}.cta-note{font-size: 14px;color: var(--text-3)}.pro-tag{display: inline-flex;align-items: center;padding: 3px 8px;border-radius: 99px;font: 700 11px/1 var(--rounded);letter-spacing: 0.06em;color: #fff;background: linear-gradient(180deg,#6577f5,#3f3ab8);vertical-align: 0.15em}.link-arrow{font-size: 17px;font-weight: 600}.more-link{margin-top: clamp(32px,4vw,48px)}.tile{border-radius: var(--radius);background: var(--tile);box-shadow: var(--shadow-tile)}.section-alt .tile{background: var(--tile)}.lang-banner{position: relative;background: var(--bg-alt);border-bottom: 1px solid var(--hairline);font-size: 14px;text-align: center;padding: 12px 52px}.lang-banner[hidden]{display: none}.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 svg{width: 14px;height: 14px;fill: none;stroke: currentColor;stroke-width: 2.2;stroke-linecap: round}.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: 24px}.brand{display: inline-flex;align-items: center;gap: 9px;color: var(--text);font-size: 19px;font-weight: 700;letter-spacing: -0.01em;white-space: nowrap}.brand:hover{text-decoration: none}.nav-links{margin: 0 0 0 auto;padding: 0;list-style: none;display: flex;gap: 22px;font-size: 12.5px}.nav-links a{color: var(--text-2);white-space: nowrap}.nav-links a:hover{color: var(--text);text-decoration: none}@media (max-width: 900px){.nav-links{display: none}.nav-inner>.btn{margin-left: auto}}.hero{position: relative;overflow: hidden;padding: clamp(44px,6vw,84px) 0 clamp(64px,8vw,110px);text-align: center;background: radial-gradient(46% 38% at 50% 8%,var(--glow-1),transparent 72%),radial-gradient(40% 40% at 50% 70%,var(--glow-2),transparent 75%),var(--bg)}.hero h1{display: flex;flex-direction: column;align-items: center;gap: 10px;margin-top: 22px}.hero-name{font-size: clamp(22px,2.4vw,30px);font-weight: 700}.hero-title{font-size: clamp(44px,8vw,96px);line-height: 1.04;font-weight: 700;letter-spacing: -0.035em;text-wrap: balance;max-width: 11em;background: var(--brand);-webkit-background-clip: text;background-clip: text;color: transparent;padding-bottom: 0.08em}.hero .subhead{margin: 20px auto 0}.hero-cta{margin-top: 30px;display: flex;flex-direction: column;align-items: center;gap: 12px}.hero-cta.left{align-items: flex-start}.hero-visual{position: relative;z-index: 1;margin-top: clamp(48px,6vw,80px)}.icon-stage{width: clamp(120px,14vw,172px);aspect-ratio: 1;margin: 0 auto;cursor: pointer;filter: drop-shadow(0 22px 34px rgba(34,30,118,0.35))}.icon-stage svg{width: 100%;height: 100%;overflow: visible}.js .icon-stage.play svg{animation: ic-plate 0.7s var(--ease-out) both}.js .icon-stage.play .ic-route{animation: ic-route 1s cubic-bezier(0.65,0,0.35,1) 0.35s both}.js .icon-stage.play .ic-straight{transform-box: fill-box;animation: ic-straight 0.8s var(--spring) 1.1s both}.js .icon-stage.done{animation: float 6s ease-in-out infinite}@keyframes ic-plate{from{opacity: 0;transform: scale(0.84)}}@keyframes ic-route{from{clip-path: inset(0 100% 0 0)}to{clip-path: inset(0 0 0 0)}}@keyframes ic-straight{from{opacity: 0;transform: translateX(60%)}}@keyframes float{50%{transform: translateY(-5px)}}.device{max-width: 1100px;margin: 0 auto;padding: 0 var(--gutter)}.device-screen{position: relative;width: 90%;margin: 0 auto;padding: clamp(5px,1.05%,13px);padding-bottom: clamp(7px,1.6%,20px);background: #0b0b0f;border-radius: clamp(12px,2.2%,26px) clamp(12px,2.2%,26px) 0 0;box-shadow: 0 0 0 1px #2c2c33,0 0 0 2px #b9bcc6,var(--shadow-lg)}.device-base{position: relative;height: clamp(9px,1.6vw,20px);background: linear-gradient(180deg,#dcdee5 0%,#b3b6c1 45%,#8a8d99 100%);border-radius: 2px 2px 50% 50% / 2px 2px 100% 100%}.device-base::before{content: "";position: absolute;left: 50%;top: 0;width: 15%;height: 42%;transform: translateX(-50%);background: linear-gradient(180deg,#9b9eaa,#c6c8d0);border-radius: 0 0 10px 10px}@media (max-width: 700px){.device-screen{width: 100%}}.device .stage{border-radius: clamp(4px,0.8%,8px) clamp(4px,0.8%,8px) 0 0}@media (max-width: 600px){#hero-stage .sw,#hero-stage .keys-row{font-size: 1.4em}}.stage-caption{max-width: 760px;margin: 26px auto 0;padding: 0 var(--gutter);min-height: 3em;font-size: 17px;color: var(--text-2)}.stage-caption b{color: var(--text)}#hero-stage .k-extra{display: contents}#hero-stage .kc{transition: transform 0.08s,box-shadow 0.08s,background 0.08s,opacity 0.25s}.steps{list-style: none;margin: clamp(40px,5vw,64px) 0 0;padding: 0;display: grid;grid-template-columns: repeat(3,1fr);gap: 18px}.step{padding: 30px 28px 32px}.step-keys{display: flex;gap: 8px;height: 64px;align-items: center;font-size: 15px;margin-bottom: 22px}.step h3{font-size: 22px;letter-spacing: -0.015em;margin-bottom: 6px}.step p{color: var(--text-2)}@media (max-width: 820px){.steps{grid-template-columns: 1fr}}.pro-row{margin-top: clamp(40px,5vw,64px);display: grid;gap: 22px}.pfeat{display: grid;grid-template-columns: 1.45fr 1fr;align-items: center;overflow: hidden;background: var(--tile-alt);box-shadow: none}.pfeat:nth-child(even){grid-template-columns: 1fr 1.45fr}.pfeat:nth-child(even) .pfeat-vis{order: 2}.pfeat-vis{padding: clamp(14px,2.4vw,26px)}.pfeat-vis .stage{border-radius: 14px;box-shadow: 0 20px 40px -24px rgba(20,20,90,0.5),0 0 0 1px var(--hairline)}.pfeat-body{padding: clamp(10px,3vw,40px);padding-left: 0}.pfeat:nth-child(even) .pfeat-body{padding-left: clamp(22px,3.2vw,40px);padding-right: 0}.pfeat h3{margin: 12px 0 8px;font-size: clamp(24px,2.6vw,32px);line-height: 1.12;letter-spacing: -0.022em}.pfeat p{color: var(--text-2);margin-bottom: 14px}@media (max-width: 820px){.pfeat,.pfeat:nth-child(even){grid-template-columns: 1fr}.pfeat:nth-child(even) .pfeat-vis{order: 0}.pfeat-body,.pfeat:nth-child(even) .pfeat-body{padding: 0 24px 28px}}.bento{margin-top: 22px;display: grid;grid-template-columns: repeat(3,1fr);gap: 18px}.feat{padding: 28px 26px 30px;background: var(--tile-alt);box-shadow: none}.feat-ic{display: grid;place-items: center;width: 44px;height: 44px;border-radius: 12px;margin-bottom: 16px;font: 600 20px/1 var(--rounded);color: #fff;background: linear-gradient(180deg,#5d72ef,#2b2794);box-shadow: inset 0 1px 0 rgba(255,255,255,0.3),0 6px 14px -6px rgba(43,39,148,0.6)}.feat h3{font-size: 19px;margin-bottom: 6px;letter-spacing: -0.012em}.feat p{color: var(--text-2);font-size: 15.5px}@media (max-width: 900px){.bento{grid-template-columns: 1fr 1fr}}@media (max-width: 560px){.bento{grid-template-columns: 1fr}}#materials{background: radial-gradient(60% 50% at 50% 100%,rgba(77,100,222,0.35),transparent 70%),#000}.modes{margin-top: clamp(40px,5vw,64px);display: grid;grid-template-columns: 1fr 1fr;gap: 22px}.mode{margin: 0}.mode .stage{border-radius: 18px;box-shadow: 0 30px 60px -30px rgba(0,0,0,0.8),0 0 0 1px rgba(255,255,255,0.1)}.mode figcaption{margin-top: 14px;text-align: center;font-size: 15px;color: var(--text-2)}@media (max-width: 760px){.modes{grid-template-columns: 1fr}}.chips{list-style: none;margin: clamp(32px,4vw,48px) auto 0;padding: 0;max-width: 860px;display: flex;flex-wrap: wrap;justify-content: center;gap: 10px}.chips li{display: inline-flex;align-items: center;gap: 8px;padding: 10px 16px;border-radius: 99px;background: var(--bg-alt);font-size: 15.5px;font-weight: 500}.chips .ck{margin: 0}.kb-table{margin: clamp(36px,5vw,56px) auto 0;max-width: 880px;display: grid;grid-template-columns: 1fr 1fr;gap: 4px 36px}.kb-table>div{display: flex;align-items: center;gap: 14px;padding: 11px 0;border-bottom: 1px solid var(--hairline)}.kb-table dt{min-width: 112px;display: flex;justify-content: flex-end}.kb-table dd{margin: 0;color: var(--text-2);font-size: 15.5px}.keys{display: inline-flex;gap: 4px;flex-wrap: wrap;justify-content: flex-end}.guide-page .kb-table{margin: 0;grid-template-columns: 1fr}@media (max-width: 700px){.kb-table{grid-template-columns: 1fr}.kb-table dt{min-width: 92px}}.facts{margin-top: clamp(40px,5vw,64px);display: grid;grid-template-columns: repeat(4,1fr);gap: 18px}.fact{padding: 26px 24px}.fact h3{font-size: 19px;margin-bottom: 6px}.fact p{color: var(--text-2);font-size: 15.5px}@media (max-width: 960px){.facts{grid-template-columns: 1fr 1fr}}@media (max-width: 560px){.facts{grid-template-columns: 1fr}}.plans{margin-top: clamp(40px,5vw,64px);display: grid;grid-template-columns: 1fr 1fr;gap: 18px}.plan{padding: 32px 30px 34px;background: var(--tile-alt);box-shadow: none}.plan-pro{background: linear-gradient(180deg,rgba(93,114,239,0.12),rgba(93,114,239,0.02)),var(--tile-alt);box-shadow: inset 0 0 0 2px rgba(91,111,240,0.55)}.plan h3{font-size: 26px}.plan .price{margin-top: 6px;font-size: 19px;font-weight: 700;color: var(--accent)}.plan ul,.ticks{list-style: none;margin: 18px 0 0;padding: 0;display: grid;gap: 10px}.plan li,.ticks li{display: flex;gap: 10px;align-items: flex-start;color: var(--text-2)}.ck{flex: none;width: 18px;height: 18px;margin-top: 3px;color: var(--accent)}.terms{margin-top: 40px;display: flex;flex-direction: column;align-items: center;gap: 16px;text-align: center}.terms>p:first-child{max-width: 640px;font-size: 18px;font-weight: 500}@media (max-width: 760px){.plans{grid-template-columns: 1fr}}.ggrid{margin-top: clamp(36px,5vw,56px);display: grid;grid-template-columns: repeat(3,1fr);gap: 18px}.gcard{display: flex;flex-direction: column;gap: 10px;padding: 26px 24px 24px;border-radius: var(--radius);background: var(--tile);box-shadow: var(--shadow-tile);color: var(--text);transition: transform 0.3s var(--ease-out),box-shadow 0.3s}.gcard:hover{text-decoration: none;transform: translateY(-3px);box-shadow: 0 1px 2px rgba(0,0,0,0.04),0 22px 44px -22px rgba(25,30,110,0.45)}.gkeys .keys{justify-content: flex-start}.gcard h2,.gcard h3{font-size: 20px;line-height: 1.22;letter-spacing: -0.015em;text-wrap: balance}.gdesc{color: var(--text-2);font-size: 15.5px;flex: 1}.gmore{color: var(--link);font-weight: 600;font-size: 15px}@media (max-width: 900px){.ggrid{grid-template-columns: 1fr 1fr}}@media (max-width: 560px){.ggrid{grid-template-columns: 1fr}}.faq{margin: clamp(32px,4vw,52px) auto 0;max-width: 860px}.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: 22px 44px 22px 0;position: relative}.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(--accent);transition: transform 0.3s var(--ease-out)}.faq details[open] summary::after{transform: rotate(45deg)}.faq summary h3{display: inline;font-size: clamp(18px,1.9vw,21px);font-weight: 600}.faq .answer{padding: 0 44px 24px 0;color: var(--text-2)}.faq .answer p + p{margin-top: 10px}.final{text-align: center;background: radial-gradient(40% 55% at 50% 30%,var(--glow-1),transparent 70%),var(--bg)}.final-icon{width: 128px;height: 128px;margin: 0 auto 26px;filter: drop-shadow(0 18px 30px rgba(34,30,118,0.35))}.final .subhead{margin-left: auto;margin-right: auto}.page-hero{position: relative;overflow: hidden;padding: clamp(28px,4vw,56px) 0 clamp(20px,3vw,36px);background: radial-gradient(40% 70% at 10% 0%,var(--glow-1),transparent 70%),var(--bg)}.page-hero .headline{max-width: 17em}.page-hero.center .headline{margin: 0 auto}.page-hero .subhead{max-width: 760px}.page-hero .eyebrow{display: flex;align-items: center;gap: 10px}.page-hero.center .eyebrow{justify-content: center}.crumbs ol{list-style: none;margin: 0 0 22px;padding: 0;display: flex;flex-wrap: wrap;gap: 6px;font-size: 13.5px;color: var(--text-3)}.center .crumbs ol{justify-content: center}.crumbs li + li::before{content: "›";margin-right: 6px}.crumbs a{color: var(--text-2)}.guide-figure{margin: 0}.guide-scene .stage{border-radius: var(--radius);box-shadow: var(--shadow-lg)}.guide-figure figcaption{margin-top: 16px;text-align: center;font-size: 15px;color: var(--text-3)}.two-col{display: grid;grid-template-columns: 1fr 1fr;gap: clamp(28px,4vw,56px);align-items: start}@media (max-width: 820px){.two-col{grid-template-columns: 1fr}}.howto{margin: 0;padding: 0;list-style: none;counter-reset: s;display: grid;gap: 20px}.howto li{counter-increment: s;position: relative;padding-left: 46px}.howto li::before{content: counter(s);position: absolute;left: 0;top: 0;width: 30px;height: 30px;border-radius: 50%;display: grid;place-items: center;background: var(--btn);color: #fff;font: 700 15px/1 var(--rounded)}.howto h3{font-size: 18px;margin-bottom: 4px}.howto p{color: var(--text-2)}.plan-note{padding: 28px 28px 30px;background: linear-gradient(180deg,rgba(93,114,239,0.1),rgba(93,114,239,0.02)),var(--tile-alt);box-shadow: none}.plan-note .h2{margin-bottom: 8px}.plan-note p{color: var(--text-2)}.doc{padding: clamp(48px,7vw,90px) 0 clamp(64px,8vw,110px)}.doc .wrap{max-width: 760px}.doc h1{font-size: clamp(36px,5vw,52px);line-height: 1.08;letter-spacing: -0.03em}.doc .lead{margin-top: 16px;font-size: 21px;color: var(--text-2)}.doc .updated{margin-top: 12px;font-size: 14px;color: var(--text-3)}.doc h2{margin: 44px 0 10px;font-size: 26px}.doc h3{margin: 26px 0 6px;font-size: 19px}.doc p,.doc li{color: var(--text-2)}.doc p + p{margin-top: 12px}.doc ul,.doc ol{padding-left: 1.3em}.doc li + li{margin-top: 6px}.summary,.contact-card{margin-top: 32px;padding: 24px 26px;border-radius: var(--radius);background: var(--bg-alt)}.summary ul{margin: 10px 0 0}.contact-card{display: flex;flex-wrap: wrap;gap: 16px;align-items: center;justify-content: space-between}.contact-card strong{font-size: 19px}.footer{background: var(--bg-alt);color: var(--text-3);font-size: 13px;padding: 44px 0 40px;border-top: 1px solid var(--hairline)}.footer-cols{display: grid;grid-template-columns: 1.2fr 1.3fr 1fr 1fr;gap: 28px;padding-bottom: 26px;border-bottom: 1px solid var(--hairline)}.footer-brand p{margin-top: 10px}.footer-h{font-size: 13px;font-weight: 600;color: var(--text);margin: 0 0 10px}.footer-list{list-style: none;margin: 0;padding: 0;display: grid;gap: 6px}.footer-list a{color: var(--text-2)}.footer-list a[aria-current="page"]{font-weight: 700;color: var(--text)}.footer-bottom{padding-top: 18px;display: grid;gap: 6px}@media (max-width: 760px){.footer-cols{grid-template-columns: 1fr 1fr}}.reveal{transition: opacity 0.8s var(--ease-out),transform 0.8s var(--ease-out)}.js .reveal:not(.in){opacity: 0;transform: translateY(24px)}@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto}*,*::before,*::after{animation-duration: 0.001s !important;animation-delay: 0s !important;animation-iteration-count: 1 !important;transition-duration: 0.15s !important}.js .reveal:not(.in){opacity: 1;transform: none}}