:root{color-scheme: dark;--black: #000000;--ink: #05060a;--glass: rgba(255,255,255,0.035);--glass-2: rgba(255,255,255,0.06);--line: rgba(255,255,255,0.09);--line-2: rgba(255,255,255,0.16);--violet: #8b7bff;--teal: #3fd0c9;--g1: #181818;--g2: #1F1F1F;--g3: #272727;--g4: #313131;--warm: #131209;--text: #ffffff;--muted: #9b9b9b;--accent: #5b8cff;--ease: cubic-bezier(0.22,1,0.36,1);--s-25: 2px;--s-50: 4px;--s-75: 8px;--s-100: 12px;--s-200: 16px;--s-300: 24px;--s-400: 32px;--s-500: 40px;--s-600: 48px;--s-700: 64px;--s-800: 80px;--s-900: 96px;--r-lg: 8px;--r-xl: 12px;--r-2xl: 16px;--r-3xl: 24px;--font: "Manrope",ui-sans-serif,system-ui,sans-serif}*,*::before,*::after{box-sizing: border-box}html{-webkit-text-size-adjust: 100%;scroll-behavior: smooth;scroll-padding-top: var(--s-900)}html,body{overflow-x: clip}body{margin: 0;background: var(--ink);color: var(--text);font-family: var(--font);font-size: 1rem;line-height: 1.5rem;font-weight: 400;-webkit-font-smoothing: antialiased}h1,h2,h3,p,ul,ol,dl,figure{margin: 0;padding: 0}h1,h2,h3{font-weight: 600;text-wrap: balance;overflow-wrap: break-word}p{text-wrap: pretty}ul,ol{list-style: none}img{display: block;max-width: 100%;height: auto}svg{display: block;flex: none}a{color: inherit}button,summary{font: inherit;color: inherit}:focus-visible{outline: 2px solid var(--accent);outline-offset: 2px}.wrap{width: 100%;max-width: 72rem;margin-inline: auto;padding-inline: var(--s-300)}.muted{color: var(--muted)}.skip{position: fixed;inset-inline-start: var(--s-200);top: var(--s-200);z-index: 1000;padding: var(--s-75) var(--s-200);border-radius: var(--r-lg);background: var(--text);color: var(--black);font-weight: 600;text-decoration: none;transform: translateY(-200%);transition: transform 300ms var(--ease)}.skip:focus-visible{transform: none}.btn{display: inline-flex;align-items: center;justify-content: center;gap: var(--s-75);min-height: 3rem;padding: var(--s-100) var(--s-300);border: 1px solid transparent;border-radius: var(--r-xl);font-size: 1rem;line-height: 1.5rem;font-weight: 600;text-decoration: none;white-space: nowrap;cursor: pointer;transition: transform 500ms var(--ease),background-color 300ms var(--ease),border-color 300ms var(--ease)}.btn--primary{background: var(--text);color: var(--black)}.btn--primary:hover{background: #e4e4e4;transform: translateY(-2px)}.btn--ghost{background: var(--g1);border-color: var(--g3);color: var(--text)}.btn--ghost:hover{background: var(--g2);border-color: var(--g4)}.btn:active{transform: scale(0.98)}.btn--sm{min-height: 2.5rem;padding: var(--s-75) var(--s-200);font-size: 0.875rem;line-height: 1.25rem;border-radius: var(--r-lg)}.nav{position: fixed;top: var(--s-200);inset-inline: 0;z-index: 100;display: flex;align-items: center;justify-content: space-between;gap: var(--s-400);width: max-content;max-width: calc(100% - var(--s-400));margin-inline: auto;padding: var(--s-75) var(--s-75) var(--s-75) var(--s-200)}.nav::before{content: "";position: absolute;inset: 0;z-index: -1;border: 1px solid var(--g3);border-radius: 999px;background: rgba(24,24,24,0.72);-webkit-backdrop-filter: blur(16px);backdrop-filter: blur(16px)}.brand{display: inline-flex;align-items: center;gap: var(--s-100);font-weight: 700;font-size: 1.125rem;line-height: 1.75rem;text-decoration: none}.brand img{width: 2rem;height: 2rem}.nav-end{display: flex;align-items: center;gap: var(--s-75)}.langmenu summary{list-style: none;display: inline-flex;align-items: center;gap: var(--s-75);position: relative;z-index: 3;min-height: 2.5rem;padding: var(--s-75) var(--s-200);border-radius: 999px;font-size: 0.875rem;line-height: 1.25rem;font-weight: 600;cursor: pointer;transition: background-color 300ms var(--ease)}.langmenu summary::-webkit-details-marker{display: none}.langmenu summary:hover,.langmenu[open] summary{background: var(--g3)}.langmenu .ico-plus{transition: transform 500ms var(--ease)}.langmenu[open] .ico-plus{transform: rotate(45deg)}.langpanel{position: absolute;top: calc(100% + var(--s-100));inset-inline-end: 0;z-index: 2;display: grid;gap: var(--s-25);width: 14rem;padding: var(--s-75);border: 1px solid var(--g3);border-radius: var(--r-2xl);background: var(--g1);animation: panel 500ms var(--ease) both}.langmenu{position: static}.langwrap{position: relative}.langpanel a{display: block;padding: var(--s-100) var(--s-200);border-radius: var(--r-lg);color: var(--muted);text-decoration: none;font-weight: 500;transition: background-color 300ms var(--ease),color 300ms var(--ease)}.langpanel a:hover{background: var(--g3);color: var(--text)}.langpanel a[aria-current="page"]{color: var(--text);font-weight: 700}@keyframes panel{from{opacity: 0;transform: translateY(-8px)}}@keyframes rise{from{opacity: 0;transform: translateY(24px)}}.hero{position: relative;padding-top: var(--s-900);overflow: clip}.hero-in{position: relative;z-index: 1;padding-top: var(--s-700);text-align: center}.bars{position: absolute;inset: 0 0 auto 0;z-index: 0;width: 100%;height: 28rem;opacity: 0.6;pointer-events: none}.hero h1{max-width: 680px;margin-inline: auto;font-size: 3rem;line-height: 1;letter-spacing: -0.03em;color: var(--text)}.lead{max-width: 680px;margin: var(--s-300) auto 0;color: var(--muted);font-size: 1.125rem;line-height: 1.75rem}.hero .cta{margin-top: var(--s-500)}.facts{display: flex;flex-wrap: wrap;justify-content: center;gap: var(--s-100) var(--s-400);margin: var(--s-500) auto 0;max-width: 56rem;color: var(--muted);font-size: 0.875rem;line-height: 1.25rem}.facts li{display: inline-flex;align-items: center;gap: var(--s-75)}.facts svg{color: var(--accent)}.hero-shot{position: relative;z-index: 1;margin-top: var(--s-700);padding-bottom: var(--s-900);perspective: 1400px}.frame{padding: var(--s-75);border: 1px solid var(--g3);border-radius: var(--r-2xl);background: var(--g1);will-change: transform}.frame img{width: 100%;max-width: 1280px;aspect-ratio: 1280 / 800;border-radius: var(--r-lg)}.shot-note{margin-top: var(--s-100);color: var(--muted);font-size: 0.875rem;line-height: 1.25rem;text-align: center}.sec{padding-block: var(--s-900)}.sec--warm{background: var(--warm)}.sec-head{max-width: 680px;margin-bottom: var(--s-700)}.sec-head--c{margin-inline: auto;text-align: center}.sec-head h2,.tag{font-size: 2.25rem;line-height: 2.5rem;letter-spacing: -0.02em}.sec-head p{margin-top: var(--s-200);color: var(--muted);font-size: 1.125rem;line-height: 1.75rem}.tag-sec{padding-block: var(--s-900)}.tag{max-width: 680px;margin-inline: auto;font-size: 2.25rem;line-height: 2.5rem;font-weight: 600;text-align: center}.tag .w{display: inline-block;transition: opacity 500ms var(--ease)}.js .tag .w{opacity: 0.42}.js .tag .w.on{opacity: 1}.reveal-all .tag .w{opacity: 1}.bento{display: grid;grid-template-columns: repeat(12,minmax(0,1fr));gap: var(--s-200)}.card{grid-column: span 12;display: flex;flex-direction: column;gap: var(--s-200);padding: var(--s-400);border: 1px solid var(--g3);border-radius: var(--r-2xl);background: var(--g1);transition: transform 500ms var(--ease),border-color 300ms var(--ease),background-color 300ms var(--ease)}.card:hover{transform: translateY(-4px);border-color: var(--g4);background: var(--g2)}.card:active{transform: scale(0.98)}.ico{display: grid;place-items: center;width: 3rem;height: 3rem;border-radius: var(--r-xl);background: var(--g3);color: var(--accent)}.card h3{font-size: 1.5rem;line-height: 2rem;letter-spacing: -0.01em}.card p{color: var(--muted)}.card .frame{margin-top: auto;padding: var(--s-50);border-radius: var(--r-xl)}.card .frame img{border-radius: var(--r-lg)}.card--wide{flex-direction: row;align-items: center;gap: var(--s-300)}.card--wide h3{font-size: 1.25rem;line-height: 1.75rem}.steps{display: grid;gap: var(--s-200);counter-reset: s}.step{position: relative;padding: var(--s-400);border: 1px solid var(--g3);border-radius: var(--r-2xl);background: var(--g1);counter-increment: s}.step::before{content: counter(s);display: grid;place-items: center;width: 2.5rem;height: 2.5rem;margin-bottom: var(--s-300);border-radius: 999px;background: var(--text);color: var(--black);font-weight: 700;font-variant-numeric: tabular-nums}.step h3{font-size: 1.25rem;line-height: 1.75rem}.step p{margin-top: var(--s-100);color: var(--muted)}.review .frame{transform-origin: 50% 0}.review-shot{margin-top: var(--s-700)}.faq-list{display: grid;gap: var(--s-100);max-width: 48rem;margin-inline: auto}.faq-list details{border: 1px solid var(--g3);border-radius: var(--r-2xl);background: var(--g1);transition: background-color 300ms var(--ease),border-color 300ms var(--ease)}.faq-list details:hover{border-color: var(--g4)}.faq-list details[open]{background: var(--g2)}.faq-list summary{display: flex;align-items: center;justify-content: space-between;gap: var(--s-200);padding: var(--s-300);list-style: none;cursor: pointer;font-weight: 600;font-size: 1.125rem;line-height: 1.75rem;border-radius: var(--r-2xl)}.faq-list summary::-webkit-details-marker{display: none}.faq-list summary svg{color: var(--muted);transition: transform 500ms var(--ease)}.faq-list details[open] summary svg{transform: rotate(45deg)}.faq-list details>p{padding: 0 var(--s-300) var(--s-300);color: var(--muted);animation: rise 500ms var(--ease) both}.final{padding: var(--s-700) var(--s-300);border: 1px solid var(--g3);border-radius: var(--r-3xl);background: var(--g1);text-align: center}.final h2{max-width: 680px;margin-inline: auto;font-size: 2.25rem;line-height: 2.5rem;letter-spacing: -0.02em}.final p{max-width: 680px;margin: var(--s-200) auto 0;color: var(--muted);font-size: 1.125rem;line-height: 1.75rem}.final .btn{margin-top: var(--s-400)}.foot{padding-block: var(--s-700) var(--s-500);border-top: 1px solid var(--g3)}.foot-top{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: var(--s-300)}.foot-line{max-width: 28rem;color: var(--muted);font-size: 0.875rem;line-height: 1.25rem}.foot-nav{display: flex;flex-wrap: wrap;gap: var(--s-50) var(--s-300);margin-top: var(--s-400);font-size: 0.875rem;line-height: 1.25rem}.foot-nav a{display: inline-block;padding: var(--s-75) 0;color: var(--muted);text-decoration: none;transition: color 300ms var(--ease)}.foot-nav a:hover{color: var(--text)}.foot-nav a[aria-current="page"]{color: var(--text);font-weight: 700}.foot-legal{display: flex;flex-wrap: wrap;gap: var(--s-50) var(--s-300);margin-top: var(--s-200);font-size: 0.875rem;line-height: 1.25rem}.foot-legal a{display: inline-block;padding: var(--s-75) 0;color: var(--muted)}.foot-legal a:hover{color: var(--text)}.reveal{transition: opacity 700ms var(--ease) var(--d,0ms),transform 700ms var(--ease) var(--d,0ms)}.js .reveal{opacity: 0;transform: translateY(32px)}.js .reveal.in,.reveal-all .reveal{opacity: 1;transform: none}.js [data-hero]{opacity: 0}.reveal-all [data-hero]{opacity: 1 !important}@media (min-width: 48rem){.wrap{padding-inline: var(--s-400)}.hero h1{font-size: 3.75rem}.lead{font-size: 1.25rem;line-height: 1.75rem}.sec-head h2,.tag,.final h2{font-size: 3rem;line-height: 1}.tag{font-size: 3rem;line-height: 1.1}.steps{grid-template-columns: repeat(3,minmax(0,1fr))}.card--a{grid-column: span 7}.card--b{grid-column: span 5}.card--c{grid-column: span 4}.final{padding: var(--s-800) var(--s-400)}}@media (min-width: 64rem){.hero h1{font-size: 3.75rem;line-height: 1.05}.tag{font-size: 3.75rem;line-height: 1.1}}@media (max-width: 47.99rem){.nav{gap: var(--s-200)}.langpanel{position: fixed;inset: 0;width: auto;z-index: 2;padding: var(--s-900) var(--s-300) var(--s-300);border: 0;border-radius: 0;background: rgba(0,0,0,0.92);-webkit-backdrop-filter: blur(24px);backdrop-filter: blur(24px);align-content: start;gap: var(--s-75)}.langpanel a{padding: var(--s-100) var(--s-200);font-size: 1.5rem;line-height: 2rem;animation: rise 500ms var(--ease) both;animation-delay: calc(var(--i,0) * 34ms)}.card--wide{flex-direction: column;align-items: flex-start}}@media (max-width: 30rem){.brand span{display: none}.btn--sm.cta-nav{padding-inline: var(--s-100)}}@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto}*,*::before,*::after{animation-duration: 0.01ms !important;animation-delay: 0ms !important;transition-duration: 0.01ms !important;transition-delay: 0ms !important}.js .reveal,.js [data-hero],.js .tag .w{opacity: 1;transform: none}}.trail{position: absolute;inset: 0;z-index: 0;width: 100%;height: 100%;pointer-events: none}.about{padding-bottom: var(--s-700)}.about-grid{display: grid;gap: var(--s-400)}.about-grid .sec-head{margin-bottom: 0}.about-text{display: grid;gap: var(--s-200);max-width: 680px;color: var(--muted);font-size: 1.125rem;line-height: 1.75rem}.about-text p:first-child{color: var(--text)}.uses-h{margin-top: var(--s-900);margin-bottom: var(--s-400);font-size: 1.5rem;line-height: 2rem}.uses{display: grid;gap: var(--s-200)}.use{display: flex;flex-direction: column;gap: var(--s-200);padding: var(--s-400);border: 1px solid var(--g3);border-radius: var(--r-2xl);background: var(--g1);transition: transform 500ms var(--ease),border-color 300ms var(--ease)}.use:hover{transform: translateY(-4px);border-color: var(--g4)}.use h3{font-size: 1.25rem;line-height: 1.75rem}.use p{color: var(--muted)}@media (min-width: 48rem){.about-grid{grid-template-columns: minmax(0,5fr) minmax(0,7fr);align-items: start}.uses{grid-template-columns: repeat(3,minmax(0,1fr))}}[dir="rtl"] .flip{transform: scaleX(-1)}.chips{display: flex;flex-wrap: wrap;gap: var(--s-100);margin-top: var(--s-200)}.chip{display: inline-flex;align-items: center;gap: var(--s-75);min-height: 2.75rem;padding: var(--s-75) var(--s-200);border: 1px solid var(--g3);border-radius: 999px;background: var(--g1);color: var(--text);font-weight: 600;text-decoration: none;transition: background-color 300ms var(--ease),border-color 300ms var(--ease),transform 500ms var(--ease)}.chip:hover{background: var(--g2);border-color: var(--g4);transform: translateY(-2px)}.chip:active{transform: scale(0.98)}.crumbs{display: inline-flex;align-items: center;gap: var(--s-75);margin-bottom: var(--s-300);color: var(--muted);font-size: 0.875rem;line-height: 1.25rem}.crumbs a{color: var(--muted);text-decoration: none}.crumbs a:hover{color: var(--text)}.crumbs [aria-current]{color: var(--text)}.card--half{grid-column: span 12}.cross{display: grid;gap: var(--s-200)}.cross-card{display: flex;align-items: center;gap: var(--s-300);padding: var(--s-400);border: 1px solid var(--g3);border-radius: var(--r-2xl);background: var(--g1);color: var(--text);text-decoration: none;transition: transform 500ms var(--ease),border-color 300ms var(--ease),background-color 300ms var(--ease)}.cross-card>span:nth-child(2){display: grid;gap: var(--s-50);flex: 1;min-width: 0}.cross-card strong{font-size: 1.25rem;line-height: 1.75rem}.cross-card:hover{transform: translateY(-4px);border-color: var(--g4);background: var(--g2)}.cross-card:active{transform: scale(0.98)}.foot-topics{display: flex;flex-wrap: wrap;gap: var(--s-50) var(--s-300);margin-top: var(--s-400);font-size: 1rem;line-height: 1.5rem;font-weight: 600}.foot-topics a{display: inline-block;padding: var(--s-75) 0;color: var(--text);text-decoration: none}.foot-topics a:hover{color: var(--accent)}.foot-topics a[aria-current="page"]{color: var(--accent)}.foot-line{margin-top: var(--s-300)}.nf{display: grid;justify-items: start;gap: var(--s-300);padding-block: var(--s-900)}.nf h1{font-size: 2.25rem;line-height: 2.5rem}@media (min-width: 48rem){.card--half{grid-column: span 6}.cross{grid-template-columns: repeat(2,minmax(0,1fr))}.hero--topic h1{font-size: 3rem;line-height: 1.1}}@media (min-width: 64rem){.hero--topic h1{font-size: 3.75rem;line-height: 1.05}}.related-sec{padding-top: var(--s-700)}.related{display: grid;gap: var(--s-400);padding-top: var(--s-400);border-top: 1px solid var(--g3)}.related-label{margin-bottom: var(--s-100);color: var(--muted);font-size: 0.75rem;line-height: 1rem;font-weight: 600}.kw{display: flex;flex-wrap: wrap;gap: var(--s-75)}.kw li,.kw a{display: inline-block;padding: var(--s-50) var(--s-100);border: 1px solid var(--g3);border-radius: 999px;color: var(--muted);font-size: 0.75rem;line-height: 1rem;text-decoration: none}.kw a{color: var(--text);transition: border-color 300ms var(--ease),background-color 300ms var(--ease)}.kw li:has(>a){padding: 0;border: 0}.kw a:hover{border-color: var(--g4);background: var(--g2)}.related-cta{display: grid;justify-items: start;gap: var(--s-200);color: var(--muted);font-size: 0.875rem;line-height: 1.25rem}@media (min-width: 48rem){.related{grid-template-columns: minmax(0,2fr) minmax(0,1fr);align-items: start}.related-cta{justify-items: end;text-align: end}}.bg{position: fixed;inset: 0;z-index: -1;overflow: hidden;pointer-events: none;background: radial-gradient(120% 80% at 50% -10%,#0d1230 0%,var(--ink) 55%)}.blob{position: absolute;border-radius: 50%;filter: blur(90px);opacity: 0.55;will-change: transform}.blob--a{width: 46rem;height: 46rem;top: -14rem;inset-inline-start: -10rem;background: radial-gradient(circle at 40% 40%,var(--accent),transparent 65%);animation: drift-a 26s ease-in-out infinite alternate}.blob--b{width: 40rem;height: 40rem;top: 30%;inset-inline-end: -12rem;background: radial-gradient(circle at 50% 50%,var(--violet),transparent 65%);opacity: 0.4;animation: drift-b 32s ease-in-out infinite alternate}.blob--c{width: 34rem;height: 34rem;bottom: -14rem;inset-inline-start: 25%;background: radial-gradient(circle at 50% 50%,var(--teal),transparent 65%);opacity: 0.22;animation: drift-c 38s ease-in-out infinite alternate}@keyframes drift-a{to{transform: translate3d(18vw,12vh,0) scale(1.15)}}@keyframes drift-b{to{transform: translate3d(-16vw,-10vh,0) scale(0.9)}}@keyframes drift-c{to{transform: translate3d(12vw,-14vh,0) scale(1.2)}}.hero::before{display: none}.hero-in::before{content: "";position: absolute;top: -4rem;left: 50%;z-index: -1;width: min(60rem,100%);height: 30rem;transform: translateX(-50%);background: radial-gradient(closest-side,rgba(91,140,255,0.28),transparent);pointer-events: none}.sec--warm{background: transparent}.sec--warm{position: relative}.sec--warm::before{content: "";position: absolute;inset: 0;z-index: -1;background: linear-gradient(180deg,transparent,rgba(139,123,255,0.05) 30%,rgba(91,140,255,0.05) 70%,transparent);pointer-events: none}.card,.use,.step,.faq-list details,.cross-card,.chip,.langpanel,.kw li,.kw a{border-color: var(--line);background: linear-gradient(180deg,var(--glass-2),var(--glass));-webkit-backdrop-filter: blur(14px);backdrop-filter: blur(14px)}.card:hover,.use:hover,.cross-card:hover,.chip:hover,.faq-list details:hover,.kw a:hover{border-color: var(--line-2);background: linear-gradient(180deg,rgba(255,255,255,0.09),rgba(255,255,255,0.04))}.faq-list details[open]{background: linear-gradient(180deg,rgba(255,255,255,0.08),var(--glass))}.kw li:has(>a){background: none;border: 0;-webkit-backdrop-filter: none;backdrop-filter: none}.ico{background: linear-gradient(135deg,rgba(91,140,255,0.22),rgba(139,123,255,0.12));border: 1px solid rgba(91,140,255,0.25)}.frame{border-color: var(--line);background: linear-gradient(180deg,rgba(255,255,255,0.07),rgba(255,255,255,0.02));box-shadow: 0 40px 120px -40px rgba(91,140,255,0.35)}.card .frame{box-shadow: none}.step::before{background: linear-gradient(135deg,#ffffff,#c7d2ff)}.nav::before{background: rgba(10,12,24,0.6);border-color: var(--line)}.foot{border-top-color: var(--line);background: linear-gradient(180deg,transparent,rgba(91,140,255,0.04))}.related{border-top-color: var(--line)}.spec{width: 100%;margin-top: var(--s-200);border-collapse: separate;border-spacing: 0;overflow: hidden;border: 1px solid var(--line);border-radius: var(--r-xl);background: var(--glass);font-size: 0.875rem;line-height: 1.25rem}.spec th,.spec td{padding: var(--s-100) var(--s-200);text-align: start;vertical-align: top;border-top: 1px solid var(--line)}.spec tr:first-child th,.spec tr:first-child td{border-top: 0}.spec th{width: 34%;color: var(--text);font-weight: 600}.spec td{color: var(--muted)}.visually-hidden{position: absolute;width: 1px;height: 1px;overflow: hidden;clip-path: inset(50%);white-space: nowrap}@media (prefers-reduced-motion: reduce){.blob{animation: none}}.app-fig{margin: 0}.app{position: relative;overflow: hidden;border: 1px solid var(--line);border-radius: var(--r-2xl);background: #0b0d12;box-shadow: 0 40px 120px -40px rgba(91,140,255,0.45),inset 0 1px 0 rgba(255,255,255,0.06);text-align: start;font-family: "Segoe UI",var(--font)}.app-top{display: flex;align-items: center;gap: var(--s-100);padding: var(--s-200) var(--s-300);border-bottom: 1px solid rgba(255,255,255,0.06)}.app-mark{display: inline-flex;align-items: center;gap: 2px;height: 18px}.app-mark i{display: block;width: 3px;border-radius: 2px;background: var(--accent);animation: eq 1.2s ease-in-out infinite}.app-mark i:nth-child(1){height: 8px}.app-mark i:nth-child(2){height: 14px;animation-delay: -0.3s}.app-mark i:nth-child(3){height: 18px;animation-delay: -0.6s}.app-mark i:nth-child(4){height: 12px;animation-delay: -0.9s}.app-mark i:nth-child(5){height: 7px;animation-delay: -0.2s}@keyframes eq{50%{transform: scaleY(0.45)}}.app-title{font-weight: 700;font-size: 1rem}.app-live{display: inline-flex;align-items: center;gap: var(--s-75);margin-inline-start: auto;color: var(--muted);font: 500 0.75rem/1rem ui-monospace,Consolas,monospace}.app-live i{width: 8px;height: 8px;border-radius: 50%;background: #3ddc84;box-shadow: 0 0 0 0 rgba(61,220,132,0.6);animation: live 2s ease-out infinite}@keyframes live{70%{box-shadow: 0 0 0 8px rgba(61,220,132,0)}}.app-bar{display: flex;align-items: center;gap: var(--s-75);padding: var(--s-100) var(--s-300);overflow: hidden;border-bottom: 1px solid rgba(255,255,255,0.06);background: rgba(255,255,255,0.015);white-space: nowrap}.ab{display: inline-flex;align-items: center;gap: var(--s-75);padding: var(--s-75) var(--s-100);border: 1px solid rgba(255,255,255,0.07);border-radius: var(--r-lg);background: #151922;color: #c9cede;font-size: 0.8125rem;line-height: 1rem}.ab svg{color: #9aa3b8}.ab-grp{display: inline-flex;gap: var(--s-25);padding: var(--s-25);border-radius: var(--r-lg);background: #10131a}.ab--i{padding: var(--s-75)}.ab--stop{min-width: 6rem;background: #3a1418;border-color: #5a1f25;color: #ff6b6b}.ab--stop svg,.ab--rec svg{color: #ff6b6b}.ab--on{background: #1d2333;border-color: #2f3a55;color: #fff}.ab--on svg{color: #a78bfa}.ab--lang{color: #f5b971}.ab--lang svg{color: #f5b971}.app-chat{display: grid;gap: var(--s-200);padding: var(--s-300)}.msg{display: grid;justify-items: start;gap: var(--s-50);max-width: 82%;transition: opacity 500ms var(--ease),transform 500ms var(--ease)}.msg--me{justify-self: end;justify-items: end}.msg-l{color: #ff6fae;font: 600 0.75rem/1rem "Segoe UI",var(--font);letter-spacing: 0.06em}.msg--me .msg-l{color: #6ea8ff}.bub{padding: var(--s-100) var(--s-200);border-radius: var(--r-xl);background: #2a1f2b;color: #f2f3f7;font-size: 0.9375rem;line-height: 1.375rem}.msg--me .bub{background: #1d3557}.bub .orig{margin-top: var(--s-50);color: rgba(242,243,247,0.78);font-size: 0.8125rem;line-height: 1.125rem}.msg time{color: #8b93a7;font: 0.75rem/1rem ui-monospace,Consolas,monospace}.ai{max-width: 100%;width: 100%;justify-items: stretch;gap: 0;border: 1px solid rgba(91,140,255,0.5);border-radius: var(--r-xl);background: #121726;box-shadow: 0 0 40px -12px rgba(91,140,255,0.5)}.ai-h{display: flex;align-items: center;gap: var(--s-75);padding: var(--s-100) var(--s-200);border-bottom: 1px solid rgba(255,255,255,0.06);color: #7ea6ff;font-weight: 600;font-size: 0.875rem}.ai-src{margin-inline-start: auto;padding: 0 var(--s-75);border-radius: 999px;background: rgba(91,140,255,0.15);color: #a9c0ff;font-size: 0.75rem}.ai-t{position: relative;margin: 0;padding: var(--s-200);color: #eef1f8;font-size: 0.9375rem;line-height: 1.5rem}.ai-live{position: absolute;inset: var(--s-200);display: none}.app.play .ai-t:not(.done) .ai-full{visibility: hidden}.app.play .ai-t:not(.done) .ai-live{display: block}.ai-live::after{content: "";display: inline-block;width: 2px;height: 1.1em;margin-inline-start: 2px;vertical-align: -3px;background: #7ea6ff;animation: blink 1s steps(1) infinite}@keyframes blink{50%{opacity: 0}}.ai.thinking .ai-h::after{content: "";width: 28px;height: 8px;margin-inline-start: var(--s-75);background: radial-gradient(circle,#7ea6ff 3px,transparent 4px) 0 50% / 10px 8px repeat-x;animation: dots 0.9s steps(3) infinite}@keyframes dots{from{width: 8px}to{width: 32px}}.app.play .msg:not(.is-static){opacity: 0;transform: translateY(12px)}.app.play .msg.on{opacity: 1;transform: none}.app.play .msg.out{opacity: 0;transform: translateY(-6px)}.reveal-all .app.play .msg{opacity: 1;transform: none}.app--compact{box-shadow: none;background: rgba(11,13,18,0.85)}.app--compact .app-chat{padding: var(--s-200);gap: var(--s-100)}.app--compact .bub{font-size: 0.8125rem;line-height: 1.25rem}.app--card{box-shadow: none;background: rgba(11,13,18,0.85)}.app--card .app-chat{padding: var(--s-200)}.hist{display: grid}.hist-list{display: grid;align-content: start;gap: var(--s-75);padding: var(--s-200);border-bottom: 1px solid rgba(255,255,255,0.06)}.hist-item{display: grid;gap: var(--s-25);padding: var(--s-100) var(--s-200);border: 1px solid rgba(255,255,255,0.06);border-radius: var(--r-xl);background: #10131a}.hist-item strong{font-size: 0.875rem;color: #eef1f8}.hist-item span{color: #8a92a6;font-size: 0.75rem}.hist-item.is-on{border-color: rgba(91,140,255,0.5);background: #121726}.hist-detail{display: grid;align-content: start;gap: var(--s-200);padding: var(--s-300)}.hist-actions{display: flex;flex-wrap: wrap;gap: var(--s-75)}.hist-sum{padding: var(--s-200);border: 1px solid rgba(255,255,255,0.06);border-radius: var(--r-xl);background: #10131a}.hist-sum strong{display: block;margin-bottom: var(--s-50);font-size: 0.8125rem;color: #a9c0ff}.hist-sum p{color: #c9cede;font-size: 0.875rem;line-height: 1.375rem}.hist .app-chat{padding: 0}@media (min-width: 48rem){.hist{grid-template-columns: minmax(0,2fr) minmax(0,3fr)}.hist-list{border-bottom: 0;border-inline-end: 1px solid rgba(255,255,255,0.06)}}@media (max-width: 47.99rem){.ab--o1,.ab--o2{display: none}.app-chat{padding: var(--s-200)}.msg{max-width: 92%}}@media (max-width: 63.99rem){.ab--o2{display: none}}.card .app{margin-top: auto}@property --beam{syntax: "<angle>";inherits: false;initial-value: 0deg}.beam::before{content: "";position: absolute;inset: 0;z-index: 3;padding: 1px;border-radius: inherit;background: conic-gradient(from var(--beam),transparent 0deg,transparent 290deg,rgba(91,140,255,0.9) 330deg,#c7b8ff 350deg,transparent 360deg);-webkit-mask: linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite: xor;mask-composite: exclude;animation: beam 7s linear infinite;pointer-events: none}@keyframes beam{to{--beam: 360deg}}.btn--primary{position: relative;overflow: hidden;isolation: isolate}.btn--primary::after{content: "";position: absolute;inset: 0;z-index: -1;background: linear-gradient(110deg,transparent 30%,rgba(91,140,255,0.45) 50%,transparent 70%);transform: translateX(-120%);animation: shimmer 3.6s var(--ease) infinite}@keyframes shimmer{55%,100%{transform: translateX(120%)}}.card,.use,.cross-card,.step{position: relative;overflow: hidden}.card::after,.use::after,.cross-card::after,.step::after{content: "";position: absolute;inset: 0;border-radius: inherit;background: radial-gradient(420px circle at var(--mx,50%) var(--my,-40%),rgba(91,140,255,0.16),transparent 45%);opacity: 0;transition: opacity 400ms var(--ease);pointer-events: none}.card:hover::after,.use:hover::after,.cross-card:hover::after,.step:hover::after{opacity: 1}.aurora{position: absolute;inset: -12rem -10% auto;height: 52rem;z-index: 0;overflow: hidden;pointer-events: none;opacity: 0.45;-webkit-mask-image: radial-gradient(ellipse 80% 70% at 50% 0%,#000 20%,transparent 75%);mask-image: radial-gradient(ellipse 80% 70% at 50% 0%,#000 20%,transparent 75%)}.aurora::before{content: "";position: absolute;inset: -10px;filter: blur(14px);background-image: repeating-linear-gradient(100deg,#05060a 0%,#05060a 7%,transparent 10%,transparent 12%,#05060a 16%),repeating-linear-gradient(100deg,#3b6cff 10%,#a5b4fc 15%,#60a5fa 20%,#c4b5fd 25%,#3b82f6 30%);background-size: 300%,200%;background-position: 50% 50%,50% 50%;animation: aurora 50s linear infinite}@keyframes aurora{from{background-position: 50% 50%,50% 50%}to{background-position: 350% 50%,350% 50%}}.spotlight{position: absolute;top: -40%;left: 0;z-index: 0;width: 138%;height: 169%;opacity: 0;pointer-events: none;animation: spot 2s var(--ease) 0.6s forwards}@keyframes spot{from{opacity: 0;transform: translate(-72%,-62%) scale(0.5)}to{opacity: 1;transform: translate(-50%,-40%) scale(1)}}@media (min-width: 64rem){.spotlight{top: -40%;left: 30%}}.hw{display: inline-block}.hero h1{color: #fff;font-weight: 700}.js .hero h1.split .hw{opacity: 0.08;filter: blur(10px);transform: translateY(8px);transition: opacity 700ms var(--ease),filter 700ms var(--ease),transform 700ms var(--ease);transition-delay: calc(var(--i) * 70ms)}.js .hero h1.split.go .hw{opacity: 1;filter: none;transform: none}.reveal-all .hero h1.split .hw{opacity: 1;filter: none;transform: none}.marquee{position: relative;z-index: 1;overflow: hidden;padding-block: var(--s-300);border-block: 1px solid var(--line);-webkit-mask-image: linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image: linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.marquee-track{display: flex;gap: var(--s-500);width: max-content;animation: marq 70s linear infinite}.marquee span{color: var(--muted);font-size: 1.125rem;line-height: 1.75rem;font-weight: 600;white-space: nowrap}.marquee span:nth-child(3n + 1){color: #c7d2ff}@keyframes marq{to{transform: translateX(-50%)}}[dir="rtl"] .marquee-track{animation-direction: reverse}.sec--warm{overflow: hidden}.meteors{position: absolute;inset: 0;z-index: -1;overflow: hidden;pointer-events: none}.meteor{position: absolute;top: -5%;width: 2px;height: 2px;border-radius: 999px;background: #c7d2ff;box-shadow: 0 0 0 1px rgba(255,255,255,0.08);transform: rotate(215deg);animation: meteor linear infinite}.meteor::before{content: "";position: absolute;top: 50%;width: 90px;height: 1px;transform: translateY(-50%);background: linear-gradient(90deg,#9db4ff,transparent)}@keyframes meteor{0%{transform: rotate(215deg) translateX(0);opacity: 1}70%{opacity: 1}100%{transform: rotate(215deg) translateX(-900px);opacity: 0}}@media (prefers-reduced-motion: reduce){.beam::before,.btn--primary::after,.aurora::before,.marquee-track,.meteor,.app-mark i,.app-live i{animation: none}.spotlight{animation: none;opacity: 1;transform: translate(-50%,-40%)}.js .hero h1.split .hw{opacity: 1;filter: none;transform: none}}.bg-noise{display: none}.strip{position: relative;z-index: 101;border-bottom: 1px solid var(--line);background: rgba(3,4,8,0.85);font: 500 0.75rem/1rem ui-monospace,"Cascadia Mono",Consolas,monospace;color: var(--muted)}.strip-in{display: flex;align-items: center;gap: var(--s-300);min-height: 2.25rem;padding-block: var(--s-75)}.strip-live{display: inline-flex;align-items: center;gap: var(--s-75);color: #ff7a7a;letter-spacing: 0.08em}.strip-live i{width: 8px;height: 8px;border-radius: 50%;background: #ff5f5f;animation: live 1.6s ease-out infinite;box-shadow: 0 0 0 0 rgba(255,95,95,0.6)}.strip-live time{color: #e6e9f2;letter-spacing: 0.04em;font-variant-numeric: tabular-nums}.strip-q{display: inline-flex;align-items: center;gap: var(--s-75);min-width: 0;color: #c7d2ff}.strip-q svg{color: var(--accent);flex: none}.strip-text{overflow: hidden;white-space: nowrap;text-overflow: ellipsis}.strip-text::after{content: "";display: inline-block;width: 1px;height: 0.95em;margin-inline-start: 2px;vertical-align: -2px;background: #c7d2ff;animation: blink 1s steps(1) infinite}.strip-os{margin-inline-start: auto;white-space: nowrap}.bar{position: sticky;top: 0;z-index: 100;border-bottom: 1px solid transparent;transition: background-color 300ms var(--ease),border-color 300ms var(--ease)}.bar.is-stuck{background: rgba(5,6,10,0.78);border-bottom-color: var(--line);-webkit-backdrop-filter: blur(16px) saturate(140%);backdrop-filter: blur(16px) saturate(140%)}.bar-in{display: flex;align-items: center;gap: var(--s-300);min-height: 4rem}.codes{display: flex;align-items: center;gap: var(--s-25);margin-inline-start: auto;overflow-x: auto;scrollbar-width: none;font: 600 0.75rem/1rem ui-monospace,"Cascadia Mono",Consolas,monospace}.codes::-webkit-scrollbar{display: none}.codes a{display: inline-grid;place-items: center;min-width: 2.25rem;min-height: 2rem;padding: 0 var(--s-75);border-radius: var(--r-lg);color: var(--muted);text-decoration: none;letter-spacing: 0.04em;transition: color 300ms var(--ease),background-color 300ms var(--ease)}.codes a:hover{color: var(--text);background: rgba(255,255,255,0.06)}.codes a[aria-current="page"]{color: #fff;background: rgba(91,140,255,0.18);box-shadow: inset 0 0 0 1px rgba(91,140,255,0.45)}.btn--accent{position: relative;overflow: hidden;isolation: isolate;background: linear-gradient(135deg,#3a63e6,#6a52e8);color: #fff;box-shadow: 0 8px 24px -10px rgba(91,140,255,0.7)}.btn--accent:hover{transform: translateY(-2px);box-shadow: 0 12px 28px -10px rgba(139,123,255,0.8)}.btn--accent::after{content: "";position: absolute;inset: 0;z-index: -1;background: linear-gradient(110deg,transparent 30%,rgba(255,255,255,0.35) 50%,transparent 70%);transform: translateX(-120%);animation: shimmer 3.6s var(--ease) infinite}.hero{padding-top: var(--s-500)}.hero-in{padding-top: var(--s-500)}@media (min-width: 64rem){.hero-in{display: grid;grid-template-columns: minmax(0,5fr) minmax(0,7fr);column-gap: var(--s-700);align-items: center;text-align: start}.hero-in>*{grid-column: 1}.hero-in>.hero-shot{grid-column: 2;grid-row: 1 / span 6;margin-top: 0;padding-bottom: var(--s-700);perspective: 1600px}.hero-in>.hero-shot .app{transform: rotateY(-8deg) rotateX(3deg);transform-origin: 0 50%;transition: transform 800ms var(--ease)}[dir="rtl"] .hero-in>.hero-shot .app{transform: rotateY(8deg) rotateX(3deg);transform-origin: 100% 50%}.hero-in>.hero-shot .app:hover{transform: none}.hero h1,.hero--topic h1{max-width: none;margin-inline: 0;font-size: 3.5rem;line-height: 1.05}.hero .lead{margin-inline: 0}.hero .facts{flex-direction: column;align-items: flex-start;justify-content: flex-start;margin-inline: 0}.hero .crumbs{justify-self: start}.hero-in::before{left: 25%}}@media (max-width: 47.99rem){.bar-in{flex-wrap: wrap;row-gap: 0;min-height: 3.5rem}.codes{order: 3;flex: 1 0 100%;margin-inline-start: 0;padding-bottom: var(--s-75);-webkit-mask-image: linear-gradient(90deg,#000 85%,transparent);mask-image: linear-gradient(90deg,#000 85%,transparent)}.bar-in .btn--accent{margin-inline-start: auto}.strip-os{display: none}}@media (max-width: 30rem){.bar-in .btn--accent span{display: none}.bar-in .btn--accent{padding-inline: var(--s-100)}}.card .app p:not(.orig),.use .app p:not(.orig){color: inherit}.js .hero h1.split[data-hero]{opacity: 1}@media (max-width: 47.99rem),(pointer: coarse){.blob{filter: blur(56px)}.blob--c{display: none}.card,.use,.step,.faq-list details,.cross-card,.chip,.kw li,.kw a{-webkit-backdrop-filter: none;backdrop-filter: none}.trail{display: none}}.spotlight{top: -24rem;width: min(140vw,110rem);height: auto;aspect-ratio: 3787 / 2842}@media (min-width: 64rem){.spotlight{top: -24rem;left: 30%}}.brand{flex: none}h1,h2,h3{-webkit-hyphens: auto;hyphens: auto}.hw{max-width: 100%;-webkit-hyphens: auto;hyphens: auto;overflow-wrap: break-word}@media (min-width: 64rem){.hero h1,.hero--topic h1{font-size: clamp(2.25rem,3.4vw,3.5rem)}}.codes.is-overflowing{-webkit-mask-image: linear-gradient(90deg,#000 88%,transparent);mask-image: linear-gradient(90deg,#000 88%,transparent)}[dir="rtl"] .codes{-webkit-mask-image: none;mask-image: none}.hero h1.measure .hw{max-width: none;overflow-wrap: normal;white-space: nowrap}