@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_next/static/media/geist-cyrillic-ext-wght-normal.8bbfa6e0.woff2) format("woff2-variations");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_next/static/media/geist-cyrillic-wght-normal.12b57c6b.woff2) format("woff2-variations");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_next/static/media/geist-vietnamese-wght-normal.c6a3f4e5.woff2) format("woff2-variations");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_next/static/media/geist-latin-ext-wght-normal.b921df26.woff2) format("woff2-variations");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:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_next/static/media/geist-latin-wght-normal.9ff55a8a.woff2) format("woff2-variations");unicode-range:u+00??,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:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_next/static/media/geist-mono-cyrillic-ext-wght-normal.85d55428.woff2) format("woff2-variations");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_next/static/media/geist-mono-cyrillic-wght-normal.33900800.woff2) format("woff2-variations");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_next/static/media/geist-mono-symbols2-wght-normal.b6529aae.woff2) format("woff2-variations");unicode-range:u+2000-2001,u+2004-2008,u+200a,u+23b8-23bd,u+2500-259f}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_next/static/media/geist-mono-vietnamese-wght-normal.55bad67b.woff2) format("woff2-variations");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_next/static/media/geist-mono-latin-ext-wght-normal.3d379059.woff2) format("woff2-variations");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:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_next/static/media/geist-mono-latin-wght-normal.125b055e.woff2) format("woff2-variations");unicode-range:u+00??,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:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_next/static/media/onest-cyrillic-ext-wght-normal.8860201a.woff2) format("woff2-variations");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_next/static/media/onest-cyrillic-wght-normal.20151429.woff2) format("woff2-variations");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_next/static/media/onest-math-wght-normal.cad38c99.woff2) format("woff2-variations");unicode-range:u+0302-0303,u+0305,u+0307-0308,u+0310,u+0312,u+0315,u+031a,u+0326-0327,u+032c,u+032f-0330,u+0332-0333,u+0338,u+033a,u+0346,u+034d,u+0391-03a1,u+03a3-03a9,u+03b1-03c9,u+03d1,u+03d5-03d6,u+03f0-03f1,u+03f4-03f5,u+2016-2017,u+2034-2038,u+203c,u+2040,u+2043,u+2047,u+2050,u+2057,u+205f,u+2070-2071,u+2074-208e,u+2090-209c,u+20d0-20dc,u+20e1,u+20e5-20ef,u+2100-2112,u+2114-2115,u+2117-2121,u+2123-214f,u+2190,u+2192,u+2194-21ae,u+21b0-21e5,u+21f1-21f2,u+21f4-2211,u+2213-2214,u+2216-22ff,u+2308-230b,u+2310,u+2319,u+231c-2321,u+2336-237a,u+237c,u+2395,u+239b-23b7,u+23d0,u+23dc-23e1,u+2474-2475,u+25af,u+25b3,u+25b7,u+25bd,u+25c1,u+25ca,u+25cc,u+25fb,u+266d-266f,u+27c0-27ff,u+2900-2aff,u+2b0e-2b11,u+2b30-2b4c,u+2bfe,u+3030,u+ff5b,u+ff5d,u+1d400-1d7ff,u+1ee??}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_next/static/media/onest-symbols-wght-normal.d64d8e2d.woff2) format("woff2-variations");unicode-range:u+0001-000c,u+000e-001f,u+007f-009f,u+20dd-20e0,u+20e2-20e4,u+2150-218f,u+2190,u+2192,u+2194-2199,u+21af,u+21e6-21f0,u+21f3,u+2218-2219,u+2299,u+22c4-22c6,u+2300-243f,u+2440-244a,u+2460-24ff,u+25a0-27bf,u+28??,u+2921-2922,u+2981,u+29bf,u+29eb,u+2b??,u+4dc0-4dff,u+fff9-fffb,u+10140-1018e,u+10190-1019c,u+101a0,u+101d0-101fd,u+102e0-102fb,u+10e60-10e7e,u+1d2c0-1d2d3,u+1d2e0-1d37f,u+1f0??,u+1f100-1f1ad,u+1f1e6-1f1ff,u+1f30d-1f30f,u+1f315,u+1f31c,u+1f31e,u+1f320-1f32c,u+1f336,u+1f378,u+1f37d,u+1f382,u+1f393-1f39f,u+1f3a7-1f3a8,u+1f3ac-1f3af,u+1f3c2,u+1f3c4-1f3c6,u+1f3ca-1f3ce,u+1f3d4-1f3e0,u+1f3ed,u+1f3f1-1f3f3,u+1f3f5-1f3f7,u+1f408,u+1f415,u+1f41f,u+1f426,u+1f43f,u+1f441-1f442,u+1f444,u+1f446-1f449,u+1f44c-1f44e,u+1f453,u+1f46a,u+1f47d,u+1f4a3,u+1f4b0,u+1f4b3,u+1f4b9,u+1f4bb,u+1f4bf,u+1f4c8-1f4cb,u+1f4d6,u+1f4da,u+1f4df,u+1f4e3-1f4e6,u+1f4ea-1f4ed,u+1f4f7,u+1f4f9-1f4fb,u+1f4fd-1f4fe,u+1f503,u+1f507-1f50b,u+1f50d,u+1f512-1f513,u+1f53e-1f54a,u+1f54f-1f5fa,u+1f610,u+1f650-1f67f,u+1f687,u+1f68d,u+1f691,u+1f694,u+1f698,u+1f6ad,u+1f6b2,u+1f6b9-1f6ba,u+1f6bc,u+1f6c6-1f6cf,u+1f6d3-1f6d7,u+1f6e0-1f6ea,u+1f6f0-1f6f3,u+1f6f7-1f6fc,u+1f7??,u+1f800-1f80b,u+1f810-1f847,u+1f850-1f859,u+1f860-1f887,u+1f890-1f8ad,u+1f8b0-1f8bb,u+1f8c0-1f8c1,u+1f900-1f90b,u+1f93b,u+1f946,u+1f984,u+1f996,u+1f9e9,u+1fa00-1fa6f,u+1fa70-1fa7c,u+1fa80-1fa89,u+1fa8f-1fac6,u+1face-1fadc,u+1fadf-1fae9,u+1faf0-1faf8,u+1fb??}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_next/static/media/onest-vietnamese-wght-normal.4250ef26.woff2) format("woff2-variations");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_next/static/media/onest-latin-ext-wght-normal.79c53978.woff2) format("woff2-variations");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:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_next/static/media/onest-latin-wght-normal.89c3d590.woff2) format("woff2-variations");unicode-range:u+00??,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:Golos Text Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/_next/static/media/golos-text-cyrillic-ext-wght-normal.7de35ed7.woff2) format("woff2-variations");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Golos Text Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/_next/static/media/golos-text-cyrillic-wght-normal.41b430c9.woff2) format("woff2-variations");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Golos Text Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/_next/static/media/golos-text-latin-ext-wght-normal.8c0c1236.woff2) format("woff2-variations");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:Golos Text Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/_next/static/media/golos-text-latin-wght-normal.c26d557d.woff2) format("woff2-variations");unicode-range:u+00??,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:Unbounded Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/_next/static/media/unbounded-cyrillic-ext-wght-normal.a3654526.woff2) format("woff2-variations");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Unbounded Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/_next/static/media/unbounded-cyrillic-wght-normal.89b21495.woff2) format("woff2-variations");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Unbounded Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/_next/static/media/unbounded-vietnamese-wght-normal.e31e1e1b.woff2) format("woff2-variations");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Unbounded Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/_next/static/media/unbounded-latin-ext-wght-normal.34c71695.woff2) format("woff2-variations");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:Unbounded Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/_next/static/media/unbounded-latin-wght-normal.e4503c05.woff2) format("woff2-variations");unicode-range:u+00??,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:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_next/static/media/manrope-cyrillic-ext-wght-normal.d1990364.woff2) format("woff2-variations");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_next/static/media/manrope-cyrillic-wght-normal.2ffcac4f.woff2) format("woff2-variations");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_next/static/media/manrope-greek-wght-normal.6b69666c.woff2) format("woff2-variations");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_next/static/media/manrope-vietnamese-wght-normal.383b32a0.woff2) format("woff2-variations");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_next/static/media/manrope-latin-ext-wght-normal.f5cc7610.woff2) format("woff2-variations");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:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_next/static/media/manrope-latin-wght-normal.fedf4c92.woff2) format("woff2-variations");unicode-range:u+00??,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 Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_next/static/media/jetbrains-mono-cyrillic-ext-wght-normal.0d2c2f66.woff2) format("woff2-variations");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_next/static/media/jetbrains-mono-cyrillic-wght-normal.23645aad.woff2) format("woff2-variations");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_next/static/media/jetbrains-mono-greek-wght-normal.c6c31cb1.woff2) format("woff2-variations");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_next/static/media/jetbrains-mono-vietnamese-wght-normal.93fc40a8.woff2) format("woff2-variations");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_next/static/media/jetbrains-mono-latin-ext-wght-normal.9c9751ca.woff2) format("woff2-variations");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 Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_next/static/media/jetbrains-mono-latin-wght-normal.a865edea.woff2) format("woff2-variations");unicode-range:u+00??,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,[data-style=canvas]{--p-light-bg:#f4f5f7;--p-light-surface:#ffffff;--p-light-text:#14161a;--p-light-muted:#5b6370;--p-light-border:#dde1e6;--p-light-accent:#2f5bff;--p-light-on-accent:#ffffff;--p-light-btn-bg:#14161a;--p-light-btn-fg:#ffffff;--p-light-sticky1:#ffe27a;--p-light-sticky2:#ffe27a;--p-light-sticky3:#ffe27a;--p-light-dot:#d3d8df;--p-light-selection:#2f5bff;--p-dark-bg:#0f1115;--p-dark-surface:#171a20;--p-dark-text:#eceef2;--p-dark-muted:#9aa1ad;--p-dark-border:#2a2e37;--p-dark-accent:#6b86ff;--p-dark-on-accent:#0f1115;--p-dark-btn-bg:#eceef2;--p-dark-btn-fg:#0f1115;--p-dark-sticky1:#e9cd5f;--p-dark-sticky2:#e9cd5f;--p-dark-sticky3:#e9cd5f;--p-dark-dot:#2a2e37;--p-dark-selection:#6b86ff;--p-light-sticky-on:#14161a;--p-dark-sticky-on:#14161a;--p-light-btn-hover-bg:#2f5bff;--p-dark-btn-hover-bg:#6b86ff;--p-light-btn-hover-fg:#ffffff;--p-dark-btn-hover-fg:#0f1115;--p-light-inverse-bg:#14161a;--p-dark-inverse-bg:#eceef2;--p-light-inverse-text:#ffffff;--p-dark-inverse-text:#0f1115;--font-display:var(--ff-geist),ui-sans-serif,system-ui,sans-serif;--font-display-weight:600;--font-body:var(--ff-onest),ui-sans-serif,system-ui,sans-serif;--font-mono:var(--ff-geist-mono),ui-monospace,SFMono-Regular,Menlo,monospace;--font-display-tracking:-0.03em;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-xl:20px;--radius-button:8px;--motion-fast:120ms;--motion-base:200ms;--motion-slow:320ms;--motion-signature:600ms;--ease-standard:cubic-bezier(0.2,0,0,1);--ease-enter:cubic-bezier(0,0,0.2,1);--fs-hero-desktop:68px;--fs-hero-mobile:40px;--fs-h2:40px;--fs-display-160:160px;--fs-display-96:96px;--fs-display-56:56px;--fs-display-52:52px;--fs-display-48:48px;--fs-display-44:44px;--fs-display-36:36px;--fs-display-32:32px;--fs-display-28:28px;--fs-display-24:24px;--fs-display-34:34px;--fs-display-30:30px;--fs-display-26:26px}[data-style=samarqand]{--p-light-bg:#f2f5f9;--p-light-surface:#ffffff;--p-light-text:#0b1630;--p-light-muted:#4a5a7a;--p-light-border:#d5ddea;--p-light-accent:#0f7c84;--p-light-on-accent:#ffffff;--p-light-btn-bg:#0b1630;--p-light-btn-fg:#ffffff;--p-light-sticky1:#dcebf2;--p-light-sticky2:#dcebf2;--p-light-sticky3:#dcebf2;--p-light-dot:#d5ddea;--p-light-selection:#b8862b;--p-dark-bg:#0b1630;--p-dark-surface:#13224a;--p-dark-text:#eef2fa;--p-dark-muted:#9aa8c6;--p-dark-border:#23345f;--p-dark-accent:#39c2c9;--p-dark-on-accent:#0b1630;--p-dark-btn-bg:#39c2c9;--p-dark-btn-fg:#0b1630;--p-dark-sticky1:#1e3566;--p-dark-sticky2:#1e3566;--p-dark-sticky3:#1e3566;--p-dark-dot:#1f3059;--p-dark-selection:#e2b65c;--p-light-sticky-on:#0b1630;--p-dark-sticky-on:#eef2fa;--p-light-btn-hover-bg:#0f7c84;--p-dark-btn-hover-bg:#7fdde2;--p-light-btn-hover-fg:#ffffff;--p-dark-btn-hover-fg:#0b1630;--p-light-inverse-bg:#0b1630;--p-dark-inverse-bg:#eef2fa;--p-light-inverse-text:#ffffff;--p-dark-inverse-text:#0b1630;--font-display:var(--ff-unbounded),ui-sans-serif,system-ui,sans-serif;--font-display-weight:600;--font-body:var(--ff-golos),ui-sans-serif,system-ui,sans-serif;--font-mono:var(--ff-jetbrains),ui-monospace,SFMono-Regular,Menlo,monospace;--font-display-tracking:-0.02em;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:20px;--radius-button:10px;--motion-fast:200ms;--motion-base:320ms;--motion-slow:500ms;--motion-signature:700ms;--ease-standard:cubic-bezier(0.3,0,0,1);--ease-enter:cubic-bezier(0.16,1,0.3,1);--fs-hero-desktop:54px;--fs-hero-mobile:32px;--fs-h2:32px;--fs-display-160:133px;--fs-display-96:80px;--fs-display-56:46px;--fs-display-52:43px;--fs-display-48:40px;--fs-display-44:37px;--fs-display-36:30px;--fs-display-32:27px;--fs-display-28:23px;--fs-display-24:20px;--fs-display-34:28px;--fs-display-30:25px;--fs-display-26:22px}[data-style=figjam]{--p-light-bg:#ffffff;--p-light-surface:#f6f6f9;--p-light-text:#1b1b1f;--p-light-muted:#66666f;--p-light-border:#e7e7ee;--p-light-accent:#ff6b4a;--p-light-on-accent:#1b1b1f;--p-light-btn-bg:#1b1b1f;--p-light-btn-fg:#ffffff;--p-light-sticky1:#ffd9a8;--p-light-sticky2:#bdefd2;--p-light-sticky3:#dccbff;--p-light-dot:#e2e2ea;--p-light-selection:#ff6b4a;--p-dark-bg:#141417;--p-dark-surface:#1e1e23;--p-dark-text:#f2f2f5;--p-dark-muted:#a0a0ab;--p-dark-border:#2e2e36;--p-dark-accent:#ff7a5c;--p-dark-on-accent:#141417;--p-dark-btn-bg:#f2f2f5;--p-dark-btn-fg:#141417;--p-dark-sticky1:#e8b98a;--p-dark-sticky2:#8fcfaa;--p-dark-sticky3:#b9a6f0;--p-dark-dot:#2e2e36;--p-dark-selection:#ff7a5c;--p-light-sticky-on:#1b1b1f;--p-dark-sticky-on:#1b1b1f;--p-light-btn-hover-bg:#ff6b4a;--p-dark-btn-hover-bg:#ff7a5c;--p-light-btn-hover-fg:#1b1b1f;--p-dark-btn-hover-fg:#141417;--p-light-inverse-bg:#1b1b1f;--p-dark-inverse-bg:#f2f2f5;--p-light-inverse-text:#ffffff;--p-dark-inverse-text:#141417;--font-display:var(--ff-manrope),ui-sans-serif,system-ui,sans-serif;--font-display-weight:800;--font-body:var(--ff-onest),ui-sans-serif,system-ui,sans-serif;--font-mono:var(--ff-jetbrains),ui-monospace,SFMono-Regular,Menlo,monospace;--font-display-tracking:-0.03em;--radius-sm:8px;--radius-md:14px;--radius-lg:28px;--radius-xl:28px;--radius-button:999px;--motion-fast:160ms;--motion-base:260ms;--motion-slow:450ms;--motion-signature:650ms;--ease-standard:linear(0,0.6 25%,1.05 55%,1);--ease-enter:cubic-bezier(0.34,1.56,0.64,1);--fs-hero-desktop:64px;--fs-hero-mobile:38px;--fs-h2:38px;--fs-display-160:150px;--fs-display-96:90px;--fs-display-56:53px;--fs-display-52:49px;--fs-display-48:45px;--fs-display-44:41px;--fs-display-36:34px;--fs-display-32:30px;--fs-display-28:26px;--fs-display-24:23px;--fs-display-34:32px;--fs-display-30:28px;--fs-display-26:24px}:root,[data-theme=light]{color-scheme:light;--c-bg-page:var(--p-light-bg);--c-bg-surface:var(--p-light-surface);--c-text-primary:var(--p-light-text);--c-text-muted:var(--p-light-muted);--c-border:var(--p-light-border);--c-accent:var(--p-light-accent);--c-accent-on:var(--p-light-on-accent);--c-btn-bg:var(--p-light-btn-bg);--c-btn-fg:var(--p-light-btn-fg);--c-btn-hover-bg:var(--p-light-btn-hover-bg);--c-btn-hover-fg:var(--p-light-btn-hover-fg);--c-sticky-1:var(--p-light-sticky1);--c-sticky-2:var(--p-light-sticky2);--c-sticky-3:var(--p-light-sticky3);--c-sticky-on:var(--p-light-sticky-on);--c-dot:var(--p-light-dot);--c-selection:var(--p-light-selection);--c-inverse-bg:var(--p-light-inverse-bg);--c-inverse-text:var(--p-light-inverse-text)}[data-theme=dark]{color-scheme:dark;--c-bg-page:var(--p-dark-bg);--c-bg-surface:var(--p-dark-surface);--c-text-primary:var(--p-dark-text);--c-text-muted:var(--p-dark-muted);--c-border:var(--p-dark-border);--c-accent:var(--p-dark-accent);--c-accent-on:var(--p-dark-on-accent);--c-btn-bg:var(--p-dark-btn-bg);--c-btn-fg:var(--p-dark-btn-fg);--c-btn-hover-bg:var(--p-dark-btn-hover-bg);--c-btn-hover-fg:var(--p-dark-btn-hover-fg);--c-sticky-1:var(--p-dark-sticky1);--c-sticky-2:var(--p-dark-sticky2);--c-sticky-3:var(--p-dark-sticky3);--c-sticky-on:var(--p-dark-sticky-on);--c-dot:var(--p-dark-dot);--c-selection:var(--p-dark-selection);--c-inverse-bg:var(--p-dark-inverse-bg);--c-inverse-text:var(--p-dark-inverse-text)}:root{--space-4:4px;--space-8:8px;--space-12:12px;--space-16:16px;--space-24:24px;--space-32:32px;--space-48:48px;--space-64:64px;--space-96:96px;--space-128:128px;--ff-geist:"Geist Variable";--ff-geist-mono:"Geist Mono Variable";--ff-onest:"Onest Variable";--ff-golos:"Golos Text Variable";--ff-unbounded:"Unbounded Variable";--ff-manrope:"Manrope Variable";--ff-jetbrains:"JetBrains Mono Variable";--container:1312px;--gutter:64px;--header-h:72px}@media (max-width:1100px){:root{--gutter:40px}}@media (max-width:720px){:root{--gutter:20px;--header-h:64px}}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 16px)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;background:var(--c-bg-page);color:var(--c-text-primary);font-family:var(--font-body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background-color var(--motion-base) var(--ease-standard),color var(--motion-base) var(--ease-standard)}img{display:block;max-width:100%}a{text-decoration:none}a,button{color:inherit}button{font:inherit;background:none;border:0;padding:0;cursor:pointer}::selection{background:var(--c-selection);color:#fff}:focus-visible{outline:2px solid var(--c-accent);outline-offset:3px;border-radius:4px}h1,h2,h3,h4,p,ul{margin:0}ul{padding:0;list-style:none}.skip-link{position:absolute;left:12px;top:-48px;z-index:100;padding:10px 14px;background:var(--c-btn-bg);color:var(--c-btn-fg);border-radius:var(--radius-button)}.skip-link:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.container{width:100%;max-width:calc(var(--container) + var(--gutter) * 2);margin:0 auto;padding:0 var(--gutter)}.display{font-family:var(--font-display);font-weight:var(--font-display-weight);letter-spacing:var(--font-display-tracking);line-height:1.05;overflow-wrap:normal;-webkit-hyphens:none;hyphens:none}.h-hero{font-size:clamp(var(--fs-hero-mobile),4.4vw,var(--fs-hero-desktop))}.h-xl{font-size:clamp(var(--fs-display-48),7vw,var(--fs-display-96))}.h2{font-size:clamp(var(--fs-display-28),3vw,var(--fs-h2));line-height:1.12}.h3{font-size:clamp(20px,1.8vw,24px);line-height:1.2}.label{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.label,.lead,.muted{color:var(--c-text-muted)}.lead{font-size:clamp(17px,1.4vw,20px);line-height:1.55}.accent{color:var(--c-accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 20px;border-radius:var(--radius-button);font-size:15px;font-weight:500;white-space:nowrap;transition:background-color var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard),transform var(--motion-fast) var(--ease-standard)}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--c-btn-bg);color:var(--c-btn-fg)}.btn-primary:hover{background:var(--c-btn-hover-bg);color:var(--c-btn-hover-fg)}.btn-secondary{border:1px solid var(--c-border);background:var(--c-bg-surface)}.btn-secondary:hover{border-color:var(--c-text-primary)}.btn-ghost{height:34px;padding:0 12px}.btn-ghost:hover{background:var(--c-bg-surface)}.btn-s{height:34px;padding:0 14px;font-size:14px}.btn svg{width:16px;height:16px;flex:none}.icon-btn{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:var(--radius-md);border:1px solid var(--c-border);background:var(--c-bg-surface);transition:border-color var(--motion-fast) var(--ease-standard)}.icon-btn:hover{border-color:var(--c-text-primary)}.icon-btn svg{width:18px;height:18px}.link-arrow{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:500}.link-arrow svg{width:16px;height:16px;transition:transform var(--motion-fast) var(--ease-standard)}.link-arrow:hover svg{transform:translateX(3px)}.tags{display:flex;flex-wrap:wrap;gap:6px}.tag{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;border:1px solid var(--c-border);font-family:var(--font-mono);font-size:11px;color:var(--c-text-muted)}.tag-case{background:var(--c-btn-bg);color:var(--c-btn-fg);border-color:transparent}.header{position:-webkit-sticky;position:sticky;top:0;z-index:40;height:var(--header-h);background:var(--c-bg-page);border-bottom:1px solid var(--c-border);transition:background-color var(--motion-base) var(--ease-standard),box-shadow var(--motion-base) var(--ease-standard)}.header[data-scrolled=true]{background:var(--c-bg-surface);box-shadow:0 4px 16px rgb(10 15 20/.06)}.header .container{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{font-family:var(--font-display);font-weight:var(--font-display-weight);font-size:17px;letter-spacing:-.01em}.header-right{display:flex;align-items:center;gap:8px}.nav{display:flex;gap:4px;margin-right:12px}.nav a{padding:8px 12px;border-radius:var(--radius-sm);font-size:15px;color:var(--c-text-muted);transition:color var(--motion-fast) var(--ease-standard)}.nav a:hover,.nav a[aria-current=page]{color:var(--c-text-primary)}.only-desktop{display:flex}.only-compact{display:none}@media (max-width:1100px){.only-desktop{display:none!important}.only-compact{display:inline-grid}}.dd{position:relative}.dd-trigger{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 12px;border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-bg-surface);font-family:var(--font-mono);font-size:13px}.dd-trigger:hover,.dd-trigger[aria-expanded=true]{border-color:var(--c-text-primary)}.dd-trigger svg{width:16px;height:16px}.dd-trigger .chev{width:14px;height:14px;transition:transform var(--motion-fast) var(--ease-standard)}.dd-trigger[aria-expanded=true] .chev{transform:rotate(180deg)}.dd-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:220px;padding:8px;background:var(--c-bg-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);box-shadow:0 16px 40px rgb(10 15 20/.12);z-index:50;animation:dd-in var(--motion-fast) var(--ease-enter)}@keyframes dd-in{0%{opacity:0;transform:translateY(-4px)}}.dd-menu .label{padding:4px 8px 8px;display:block}.menu-item{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:10px 12px;border-radius:var(--radius-md);text-align:left;font-size:15px}.menu-item:focus-visible,.menu-item:hover{background:var(--c-bg-page)}.menu-item svg{width:16px;height:16px;color:var(--c-accent)}.appearance-option{display:flex;align-items:center;gap:12px;width:100%;padding:10px;border-radius:var(--radius-md);text-align:left}.appearance-option:hover,.appearance-option[aria-checked=true]{background:var(--c-bg-page)}.appearance-option .swatch{width:44px;height:34px;border-radius:8px;border:1px solid var(--c-border);position:relative;overflow:hidden;flex:none}.appearance-option .name{font-size:15px;font-weight:500}.appearance-option .mood{font-size:13px;color:var(--c-text-muted)}.appearance-option .check{margin-left:auto;color:var(--c-accent);width:16px;height:16px}.mobile-menu{position:fixed;inset:0;z-index:60;background:var(--c-bg-page);display:flex;flex-direction:column;overflow-y:auto;animation:menu-in var(--motion-base) var(--ease-enter)}@keyframes menu-in{0%{opacity:0;transform:translateX(16px)}}.mobile-menu .top{height:var(--header-h);display:flex;align-items:center;justify-content:space-between;padding:0 var(--gutter)}.mobile-menu .links{padding:24px var(--gutter);display:grid;grid-gap:4px;gap:4px}.mobile-menu .links a{font-family:var(--font-display);font-weight:var(--font-display-weight);letter-spacing:var(--font-display-tracking);font-size:40px;line-height:1.3;color:var(--c-text-muted);display:inline-flex;align-items:center;gap:10px}.mobile-menu .links a[aria-current=page]{color:var(--c-text-primary)}.mobile-menu .links a[aria-current=page]:after{content:"";width:8px;height:8px;border-radius:50%;background:var(--c-accent)}.settings-card{margin:8px var(--gutter);border:1px solid var(--c-border);border-radius:var(--radius-lg);background:var(--c-bg-surface)}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;min-height:60px}.settings-row+.settings-row{border-top:1px solid var(--c-border)}.mobile-menu .actions{padding:16px var(--gutter) 32px;display:grid;grid-gap:10px;gap:10px}.mobile-menu .actions .btn{width:100%}.segmented{display:inline-flex;padding:3px;gap:2px;border-radius:var(--radius-md);background:var(--c-bg-page)}.segmented button{width:42px;height:34px;display:grid;place-items:center;border-radius:calc(var(--radius-md) - 2px);border:1px solid transparent}.segmented button[aria-pressed=true]{background:var(--c-bg-surface);border-color:var(--c-border)}.segmented svg{width:18px;height:18px}.sheet-scrim{position:fixed;inset:0;z-index:70;background:rgb(0 0 0/.45);animation:fade-in var(--motion-fast) linear}@keyframes fade-in{0%{opacity:0}}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:71;background:var(--c-bg-surface);border-radius:20px 20px 0 0;padding:12px 16px 28px;animation:sheet-in var(--motion-base) var(--ease-enter)}@keyframes sheet-in{0%{transform:translateY(100%)}}.sheet .grabber{width:40px;height:4px;border-radius:4px;background:var(--c-border);margin:0 auto 8px}.sheet .title{text-align:center;font-weight:600;margin-bottom:8px}.footer{border-top:1px solid var(--c-border);padding:28px 0;margin-top:0}.footer .container{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.footer-links{display:flex;gap:4px;flex-wrap:wrap}.footer-links a{padding:6px 10px;border-radius:var(--radius-sm);font-size:14px}.footer-links a:hover{background:var(--c-bg-surface)}.copyright{font-family:var(--font-mono);font-size:12px;color:var(--c-text-muted)}@media (max-width:720px){.footer .container{flex-direction:column-reverse;align-items:flex-start}}.section{padding:96px 0}.section-tight{padding:64px 0}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:40px}.section-head .label{display:block;margin-bottom:10px}@media (max-width:720px){.section{padding:64px 0}.section-head{margin-bottom:28px}}.hero{padding:88px 0 96px}.hero .container{display:grid;grid-template-columns:minmax(0,1fr) 600px;grid-gap:64px;gap:64px;align-items:center}.hero-text{display:grid;grid-gap:28px;gap:28px}.hero-cta{gap:12px}.hero-cta,.hero-meta{display:flex;flex-wrap:wrap}.hero-meta{gap:32px;padding-top:4px}.hero-meta dt{margin-bottom:4px}.hero-meta dd{margin:0;font-size:14px}@media (max-width:1100px){.hero .container{grid-template-columns:1fr}.hero-stage-wrap{justify-self:center;width:min(600px,100%)}}@media (max-width:720px){.hero{padding:40px 0 56px}.hero-cta .btn{flex:1 1 100%}.hero-meta{gap:20px}}.pin{display:inline-flex;align-items:flex-start;gap:10px}.pin-avatar{width:32px;height:32px;border-radius:50% 50% 50% 4px;background:var(--c-accent);color:var(--c-accent-on);display:grid;place-items:center;font-size:12px;font-weight:600;flex:none}.pin-bubble{background:var(--c-bg-surface);border:1px solid var(--c-border);border-radius:4px 14px 14px 14px;padding:10px 14px;box-shadow:0 6px 18px rgb(10 15 20/.06);max-width:380px}.pin-bubble .who{font-size:13px;font-weight:600}.pin-bubble .who time{font-weight:400;color:var(--c-text-muted);margin-left:6px}.pin-bubble p{font-size:14px}.stage{position:relative;aspect-ratio:600/580;width:100%;border-radius:var(--radius-xl);border:1px solid var(--c-border);background-color:var(--c-bg-surface);background-image:radial-gradient(var(--c-dot) 1.2px,transparent 1.2px);background-size:20px 20px;overflow:hidden;contain:layout paint}.stage>*{position:absolute}.sticky{width:20%;aspect-ratio:120/96;padding:2.2%;border-radius:4px;color:var(--c-sticky-on);box-shadow:0 6px 14px rgb(10 15 20/.12);font-size:clamp(10px,1.6vw,13px);line-height:1.25}.sticky b{display:block;font-weight:600}.sticky span{opacity:.7;font-size:.85em}.s1{left:8%;top:9%;background:var(--c-sticky-1);transform:rotate(-3deg)}.s2{left:12%;top:40%;background:var(--c-sticky-2);transform:rotate(2deg)}.s3{left:8%;top:69%;background:var(--c-sticky-3);transform:rotate(-1.5deg)}.ui-result{right:9%;top:9%;width:43%;height:72%;border-radius:16px;border:1px solid var(--c-border);background:var(--c-bg-page);padding:4%;display:grid;grid-template-rows:auto 1fr auto auto auto;grid-gap:6%;gap:6%}.ui-result i{display:block;border-radius:6px;background:var(--c-border)}.ui-result .bar{height:14%;min-height:14px;background:var(--c-text-primary);border-radius:6px}.ui-result .ui-card{background:var(--c-bg-surface);border:1px solid var(--c-border);border-radius:10px}.ui-result .line{height:8px}.ui-result .line.short{width:60%}.ui-result .cta{height:13%;min-height:22px;background:var(--c-btn-bg);border-radius:var(--radius-button);outline:1.5px solid var(--c-selection);outline-offset:3px}.connector{left:33%;top:46%;width:19%;height:9%;color:var(--c-text-muted)}.cursor{right:11%;bottom:13%;display:flex;align-items:flex-start;gap:2px}.cursor svg{width:18px;height:18px;color:var(--c-selection)}.cursor span{margin-top:14px;padding:2px 8px;border-radius:6px;background:var(--c-selection);color:#fff;font-size:11px;font-weight:500}.replay{left:4%;bottom:3.5%;display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:12px;color:var(--c-text-muted);padding:4px 6px;border-radius:6px}.replay:hover{color:var(--c-text-primary);background:var(--c-bg-page)}.stage[data-play=true] .s1{animation:pop var(--motion-slow) var(--ease-enter) .1s both}.stage[data-play=true] .s2{animation:pop var(--motion-slow) var(--ease-enter) .35s both}.stage[data-play=true] .s3{animation:pop var(--motion-slow) var(--ease-enter) .6s both}.stage[data-play=true] .connector{animation:draw .6s var(--ease-standard) .9s both}.stage[data-play=true] .ui-result{animation:rise var(--motion-signature) var(--ease-enter) 1.2s both}.stage[data-play=true] .ui-result>*{animation:rise var(--motion-slow) var(--ease-enter) both}.stage[data-play=true] .ui-result>:first-child{animation-delay:1.45s}.stage[data-play=true] .ui-result>:nth-child(2){animation-delay:1.6s}.stage[data-play=true] .ui-result>:nth-child(3){animation-delay:1.75s}.stage[data-play=true] .ui-result>:nth-child(4){animation-delay:1.85s}.stage[data-play=true] .ui-result>:nth-child(5){animation-delay:2.1s}.stage[data-play=true] .cursor{animation:cursor-in .9s var(--ease-standard) 2.3s both}@keyframes pop{0%{opacity:0;transform:translateY(8px) scale(.92) rotate(var(--r,0deg))}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}@keyframes draw{0%{opacity:0;transform:scaleX(.2);transform-origin:left}}@keyframes cursor-in{0%{opacity:0;transform:translate(40px,30px)}}@media (prefers-reduced-motion:reduce){.stage *{animation:none!important}}.card{display:grid;grid-gap:14px;gap:14px}.card-cover{position:relative;border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:416/250;isolation:isolate}.card-featured .card-cover{aspect-ratio:1312/400}.card-cover .screens{position:absolute;inset:0;display:flex;justify-content:center;align-items:flex-end;gap:4%;padding:0 8%}.card-cover .phone{width:21%;aspect-ratio:9/18;margin-bottom:-10%;border-radius:10px;background:var(--c-bg-surface) center top /cover no-repeat;box-shadow:0 0 0 3px #fff,0 10px 26px rgb(10 15 20/.28);transition:transform var(--motion-base) var(--ease-standard)}.card-featured .card-cover .phone{width:20%;border-radius:18px;box-shadow:0 0 0 4px #fff,0 14px 36px rgb(10 15 20/.28)}.card-cover .phone:nth-child(2){margin-bottom:-6%}.card:hover .card-cover .phone:first-child{transform:translateY(-6px) rotate(-1.5deg)}.card:hover .card-cover .phone:nth-child(2){transform:translateY(-10px)}.card:hover .card-cover .phone:nth-child(3){transform:translateY(-6px) rotate(1.5deg)}.card-cover .browser{position:absolute;left:8%;right:8%;top:14%;bottom:-8%}.card-cover .empty{position:absolute;inset:0;display:grid;place-items:center;color:var(--c-text-muted);font-family:var(--font-display);font-size:28px;opacity:.35}.card .view{position:absolute;right:16px;top:16px;display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;background:var(--c-bg-surface);font-size:14px;font-weight:500;opacity:0;transform:translateY(-4px);transition:opacity var(--motion-fast) var(--ease-standard),transform var(--motion-fast) var(--ease-standard)}.card .view svg{width:14px;height:14px}.card:focus-visible .view,.card:hover .view{opacity:1;transform:none}.card h3{font-family:var(--font-display);font-weight:var(--font-display-weight);letter-spacing:var(--font-display-tracking);font-size:22px;line-height:1.2}.card-featured h3{font-size:clamp(24px,2.4vw,32px)}.card p{color:var(--c-text-muted);font-size:15px}.grid-feat{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:56px 32px;gap:56px 32px}.grid-feat>:first-child{grid-column:1/-1}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:56px 32px;gap:56px 32px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:32px;gap:32px}@media (max-width:1100px){.grid-feat{grid-template-columns:repeat(2,1fr);gap:40px 24px}.grid-feat>:last-child{grid-column:1/-1}.grid-3,.grid-4{grid-template-columns:repeat(2,1fr);gap:40px 24px}}@media (max-width:720px){.grid-3,.grid-4,.grid-feat{grid-template-columns:1fr}.grid-feat>:last-child{grid-column:auto}.card-featured .card-cover{aspect-ratio:350/300}.card-featured .card-cover .phone{width:30%}}.compact-list{display:none}@media (max-width:720px){.grid-feat>:not(:first-child){display:none}.compact-list{display:grid;margin-top:8px}.compact-row{display:flex;align-items:center;gap:14px;padding:14px 0;border-top:1px solid var(--c-border)}.compact-row .thumb{width:96px;height:72px;border-radius:var(--radius-md);background:top/cover no-repeat;flex:none}.compact-row h3{font-size:17px;font-family:var(--font-display);font-weight:var(--font-display-weight)}.compact-row p{font-size:13px;color:var(--c-text-muted)}.compact-row svg{margin-left:auto;width:18px;height:18px;flex:none}}.browser-win{border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 16px 48px rgb(10 15 20/.3);display:flex;flex-direction:column}.browser-win .bar{height:30px;flex:none;display:flex;align-items:center;gap:6px;padding:0 12px;background:#f0f0f2}.browser-win .bar i{width:9px;height:9px;border-radius:50%}.browser-win .bar .url{margin:0 auto;width:38%;height:18px;border-radius:5px;background:#fff}.browser-win .screen{flex:1 1;background:#e6e8ea top/cover no-repeat}.step{padding:28px;border-radius:var(--radius-lg);background:var(--c-bg-surface);border:1px solid var(--c-border);display:grid;grid-gap:14px;gap:14px;align-content:start}.step .num{font-family:var(--font-mono);font-size:13px;color:var(--c-accent)}.step h3{font-family:var(--font-display);font-weight:var(--font-display-weight);font-size:22px}.step p{font-size:15px;color:var(--c-text-muted)}.cta-box{border-radius:var(--radius-xl);background:var(--c-inverse-bg);color:var(--c-inverse-text);padding:64px;display:grid;grid-template-columns:minmax(0,1fr) 400px;grid-gap:64px;gap:64px;align-items:center}.cta-box .label{color:inherit;opacity:.6}.cta-box h2{font-size:clamp(var(--fs-display-32),3.6vw,var(--fs-display-52));margin:14px 0 18px}.cta-box p{opacity:.72}.contact-rows{display:grid;grid-gap:12px;gap:12px}.contact-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-radius:var(--radius-md);border:1px solid color-mix(in srgb,currentColor 22%,transparent)}.contact-row .k{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;opacity:.6}.contact-row .v{font-size:15px;overflow-wrap:anywhere}.contact-row button{font-family:var(--font-mono);font-size:12px;opacity:.7;padding:6px 8px;border-radius:6px;flex:none}.contact-row button:hover{opacity:1;background:color-mix(in srgb,currentColor 10%,transparent)}.contact-row button[data-copied=true]{color:var(--c-accent);opacity:1}@media (max-width:1100px){.cta-box{grid-template-columns:1fr;padding:48px 40px;gap:40px}}@media (max-width:720px){.cta-box{padding:32px 20px}}.toast{position:fixed;left:50%;bottom:32px;z-index:80;transform:translateX(-50%);display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border-radius:999px;background:var(--c-inverse-bg);color:var(--c-inverse-text);font-size:14px;box-shadow:0 12px 32px rgb(0 0 0/.25);animation:toast-in var(--motion-base) var(--ease-enter)}.toast svg{width:16px;height:16px}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}}.page-title{padding:96px 0 40px}.page-title .row{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap}.page-title .count{font-family:var(--font-mono);font-size:16px;color:var(--c-text-muted);padding-bottom:14px}.page-title .lead{margin-top:16px;max-width:760px}@media (max-width:720px){.page-title{padding:40px 0 24px}}.filters{gap:16px 32px;padding-bottom:40px}.filter-group,.filters{display:flex;flex-wrap:wrap;align-items:center}.filter-group{gap:6px}.filter-group .label{margin-right:6px}.chip{height:35px;padding:0 14px;border-radius:999px;border:1px solid var(--c-border);background:var(--c-bg-surface);font-size:14px}.chip:hover{border-color:var(--c-text-primary)}.chip[aria-pressed=true]{background:var(--c-btn-bg);color:var(--c-btn-fg);border-color:transparent}@media (max-width:720px){.filter-group{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 calc(var(--gutter) * -1);padding:0 var(--gutter)}}.empty-state{border:1.5px dashed var(--c-border);border-radius:var(--radius-xl);padding:80px 24px;text-align:center;display:grid;grid-gap:14px;gap:14px;justify-items:center}.empty-state h2{font-size:clamp(22px,2.4vw,30px)}.progress{position:fixed;left:0;top:0;height:2px;background:var(--c-accent);z-index:45;transform-origin:left;width:100%;transform:scaleX(var(--p,0))}.cover{padding-top:72px;display:grid;grid-gap:28px;gap:28px}.cover-mock{position:relative;border-radius:var(--radius-xl);overflow:hidden;aspect-ratio:1312/680}.cover-mock .phones{position:absolute;inset:auto 2% -6% 2%;display:flex;justify-content:center;gap:2.6%;align-items:flex-end}.cover-mock .phone{width:17%;aspect-ratio:9/18.6;border-radius:22px;background:#fff top/cover no-repeat;box-shadow:0 0 0 5px #fff,0 18px 44px rgb(10 15 20/.3)}.cover-mock .phone:nth-child(odd){margin-bottom:3%}.cover-mock .browser-win{position:absolute;left:7%;top:10%;width:68%;aspect-ratio:16/10}.cover-mock .side-phones{position:absolute;right:6%;top:22%;width:26%;display:flex;gap:8%}.cover-mock .side-phones .phone{width:46%}@media (max-width:720px){.cover{padding-top:32px}.cover-mock{aspect-ratio:350/260}.cover-mock .phone{border-radius:10px;box-shadow:0 0 0 2px #fff,0 8px 20px rgb(10 15 20/.3)}.cover-mock .phone:nth-child(n+4){display:none}.cover-mock .phone{width:26%}}.meta-row{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--c-border);margin-top:8px}.meta-row>div{padding:20px 20px 20px 0;display:grid;grid-gap:8px;gap:8px;align-content:start}.meta-row dd{margin:0;font-size:15px}@media (max-width:1100px){.meta-row{grid-template-columns:repeat(3,1fr)}}@media (max-width:720px){.meta-row{grid-template-columns:repeat(2,1fr)}}.case-body{display:grid;grid-template-columns:220px minmax(0,1fr);grid-gap:96px;gap:96px;padding-block:64px 120px}.toc{position:-webkit-sticky;position:sticky;top:calc(var(--header-h) + 32px);align-self:start;display:grid;grid-gap:2px;gap:2px}.toc a{padding:8px 12px;border-left:2px solid transparent;font-size:14px;color:var(--c-text-muted)}.toc a[aria-current=true]{color:var(--c-text-primary);border-left-color:var(--c-accent)}@media (max-width:1100px){.case-body{grid-template-columns:1fr;gap:0}.toc{display:none}}.case-content{display:grid;grid-gap:96px;gap:96px;max-width:996px}.case-section{display:grid;grid-gap:20px;gap:20px}.case-section>p{max-width:720px;color:var(--c-text-muted);font-size:17px}.callout{border-left:3px solid var(--c-accent);padding:4px 0 4px 20px;font-size:clamp(18px,1.6vw,22px);line-height:1.45;max-width:720px}.artifacts{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.artifact{display:grid;grid-gap:10px;gap:10px}.artifact .ph{aspect-ratio:316/200;border-radius:var(--radius-md);background:var(--c-bg-surface);border:1px solid var(--c-border)}.artifact figcaption{font-size:13px;color:var(--c-text-muted)}.options{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.option{padding:20px;border-radius:var(--radius-lg);background:var(--c-bg-surface);border:1px solid var(--c-border);display:grid;grid-gap:8px;gap:8px;align-content:start}.option[data-chosen=true]{border:1.5px solid var(--c-accent)}.option .chosen{justify-self:start}.option h3{font-size:18px;font-family:var(--font-display);font-weight:var(--font-display-weight)}.option p{font-size:14px;color:var(--c-text-muted)}.decision{padding:20px 24px;border-radius:var(--radius-lg);background:var(--c-bg-surface);border:1px solid var(--c-border);display:grid;grid-gap:8px;gap:8px}@media (max-width:720px){.artifacts,.options{grid-template-columns:1fr}}.annotated{display:grid;grid-template-columns:400px minmax(0,1fr);grid-gap:48px;gap:48px;align-items:center}.annotated .stagebox{aspect-ratio:400/620;border-radius:var(--radius-lg);display:grid;place-items:center;overflow:hidden}.annotated .stagebox .phone{width:46%;aspect-ratio:9/18.6;border-radius:18px;background:#fff top/cover no-repeat;box-shadow:0 0 0 4px #fff,0 16px 40px rgb(10 15 20/.3)}.notes{display:grid;grid-gap:28px;gap:28px}.note{display:grid;grid-template-columns:28px 1fr;grid-gap:14px;gap:14px}.note .n{width:28px;height:28px;border-radius:50%;background:var(--c-accent);color:var(--c-accent-on);display:grid;place-items:center;font-size:13px;font-weight:600}.note h3{font-size:17px;font-weight:600;margin-bottom:4px}.note p{font-size:15px;color:var(--c-text-muted)}@media (max-width:900px){.annotated{grid-template-columns:1fr}.annotated .stagebox{aspect-ratio:350/420}}.stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:24px;gap:24px}.stat .v{font-family:var(--font-display);font-weight:var(--font-display-weight);font-size:clamp(var(--fs-display-36),4vw,var(--fs-display-48));line-height:1}.stat .l{font-size:13px;color:var(--c-text-muted);margin-top:8px}.swatches{display:flex;gap:16px;flex-wrap:wrap}.swatch-chip{display:grid;grid-gap:8px;gap:8px;font-size:13px}.swatch-chip i{width:96px;height:64px;border-radius:var(--radius-md)}.swatch-chip code{font-family:var(--font-mono);font-size:11px;color:var(--c-text-muted)}@media (max-width:720px){.stats{grid-template-columns:repeat(2,1fr)}}.before-after{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px}.ba{display:grid;grid-gap:10px;gap:10px}.ba .box{aspect-ratio:486/320;border-radius:var(--radius-lg);overflow:hidden;display:flex;justify-content:center;align-items:flex-end;gap:6%;padding:0 10%;border:1px solid var(--c-border);background:var(--c-bg-surface)}.ba .box .phone{width:31%;aspect-ratio:9/18.6;margin-bottom:-12%;border-radius:14px;background:#fff top/cover no-repeat;box-shadow:0 0 0 4px #fff,0 12px 30px rgb(10 15 20/.28)}@media (max-width:720px){.before-after{grid-template-columns:1fr}}.draft{border:1.5px dashed var(--c-border);border-radius:var(--radius-md);padding:12px 16px}.next-project{border-top:1px solid var(--c-border);padding:96px 0}.next-project .container{display:grid;grid-template-columns:minmax(0,1fr) 560px;grid-gap:48px;gap:48px;align-items:center}.next-project h2 a:hover{color:var(--c-accent)}.next-project .cover-sm{aspect-ratio:560/340;border-radius:var(--radius-xl);overflow:hidden;position:relative}@media (max-width:1100px){.next-project .container{grid-template-columns:1fr}}.intro-row{display:grid;grid-template-columns:minmax(0,720px) 1fr;grid-gap:80px;gap:80px}.intro-row dl{display:grid;grid-gap:18px;gap:18px;align-content:start}.intro-row dd{margin:4px 0 0}@media (max-width:1100px){.intro-row{grid-template-columns:1fr;gap:32px}}.gallery{display:grid;grid-gap:32px;gap:32px;padding-block:64px 120px}.gallery .desktop-shot{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--c-border);background:var(--c-bg-surface)}.gallery .row-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:32px;gap:32px}.gallery .row-m{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:32px;gap:32px}.gallery figure{margin:0;display:grid;grid-gap:10px;gap:10px}.gallery figcaption{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--c-text-muted)}.gallery .mobile-shot{border-radius:22px;overflow:hidden;border:1px solid var(--c-border);background:var(--c-bg-surface);aspect-ratio:428/926}.gallery .mobile-shot img{width:100%;height:100%;object-fit:cover;object-position:top}@media (max-width:1100px){.gallery .row-m{grid-template-columns:repeat(2,1fr)}}@media (max-width:720px){.gallery .row-2{grid-template-columns:1fr}.gallery{gap:20px}}.about-hero{padding:96px 0}.about-hero .container{display:grid;grid-template-columns:minmax(0,1fr) 440px;grid-gap:80px;gap:80px;align-items:start}.about-bio{display:grid;grid-gap:24px;gap:24px}.about-bio p{color:var(--c-text-muted);max-width:640px;font-size:17px}.inspector{border:1px solid var(--c-border);border-radius:var(--radius-lg);background:var(--c-bg-surface);overflow:hidden;font-size:14px}.inspector .head{display:flex;justify-content:space-between;padding:14px 20px;font-family:var(--font-mono);font-size:12px}.inspector .group,.inspector .head{border-bottom:1px solid var(--c-border)}.inspector .group{padding:18px 20px;display:grid;grid-gap:10px;gap:10px}.inspector .kv{display:flex;justify-content:space-between;gap:12px;align-items:center}.inspector .kv span:first-child{color:var(--c-text-muted)}.inspector .kv span:last-child{padding:3px 8px;border-radius:6px;background:var(--c-bg-page);font-size:13px;text-align:right}.inspector .status{padding:16px 20px;display:flex;gap:10px;align-items:center}.inspector .dot{width:8px;height:8px;border-radius:50%;background:var(--c-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--c-accent) 20%,transparent)}.experience{display:grid;grid-template-columns:320px minmax(0,1fr);grid-gap:80px;gap:80px}.job{display:grid;grid-gap:4px;gap:4px;padding:24px 0;border-bottom:1px solid var(--c-border)}.job h3{font-family:var(--font-display);font-weight:var(--font-display-weight);font-size:22px}.job .co{font-size:14px;font-weight:500}.job p{color:var(--c-text-muted);font-size:15px}.chips{display:flex;flex-wrap:wrap;gap:8px}.skills{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:48px;gap:48px}.skills>div{display:grid;grid-gap:16px;gap:16px;align-content:start}@media (max-width:1100px){.about-hero .container,.experience{grid-template-columns:1fr;gap:40px}.skills{grid-template-columns:1fr 1fr}}@media (max-width:720px){.about-hero{padding:40px 0 64px}.skills{grid-template-columns:1fr;gap:32px}}.cta-slim{border-radius:var(--radius-xl);background:var(--c-inverse-bg);color:var(--c-inverse-text);padding:56px;display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap}.cta-slim h2{font-size:clamp(var(--fs-display-30),3.2vw,var(--fs-display-44))}.cta-slim .btn-primary{background:var(--c-accent);color:var(--c-accent-on)}@media (max-width:720px){.cta-slim{padding:32px 20px}}.nf{padding-block:120px 160px;text-align:center;display:grid;grid-gap:20px;gap:20px;justify-items:center}.nf .big{font-family:var(--font-display);font-weight:var(--font-display-weight);font-size:var(--fs-display-160);line-height:1;color:var(--c-border);letter-spacing:var(--font-display-tracking)}.nf p{color:var(--c-text-muted);max-width:520px}.nf .row{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.replay svg{width:14px;height:14px}.hero-stage-wrap .replay{position:relative;left:0;bottom:0}.s1{--r:-3deg}.s2{--r:2deg}.s3{--r:-1.5deg}.link-arrow{white-space:nowrap}@media (max-width:720px){#featured .section-head .link-arrow{display:none}.next-project .cover-sm .card-cover{aspect-ratio:350/220}}.cover-sm .card-cover{height:100%;aspect-ratio:auto}