@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-ext-wght-normal.BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-wght-normal.DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-ext-wght-normal.DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-wght-normal.CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-vietnamese-wght-normal.CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-ext-wght-normal.DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-wght-normal.Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#fff;--surface:#f5f5f7;--ink:#111113;--muted:#6b6b73;--line:#e4e4e8;--accent:#0071e3;--accent-ink:#fff;--radius:14px;--maxw:1080px;--font:"Inter Variable", -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--bg:#09090b;--surface:#151518;--ink:#f4f4f6;--muted:#9a9aa3;--line:#26262b;--accent:#2f8cff}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.55}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}.wrap{width:min(100% - 40px, var(--maxw));margin-inline:auto}section{padding-block:clamp(72px,10vw,128px)}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 20px;font-size:13px;font-weight:500}h1,h2,h3{letter-spacing:-.03em;margin:0;font-weight:650;line-height:1.05}h1{font-size:clamp(34px,5.2vw,60px)}h2{font-size:clamp(26px,3.6vw,38px)}h3{letter-spacing:-.01em;font-size:16px;font-weight:600;line-height:1.3}.lead{color:var(--muted);max-width:56ch;margin:20px 0 0;font-size:clamp(16px,1.6vw,18px)}.accent{color:var(--accent)}.header{z-index:10;background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:saturate(180%)blur(14px);border-bottom:1px solid var(--line);position:sticky;top:0}.header .wrap{justify-content:space-between;align-items:center;height:56px;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:10px;font-size:17px;font-weight:650;display:inline-flex}.brand svg{width:22px;height:22px}.nav{color:var(--muted);align-items:center;gap:28px;font-size:14px;display:flex}.nav a:hover{color:var(--ink)}.nav .lang{border:1px solid var(--line);border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600}@media (width<=720px){.nav a:not(.lang){display:none}}.btns{flex-wrap:wrap;gap:12px;margin-top:36px;display:flex}.btn{border:1px solid var(--line);border-radius:999px;align-items:center;gap:8px;height:46px;padding:0 22px;font-size:14px;font-weight:550;transition:transform .15s,background .15s,border-color .15s;display:inline-flex}.btn:hover{border-color:var(--muted);transform:translateY(-1px)}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.btn.primary:hover{filter:brightness(1.08)}.hero{padding-top:clamp(72px,12vw,150px);padding-bottom:clamp(56px,8vw,96px);position:relative;overflow:hidden}.hero:before{content:"";z-index:-1;background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);opacity:.55;background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 0,#000 0%,#0000 75%);mask-image:radial-gradient(70% 60% at 50% 0,#000 0%,#0000 75%)}.hero .note{color:var(--muted);margin-top:24px;font-size:13px}.steps{background:var(--line);border:1px solid var(--line);border-radius:var(--radius);counter-reset:step;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:56px;display:grid;overflow:hidden}.step{background:var(--bg);padding:28px 24px 32px;transition:background .2s}.step:hover{background:var(--surface)}.step .n{font-family:var(--mono);color:var(--accent);margin-bottom:36px;font-size:13px;display:block}.step p{color:var(--muted);margin:10px 0 0;font-size:14px;line-height:1.5}@media (width<=960px){.steps{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.steps{grid-template-columns:1fr}.step .n{margin-bottom:20px}}.screens{background:var(--surface)}.shots{grid-template-columns:repeat(3,1fr);align-items:start;gap:28px;margin-top:56px;display:grid}.shot figure{margin:0}.frame{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);height:440px;position:relative;overflow:hidden;box-shadow:0 1px 2px #0000000a,0 12px 32px -12px #0000001f}.frame:before{content:"";z-index:1;background:var(--surface);border-bottom:1px solid var(--line);height:30px;position:absolute;top:0;left:0;right:0}.frame:after{content:"";z-index:2;background:var(--line);width:8px;height:8px;box-shadow:14px 0 0 var(--line), 28px 0 0 var(--line);border-radius:50%;position:absolute;top:11px;left:12px}.frame img{width:100%;margin-top:30px}.frame::selection{background:0 0}@media (prefers-color-scheme:dark){.frame img{filter:invert(.92)hue-rotate(180deg)}}.shot figcaption{margin-top:18px}.shot figcaption strong{font-weight:600;display:block}.shot figcaption span{color:var(--muted);margin-top:4px;font-size:14px;display:block}@media (width<=900px){.shots{grid-template-columns:1fr}.frame{height:380px}}.principles{grid-template-columns:repeat(2,1fr);gap:48px 64px;margin-top:56px;display:grid}.principle{border-top:1px solid var(--ink);padding-top:20px}.principle p{color:var(--muted);margin:10px 0 0;font-size:15px}@media (width<=720px){.principles{grid-template-columns:1fr;gap:32px}}.install{background:var(--ink);color:var(--bg)}.install .lead{color:color-mix(in srgb, var(--bg) 62%, transparent)}.install .wrap{grid-template-columns:1fr 1fr;align-items:center;gap:56px;display:grid}.code{border-radius:var(--radius);background:color-mix(in srgb, var(--bg) 8%, transparent);border:1px solid color-mix(in srgb, var(--bg) 16%, transparent);font-family:var(--mono);margin:0;padding:28px;font-size:14px;line-height:1.9;overflow-x:auto}.code span{color:var(--accent);user-select:none}.after{color:color-mix(in srgb, var(--bg) 62%, transparent);margin:16px 0 0;font-size:14px}.install .btn{border-color:color-mix(in srgb, var(--bg) 28%, transparent)}.install .btn:hover{border-color:var(--bg)}.install .wrap>*{min-width:0}@media (width<=860px){.install .wrap{grid-template-columns:minmax(0,1fr);gap:36px}}.footer{color:var(--muted);padding-block:40px;font-size:14px}.footer .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 32px;display:flex}.footer p{max-width:60ch;margin:0}.footer .links{align-items:center;gap:8px 24px;display:flex}.footer .links a{align-items:center;gap:8px;display:inline-flex}.footer .links svg{width:18px;height:18px}.footer a:hover{color:var(--ink)}@media (prefers-reduced-motion:no-preference){.js .reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(14px)}.js .reveal.in{opacity:1;transform:none}}