@font-face{font-family: "Schibsted Grotesk";font-style: normal;font-weight: 400 800;font-display: swap;src: url("../fonts/schibsted-grotesk-latin-ext.woff2") format("woff2");unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family: "Schibsted Grotesk";font-style: normal;font-weight: 400 800;font-display: swap;src: url("../fonts/schibsted-grotesk-latin.woff2") format("woff2");unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family: "Instrument Serif";font-style: normal;font-weight: 400;font-display: swap;src: url("../fonts/instrument-serif-latin-ext.woff2") format("woff2");unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family: "Instrument Serif";font-style: normal;font-weight: 400;font-display: swap;src: url("../fonts/instrument-serif-latin.woff2") format("woff2");unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family: "Instrument Serif";font-style: italic;font-weight: 400;font-display: swap;src: url("../fonts/instrument-serif-italic-latin-ext.woff2") format("woff2");unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family: "Instrument Serif";font-style: italic;font-weight: 400;font-display: swap;src: url("../fonts/instrument-serif-italic-latin.woff2") format("woff2");unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family: "JetBrains Mono";font-style: normal;font-weight: 400 500;font-display: swap;src: url("../fonts/jetbrains-mono-latin-ext.woff2") format("woff2");unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family: "JetBrains Mono";font-style: normal;font-weight: 400 500;font-display: swap;src: url("../fonts/jetbrains-mono-latin.woff2") format("woff2");unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme: light;--paper: #f5f5f7;--paper-raised: #ffffff;--paper-pure: #ffffff;--noir: #0a0b0d;--noir-raised: #141619;--ink: #111217;--ink-80: #33343b;--ink-60: #5c5d67;--ink-40: #8a8b95;--ink-25: #c4c5cd;--snow: #f4f5f7;--snow-70: #a4a9b3;--snow-45: #6d737e;--line: rgba(17,18,23,0.09);--line-soft: rgba(17,18,23,0.06);--line-noir: rgba(255,255,255,0.12);--line-noir-soft: rgba(255,255,255,0.07);--blue: #0a6cfc;--blue-deep: #0244c4;--blue-lift: #2f8bff;--cyan: #19dfff;--violet: #7b5cfc;--magenta: #f32f79;--amber: #ff9a2e;--spectral: linear-gradient( 92deg,var(--cyan) 0%,var(--blue) 26%,var(--violet) 52%,var(--magenta) 76%,var(--amber) 100% );--font-sans: "Schibsted Grotesk",-apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif;--font-serif: "Instrument Serif","Iowan Old Style",Georgia,serif;--font-mono: "JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--gutter: clamp(1.25rem,5vw,3.5rem);--measure: 1220px;--section-y: clamp(2.75rem,5.5vw,4.9rem);--r-sm: 10px;--r-md: 16px;--r-lg: 26px;--r-xl: 34px;--r-pill: 999px;--shadow-card: 0 1px 2px rgba(17,18,23,0.04),0 4px 10px -4px rgba(17,18,23,0.05),0 18px 36px -18px rgba(17,18,23,0.12);--shadow-lift: 0 1px 2px rgba(17,18,23,0.05),0 12px 28px -12px rgba(17,18,23,0.14),0 44px 80px -36px rgba(17,18,23,0.22);--shadow-window: 0 1px 2px rgba(17,18,23,0.06),0 10px 24px -10px rgba(17,18,23,0.12),0 36px 72px -30px rgba(17,18,23,0.24),0 90px 150px -70px rgba(17,18,23,0.3);--glass: rgba(255,255,255,0.55);--glass-strong: rgba(255,255,255,0.82);--glass-strong-hover: #ffffff;--menu: rgba(255,255,255,0.94);--nav-glass: rgba(245,245,247,0.78);--nav-sheet: rgba(245,245,247,0.96);--wash: rgba(17,18,23,0.05);--surface-hover: #fcfcfe;--pick-hover: rgba(255,255,255,0.72);--floor: #ececf0;--line-strong: rgba(17,18,23,0.24);--accent-wash: rgba(10,108,252,0.09);--accent-line: rgba(10,108,252,0.22);--link-line: rgba(10,108,252,0.35);--kbd-shadow: 0 1px 0 rgba(17,18,23,0.14);--ease-out: cubic-bezier(0.22,1,0.36,1);--ease-cine: cubic-bezier(0.65,0,0.25,1);--demo-cycle: 19s}*,*::before,*::after{box-sizing: border-box}html{-webkit-text-size-adjust: 100%;scroll-behavior: smooth;scroll-padding-top: 6rem;overflow-x: clip}body{margin: 0;background-color: var(--paper);background-image: radial-gradient( 62rem 34rem at 50% -10rem,rgba(10,108,252,0.11) 0%,transparent 70% ),radial-gradient( 40rem 26rem at 88% 4rem,rgba(25,223,255,0.08) 0%,transparent 72% ),radial-gradient( 40rem 26rem at 10% 6rem,rgba(123,92,252,0.06) 0%,transparent 72% );background-repeat: no-repeat;background-attachment: scroll;color: var(--ink);font-family: var(--font-sans);font-size: 1.0625rem;line-height: 1.62;font-weight: 400;letter-spacing: -0.006em;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;overflow-x: clip}img,svg,video{display: block;max-width: 100%}.vposter{position: absolute;inset: 0;display: block;overflow: hidden;border-radius: inherit;pointer-events: none}.vposter img{display: block;width: 100%;height: 100%;object-fit: cover;border-radius: inherit}.chapter__media,.pick__panel > video,.chapter__media > video,.player__zoom > video{position: relative}a{color: inherit;text-decoration: none}button{font: inherit;color: inherit;border: 0;background: none;cursor: pointer}h1,h2,h3,h4,p,figure,blockquote{margin: 0}ul,ol{margin: 0;padding: 0;list-style: none}::selection{background: var(--blue);color: #fff}:focus-visible{outline: 2px solid var(--blue);outline-offset: 3px;border-radius: 4px}.h-display{font-size: clamp(2rem,8.4vw,5.6rem);line-height: 0.95;letter-spacing: -0.042em;font-weight: 700;text-wrap: balance;overflow-wrap: break-word}.h-section{font-size: clamp(1.85rem,4.4vw,3.4rem);line-height: 1.03;letter-spacing: -0.032em;font-weight: 600;text-wrap: balance;overflow-wrap: break-word}.h-sub{font-size: clamp(1.35rem,2.4vw,1.9rem);line-height: 1.15;letter-spacing: -0.028em;font-weight: 600}.serif{font-family: var(--font-serif);font-style: italic;font-weight: 400;letter-spacing: -0.012em}.lede{font-size: clamp(1.075rem,1.55vw,1.28rem);line-height: 1.55;color: var(--ink-60);letter-spacing: -0.01em;max-width: 40ch}.eyebrow{display: inline-flex;align-items: center;gap: 0.7em;font-family: var(--font-sans);font-size: 0.74rem;font-weight: 600;letter-spacing: 0.13em;text-transform: uppercase;color: var(--blue)}.eyebrow::before{content: "";width: 1.4rem;height: 1.5px;border-radius: 1px;background: currentColor;opacity: 0.45}.eyebrow--plain::before{display: none}.eyebrow--note{font-family: var(--font-mono);font-size: 0.7rem;font-weight: 500;letter-spacing: 0.1em;color: var(--ink-40)}.h-display em.tint:not(.serif),.sxhero h1 em.tint{font-style: normal}.tint{background: linear-gradient( 96deg,var(--cyan) 0%,var(--blue) 38%,#5b53fb 72%,var(--violet) 100% );-webkit-background-clip: text;background-clip: text;color: transparent;padding-inline: 0.12em;margin-inline: -0.12em;-webkit-box-decoration-break: clone;box-decoration-break: clone}.wrap{width: 100%;max-width: var(--measure);margin-inline: auto;padding-inline: var(--gutter);position: relative;z-index: 2}.wrap--wide{max-width: 1420px}.wrap--narrow{max-width: 760px}.section{padding-block: var(--section-y);position: relative}.section--tight{padding-block: clamp(3.5rem,7vw,6rem)}.section-head{display: grid;grid-template-columns: minmax(0,1fr);gap: 1.4rem;max-width: 46rem}@media (max-width: 480px){html:is([lang="de"],[lang="fr"],[lang="es"],[lang="it"],[lang="nl"],[lang="pl"],[lang="pt-BR"],[lang="tr"],[lang="vi"],[lang="id"]) .h-section{hyphens: auto}}.points{display: grid;gap: 0.85rem;margin: 0.15rem 0 0;padding: 0;list-style: none}.points li{display: flex;align-items: center;gap: 0.8rem;font-size: clamp(1rem,1.3vw,1.1rem);font-weight: 600;letter-spacing: -0.012em;color: var(--ink)}.points svg{width: 1.4rem;height: 1.4rem;flex: none;color: var(--blue)}.btn{display: inline-flex;align-items: center;justify-content: center;gap: 0.6rem;padding: 0.95rem 1.6rem;border-radius: var(--r-pill);font-size: 0.965rem;font-weight: 600;letter-spacing: -0.012em;line-height: 1;transition: transform 0.35s var(--ease-out),background-color 0.3s ease,color 0.3s ease,box-shadow 0.35s var(--ease-out),border-color 0.3s ease;white-space: nowrap}.btn:hover{transform: translateY(-2px)}.btn:active{transform: translateY(0)}.btn--ink{background: linear-gradient(180deg,#2c2d33 0%,#16171b 48%,#0c0d10 100%);color: var(--paper-pure);box-shadow: inset 0 1px 0 rgba(255,255,255,0.14),0 1px 2px rgba(17,18,23,0.2),0 10px 24px -10px rgba(17,18,23,0.5)}.btn--ink:hover{box-shadow: inset 0 1px 0 rgba(255,255,255,0.16),0 2px 4px rgba(17,18,23,0.2),0 18px 34px -12px rgba(17,18,23,0.55)}.btn--ghost{border: 1px solid var(--line);background: var(--glass);color: var(--ink);backdrop-filter: blur(8px)}.btn--ghost:hover{border-color: var(--line-strong);background: var(--paper-pure)}.btn__arrow{transition: transform 0.4s var(--ease-out)}.btn:hover .btn__arrow{transform: translateX(3px)}.store-badge{display: inline-flex;flex: none}.store-badge__img{display: block;width: auto;height: 2.5rem}.store-badge__img--white,:root:not([data-theme="light"]) .store-badge__img--black{display: none}:root:not([data-theme="light"]) .store-badge__img--white{display: block}.made-with{display: inline-flex;align-items: center;gap: 0.45rem;font-size: 0.8rem;color: var(--ink-60);transition: color 0.25s ease}.made-with b{color: var(--ink);font-weight: 600}.made-with__arrow{flex: none;transition: transform 0.35s var(--ease-out)}.made-with:hover{color: var(--ink)}.made-with:hover .made-with__arrow{transform: translateX(2px)}.nav{position: fixed;top: 0;left: 0;right: 0;z-index: 100;border-bottom: 1px solid transparent;transition: border-color 0.4s ease}.nav::before{content: "";position: absolute;inset: 0;background: var(--nav-glass);backdrop-filter: saturate(180%) blur(20px);-webkit-backdrop-filter: saturate(180%) blur(20px);opacity: 0;transition: opacity 0.4s ease;pointer-events: none}.nav.is-stuck{border-bottom-color: var(--line-soft)}.nav.is-stuck::before{opacity: 1}.nav__inner{display: flex;align-items: center;height: 4.5rem}.brand{display: inline-flex;align-items: center;gap: 0.65rem;font-weight: 700;font-size: 1.02rem;letter-spacing: -0.028em;margin-right: auto}.brand__mark{width: 1.85rem;height: 1.85rem;border-radius: 8px;box-shadow: 0 1px 2px rgba(13,15,18,0.16),0 4px 10px -4px rgba(10,108,252,0.5)}.nav__links{display: flex;align-items: center;gap: 0.25rem}.nav__links a{position: relative;padding: 0.5rem 0.7rem;font-size: 0.925rem;font-weight: 500;color: var(--ink-60);letter-spacing: -0.008em;transition: color 0.25s ease}.nav__links a::after{content: "";position: absolute;left: 0.7rem;right: 0.7rem;bottom: 0.15rem;height: 1px;background: currentColor;transform: scaleX(0);transform-origin: right;transition: transform 0.4s var(--ease-out)}@media (min-width: 881px) and (max-width: 1100px){.nav__links a{padding-inline: 0.5rem}.nav__links a::after{left: 0.5rem;right: 0.5rem}}@media (min-width: 881px) and (max-width: 1000px){.nav__links{gap: 0}.nav__links a{padding-inline: 0.4rem}.nav__links a::after{left: 0.4rem;right: 0.4rem}}.nav__links a:hover{color: var(--ink)}.nav__links a:hover::after{transform: scaleX(1);transform-origin: left}.nav__links a:is([aria-current="page"],[aria-current="true"]){color: var(--ink)}.nav__links a:is([aria-current="page"],[aria-current="true"])::after{transform: scaleX(1)}.nav__end{display: flex;align-items: center;gap: 0.25rem}.langs{position: relative;margin-left: 0.75rem;padding-left: 0.75rem}.langs::before{content: "";position: absolute;left: 0;top: 50%;width: 1px;height: 1rem;margin-top: -0.5rem;background: var(--line)}.langs__button{display: inline-flex;align-items: center;gap: 0.4rem;height: 2.5rem;padding: 0 0.7rem;border: 0;border-radius: var(--r-pill);background: transparent;color: var(--ink-60);font: inherit;font-size: 0.875rem;font-weight: 500;letter-spacing: -0.008em;white-space: nowrap;cursor: pointer;transition: color 0.25s ease,background-color 0.25s ease,transform 0.2s var(--ease-out)}.langs__button:active{transform: scale(0.96)}.langs__button:hover,.langs.is-open .langs__button{color: var(--ink);background: var(--wash)}.lang__globe{flex: none}.langs__chevron{flex: none;opacity: 0.7;transition: transform 0.3s var(--ease-out)}.langs.is-open .langs__chevron{transform: rotate(180deg)}.langs__list{position: absolute;top: calc(100% + 0.6rem);right: 0;z-index: 2;display: grid;gap: 1px;min-width: 15rem;max-height: min(40rem,calc(100vh - 6rem));max-height: min(40rem,calc(100dvh - 6rem));overflow-y: auto;overscroll-behavior: contain;scrollbar-width: thin;margin: 0;padding: 0.35rem;list-style: none;border: 1px solid var(--line);border-radius: var(--r-md);background: var(--menu);backdrop-filter: saturate(180%) blur(20px);-webkit-backdrop-filter: saturate(180%) blur(20px);box-shadow: var(--shadow-lift);opacity: 0;visibility: hidden;transform: translateY(-0.4rem) scale(0.96);transform-origin: top right;transition: opacity 0.16s ease-in,transform 0.2s ease-in,visibility 0s linear 0.2s}.langs.is-open .langs__list{opacity: 1;visibility: visible;transform: none;transition: opacity 0.22s var(--ease-out),transform 0.42s cubic-bezier(0.16,1,0.3,1),visibility 0s}.langs__list li{opacity: 0;transform: translateY(0.35rem);transition: opacity 0.1s ease-in,transform 0.1s ease-in}.langs.is-open .langs__list li{opacity: 1;transform: none;transition: opacity 0.24s var(--ease-out),transform 0.4s cubic-bezier(0.16,1,0.3,1);transition-delay: calc(40ms + var(--i,0) * 12ms)}.langs__list a{display: grid;grid-template-columns: 1.05rem minmax(0,1fr) auto;align-items: center;column-gap: 0.55rem;padding: 0.44rem 0.8rem 0.44rem 0.6rem;border-radius: var(--r-sm);font-size: 0.875rem;font-weight: 500;line-height: 1.35;color: var(--ink-80);white-space: nowrap;transition: background-color 0.2s ease,color 0.2s ease}.langs__list a:hover,.langs__list a:focus-visible{color: var(--ink);background: var(--wash)}.langs__list a[aria-current="page"]{color: var(--ink)}.langs__check{grid-column: 1;color: var(--blue)}.langs__check path{stroke-dasharray: 1;stroke-dashoffset: 1}.langs.is-open .langs__check path{stroke-dashoffset: 0;transition: stroke-dashoffset 0.36s var(--ease-out) calc(160ms + var(--i,0) * 12ms)}.langs__name{grid-column: 2}.langs__code{grid-column: 3;font-family: "JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;font-size: 0.625rem;font-weight: 500;letter-spacing: 0.08em;color: var(--ink-40);transition: color 0.2s ease}.langs__list a:hover .langs__code,.langs__list a:focus-visible .langs__code,.langs__list a[aria-current="page"] .langs__code{color: var(--ink-60)}@media (pointer: coarse){.langs__list a{padding-top: 0.62rem;padding-bottom: 0.62rem}}@media (prefers-reduced-motion: reduce){.langs__button:active{transform: none}.langs__list,.langs.is-open .langs__list{transform: none}.langs__list li,.langs.is-open .langs__list li{opacity: 1;transform: none;transition: none}.langs__check path,.langs.is-open .langs__check path{stroke-dashoffset: 0;transition: none}}.nav__toggle{display: none;position: relative;width: 2.75rem;height: 2.75rem;margin-right: -0.75rem;padding: 0;border: 0;border-radius: var(--r-pill);background: transparent;color: var(--ink);cursor: pointer}.nav__toggle-line{position: absolute;top: 50%;left: 50%;width: 1.1rem;height: 1.5px;margin: -0.75px 0 0 -0.55rem;border-radius: 1px;background: currentColor;transition: transform 0.4s var(--ease-out)}.nav__toggle-line:first-child{transform: translateY(-3.5px)}.nav__toggle-line:last-child{transform: translateY(3.5px)}.nav.is-open .nav__toggle-line:first-child{transform: rotate(45deg)}.nav.is-open .nav__toggle-line:last-child{transform: rotate(-45deg)}html.nav-locked{overflow: hidden}@media (max-width: 880px){.nav__toggle{display: inline-block}.nav .brand,.nav__end{position: relative;z-index: 1}.nav__links{position: fixed;inset: 0;z-index: 0;flex-direction: column;align-items: flex-start;gap: 0;padding: calc(4.5rem + clamp(1.25rem,5vh,2.75rem)) var(--gutter) 3rem;background: var(--nav-sheet);backdrop-filter: saturate(180%) blur(24px);-webkit-backdrop-filter: saturate(180%) blur(24px);overflow-y: auto;overscroll-behavior: contain;opacity: 0;visibility: hidden;transition: opacity 0.3s var(--ease-out),visibility 0s linear 0.3s}.nav.is-open .nav__links{opacity: 1;visibility: visible;transition: opacity 0.3s var(--ease-out),visibility 0s}.nav__links a{padding: 0.55rem 0;font-size: 1.5rem;font-weight: 600;line-height: 1.2;letter-spacing: -0.022em;color: var(--ink);opacity: 0;transform: translateY(-0.5rem);transition: opacity 0.35s var(--ease-out),transform 0.5s var(--ease-out),color 0.25s ease}.nav.is-open .nav__links a{opacity: 1;transform: none}.nav.is-open .nav__links a:nth-child(1){transition-delay: 0.05s}.nav.is-open .nav__links a:nth-child(2){transition-delay: 0.09s}.nav.is-open .nav__links a:nth-child(3){transition-delay: 0.13s}.nav.is-open .nav__links a:nth-child(4){transition-delay: 0.17s}.nav.is-open .nav__links a:nth-child(5){transition-delay: 0.21s}.nav.is-open .nav__links a:nth-child(6){transition-delay: 0.25s}.nav__links a::after{left: 0;right: 0;bottom: 0.3rem;height: 1.5px}.langs{margin-left: 0;padding-left: 0}.langs::before,.langs__current,.langs__chevron{display: none}.langs__button{justify-content: center;width: 2.75rem;height: 2.75rem;padding: 0}}@media (prefers-reduced-motion: reduce){.nav::before,.nav__links,.nav__links a,.nav__toggle-line{transition: none}.nav__links a{transform: none}}.hero__aura{position: absolute;top: -22vw;left: 50%;translate: -50% 0;width: min(140vw,1600px);aspect-ratio: 1.6 / 1;z-index: 0;pointer-events: none;background: radial-gradient( 42% 48% at 30% 42%,rgba(25,223,255,0.3) 0%,transparent 68% ),radial-gradient( 40% 46% at 52% 34%,rgba(10,108,252,0.34) 0%,transparent 66% ),radial-gradient( 36% 44% at 70% 46%,rgba(123,92,252,0.26) 0%,transparent 66% ),radial-gradient( 30% 38% at 84% 60%,rgba(243,47,121,0.16) 0%,transparent 68% );filter: blur(30px);opacity: 0.3;animation: aura-drift 26s ease-in-out infinite alternate}@keyframes aura-drift{0%{transform: translate3d(-2%,0,0) scale(1)}100%{transform: translate3d(2%,2%,0) scale(1.06)}}.snap-brand{display: flex;align-items: center;gap: 0.9rem;text-align: start}.snap-brand__name{display: grid;gap: 0.15rem;line-height: 1.3}.snap-brand__name b{font-size: 1.06rem;font-weight: 600;letter-spacing: -0.015em;color: var(--ink)}.snap-brand__name span{font-size: 0.9rem;color: var(--ink-60)}@media (max-width: 340px){html[lang="ja"] .sxhero .snap-brand ~ h1{font-size: 1.55rem}}.showcase{position: relative;z-index: 2;margin: clamp(2.5rem,5vw,4rem) 0 0}.showcase__frame{position: relative;aspect-ratio: 16 / 9;border-radius: clamp(12px,1.2vw,18px);overflow: hidden;box-shadow: var(--shadow-card)}.showcase__frame > video,.showcase__frame > img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;border-radius: inherit;display: block}.showcase__cap{margin-top: 1.15rem;display: flex;flex-wrap: wrap;align-items: baseline;gap: 0.35rem 1.15rem;font-size: 0.94rem;line-height: 1.5;color: var(--ink-60);max-width: 68ch}.steps{display: grid;grid-template-columns: repeat(3,1fr);gap: 1px;margin-top: clamp(2.5rem,5vw,4rem);background: var(--line);border: 1px solid var(--line);border-radius: var(--r-lg);overflow: hidden}@media (max-width: 820px){.steps{grid-template-columns: 1fr}}.step{background: var(--paper-raised);padding: clamp(1.75rem,3vw,2.6rem);display: grid;gap: 0.85rem;align-content: start;transition: background-color 0.45s ease}.step:hover{background: var(--surface-hover)}.step__no{font-family: var(--font-mono);font-size: 0.72rem;letter-spacing: 0.16em;color: var(--blue)}.step h3{font-size: 1.28rem;font-weight: 700;letter-spacing: -0.028em}.step p{color: var(--ink-60);font-size: 0.985rem}.snap{display: grid;grid-template-columns: minmax(0,0.92fr) minmax(0,1.08fr);gap: clamp(2rem,5vw,4.5rem);align-items: center;padding: clamp(2rem,4.5vw,3.75rem);border-radius: var(--r-xl);border: 1px solid var(--line);background: linear-gradient( 150deg,var(--paper-raised) 0%,var(--paper-pure) 100% );box-shadow: var(--shadow-card);position: relative;overflow: hidden}.snap::before{content: "";position: absolute;top: -30%;right: -12%;width: 46%;aspect-ratio: 1;border-radius: 50%;background: radial-gradient( circle,rgba(25,223,255,0.22) 0%,transparent 68% );pointer-events: none}@media (max-width: 900px){.snap{grid-template-columns: 1fr}}.specs{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));margin-top: clamp(2.5rem,5vw,3.5rem);border-top: 1px solid var(--line);border-left: 1px solid var(--line)}@media (max-width: 900px){.specs{grid-template-columns: repeat(2,minmax(0,1fr))}}@media (max-width: 560px){.specs{grid-template-columns: 1fr}}.spec{padding: 1.75rem 1.5rem;display: grid;gap: 0.5rem;align-content: start;border-right: 1px solid var(--line);border-bottom: 1px solid var(--line)}.spec dt{font-family: var(--font-mono);font-size: 0.68rem;letter-spacing: 0.13em;text-transform: uppercase;color: var(--ink-40)}.spec dd{margin: 0;font-size: 1.02rem;font-weight: 600;letter-spacing: -0.02em}.spec dd small{display: block;font-weight: 400;font-size: 0.9rem;color: var(--ink-60);letter-spacing: -0.005em;margin-top: 0.25rem}.faq{margin-top: clamp(2rem,4vw,3rem);border-top: 1px solid var(--line)}.faq details{border-bottom: 1px solid var(--line)}.faq summary{list-style: none;cursor: pointer;padding: 1.55rem 3rem 1.55rem 0;position: relative;font-size: clamp(1.02rem,1.6vw,1.18rem);font-weight: 600;letter-spacing: -0.022em;transition: color 0.3s ease}.faq summary::-webkit-details-marker{display: none}.faq summary:hover{color: var(--blue)}.faq summary::after,.faq summary::before{content: "";position: absolute;right: 0.35rem;top: 50%;width: 0.85rem;height: 1.5px;background: currentColor;opacity: 0.55;transition: transform 0.45s var(--ease-out),opacity 0.3s ease}.faq summary::before{transform: translateY(-50%) rotate(90deg)}.faq summary::after{transform: translateY(-50%)}.faq details[open] summary::before{transform: translateY(-50%) rotate(0deg);opacity: 0}.faq__answer{padding-bottom: 1.7rem;color: var(--ink-60);font-size: 1rem;line-height: 1.75;animation: fade-up 0.5s var(--ease-out)}.faq__answer p + p{margin-top: 0.85rem}.faq__answer a{color: var(--blue);text-decoration: underline;text-underline-offset: 3px;text-decoration-thickness: 1px;text-decoration-color: var(--link-line);transition: text-decoration-color 0.2s ease}.faq__answer a:hover{text-decoration-color: currentColor}@keyframes fade-up{from{opacity: 0;transform: translateY(6px)}}.footer{background: var(--noir);color: var(--snow);padding-block: clamp(3.5rem,7vw,5.5rem) 2.5rem}.footer__top{display: grid;grid-template-columns: minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap: clamp(2rem,4vw,3.5rem);padding-bottom: 3rem;border-bottom: 1px solid var(--line-noir-soft)}@media (max-width: 900px){.footer__top{grid-template-columns: 1fr 1fr}}@media (max-width: 560px){.footer__top{grid-template-columns: 1fr}}.footer__brand{display: grid;gap: 1rem;align-content: start;max-width: 28ch}.footer__brand .brand{color: var(--ink);margin-right: 0}.footer__brand p{color: var(--snow-45);font-size: 0.925rem}.footer__col h2{font-family: var(--font-mono);font-size: 0.66rem;letter-spacing: 0.14em;text-transform: uppercase;color: var(--snow-45);margin-bottom: 1.1rem;font-weight: 500}.footer__col ul{display: grid;gap: 0.7rem}.footer__col a{font-size: 0.945rem;color: var(--snow-70);transition: color 0.25s ease}.footer__col a:hover{color: var(--snow)}.footer__bottom{padding-top: 1.75rem;display: flex;flex-wrap: wrap;gap: 0.75rem 2rem;align-items: center;justify-content: space-between;font-family: var(--font-mono);font-size: 0.68rem;letter-spacing: 0.07em;color: var(--snow-45)}.footer__bottom p{margin: 0}.footer__bottom .footer__legal{flex-basis: 100%;letter-spacing: 0.02em;line-height: 1.6}.doc-hero{padding-top: clamp(7.5rem,12vw,9.5rem);padding-bottom: clamp(2rem,4vw,3rem)}.doc-hero h1{font-size: clamp(2.35rem,5.4vw,4rem);line-height: 1.02;letter-spacing: -0.038em;font-weight: 700;margin-top: 1rem}.doc-hero p{margin-top: 1.1rem}.doc{padding-bottom: clamp(4rem,8vw,7rem)}.doc__layout{display: grid;grid-template-columns: minmax(0,15rem) minmax(0,1fr);gap: clamp(2rem,5vw,4.5rem);align-items: start}@media (max-width: 900px){.doc__layout{grid-template-columns: minmax(0,1fr)}.doc__toc{position: static !important}}.doc__toc{position: sticky;top: 6.5rem;display: grid;gap: 0.6rem;padding-top: 0.4rem}.doc__toc h2{font-family: var(--font-mono);font-size: 0.65rem;letter-spacing: 0.14em;text-transform: uppercase;color: var(--ink-40);margin-bottom: 0.45rem;font-weight: 500}.doc__toc a{font-size: 0.92rem;color: var(--ink-60);transition: color 0.25s ease,padding-left 0.35s var(--ease-out);border-left: 1px solid var(--line);padding-left: 0.85rem;line-height: 1.35;padding-block: 0.18rem}.doc__toc a:hover{color: var(--ink);border-left-color: var(--blue);padding-left: 1.05rem}.prose{max-width: 68ch}.prose h2{font-size: clamp(1.35rem,2.4vw,1.72rem);font-weight: 700;letter-spacing: -0.03em;line-height: 1.15;margin-top: 3.25rem;padding-top: 1.75rem;border-top: 1px solid var(--line);scroll-margin-top: 6.5rem}.prose > h2:first-child{margin-top: 0;border-top: 0;padding-top: 0}.prose h3{font-size: 1.06rem;font-weight: 600;letter-spacing: -0.02em;margin-top: 1.85rem}.prose p,.prose ul,.prose ol{margin-top: 1rem;color: var(--ink-60)}.prose strong{color: var(--ink);font-weight: 600}.prose ul li,.prose ol li{position: relative;padding-left: 1.35rem;margin-top: 0.55rem}.prose ul li::before{content: "";position: absolute;left: 0.15rem;top: 0.72rem;width: 0.35rem;height: 0.35rem;border-radius: 50%;background: var(--ink-25)}.prose ol{counter-reset: n}.prose ol li{counter-increment: n}.prose ol li::before{content: counter(n) ".";position: absolute;left: 0;color: var(--ink-40);font-family: var(--font-mono);font-size: 0.82rem;top: 0.1rem}.prose a{color: var(--blue);text-decoration: underline;text-underline-offset: 3px;text-decoration-thickness: 1px;text-decoration-color: var(--link-line);transition: text-decoration-color 0.2s ease}.prose a:hover{text-decoration-color: currentColor}.prose table{width: 100%;border-collapse: collapse;margin-top: 1.25rem;font-size: 0.95rem}.prose th,.prose td{text-align: left;padding: 0.8rem 0.9rem 0.8rem 0;border-bottom: 1px solid var(--line);vertical-align: top;color: var(--ink-60)}html:is([lang="de"],[lang="fr"],[lang="es"],[lang="it"],[lang="nl"],[lang="pl"],[lang="pt-BR"],[lang="tr"],[lang="vi"],[lang="id"]) .prose td{hyphens: auto;overflow-wrap: anywhere}.prose th{font-family: var(--font-mono);font-size: 0.66rem;letter-spacing: 0.12em;text-transform: uppercase;color: var(--ink-40);font-weight: 500}@media (max-width: 560px){.prose table,.prose tbody,.prose tr,.prose td{display: block}.prose thead{position: absolute;width: 1px;height: 1px;overflow: hidden;clip-path: inset(50%);white-space: nowrap}.prose tbody{border-top: 1px solid var(--line)}.prose tr{padding: 1rem 0 1.05rem;border-bottom: 1px solid var(--line)}.prose td{padding: 0;border-bottom: 0}.prose td:first-child{color: var(--ink)}.prose td + td{margin-top: 0.75rem}.prose td[data-label]::before{content: attr(data-label);content: attr(data-label) / "";display: block;margin-bottom: 0.25rem;font-family: var(--font-mono);font-size: 0.66rem;letter-spacing: 0.12em;text-transform: uppercase;color: var(--ink-40);font-weight: 500}}.callout{margin-top: 1.5rem;padding: 1.25rem 1.4rem;border-radius: var(--r-md);border: 1px solid var(--line);background: var(--paper-raised);box-shadow: var(--shadow-card)}.callout p{margin-top: 0;color: var(--ink-80);font-size: 0.97rem}.callout p + p{margin-top: 0.7rem}.contact-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(240px,1fr));gap: 1rem;margin-top: clamp(2rem,4vw,3rem)}.contact-card{padding: 1.6rem;border-radius: var(--r-lg);border: 1px solid var(--line);background: var(--paper-raised);display: grid;gap: 0.55rem;align-content: start;box-shadow: var(--shadow-card);transition: transform 0.5s var(--ease-out),box-shadow 0.5s var(--ease-out)}.contact-card:hover{transform: translateY(-3px);box-shadow: var(--shadow-lift)}.contact-card h2{font-size: 1.08rem;font-weight: 700;letter-spacing: -0.025em}.contact-card p{color: var(--ink-60);font-size: 0.95rem}.contact-card a{color: var(--blue);font-weight: 600;font-size: 0.98rem;word-break: break-word}[data-reveal]{opacity: 0;transform: translateY(22px);transition: opacity 0.85s var(--ease-out),transform 0.85s var(--ease-out);transition-delay: var(--reveal-delay,0ms)}[data-reveal].is-in{opacity: 1;transform: none}@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto}*,*::before,*::after{animation-duration: 0.001ms !important;animation-iteration-count: 1 !important;transition-duration: 0.001ms !important}[data-reveal]{opacity: 1;transform: none}}@media (max-width: 640px){.btn{padding: 0.85rem 1.35rem}.showcase__cap{gap: 0.3rem}}html[lang^="zh"] body{font-family: "Schibsted Grotesk","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",-apple-system,sans-serif;letter-spacing: 0;line-height: 1.78}html[lang="zh-Hant"] body{font-family: "Schibsted Grotesk","PingFang TC","Heiti TC","Microsoft JhengHei","Noto Sans TC",-apple-system,sans-serif}html[lang="ja"] body{font-family: "Schibsted Grotesk","Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic","Meiryo","Noto Sans JP",-apple-system,sans-serif}html[lang="ko"] body{font-family: "Schibsted Grotesk","Apple SD Gothic Neo","Malgun Gothic","Noto Sans KR",-apple-system,sans-serif}html:is([lang="ja"],[lang="ko"]) body{letter-spacing: 0;line-height: 1.78}html[lang="ja"] body{line-break: strict}html[lang="ja"] :is(h1,h2,h3,summary,.sxhero__sub,.lede,.sx__intro){word-break: auto-phrase;overflow-wrap: anywhere}html[lang="ko"] body{word-break: keep-all;overflow-wrap: break-word}html:is([lang^="zh"],[lang="ja"],[lang="ko"]) .h-display{letter-spacing: -0.01em;line-height: 1.18;font-size: clamp(2.35rem,5.6vw,4.4rem)}html:is([lang^="zh"],[lang="ja"],[lang="ko"]) .h-section{letter-spacing: -0.005em;line-height: 1.3}html:is([lang^="zh"],[lang="ja"],[lang="ko"]) .h-sub{letter-spacing: 0;line-height: 1.45}html:is([lang^="zh"],[lang="ja"],[lang="ko"]) .lede{letter-spacing: 0;line-height: 1.85;max-width: 32em}html:is([lang^="zh"],[lang="ja"],[lang="ko"]) .eyebrow,html:is([lang^="zh"],[lang="ja"],[lang="ko"]) .sx__eyebrow{font-size: 0.82rem;letter-spacing: 0.06em}html:is([lang^="zh"],[lang="ja"],[lang="ko"]) .eyebrow--note{font-size: 0.76rem;letter-spacing: 0.04em}html:is([lang^="zh"],[lang="ja"],[lang="ko"]) .step p,html:is([lang^="zh"],[lang="ja"],[lang="ko"]) .prose p,html:is([lang^="zh"],[lang="ja"],[lang="ko"]) .prose li{line-height: 1.9;max-width: 38em}html:is([lang^="zh"],[lang="ja"],[lang="ko"]) .faq__answer{line-height: 1.95}html:is([lang^="zh"],[lang="ja"],[lang="ko"]) .spec dd small{line-height: 1.8}html:is([lang^="zh"],[lang="ja"],[lang="ko"]) .serif{font-family: inherit;font-style: normal;font-weight: 700}html:is([lang^="zh"],[lang="ja"],[lang="ko"]) .doc__toc a{line-height: 1.6}[lang="vi"]{--font-sans: -apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif;--font-serif: ui-serif,"New York",Georgia,"Times New Roman",serif;--font-mono: ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}:not(html)[lang="vi"]{font-family: var(--font-sans)}.eyebrow--cased{text-transform: none;letter-spacing: 0.05em}.tools{display: grid;grid-template-columns: repeat(3,1fr);gap: 1px;margin-top: clamp(2.5rem,5vw,3.5rem);background: var(--line);border: 1px solid var(--line);border-radius: var(--r-lg);overflow: hidden}.tool{background: var(--paper-raised);padding: 1.5rem 1.35rem;display: grid;gap: 0.5rem;align-content: start;transition: background-color 0.4s ease}.tool:hover{background: var(--surface-hover)}@media (max-width: 980px){.tools{grid-template-columns: repeat(2,1fr)}.tool:last-child{grid-column: span 2}}@media (max-width: 620px){.tools{grid-template-columns: 1fr}.tool:last-child{grid-column: auto}}.tool__icon{width: 1.6rem;height: 1.6rem;color: var(--blue);margin-bottom: 0.35rem}.tool h3{font-size: 1.02rem;font-weight: 700;letter-spacing: -0.022em}.tool p{font-size: 0.93rem;line-height: 1.55;color: var(--ink-60)}.kbd{display: inline-flex;align-items: center;gap: 0.3rem;vertical-align: baseline}.nobr{white-space: nowrap}.kbd kbd{font-family: "JetBrains Mono",-apple-system,BlinkMacSystemFont,ui-monospace,Menlo,monospace;font-size: 0.82em;line-height: 1;padding: 0.4em 0.55em;min-width: 2em;text-align: center;border-radius: 6px;background: var(--paper-pure);border: 1px solid var(--line);box-shadow: var(--kbd-shadow);color: var(--ink)}.crosslink{display: grid;grid-template-columns: auto minmax(0,1fr) auto;gap: clamp(1rem,3vw,2rem);align-items: center;padding: clamp(1.5rem,3vw,2.25rem);border: 1px solid var(--line);border-radius: var(--r-xl);background: var(--paper-raised);box-shadow: var(--shadow-card);transition: transform 0.5s var(--ease-out),box-shadow 0.5s var(--ease-out)}.crosslink:hover{transform: translateY(-3px);box-shadow: var(--shadow-lift)}.crosslink img{width: 3.1rem;height: 3.1rem;border-radius: 13px;box-shadow: 0 2px 5px rgba(13,15,18,0.12),0 12px 24px -12px rgba(10,108,252,0.55)}.crosslink h3{font-size: 1.15rem;font-weight: 700;letter-spacing: -0.026em}.crosslink p{color: var(--ink-60);font-size: 0.95rem;margin-top: 0.2rem}@media (max-width: 640px){.crosslink{grid-template-columns: auto minmax(0,1fr)}.crosslink .btn{grid-column: 1 / -1;justify-self: start}}.sx{padding-block: clamp(2.5rem,4vw,3.5rem)}.sx--chapter{padding-top: clamp(3rem,5.6vw,5rem);padding-bottom: clamp(0.6rem,1.2vw,1.2rem)}.sx__chapter{font-size: clamp(2.2rem,4.4vw,3.9rem);line-height: 1.08;letter-spacing: -0.036em;font-weight: 700;max-width: 20ch;text-wrap: balance}.sx--chapter .sx__intro{margin-top: 1.1rem}.sx--chapter-media{padding-bottom: clamp(2rem,3.6vw,3rem)}.chapter__media{margin: clamp(1.8rem,3.6vw,2.8rem) 0 0;aspect-ratio: 2118 / 476;border-radius: clamp(16px,1.9vw,27px);overflow: hidden;isolation: isolate;box-shadow: var(--shadow-window);transition: box-shadow 0.6s var(--ease-out),transform 0.6s var(--ease-out)}.chapter__media:hover{transform: translateY(-3px);box-shadow: var(--shadow-lift)}.chapter__media video{display: block;width: 100%;height: 100%;object-fit: cover;border-radius: inherit}.sx--feature{padding-top: 1rem}.sx--feature .showcase{margin: 0}.feature{display: grid;grid-template-columns: minmax(0,5fr) minmax(0,7fr);grid-template-areas: "eyebrow ." "title body" "guide body";grid-template-rows: auto auto 1fr;gap: 0.9rem clamp(2rem,5vw,5rem);align-items: start;margin-top: clamp(2rem,3.6vw,3rem)}.feature__eyebrow{grid-area: eyebrow}.feature__title{grid-area: title}.feature__guide{grid-area: guide;margin-top: 0.6rem}.feature__body{grid-area: body;display: grid;gap: 1.35rem}.feature__body .sx__intro{max-width: 40em}.feature__body .points{margin: 0}.feature__note{max-width: 40em;padding-top: 1.1rem;border-top: 1px solid var(--line);font-size: 0.94rem;line-height: 1.55;color: var(--ink-60)}html[lang^="zh"] .feature :is(.feature__title,.sx__intro,.feature__note){word-break: keep-all;overflow-wrap: anywhere}@media (max-width: 900px){.feature{grid-template-columns: minmax(0,1fr);grid-template-areas: "eyebrow" "title" "body" "guide";grid-template-rows: none}.feature__body{margin-top: 0.5rem}}.sx__head{display: grid;gap: 0.9rem;max-width: 100%}.sx__eyebrow{font-family: var(--font-sans);font-size: 0.74rem;font-weight: 600;letter-spacing: 0.13em;text-transform: uppercase;color: var(--blue)}.sx__title{font-size: clamp(1.7rem,3.2vw,2.6rem);line-height: 1.14;letter-spacing: -0.03em;font-weight: 600;max-width: 24ch;text-wrap: balance}.sx__intro{font-size: clamp(1rem,1.3vw,1.14rem);line-height: 1.6;color: var(--ink-60);max-width: 62%;text-wrap: pretty}@media (max-width: 900px){.sx__intro{max-width: 100%}}.sx__cards{margin-top: clamp(2rem,4vw,3.25rem);display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: clamp(1.75rem,3.4vw,3rem)}@media (max-width: 780px){.sx__cards{grid-template-columns: 1fr}}.pick{margin-top: clamp(2rem,4vw,3.25rem);display: grid;grid-template-columns: minmax(0,0.56fr) minmax(0,1.44fr);gap: clamp(1.25rem,2.4vw,2.25rem);align-items: stretch}.pick__stage{align-self: center}.pick__list{display: grid;gap: 0.4rem;align-content: space-between}.pick--top{grid-template-columns: minmax(0,1fr)}.pick--top .pick__list{grid-template-columns: repeat(var(--pick-n,3),minmax(0,1fr));align-content: start;gap: 0.6rem}.pick--top .pick__stage{align-self: stretch}.pick__item{display: grid;gap: 0.3rem;align-content: start;padding: clamp(0.8rem,1.3vw,1.05rem) clamp(0.85rem,1.4vw,1.15rem);border: 1px solid transparent;border-radius: var(--r-md);background: transparent;text-align: left;cursor: pointer;color: inherit;font: inherit;transition: background-color 0.35s var(--ease-out),border-color 0.35s var(--ease-out),box-shadow 0.35s var(--ease-out)}.pick__item h3{font-size: 1.02rem;font-weight: 600;letter-spacing: -0.02em;line-height: 1.35}.pick__item p{font-size: 0.88rem;line-height: 1.6;color: var(--ink-60);text-wrap: pretty}.pick__item:hover{background: var(--pick-hover)}.pick__item:focus-visible{outline: 2px solid var(--blue);outline-offset: 2px}.pick__item.is-on{background: var(--paper-pure);border-color: var(--line-soft);box-shadow: var(--shadow-card)}.pick__item.is-on h3{color: var(--ink)}.pick__stage{position: relative;aspect-ratio: 16 / 9;border-radius: clamp(14px,1.5vw,20px);overflow: hidden;isolation: isolate;box-shadow: var(--shadow-window)}#features .pick__stage{border-radius: 6px}.pick__panel{position: absolute;inset: 0;margin: 0;border-radius: inherit;opacity: 0;transition: opacity 0.4s var(--ease-out)}.pick__panel.is-on{opacity: 1}.pick__panel video,.pick__panel img{display: block;width: 100%;height: 100%;object-fit: cover;border-radius: inherit}@media (max-width: 1360px){.pick{grid-template-columns: minmax(0,1fr)}.pick__list{grid-template-columns: repeat(var(--pick-n,3),minmax(0,1fr));align-content: start;gap: 0.6rem}}.reel{--reel-card: min(74vw,1024px);--reel-gap: clamp(0.75rem,1.5vw,1.25rem);--reel-edge: max(var(--gutter),calc((100vw - 1420px) / 2 + var(--gutter)));position: relative;margin-top: clamp(2rem,4vw,3.25rem)}.reel__track{display: flex;gap: var(--reel-gap);width: 100vw;margin-inline: calc(50% - 50vw);padding-inline: var(--reel-edge);scroll-padding-inline-start: var(--reel-edge);overflow-x: auto;overscroll-behavior-x: contain;scroll-snap-type: x mandatory;scroll-behavior: smooth;scrollbar-width: none}.reel__track::-webkit-scrollbar{display: none}.reel__track:focus-visible{outline: 2px solid var(--blue);outline-offset: 4px;border-radius: var(--r-md)}.reel__card{flex: 0 0 var(--reel-card);scroll-snap-align: start;display: grid;gap: 0.85rem}.reel__shot{position: relative;aspect-ratio: 16 / 9;margin: 0;border-radius: clamp(12px,1.2vw,18px);overflow: hidden;box-shadow: var(--shadow-card);transition: opacity 0.45s var(--ease-out),transform 0.45s var(--ease-out);opacity: 0.55;transform: scale(0.97)}.reel__card.is-mid .reel__shot{opacity: 1;transform: scale(1)}.reel__shot video{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;display: block;border-radius: inherit}.reel__text{display: grid;gap: 0.3rem;padding-inline: 0.15rem;opacity: 0.55;transition: opacity 0.45s var(--ease-out)}.reel__card.is-mid .reel__text{opacity: 1}.reel__text h3{margin: 0;font-size: clamp(1.02rem,1.25vw,1.18rem);letter-spacing: -0.012em}.reel__text p{margin: 0;font-size: 0.92rem;color: var(--ink-3);max-width: 58ch}.reel__nav{position: absolute;top: calc((var(--reel-card) / 16 * 9) / 2);translate: 0 -50%;z-index: 3;width: 2.75rem;height: 2.75rem;display: grid;place-items: center;border: 1px solid var(--line);border-radius: 999px;background: var(--glass-strong);backdrop-filter: saturate(160%) blur(10px);-webkit-backdrop-filter: saturate(160%) blur(10px);color: var(--ink);cursor: pointer;box-shadow: var(--shadow-card);transition: opacity 0.3s var(--ease-out),background-color 0.3s var(--ease-out),transform 0.3s var(--ease-out)}.reel__nav svg{width: 1.15rem;height: 1.15rem}.reel__nav:hover{background: var(--glass-strong-hover);transform: scale(1.06)}.reel__nav:disabled{opacity: 0;pointer-events: none}.reel__nav--prev{left: calc(var(--reel-edge) - 1.375rem)}.reel__nav--next{right: calc(var(--reel-edge) - 1.375rem)}@media (max-width: 1100px){.reel{--reel-card: min(84vw,760px)}.reel__nav{display: none}}@media (max-width: 640px){.reel{--reel-card: 88vw}}@media (prefers-reduced-motion: reduce){.reel__track{scroll-behavior: auto}.reel__shot,.reel__card.is-mid .reel__shot,.reel__text{transition: none;opacity: 1;transform: none}}@media (max-width: 760px){.pick__list,.pick--top .pick__list{grid-template-columns: minmax(0,1fr);gap: 0.4rem}}@media (prefers-reduced-motion: reduce){.pick__item,.pick__panel{transition: none}}.sx__card{display: grid;gap: 1rem;align-content: start}.sx__shot{position: relative;aspect-ratio: 16 / 9;border-radius: clamp(12px,1.2vw,18px);overflow: hidden;box-shadow: var(--shadow-card);transition: transform 0.6s var(--ease-out),box-shadow 0.6s var(--ease-out)}.sx__card:hover .sx__shot{transform: translateY(-3px);box-shadow: var(--shadow-lift)}.sx__shot > img,.sx__shot > video{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;display: block;border-radius: inherit}.sx__card h3{font-size: 1.12rem;font-weight: 600;letter-spacing: -0.024em;line-height: 1.3}.sx__card p{font-size: 0.965rem;line-height: 1.6;color: var(--ink-60);max-width: 46ch}.more{margin-top: clamp(2rem,4vw,3rem);display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 1px;background: var(--line);border: 1px solid var(--line);border-radius: var(--r-lg);overflow: hidden}@media (max-width: 900px){.more{grid-template-columns: repeat(2,minmax(0,1fr))}.more__item:last-child:nth-child(odd){grid-column: 1 / -1}}@media (max-width: 600px){.more{grid-template-columns: 1fr}}.more__item{background: var(--paper-raised);padding: 1.5rem 1.4rem;display: grid;gap: 0.45rem;align-content: start;transition: background-color 0.4s ease}.more__item:hover{background: var(--surface-hover)}.more__item svg{width: 1.25rem;height: 1.25rem;color: var(--blue);margin-bottom: 0.2rem}.more__item h3{font-size: 0.98rem;font-weight: 600;letter-spacing: -0.02em}.more__item p{font-size: 0.9rem;line-height: 1.55;color: var(--ink-60)}.sxhero{text-align: center;padding-top: clamp(7.5rem,12vw,10rem);padding-bottom: clamp(2.5rem,5vw,4rem);position: relative}.sxhero__inner{display: grid;gap: 1.35rem;justify-items: center;max-width: 76rem;margin-inline: auto;position: relative;z-index: 2}.sxhero h1{font-size: clamp(1.4rem,6.4vw,3.4rem);line-height: 1.1;letter-spacing: -0.03em;font-weight: 700;text-wrap: balance}.sxhero__sub{font-size: clamp(0.95rem,0.714rem + 1.07vw,1.4rem);line-height: 1.45;color: var(--ink-60);max-width: 52rem;letter-spacing: -0.01em;text-wrap: balance;margin-top: -0.55rem}.sxhero__note{font-family: var(--font-mono);font-size: 0.68rem;letter-spacing: 0.06em;color: var(--ink-40);margin-top: -0.5rem;text-wrap: balance}.app-langs{white-space: nowrap}.app-langs__globe{display: inline-block;width: 1.2em;height: 1.2em;margin-right: 0.4em;vertical-align: -0.24em}.cta-row{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;gap: 0.75rem 1rem}.price-tag{display: inline-flex;align-items: center;gap: 0.45rem;padding: 0.62rem 1.05rem;border-radius: var(--r-pill);background: var(--accent-wash);border: 1px solid var(--accent-line);color: var(--blue);font-size: 1rem;font-weight: 600;letter-spacing: -0.01em;line-height: 1;white-space: nowrap}.price-tag svg{width: 16px;height: 16px;flex: none}.sxhero__stage{margin: clamp(3rem,6vw,5rem) auto 0;max-width: clamp(940px,calc((100vh - 7rem) * 1.5822),1180px);aspect-ratio: var(--hero-ar,1.5822);box-shadow: var(--shadow-window);border-radius: 10px}.ph{position: absolute;inset: 0;display: grid;place-content: center;gap: 0.5rem;justify-items: center;background: linear-gradient(140deg,#11151d 0%,#0b0d11 60%,#141a26 100%);color: var(--snow-45);font-family: var(--font-mono);font-size: 0.66rem;letter-spacing: 0.13em;text-transform: uppercase;text-align: center;padding: 1.25rem}.ph::before{content: "";width: 2rem;height: 2rem;border-radius: 8px;border: 1.5px dashed rgba(255,255,255,0.26)}.ph small{font-size: 0.58rem;letter-spacing: 0.08em;color: rgba(255,255,255,0.26);text-transform: none}html:is([lang^="zh"],[lang="ja"],[lang="ko"]) .sxhero h1,html:is([lang^="zh"],[lang="ja"],[lang="ko"]) .sx__chapter{letter-spacing: -0.012em;line-height: 1.2}html[lang^="zh"] .sxhero h1,html[lang^="zh"] .sxhero__sub{word-break: keep-all;overflow-wrap: break-word}html:is([lang^="zh"],[lang="ja"],[lang="ko"]) .sxhero__sub{line-height: 1.6}html:is([lang^="zh"],[lang="ja"],[lang="ko"]) .sxhero h1{font-size: clamp(1.75rem,8.2vw,3.4rem)}@media (max-width: 600px){html[lang^="zh"] .sxhero__sub{text-wrap: pretty}}html:is([lang^="zh"],[lang="ja"],[lang="ko"]) .sx__title{letter-spacing: -0.008em;line-height: 1.32}html:is([lang^="zh"],[lang="ja"],[lang="ko"]) .sx__intro,html:is([lang^="zh"],[lang="ja"],[lang="ko"]) .sx__card p,html:is([lang^="zh"],[lang="ja"],[lang="ko"]) .more__item p{line-height: 1.8;letter-spacing: 0}#takes .sx__card p{text-wrap: pretty}html[lang^="zh"] #takes .sx__intro,html[lang^="zh"] #takes .sx__card p{word-break: keep-all;overflow-wrap: anywhere}html[lang^="zh"] #features .sx__title,html[lang^="zh"] #features .sx__intro,html[lang^="zh"] #features .pick__item p{word-break: keep-all;overflow-wrap: anywhere}html[lang^="zh"] .sx--chapter-media .sx__intro{word-break: keep-all;overflow-wrap: anywhere}html[lang^="zh"] #webcam .sx__title,html[lang^="zh"] #webcam .sx__intro,html[lang^="zh"] #webcam .pick__item p{word-break: keep-all;overflow-wrap: anywhere}html[lang^="zh"] #workflow .sx__title,html[lang^="zh"] #workflow .sx__intro,html[lang^="zh"] #workflow .pick__item p{word-break: keep-all;overflow-wrap: anywhere}html[lang="en"] #workflow .sx__title{max-width: none}html[lang^="zh"] #finish .sx__title,html[lang^="zh"] #finish .sx__intro,html[lang^="zh"] #finish .reel__text p{word-break: keep-all;overflow-wrap: anywhere}html[lang^="zh"] #finish .sx__title{max-width: none}html[lang^="zh"] #style .sx__title,html[lang^="zh"] #style .sx__intro,html[lang^="zh"] #style .pick__item p{word-break: keep-all;overflow-wrap: anywhere}html[lang^="zh"] #scrolling .h-section,html[lang^="zh"] #scrolling .lede,html[lang^="zh"] #scrolling .showcase__cap{word-break: keep-all;overflow-wrap: anywhere}html[lang^="zh"] #faq summary,html[lang^="zh"] #faq .faq__answer p{word-break: keep-all;overflow-wrap: anywhere}#tools .tool p,#specs .spec dd small{text-wrap: pretty}#specs .spec dd,html[lang^="zh"] #tools .lede,html[lang^="zh"] #tools .tool p{word-break: keep-all;overflow-wrap: anywhere}html[lang^="zh"] .footer__brand p{word-break: keep-all;overflow-wrap: anywhere}html[lang^="zh"] #steps .h-section,html[lang^="zh"] #steps .step p{word-break: keep-all;overflow-wrap: anywhere}html[lang^="zh"] #more .sx__title,html[lang^="zh"] #more .sx__intro,html[lang^="zh"] #more .more__item p{word-break: keep-all;overflow-wrap: anywhere}html[lang^="zh"] #framing .sx__title,html[lang^="zh"] #framing .sx__intro,html[lang^="zh"] #framing .pick__item p{word-break: keep-all;overflow-wrap: anywhere}#timeline .reel__text p{text-wrap: pretty}html[lang^="zh"] #timeline .sx__title,html[lang^="zh"] #timeline .sx__intro,html[lang^="zh"] #timeline .reel__text p{word-break: keep-all;overflow-wrap: anywhere}.sx{position: relative;isolation: isolate}.footer{background: var(--floor);color: var(--ink);border-top: 1px solid var(--line-soft)}.footer__top{border-bottom-color: var(--line)}.footer__brand p{color: var(--ink-60)}.footer__brand .footer__tagline{color: var(--ink);font-size: 1rem;font-weight: 600;letter-spacing: -0.01em;line-height: 1.4}.footer__brand .footer__tagline + p{margin-top: -0.5rem}.footer__col h2{color: var(--ink-40)}.footer__col a{color: var(--ink-60)}.footer__col a:hover{color: var(--ink)}.footer__bottom{color: var(--ink-40)}.player{position: absolute;inset: 0;display: block;border-radius: 10px;overflow: hidden;background: #0b0d11;cursor: pointer;-webkit-tap-highlight-color: transparent}.player video{display: block;width: 100%;height: 100%;object-fit: cover}.player:focus-visible{outline: 2px solid var(--blue);outline-offset: 4px}.player__btn{position: absolute;top: 50%;left: 50%;width: 4.5rem;height: 4.5rem;margin: -2.25rem 0 0 -2.25rem;border-radius: 999px;display: grid;place-items: center;color: #fff;background: rgba(68,68,68,0.6);backdrop-filter: blur(6px);-webkit-backdrop-filter: blur(6px);pointer-events: none;transition: opacity 0.2s ease,transform 0.2s ease}.player__btn svg{width: 2.1rem;height: 2.1rem;display: block}.player__btn .i-pause{display: none}.player.is-paused .player__btn{opacity: 1;transform: scale(1)}.player.is-playing .player__btn{opacity: 0;transform: scale(0.8)}.player.is-playing .player__btn .i-play{display: none}.player.is-playing .player__btn .i-pause{display: block}.player.is-playing:hover .player__btn,.player.is-playing:focus-visible .player__btn{opacity: 1;transform: scale(1)}.player__pulse{position: absolute;top: 50%;left: 50%;width: 4.5rem;height: 4.5rem;margin: -2.25rem 0 0 -2.25rem;border-radius: 999px;background: rgba(68,68,68,0.6);pointer-events: none;opacity: 0}.player.is-pulsing .player__pulse{animation: player-pulse 0.42s var(--ease-out)}@keyframes player-pulse{from{opacity: 0.85;transform: scale(1)}to{opacity: 0;transform: scale(0.8)}}.sxhero__pin::after{content: "";display: block;height: min(80vh,780px)}.sxhero__stage{position: sticky;top: 5.25rem}@media (max-width: 860px){.sxhero__pin::after{height: 0}.sxhero__stage{position: relative}}@media (prefers-reduced-motion: reduce){.sxhero__pin::after{height: 0}.sxhero__stage{position: relative}}.player__zoom{position: absolute;inset: 0;transform-origin: 0 0;transform: scale(var(--hero-zoom,1)) translate(var(--hero-tx,0%),var(--hero-ty,0%));will-change: transform}.player__zoom video{display: block;width: 100%;height: 100%;object-fit: cover}@media (prefers-reduced-motion: reduce){.player__zoom{transform: none}}.mark{position: relative;width: 4rem;height: 4rem;z-index: 2}.mark__body{position: relative;z-index: 2;width: 100%;height: 100%;transition: transform 0.35s var(--ease-out)}.mark:hover .mark__body{transform: translateY(-2px) scale(1.04)}.mark__tile{display: block;width: 100%;height: 100%;border-radius: 18px;box-shadow: 0 2px 6px rgba(13,15,18,0.14),0 18px 36px -16px rgba(10,108,252,0.55)}.mark__shine{position: absolute;inset: 0;border-radius: 18px;overflow: hidden;pointer-events: none}.mark__shine::before{content: "";position: absolute;top: -40%;bottom: -40%;left: 0;width: 46%;background: linear-gradient( 100deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0.35) 38%,rgba(255,255,255,0.85) 50%,rgba(255,255,255,0.35) 62%,rgba(255,255,255,0) 100% );transform: translateX(-160%) skewX(-14deg)}.mark__back,.mark__front{position: absolute;top: -160%;left: -130%;width: 760%;height: 420%;pointer-events: none}.mark__back{z-index: 1}.mark__front{z-index: 3}.mark.is-in .mark__body{animation: mark-settle 1.1s cubic-bezier(0.16,1,0.3,1) both}.mark.is-firing .mark__body{animation: mark-recoil 0.62s cubic-bezier(0.2,0.9,0.2,1) both}.mark.is-igniting .mark__shine::before{animation: mark-shine 0.9s cubic-bezier(0.55,0,0.3,1) 0.05s both}.mark.is-igniting .mark__tile{animation: mark-flash 0.9s ease-out both}@keyframes mark-settle{from{transform: scale(0.86)}to{transform: scale(1)}}@keyframes mark-recoil{0%{transform: translateX(0) scale(1)}18%{transform: translateX(-4%) scale(1.04)}100%{transform: translateX(0) scale(1)}}@keyframes mark-shine{from{transform: translateX(-160%) skewX(-14deg)}to{transform: translateX(400%) skewX(-14deg)}}@keyframes mark-flash{0%{filter: brightness(1) saturate(1)}30%{filter: brightness(1.22) saturate(1.15)}100%{filter: brightness(1) saturate(1)}}@media (prefers-reduced-motion: reduce){.mark__back,.mark__front{display: none}.mark.is-in .mark__body,.mark.is-firing .mark__body,.mark.is-igniting .mark__shine::before,.mark.is-igniting .mark__tile{animation: none}}:root:not([data-theme="light"]){color-scheme: dark;--paper: #08090c;--paper-raised: #111217;--paper-pure: #17181e;--ink: #f5f5f7;--ink-80: #d9dae0;--ink-60: #a4a5af;--ink-40: #7d7e89;--ink-25: #474852;--line: rgba(255,255,255,0.1);--line-soft: rgba(255,255,255,0.065);--line-strong: rgba(255,255,255,0.28);--blue: #3d8bff;--glass: rgba(255,255,255,0.06);--glass-strong: rgba(26,27,34,0.82);--glass-strong-hover: #23242c;--menu: rgba(22,23,29,0.97);--nav-glass: rgba(8,9,12,0.66);--nav-sheet: rgba(8,9,12,0.97);--wash: rgba(255,255,255,0.07);--surface-hover: #15161c;--pick-hover: rgba(255,255,255,0.04);--floor: #050608;--accent-wash: rgba(61,139,255,0.12);--accent-line: rgba(61,139,255,0.32);--link-line: rgba(61,139,255,0.4);--kbd-shadow: 0 1px 0 rgba(0,0,0,0.6);--shadow-card: 0 18px 40px -22px rgba(0,0,0,0.9);--shadow-lift: 0 0 0 1px rgba(255,255,255,0.07),0 28px 60px -28px rgba(0,0,0,0.95),0 40px 110px -50px rgba(10,108,252,0.42);--shadow-window: 0 0 0 1px rgba(255,255,255,0.07),0 30px 80px -34px rgba(0,0,0,0.95),0 50px 130px -60px rgba(10,108,252,0.38)}:root:not([data-theme="light"]) body{background-image: radial-gradient( 54rem 34rem at 50% -9rem,rgba(140,172,255,0.22) 0%,transparent 70% ),radial-gradient( 34rem 48rem at 0% 12rem,rgba(123,92,252,0.14) 0%,transparent 70% ),radial-gradient( 34rem 48rem at 100% 16rem,rgba(25,223,255,0.09) 0%,transparent 70% ),radial-gradient( 70% 16% at 6% 38%,rgba(123,92,252,0.07) 0%,transparent 72% ),radial-gradient( 70% 16% at 94% 61%,rgba(10,108,252,0.07) 0%,transparent 72% ),radial-gradient( 70% 16% at 8% 85%,rgba(25,223,255,0.05) 0%,transparent 72% )}:root:not([data-theme="light"]) .hero__aura{opacity: 0.5;mix-blend-mode: screen}:root:not([data-theme="light"]) .tint{background-image: linear-gradient( 96deg,#62e8ff 0%,#4d9bff 40%,#8a78ff 76%,#b08cff 100% )}:root:not([data-theme="light"]) .sxhero__stage{box-shadow: 0 0 0 1px rgba(255,255,255,0.08),0 40px 120px -40px rgba(10,108,252,0.55)}:root:not([data-theme="light"]) .sxhero__stage::before{content: "";position: absolute;inset: -16% -12% -22%;z-index: -1;border-radius: 50%;background: radial-gradient( closest-side,rgba(10,108,252,0.4) 0%,rgba(123,92,252,0.16) 55%,transparent 100% );filter: blur(36px);pointer-events: none}:root:not([data-theme="light"]) .btn--ink{background: linear-gradient(180deg,#ffffff 0%,#ebebf0 100%);color: #111217;box-shadow: inset 0 -1px 0 rgba(17,18,23,0.1),0 1px 2px rgba(0,0,0,0.5),0 16px 40px -14px rgba(120,160,255,0.45)}:root:not([data-theme="light"]) .btn--ink:hover{box-shadow: inset 0 -1px 0 rgba(17,18,23,0.1),0 2px 4px rgba(0,0,0,0.5),0 22px 48px -14px rgba(120,160,255,0.6)}:root:not([data-theme="light"]) .price-tag{background: rgba(255,255,255,0.07);border-color: rgba(255,255,255,0.16);color: #ffffff;backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px)}:root:not([data-theme="light"]) .price-tag svg{color: #6fb0ff}.theme-toggle{display: grid;place-items: center;width: 2.25rem;height: 2.25rem;flex: none;border-radius: var(--r-pill);color: var(--ink-60);transition: color 0.25s ease,background-color 0.25s ease}.theme-toggle:hover{color: var(--ink);background: var(--wash)}.theme-toggle svg{width: 18px;height: 18px}.theme-toggle__sun,:root:not([data-theme="light"]) .theme-toggle__moon{display: none}:root:not([data-theme="light"]) .theme-toggle__sun{display: block}.crumbs{display: flex;flex-wrap: wrap;align-items: center;gap: 0.5rem;font-size: 0.84rem;font-weight: 500;color: var(--ink-40)}.crumbs a{color: var(--blue)}.crumbs a:hover{text-decoration: underline;text-underline-offset: 3px}.crumbs__sep{color: var(--ink-25)}.guide-hero h1{font-size: clamp(2rem,4.4vw,3.2rem);line-height: 1.05;text-wrap: balance}.guide-hero .lede{max-width: none}.guide-hero .eyebrow--note{margin-top: 1.4rem}.guide-page{padding-top: clamp(7.5rem,12vw,9.5rem);padding-bottom: clamp(4rem,8vw,7rem)}.guide-page__layout{display: grid;grid-template-columns: minmax(0,1fr)}.guide-page__main{width: 100%;max-width: 46rem;margin-inline: auto}.guide-page .doc-hero{padding: 0 0 clamp(1.75rem,3.5vw,2.5rem)}.guide-nav{display: none}@media (min-width: 1024px){.guide-page__layout{grid-template-columns: 15rem minmax(0,1fr);column-gap: clamp(2.5rem,5vw,5rem);align-items: start}.guide-page__main{max-width: 50rem;margin-inline: 0}.guide-page .prose,.guide-page .guide__cta,.guide-page .guide-hero .lede{max-width: 44rem}.guide-nav{display: block;position: sticky;top: 6.5rem;max-height: calc(100vh - 8rem);overflow-y: auto;overscroll-behavior: contain;scrollbar-width: none;padding: 0.25rem 0.25rem 1.5rem 0}.guide-nav::-webkit-scrollbar{display: none}}.guide-nav__home{display: inline-flex;align-items: center;gap: 0.6rem;margin: 0 0 1.6rem -0.1rem;padding: 0.45rem 0.75rem 0.45rem 0.6rem;border-radius: 0.7rem;font-size: 0.95rem;font-weight: 700;letter-spacing: -0.01em;color: var(--ink);transition: background 0.25s ease}.guide-nav__home svg{width: 0.95rem;height: 0.95rem;color: var(--blue)}.guide-nav__home:hover{background: var(--wash)}.guide-nav__group + .guide-nav__group{margin-top: 1.7rem}.guide-nav__app{padding: 0 0.75rem 0.6rem;font-family: var(--font-mono);font-size: 0.66rem;font-weight: 500;letter-spacing: 0.14em;text-transform: uppercase;color: var(--ink-40)}.guide-nav__group > ul{display: grid;gap: 0.15rem}.guide-nav__group > ul > li > a{display: block;padding: 0.5rem 0.75rem;border-radius: 0.7rem;font-size: 0.9rem;line-height: 1.35;color: var(--ink-60);transition: background 0.25s ease,color 0.25s ease}.guide-nav__group > ul > li > a:hover{color: var(--ink);background: var(--wash)}.guide-nav__group > ul > li.is-current > a{font-weight: 600;color: var(--ink);background: var(--accent-wash);box-shadow: inset 0 0 0 1px var(--accent-line)}.guide-nav__toc{margin: 0.5rem 0 0.4rem 1.1rem;border-left: 1px solid var(--line)}.guide-nav__toc a{position: relative;display: block;padding: 0.34rem 0.75rem 0.34rem 0.95rem;font-size: 0.83rem;line-height: 1.4;color: var(--ink-40);transition: color 0.25s ease}.guide-nav__toc a::before{content: "";position: absolute;left: -1px;top: 0.4rem;bottom: 0.4rem;width: 2px;border-radius: 2px;background: transparent;transition: background 0.25s ease}.guide-nav__toc a:hover{color: var(--ink)}.guide-nav__toc a.is-active{color: var(--blue)}.guide-nav__toc a.is-active::before{background: var(--blue)}.guide{padding-bottom: 0}.guide__media{margin: 0 0 clamp(2.5rem,5vw,3.5rem)}.guide__media--tight .sx__shot{border-radius: 6px}.guide__media figcaption{margin-top: 0.9rem;font-size: 0.88rem;line-height: 1.5;color: var(--ink-40)}.guide__body{max-width: none}.prose .guide-steps{margin-top: 1.25rem}.prose .guide-steps > .guide-step{display: grid;grid-template-columns: 2.6rem minmax(0,1fr);column-gap: 0.9rem;margin-top: 0;padding: 1.35rem 0 1.4rem;border-top: 1px solid var(--line)}.prose .guide-steps > .guide-step:first-child{border-top: 0;padding-top: 0.4rem}.prose .guide-steps > .guide-step::before{content: none}.guide-step__n{padding-top: 0.28rem;font-family: var(--font-mono);font-size: 0.78rem;font-weight: 500;letter-spacing: 0.08em;color: var(--blue)}.prose .guide-step__body h3{margin-top: 0;font-size: 1.1rem;line-height: 1.35;color: var(--ink)}.prose .guide-step__body p{margin-top: 0.5rem}.guide__cta{display: grid;gap: 1.25rem;margin-top: clamp(2.5rem,5vw,3.5rem);padding: clamp(1.4rem,3vw,2rem);border: 1px solid var(--line);border-radius: var(--r-lg);background: var(--paper-raised);box-shadow: var(--shadow-card)}.guide__cta p{color: var(--ink-80);line-height: 1.55}.guide__cta .cta-row{justify-content: flex-start}.guide__app{display: inline-flex;align-items: center;gap: 0.75rem;justify-self: start;font-size: 1.05rem;font-weight: 700;letter-spacing: -0.02em;color: var(--ink);transition: color 0.3s var(--ease-out)}.guide__app img{width: 2.5rem;height: 2.5rem;border-radius: 11px;box-shadow: 0 1px 2px rgba(13,15,18,0.16),0 6px 14px -6px rgba(10,108,252,0.5)}.guide__app:hover{color: var(--blue)}.guide-more{margin-top: clamp(3.5rem,7vw,5rem)}.guide-more .h-sub{margin-bottom: 1.5rem}.guide-more .guide-cards{grid-template-columns: minmax(0,1fr);gap: 0.75rem}@media (min-width: 1200px){.guide-more .guide-cards{grid-template-columns: repeat(3,minmax(0,1fr));gap: 1rem}}.guide-cards{display: grid;grid-template-columns: repeat(auto-fill,minmax(min(100%,15rem),1fr));gap: 1rem}.guide-card{display: flex;flex-direction: column;gap: 0.55rem;padding: 1.4rem;border-radius: var(--r-lg);border: 1px solid var(--line);background: var(--paper-raised);box-shadow: var(--shadow-card);transition: transform 0.5s var(--ease-out),box-shadow 0.5s var(--ease-out)}.guide-card:hover{transform: translateY(-3px);box-shadow: var(--shadow-lift)}.guide-card__app{font-size: 0.78rem;font-weight: 600;color: var(--blue)}.guide-card h3{font-size: 1.08rem;font-weight: 700;letter-spacing: -0.02em;line-height: 1.3;color: var(--ink)}.guide-card p{font-size: 0.94rem;line-height: 1.5;color: var(--ink-60)}.guide-card__more{margin-top: auto;padding-top: 0.3rem;font-size: 0.9rem;font-weight: 600;color: var(--blue)}.guides{padding-bottom: clamp(4rem,8vw,7rem)}.guides-group + .guides-group{margin-top: clamp(3rem,6vw,4.5rem)}.guides-group__head{display: grid;gap: 0.5rem;max-width: 42rem;margin-bottom: 1.5rem}.guides-group__head p{color: var(--ink-60)}.guides-art{display: none}@media (min-width: 1024px){.guides-hero .wrap{display: grid;grid-template-columns: minmax(0,1.22fr) minmax(0,0.78fr);column-gap: clamp(2rem,4vw,4.5rem);align-items: center}.guides-hero .wrap > :not(.guides-art){grid-column: 1}.guides-hero h1{text-wrap: balance}.guides-art{--shadow-a: rgba(17,18,23,0.3);--shadow-b: rgba(17,18,23,0.1);--pool: radial-gradient(closest-side,rgba(123,92,252,0.1),rgba(25,223,255,0.05) 55%,transparent);display: block;position: relative;grid-column: 2;grid-row: 1 / span 3;align-self: center;height: 25em;font-size: clamp(11px,1.1vw,16px);perspective: 70em;perspective-origin: 50% 10%;pointer-events: none;user-select: none}}:root:not([data-theme="light"]) .guides-art{--shadow-a: rgba(0,0,0,0.75);--shadow-b: rgba(0,0,0,0.3);--pool: radial-gradient(closest-side,rgba(255,255,255,0.1),rgba(255,255,255,0.035) 60%,transparent)}.guides-art__pool{position: absolute;left: 50%;top: 71%;width: 34em;height: 10em;transform: translate(-50%,-50%);background: var(--pool)}.guides-art__beam,.guides-art__dust{display: none}:root:not([data-theme="light"]) .guides-art__beam{display: block;position: absolute;left: 50%;top: -4em;width: 30em;height: 21em;transform: translateX(-50%);filter: blur(14px);animation: guides-art-breathe 6s ease-in-out infinite}.guides-art__cone{position: absolute;inset: 0;overflow: hidden;clip-path: polygon(43% 0,57% 0,100% 100%,0 100%);background: linear-gradient(180deg,transparent 0%,rgba(255,255,255,0.2) 14%,rgba(255,255,255,0.09) 60%,rgba(255,255,255,0.02) 100%)}.guides-art__smoke{position: absolute;width: 26em;height: 12em;border-radius: 50%;background: radial-gradient(closest-side,rgba(255,255,255,0.24),rgba(255,255,255,0.08) 55%,transparent);animation: guides-art-smoke 16s ease-in-out infinite}.guides-art__smoke:nth-child(1){left: -2em;top: 3em}.guides-art__smoke:nth-child(2){left: 6em;top: 8.5em;animation-duration: 21s;animation-delay: -7s}.guides-art__smoke:nth-child(3){left: 1em;top: 13em;animation-duration: 25s;animation-delay: -14s}:root:not([data-theme="light"]) .guides-art__dust{display: block;position: absolute;left: 50%;top: 0}.guides-art__dust i{position: absolute;left: var(--x);top: var(--y);width: var(--s);height: var(--s);border-radius: 50%;background: #fff;box-shadow: 0 0 4px 1px rgba(255,255,255,0.55);opacity: 0;animation: guides-art-mote var(--t) ease-in-out var(--at) infinite}.guides-art__shadow{position: absolute;left: 50%;top: 71%;width: 25em;height: 6.4em;transform: translate(-50%,-50%);background: radial-gradient(closest-side,var(--shadow-a),var(--shadow-b) 60%,transparent);filter: blur(5px);animation: guides-art-shadow 7s ease-in-out infinite}.guides-art__lift{position: absolute;inset: 0;transform-style: preserve-3d;animation: guides-art-lift 7s ease-in-out infinite}.guides-art__stack{position: absolute;left: 50%;top: 64%;transform-style: preserve-3d;transform: rotateX(-26deg) rotateY(-24deg);animation: guides-art-turn 13s ease-in-out infinite}.guides-art__book{--L: 19em;--H: 3.4em;--D: 12.5em;--seam: 1.5px;position: absolute;width: var(--L);height: var(--H);margin: calc(var(--H) / -2) 0 0 calc(var(--L) / -2);transform-style: preserve-3d}.guides-art__book > span{position: absolute;backface-visibility: hidden}.guides-art__spine{inset: var(--seam) calc(var(--seam) * -1) 0 0;display: flex;align-items: center;gap: 0.9em;padding: 0 calc(1.3em + var(--seam)) 0 1.3em;background: var(--spine);transform: translateZ(calc(var(--D) / 2))}.guides-art__top{left: 0;top: calc((var(--H) - var(--D)) / 2);width: calc(var(--L) + var(--seam));height: calc(var(--D) + var(--seam));background: var(--cover);transform-origin: 50% calc(var(--D) / 2);transform: rotateX(90deg) translateZ(calc(var(--H) / 2))}.guides-art__top::after{content: "";position: absolute;left: 1.4em;bottom: 1.3em;width: 3.2em;height: 0.2em;border-radius: 1em;background: var(--spectral);opacity: 0.9}.guides-art__side{left: calc((var(--L) - var(--D)) / 2 + var(--seam));top: var(--seam);width: calc(var(--D) - var(--seam) * 2);height: calc(var(--H) - var(--seam));background: linear-gradient(90deg,rgba(0,0,0,0),rgba(0,0,0,0.18)),linear-gradient(90deg,#19dfff,#0a6cfc 28%,#7b5cfc 52%,#f32f79 76%,#ff9a2e);transform: rotateY(90deg) translateZ(calc(var(--L) / 2))}.guides-art__app{font-family: var(--font-mono);font-size: 0.6em;font-weight: 500;letter-spacing: 0.22em;text-transform: uppercase;color: var(--label);white-space: nowrap}.guides-art__title{flex: 1;font-family: var(--font-serif);font-size: 1.5em;font-style: italic;line-height: 1;white-space: nowrap;background: var(--foil);background-size: 220% 100%;-webkit-background-clip: text;background-clip: text;color: transparent;animation: guides-art-foil 9s ease-in-out infinite}.guides-art__vol{font-family: var(--font-mono);font-size: 0.6em;letter-spacing: 0.12em;color: var(--label)}.guides-art__book--flowy{--spine: linear-gradient(180deg,#f1ece2 0%,#e4ddcf 55%,#d3cbbb 100%);--cover: radial-gradient(90% 120% at 10% 100%,rgba(255,255,255,0.55),transparent 60%),linear-gradient(180deg,#ebe5d9,#f5f1e9);--label: #7a7366;--foil: linear-gradient(100deg,#0d9fc4 0%,#0a5ae0 22%,#6a47f0 45%,#d02a67 68%,#e07a12 86%,#0d9fc4 100%);transform: translate3d(-0.4em,calc(-3.2em - var(--seam)),0.2em) rotateY(7deg);animation: guides-art-shift 9s ease-in-out infinite}.guides-art__book--snap{--L: 20em;--H: 3em;--D: 13.5em;--spine: linear-gradient(180deg,#34353b 0%,#26272c 55%,#1c1d21 100%);--cover: linear-gradient(180deg,#2b2c31,#3a3b41);--label: #8e9099;--foil: linear-gradient(100deg,#19dfff 0%,#3d8bff 22%,#9b82ff 45%,#ff5c96 68%,#ffab4d 86%,#19dfff 100%)}.guides-art__book--snap .guides-art__top::before{content: "";position: absolute;inset: 0.6em 0.8em 0.4em 0.4em;border-radius: 0.4em;background: rgba(0,0,0,0.45);filter: blur(6px)}html:is([lang^="zh"],[lang="ja"],[lang="ko"]) .guides-art__title{font-family: inherit;font-size: 1.25em;font-style: normal;font-weight: 700;letter-spacing: 0.12em}@keyframes guides-art-lift{0%,100%{transform: translate3d(0,0,0)}50%{transform: translate3d(0,-0.8em,0)}}@keyframes guides-art-turn{0%,100%{transform: rotateX(-26deg) rotateY(-30deg)}50%{transform: rotateX(-22deg) rotateY(-14deg)}}@keyframes guides-art-shadow{0%,100%{transform: translate(-50%,-50%) scale(1);opacity: 1}50%{transform: translate(-50%,-50%) scale(0.84);opacity: 0.62}}@keyframes guides-art-shift{0%,100%{transform: translate3d(-0.4em,calc(-3.2em - var(--seam)),0.2em) rotateY(7deg)}50%{transform: translate3d(-0.1em,calc(-3.2em - var(--seam)),0.4em) rotateY(11deg)}}@keyframes guides-art-smoke{0%,100%{transform: translate3d(-3em,0.5em,0) scale(1);opacity: 0.45}50%{transform: translate3d(3em,-1.5em,0) scale(1.2);opacity: 1}}@keyframes guides-art-mote{0%{transform: translate3d(0,0,0);opacity: 0}25%,70%{opacity: var(--o)}100%{transform: translate3d(var(--dx),var(--dy),0);opacity: 0}}@keyframes guides-art-foil{0%,100%{background-position: 0% 50%}50%{background-position: 100% 50%}}@keyframes guides-art-breathe{0%,100%{opacity: 0.85}50%{opacity: 1}}@media (prefers-reduced-motion: reduce){.guides-art__lift,.guides-art__stack,.guides-art__book--flowy,.guides-art__shadow,.guides-art__title,.guides-art__beam,.guides-art__smoke,.guides-art__dust i{animation: none}}html[lang^="zh"] :is(.guide-hero h1,.guides-hero h1,.guide-card h3){word-break: keep-all;overflow-wrap: anywhere}html:is([lang^="zh"],[lang="ja"],[lang="ko"]) :is(.guide-hero h1,.guides-hero h1){letter-spacing: -0.01em;line-height: 1.22}@media (max-width: 359px){html[lang^="zh"] .guides-hero h1{font-size: 2rem}}html:is([lang^="zh"],[lang="ja"],[lang="ko"]) :is(.guide-card h3,.prose .guide-step__body h3){letter-spacing: 0;line-height: 1.5}@media (prefers-reduced-motion: reduce){.guide-card,.guide-card:hover{transform: none;transition: none}}.guide-links{display: flex;flex-wrap: wrap;gap: 0.6rem 1.5rem}.guide-link,.faq__answer .guide-link{display: inline-flex;flex-wrap: wrap;align-items: center;gap: 0.35rem 0.6rem;min-width: 0;font-size: 0.95rem;font-weight: 600;line-height: 1.35;color: var(--blue);text-decoration: none}.guide-link__tag{flex: none;padding: 0.2rem 0.55rem;border: 1px solid var(--line);border-radius: 999px;font-size: 0.66rem;font-weight: 600;letter-spacing: 0.1em;text-transform: uppercase;color: var(--ink-60)}.guide-link__title{text-decoration: underline;text-decoration-thickness: 1px;text-underline-offset: 3px;text-decoration-color: transparent;transition: text-decoration-color 0.2s ease}.guide-link:hover .guide-link__title{text-decoration-color: var(--link-line)}.guide-link__end{white-space: nowrap}.guide-link__arrow{display: inline-block;transition: transform 0.3s var(--ease-out)}.guide-link:hover .guide-link__arrow{transform: translateX(3px)}html:is([lang^="zh"],[lang="ja"],[lang="ko"]) .guide-link__tag{letter-spacing: 0.04em;text-transform: none}@media (prefers-reduced-motion: reduce){.guide-link__arrow,.guide-link:hover .guide-link__arrow{transition: none;transform: none}}