:root{color-scheme: dark;--ink: #0d0b24;--ink-2: #120f30;--raised: #1a1640;--indigo: #0e2271;--violet: #4a1c9a;--iris: #6c5cff;--peri: #a9b6f5;--peri-2: #8c9ef0;--glowc: #a9c1ff;--amber: #ffb547;--pink: #ff4f7e;--text: #ffffff;--text-2: rgba(255,255,255,0.7);--text-3: rgba(255,255,255,0.48);--hair: rgba(255,255,255,0.1);--hair-top: rgba(255,255,255,0.18);--link: #b9c4ff;--warm: linear-gradient(120deg,#ffb547,#ff4f7e);--btn: linear-gradient(135deg,#7d6cff,#5130c4);--glass: rgba(236,238,255,0.16);--maxw: 1040px;--gutter: 22px;--radius-tile: 28px;--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,monospace;--ease-out: cubic-bezier(0.22,1,0.36,1);--smooth: cubic-bezier(0.25,0.9,0.3,1);--snappy: cubic-bezier(0.3,0.9,0.35,1);--ease-hand: cubic-bezier(0.45,0,0.25,1)}*,*::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(--ink)}body{margin: 0;background: var(--ink);color: var(--text);font-family: var(--font);font-size: 17px;line-height: 1.47;letter-spacing: -0.016em;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;overflow-x: clip}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(--amber);outline-offset: 3px;border-radius: 6px}h1,h2,h3,p{margin: 0}kbd{font-family: var(--font);font-size: 0.86em;font-weight: 600;padding: 0.1em 0.42em;border-radius: 0.36em;background: rgba(255,255,255,0.1);border: 1px solid rgba(255,255,255,0.2);color: #fff;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: #fff;color: var(--ink);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{position: relative;padding: clamp(84px,11vw,150px) 0}.section-2{background: radial-gradient(900px 520px at 85% 30%,rgba(108,92,255,0.12),transparent 70%),var(--ink-2)}.section-glow{background: radial-gradient(1000px 560px at 50% 32%,rgba(108,92,255,0.2),transparent 70%),radial-gradient(700px 480px at 0% 110%,rgba(255,79,126,0.08),transparent 60%),var(--ink)}.eyebrow{font-size: 15px;font-weight: 600;letter-spacing: 0.01em;color: var(--peri);margin-bottom: 12px}.headline{font-size: clamp(40px,6vw,70px);line-height: 1.05;font-weight: 700;letter-spacing: -0.03em;text-wrap: balance}.subhead{font-size: clamp(19px,1.9vw,23px);line-height: 1.42;font-weight: 500;color: var(--text-2);letter-spacing: -0.01em;max-width: 700px;margin-top: 22px;text-wrap: pretty}.subhead strong{color: var(--text);font-weight: 600}.center{text-align: center}.center .subhead{margin-left: auto;margin-right: auto}.warm-text{background: var(--warm);-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: var(--btn);color: #fff;font-weight: 600;font-size: 16px;padding: 11px 22px;border: 1px solid rgba(255,255,255,0.22);box-shadow: 0 8px 20px -8px rgba(108,92,255,0.8),inset 0 1px 0 rgba(255,255,255,0.25);transition: filter 0.15s ease,transform 0.15s ease}.btn:hover{text-decoration: none;filter: brightness(1.08)}.btn:active{transform: scale(0.98)}.btn-sm{font-size: 12px;padding: 4px 13px;line-height: 1.5}.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;border-radius: 12px;background: #fff;color: #000;font-size: 17px;font-weight: 600;text-decoration: none}.cta-note{font-size: 14px;color: var(--text-3)}.lang-banner{position: relative;background: var(--raised);border-bottom: 1px solid var(--hair);font-size: 14px;line-height: 1.4;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: rgba(13,11,36,0.72);-webkit-backdrop-filter: saturate(180%) blur(20px);backdrop-filter: saturate(180%) blur(20px);border-bottom: 1px solid var(--hair)}.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: 20px;font-weight: 700;letter-spacing: -0.01em}.brand:hover{text-decoration: none}.brand img{width: 28px;height: 28px}.nav-links{margin: 0 0 0 auto;padding: 0;list-style: none;display: flex;gap: 24px;font-size: 12px}.nav-links a{color: var(--text-2)}.nav-links a:hover{color: #fff;text-decoration: none}@media (max-width: 820px){.nav-links{display: none}.nav-inner>.btn{margin-left: auto}}.hero{padding: clamp(52px,7vw,96px) 0 clamp(70px,9vw,120px);text-align: center;overflow: hidden;background: radial-gradient(1100px 680px at 50% -12%,rgba(108,92,255,0.32),transparent 62%),radial-gradient(800px 560px at 100% 100%,rgba(255,79,126,0.1),transparent 60%),var(--ink)}.hero-mark{position: relative;width: clamp(120px,14vw,168px);aspect-ratio: 1;margin: 0 auto 30px}.hero-mark img{position: relative;width: 100%;height: 100%;filter: drop-shadow(0 20px 34px rgba(74,28,154,0.7));animation: float 6s ease-in-out infinite}.hero-mark .halo{position: absolute;inset: -45%;border-radius: 50%;background: radial-gradient(circle,rgba(169,193,255,0.35),rgba(108,92,255,0.12) 45%,transparent 66%);filter: blur(12px)}@keyframes float{50%{transform: translateY(-5px)}}.hero h1{display: flex;flex-direction: column;align-items: center;gap: 12px}.hero-name{font-size: clamp(24px,2.6vw,32px);font-weight: 700}.hero-title{font-size: clamp(48px,8.6vw,100px);line-height: 1.02;font-weight: 700;letter-spacing: -0.035em;text-wrap: balance}.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(52px,7vw,88px)}.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: #050508;border-radius: clamp(12px,2.2%,26px) clamp(12px,2.2%,26px) 0 0;box-shadow: 0 0 0 1px #2c2a3a,0 0 0 2px #6e6c80,0 40px 90px -30px rgba(108,92,255,0.55)}.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);width: 100%;background: linear-gradient(180deg,#8d8c99 0%,#5e5d6c 45%,#33323e 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,#4b4a56,#6d6c7a);border-radius: 0 0 10px 10px}@media (max-width: 700px){.device-screen{width: 100%}}.stage{--cols: 64;--rows: 40;--ox: 0;--oy: 0;position: relative;aspect-ratio: var(--cols) / var(--rows);overflow: hidden;background: #1a1745;isolation: isolate;user-select: none;-webkit-user-select: none}.stage-inner{position: absolute;left: 0;top: 0;width: 64em;height: 40em;font-size: 16px;line-height: 1.3;letter-spacing: 0;transform-origin: 0 0;transform: scale(var(--k,1)) translate(calc(var(--ox) * -1em),calc(var(--oy) * -1em));color: #fff}.stage-inner *{box-sizing: border-box}@media (max-width: 700px){#hero-stage{--cols: 48;--rows: 36;--ox: 8;--oy: 4}}.desk{position: absolute;inset: 0;background: radial-gradient(60% 55% at 20% 15%,rgba(169,193,255,0.55),transparent 60%),radial-gradient(55% 60% at 85% 25%,rgba(255,79,126,0.35),transparent 60%),radial-gradient(70% 60% at 60% 100%,rgba(108,92,255,0.6),transparent 70%),linear-gradient(160deg,#23307f,#3a1f86 55%,#1c1650)}.mbar{position: absolute;left: 0;right: 0;top: 0;height: 1.45em;display: flex;align-items: center;gap: 1.1em;padding: 0 0.9em;background: rgba(20,16,50,0.32);-webkit-backdrop-filter: blur(1em);backdrop-filter: blur(1em);z-index: 5}.mbar span{font-size: 0.6em;font-weight: 500;white-space: nowrap}.mbar .app{font-weight: 700}.mbar .right{margin-left: auto;display: flex;align-items: center;gap: 1em}.mbar .glyph{width: 0.9em;height: 0.9em}.mini{position: absolute;inset: 0;border-radius: 0.9em;overflow: hidden;background: #fbfbfe;color: #232540;font-size: var(--mf,1em)}.mini .tb{height: 1.9em;display: flex;align-items: center;gap: 0.42em;padding: 0 0.8em;background: #eef0f8;border-bottom: 0.05em solid rgba(0,0,0,0.06)}.mini .tb i{width: 0.62em;height: 0.62em;border-radius: 50%;background: #ff5f57;flex: none}.mini .tb i:nth-child(2){background: #febc2e}.mini .tb i:nth-child(3){background: #28c840}.mini .tb .u{flex: 1;margin: 0 6em 0 3em;height: 1.15em;border-radius: 0.4em;background: #fff;font-size: 0.62em;display: grid;place-items: center;color: #6a6e8c}.mini .tb .t{flex: 1;text-align: center;margin-right: 2em;font-size: 0.7em;font-weight: 600;color: #4a4d68}.mini .bd{position: absolute;inset: 1.9em 0 0;padding: 1.6em 2em}.mini h6{margin: 0 0 0.5em;font: 700 1.6em/1.15 var(--font);letter-spacing: -0.02em}.mini .ln{display: block;height: 0.55em;border-radius: 0.3em;background: #d9ddf0;margin-top: 0.7em}.mini .pic{display: block;border-radius: 0.8em}.v1 .pic{position: absolute;right: 2em;top: 1.6em;width: 21em;height: 15em;background: radial-gradient(40% 30% at 70% 30%,#ffe2a8,transparent 70%),linear-gradient(180deg,#ffb27a 0%,#ff7a8a 45%,#5a6bd8 46%,#3c4fb8 100%)}.v1 .copy{width: 18em}.v2 .cols{display: grid;grid-template-columns: repeat(4,1fr);gap: 1em;margin-top: 1em}.v2 .cols div{display: grid;gap: 0.6em;align-content: start;padding: 0.6em;border-radius: 0.6em;background: #f0f2fa}.v2 .cols i{display: block;height: 2.6em;border-radius: 0.45em;background: #fff;box-shadow: inset 0.3em 0 0 var(--c,#8c9ef0),0 0.08em 0.2em rgba(0,0,0,0.08)}.v3 .pic{height: 11em;border-radius: 1.2em;background: linear-gradient(120deg,#ffb547,#ff4f7e)}.v3 .ln{width: 60%;height: 0.9em;border-radius: 0.5em;margin-top: 1.2em;background: #c0c7e5}.v3 .ln + .ln{width: 42%;background: #d6daee;margin-top: 0.8em}.v4 .grid{display: grid;grid-template-columns: repeat(3,1fr);gap: 1em;margin-top: 1em}.v4 .grid i{display: block;height: 7.5em;border-radius: 0.7em;background: linear-gradient(135deg,#ffd27a,#ff8a5c)}.v4 .grid i:nth-child(2){background: linear-gradient(135deg,#b8f0c8,#3fbf8a)}.v4 .grid i:nth-child(3){background: linear-gradient(135deg,#ffc1d0,#e45d8c)}.mini.note{background: #fffdf4}.mini.note .tb{background: #f6f1dc}.n1 .ck{display: flex;align-items: center;gap: 0.8em;margin-top: 0.9em}.n1 .ck b{width: 1.2em;height: 1.2em;border-radius: 50%;border: 0.15em solid #e0b23a;flex: none}.n1 .ck b.on{background: #e0b23a}.n1 .ck .ln{flex: 1;margin: 0;background: #ece5c8}.n2 .row{display: flex;gap: 0.9em;margin-top: 0.9em;align-items: center}.n2 .row b{width: 3em;height: 3em;border-radius: 0.6em;background: linear-gradient(135deg,#ffd27a,#ffb547);flex: none}.n2 .row .ln{flex: 1;margin: 0;background: #ece5c8}.front{position: absolute;left: 9em;top: 3.4em;width: 46em;height: 19.5em;border-radius: 0.9em;background: #fbfbfe;box-shadow: 0 0 0 0.05em rgba(0,0,0,0.2),0 1.6em 3.4em rgba(10,8,48,0.55);z-index: 2}.front .mini{opacity: 0;transform: scale(0.985);transition: opacity 0.3s var(--smooth),transform 0.35s var(--smooth)}.front .mini.on{opacity: 1;transform: none}.backwin{position: absolute;border-radius: 0.8em;background: rgba(255,255,255,0.35);box-shadow: 0 1.2em 2.6em rgba(10,8,48,0.35);z-index: 1}.dock{position: absolute;left: 50%;bottom: 0.6em;transform: translateX(-50%);display: flex;gap: 0.55em;padding: 0.55em 0.65em 0.75em;border-radius: 1.4em;background: rgba(255,255,255,0.2);-webkit-backdrop-filter: blur(1.2em) saturate(1.6);backdrop-filter: blur(1.2em) saturate(1.6);box-shadow: inset 0 0 0 0.05em rgba(255,255,255,0.4),0 0.8em 2em rgba(10,8,48,0.35);z-index: 10}.dock .app{position: relative;width: 2.8em;height: 2.8em;border-radius: 0.75em;display: grid;place-items: center;box-shadow: 0 0.2em 0.5em rgba(10,8,48,0.35),inset 0 0.06em 0 rgba(255,255,255,0.4);transition: transform 0.2s var(--snappy)}.dock .app svg{width: 58%;height: 58%;color: #fff}.dock .app.run::after{content: "";position: absolute;left: 50%;bottom: -0.5em;width: 0.24em;height: 0.24em;margin-left: -0.12em;border-radius: 50%;background: rgba(255,255,255,0.9)}.dock .sep{width: 0.06em;margin: 0.3em 0.1em;background: rgba(255,255,255,0.35)}.dock .label{position: absolute;left: 50%;bottom: calc(100% + 0.6em);transform: translateX(-50%);padding: 0.25em 0.7em;border-radius: 0.5em;background: rgba(30,28,60,0.85);font-size: 0.55em;font-weight: 600;white-space: nowrap;opacity: 0;transition: opacity 0.15s}.glance{position: absolute;left: 0;bottom: 4.9em;padding: 1.1em 1.15em 1.15em;border-radius: 1.6em;background: var(--glass);-webkit-backdrop-filter: blur(1.8em) saturate(1.8);backdrop-filter: blur(1.8em) saturate(1.8);box-shadow: inset 0 0 0 0.06em rgba(255,255,255,0.4),inset 0 0.08em 0 rgba(255,255,255,0.35),0 0.75em 1.75em rgba(10,8,48,0.42);opacity: 0;transform-origin: 50% 100%;transform: translateY(0.6em) scale(0.965);filter: blur(0.35em);transition: opacity 0.24s var(--smooth),transform 0.24s var(--smooth),filter 0.24s var(--smooth),left 0.22s var(--smooth);z-index: 20;pointer-events: none}.glance.open{opacity: 1;transform: none;filter: none}.glance.closing{transition: opacity 0.12s ease-out,transform 0.12s ease-out,filter 0.12s ease-out}.glance .gh{display: flex;align-items: center;gap: 0.5em;margin: 0 0.15em 0.85em}.glance .gh .ico{width: 1.3em;height: 1.3em;border-radius: 0.36em;display: grid;place-items: center}.glance .gh .ico svg{width: 62%;height: 62%;color: #fff}.glance .gh b{font-size: 0.8em;font-weight: 600}.glance .gh small{margin-left: auto;font-size: 0.68em;font-weight: 500;font-variant-numeric: tabular-nums;color: rgba(255,255,255,0.72)}.cards{display: flex;gap: 0.9em}.card{width: 8.6em;transition: transform 0.16s var(--snappy),opacity 0.16s var(--snappy)}.card .th{position: relative;height: 4.67em;border-radius: 0.75em;box-shadow: 0 0.19em 0.4em rgba(10,8,48,0.32),inset 0 0 0 0.04em rgba(255,255,255,0.5);transition: box-shadow 0.16s var(--snappy)}.card .th .mini{--mf: 0.187em;border-radius: inherit}.card .tt{margin-top: 0.45em;font-size: 0.7em;font-weight: 500;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: rgba(255,255,255,0.75)}.card .badge{position: absolute;right: 0.35em;bottom: 0.35em;padding: 0.12em 0.45em;border-radius: 0.4em;background: rgba(20,18,40,0.75);font-size: 0.48em;font-weight: 600;color: #fff;white-space: nowrap}.card.minimized .th .mini{filter: saturate(0.82)}.cards.has-sel .card{transform: scale(0.985);opacity: 0.86}.cards .card.sel{transform: translateY(-0.19em) scale(1.035);opacity: 1}.cards .card.sel .th{box-shadow: 0 0.5em 0.9em rgba(10,8,48,0.45),inset 0 0 0 0.04em rgba(255,255,255,0.6)}.cards .card.sel .tt{color: #fff}.card.pressed .th{transform: scale(0.97)}.cursor{position: absolute;left: 58em;top: 30em;width: 1.3em;height: 1.3em;z-index: 40;transition: left 0.9s var(--ease-hand),top 0.9s var(--ease-hand),transform 0.12s;filter: drop-shadow(0 0.08em 0.15em rgba(0,0,0,0.5))}.cursor.click{transform: scale(0.86)}.notice{position: absolute;left: 50%;bottom: 13.5em;transform: translateX(-50%);padding: 0.4em 0.9em;border-radius: 2em;background: var(--glass);-webkit-backdrop-filter: blur(1.2em);backdrop-filter: blur(1.2em);box-shadow: inset 0 0 0 0.05em rgba(255,255,255,0.35);font-size: 0.62em;white-space: nowrap;opacity: 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{position: relative;overflow: hidden;border-radius: var(--radius-tile);background: linear-gradient(180deg,rgba(34,30,80,0.75),rgba(20,17,52,0.75));border: 1px solid var(--hair)}.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: 230px;position: relative;overflow: hidden;font-size: 15px}.step h3{margin: 8px 28px 8px;font-size: 23px;line-height: 1.2;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(--warm);color: #fff;font-size: 14px;vertical-align: 2px}.step p{margin: 0 28px;color: var(--text-2)}@media (max-width: 980px){.steps{grid-template-columns: 1fr;max-width: 520px;margin-left: auto;margin-right: auto}}.mini-scene{position: absolute;inset: 0;font-size: 12px}.mini-scene .dock{bottom: 18px}.mini-scene .glance{left: 0;right: 0;width: max-content;margin: 0 auto;bottom: 6em;opacity: 1;transform: none;filter: none}.mini-scene .glance .card{width: 5.6em}.mini-scene .glance .card .th{height: 3.1em}.mini-scene .glance .card .th .mini{--mf: 0.122em}.step-1 .glance{animation: s1-open 4s var(--smooth) infinite}@keyframes s1-open{0%,25%{opacity: 0;transform: translateY(0.6em) scale(0.965);filter: blur(0.35em)}35%,90%{opacity: 1;transform: none;filter: none}100%{opacity: 0}}.step-1 .cursor{animation: s1-ptr 4s var(--ease-hand) infinite}@keyframes s1-ptr{0%{left: 84%;top: 40%}22%,100%{left: 50%;top: 80%}}.step-2 .card:nth-child(2){animation: s2-sel 3.2s var(--snappy) infinite}@keyframes s2-sel{0%,30%{transform: none;opacity: 0.86}40%,100%{transform: translateY(-0.19em) scale(1.035);opacity: 1}}.step-2 .cursor{animation: s2-ptr 3.2s var(--ease-hand) infinite}@keyframes s2-ptr{0%{left: 50%;top: 80%}32%,100%{left: 52%;top: 46%}}.step-3 .front{left: 50%;top: 24px;margin-left: -23em;font-size: 5px;border-radius: 0.9em}.step-3 .front .mini.a{animation: s3-a 3.6s var(--smooth) infinite}.step-3 .front .mini.b{animation: s3-b 3.6s var(--smooth) infinite}@keyframes s3-a{0%,45%{opacity: 1;transform: none}55%,100%{opacity: 0;transform: scale(0.985)}}@keyframes s3-b{0%,45%{opacity: 0;transform: scale(0.985)}55%,100%{opacity: 1;transform: none}}.kb-wrap{margin-top: clamp(48px,6vw,72px);display: grid;grid-template-columns: 1.35fr 1fr;gap: 20px;align-items: stretch}.kb-scene{position: relative;min-height: 380px;font-size: clamp(9px,calc((min(100vw,1040px) - 64px) * 0.574 / 33),16px);display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 40px 20px}.kb-scene .glance{position: relative;left: auto;bottom: auto;opacity: 1;transform: none;filter: none}.kb-scene .glance .card{animation: kb-sel 8s var(--snappy) infinite;animation-delay: calc(var(--i) * 2s);transform: scale(0.985);opacity: 0.86}@keyframes kb-sel{0%,24%{transform: translateY(-0.19em) scale(1.035);opacity: 1}25%,100%{transform: scale(0.985);opacity: 0.86}}.kb-keys{display: flex;gap: 8px;margin-top: 30px}.keycap{min-width: 44px;height: 44px;padding: 0 12px;border-radius: 11px;display: grid;place-items: center;font: 500 20px/1 var(--font);color: #fff;background: rgba(255,255,255,0.1);box-shadow: inset 0 0 0 1px rgba(255,255,255,0.16),0 3px 0 rgba(0,0,0,0.45)}.kb-keys .keycap.g{animation: tap 2s var(--ease-out) infinite}@keyframes tap{0%,90%{transform: none;box-shadow: inset 0 0 0 1px rgba(255,255,255,0.16),0 3px 0 rgba(0,0,0,0.45)}95%{transform: translateY(3px);box-shadow: inset 0 0 0 1px rgba(255,179,71,0.6),0 0 0 rgba(0,0,0,0.45)}}.kb-list{padding: 30px 30px;display: grid;gap: 16px;align-content: center}.kb-row{display: flex;align-items: center;gap: 16px}.kb-row .keys{display: flex;gap: 6px;min-width: 112px;justify-content: flex-end}.kb-row .keycap{min-width: 34px;height: 34px;border-radius: 9px;font-size: 15px;padding: 0 9px}.kb-row b{display: block;font-size: 16px;font-weight: 600}.kb-row span{display: block;font-size: 14px;color: var(--text-2)}@media (max-width: 860px){.kb-wrap{grid-template-columns: 1fr}.kb-scene{font-size: min(15px,calc((100vw - 84px) / 31));min-height: 300px}}.bento{margin-top: clamp(48px,6vw,72px);display: grid;grid-template-columns: repeat(4,1fr);gap: 20px}.use{padding: 28px 26px 30px;min-height: 230px;display: flex;flex-direction: column}.use.wide{grid-column: span 2}.use>svg{width: 32px;height: 32px;color: var(--amber);margin-bottom: auto}.use h3{margin-top: 24px;font-size: 20px;line-height: 1.25;font-weight: 700;letter-spacing: -0.015em}.use p{margin-top: 6px;color: var(--text-2);font-size: 16px}.use .ill{position: relative;height: 130px;margin-bottom: auto;font-size: 12px}.ill-rows{display: grid;grid-template-columns: repeat(5,1fr);gap: 8px;padding: 10px;border-radius: 16px;background: var(--glass);box-shadow: inset 0 0 0 1px rgba(255,255,255,0.25)}.ill-rows i{height: 46px;border-radius: 7px;background: linear-gradient(180deg,#fbfbfe 0 22%,#e4e7f6 22%);box-shadow: 0 2px 5px rgba(0,0,0,0.3)}.ill-rows i:nth-child(3n){background: linear-gradient(180deg,#fbfbfe 0 22%,#ffb547 22%,#ff4f7e)}.ill-side{display: flex;gap: 10px;align-items: stretch;height: 100%}.ill-side .sdock{width: 26px;border-radius: 12px;background: rgba(255,255,255,0.2);box-shadow: inset 0 0 0 1px rgba(255,255,255,0.35);display: grid;gap: 6px;padding: 6px 5px;align-content: center}.ill-side .sdock i{height: 16px;border-radius: 5px;background: var(--peri-2)}.ill-side .sdock i.h{background: var(--warm)}.ill-side .col{display: grid;gap: 8px;padding: 8px;border-radius: 14px;background: var(--glass);box-shadow: inset 0 0 0 1px rgba(255,255,255,0.25);align-content: center}.ill-side .col i{width: 74px;height: 30px;border-radius: 6px;background: linear-gradient(180deg,#fbfbfe 0 26%,#e4e7f6 26%)}.ill-badges{display: flex;flex-wrap: wrap;gap: 8px;align-content: center;height: 100%}.ill-badges span{padding: 5px 10px;border-radius: 8px;background: rgba(20,18,40,0.75);box-shadow: inset 0 0 0 1px rgba(255,255,255,0.15);font-size: 13px;font-weight: 600}@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}}.facts{margin-top: clamp(48px,6vw,72px);display: grid;grid-template-columns: repeat(4,1fr);gap: 20px}.fact{padding: 30px 26px 32px}.fact svg{width: 36px;height: 36px;color: var(--peri);margin-bottom: 22px}.fact h3{font-size: 21px;line-height: 1.2;font-weight: 700;margin-bottom: 8px}.fact p{color: var(--text-2);font-size: 16px}.perms{margin-top: 20px;display: grid;grid-template-columns: 1fr 1fr;gap: 20px}.perm{padding: 28px 28px 30px;display: flex;gap: 18px}.perm .pi{flex: none;width: 44px;height: 44px;border-radius: 12px;display: grid;place-items: center;background: var(--btn)}.perm .pi svg{width: 22px;height: 22px;color: #fff}.perm h3{font-size: 19px;font-weight: 700}.perm p{margin-top: 6px;color: var(--text-2);font-size: 16px}@media (max-width: 960px){.facts{grid-template-columns: 1fr 1fr}.perms{grid-template-columns: 1fr}}@media (max-width: 560px){.facts{grid-template-columns: 1fr}}.plans{margin-top: clamp(48px,6vw,72px);display: grid;grid-template-columns: 1fr 1fr;gap: 20px}.plan{padding: 34px 32px 36px}.plan.pro{background: radial-gradient(500px 300px at 100% 0,rgba(255,79,126,0.2),transparent 60%),linear-gradient(180deg,rgba(34,30,80,0.85),rgba(20,17,52,0.85));border-color: rgba(255,140,110,0.45)}.plan .ph{display: flex;align-items: center;gap: 12px}.plan .ph img{width: 40px;height: 40px}.plan h3{font-size: 30px;line-height: 1.1;font-weight: 700;letter-spacing: -0.02em}.plan .price{margin-top: 18px;font-size: 20px;font-weight: 700;color: var(--peri)}.plan.pro .price{background: var(--warm);-webkit-background-clip: text;background-clip: text;color: transparent}.plan ul{margin: 18px 0 0;padding: 0;list-style: none;display: grid;gap: 9px}.plan li{display: flex;gap: 10px;align-items: flex-start;color: var(--text-2)}.plan li svg{flex: none;width: 18px;height: 18px;margin-top: 3px;color: var(--peri)}.plan.pro li svg{color: var(--amber)}.meter{margin-top: 22px;padding: 14px 16px;border-radius: 16px;background: rgba(255,255,255,0.06);box-shadow: inset 0 0 0 1px var(--hair);display: grid;gap: 8px}.meter .mh{display: flex;justify-content: space-between;font-size: 13px;font-weight: 600}.meter .mh span{color: var(--text-3);font-weight: 500}.meter .caps{display: flex;gap: 5px}.meter .caps i{flex: 1;height: 7px;border-radius: 4px;background: rgba(255,255,255,0.14)}.meter .caps i.on{background: var(--iris)}.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-3)}@media (max-width: 760px){.plans{grid-template-columns: 1fr}}.faq{margin: clamp(40px,5vw,64px) auto 0;max-width: 840px}.faq details{border-bottom: 1px solid var(--hair)}.faq details:first-child{border-top: 1px solid var(--hair)}.faq summary{list-style: none;cursor: pointer;padding: 24px 44px 24px 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(--amber);transition: transform 0.3s var(--ease-out)}.faq details[open] summary::after{transform: rotate(45deg)}.faq summary h3{display: inline;font-size: clamp(19px,2vw,22px);line-height: 1.3;font-weight: 600;letter-spacing: -0.015em}.faq .answer{padding: 0 44px 26px 0;color: var(--text-2);max-width: 740px}.faq .answer p + p{margin-top: 10px}.final{text-align: center}.final .hero-mark{width: clamp(96px,11vw,128px)}.final .subhead{margin-left: auto;margin-right: auto}.final .hero-cta{margin-top: 36px}.footer{background: #08071a;color: var(--text-3);font-size: 12px;line-height: 1.5;padding: 34px 0 40px;border-top: 1px solid var(--hair)}.footer a{color: var(--text-2)}.footer-top{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 18px;padding-bottom: 18px;border-bottom: 1px solid var(--hair)}.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: 700;color: #fff}.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.06;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: 27px;line-height: 1.2;font-weight: 700}.doc h3{margin-top: 28px;margin-bottom: 8px;font-size: 19px;font-weight: 600}.doc p,.doc li{color: var(--text-2);font-size: 17px}.doc strong{color: #fff}.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,.contact-card{margin-top: 36px;padding: 26px 28px;border-radius: 22px;background: var(--raised);border: 1px solid var(--hair)}.contact-card{display: flex;flex-wrap: wrap;gap: 16px;align-items: center;justify-content: space-between}.contact-card strong{display: block;font-size: 19px}.js .anim:not(.in-view) *,.js .anim:not(.in-view) *::before,.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}.step-1 .glance{opacity: 1;transform: none;filter: none}.kb-scene .glance .card:nth-child(2){transform: translateY(-0.19em) scale(1.035);opacity: 1}.step-3 .front .mini.b{opacity: 1}}.glance .set[hidden]{display: none}.glance .set{transition: opacity 0.1s ease-out,transform 0.22s var(--smooth)}.glance.swapping .set{opacity: 0;transform: scale(0.985)}@media (max-width: 360px){.mini-scene{font-size: 10.5px}}