@font-face{font-family:"Baloo 2";font-style:normal;font-weight:400;font-display:swap;src:url(../media/3c30d2e0bea83d70-s.3wiqdwqz1gfqe.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:400;font-display:swap;src:url(../media/e045b8a36dafeb96-s.1znw80anc03tc.woff2)format("woff2");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:"Baloo 2";font-style:normal;font-weight:400;font-display:swap;src:url(../media/921864ee6019b767-s.0dpkqgqz79smb.woff2)format("woff2");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:"Baloo 2";font-style:normal;font-weight:400;font-display:swap;src:url(../media/d7d9c82e455b419c-s.p.2zp15__9k16__.woff2)format("woff2");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}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:500;font-display:swap;src:url(../media/3c30d2e0bea83d70-s.3wiqdwqz1gfqe.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:500;font-display:swap;src:url(../media/e045b8a36dafeb96-s.1znw80anc03tc.woff2)format("woff2");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:"Baloo 2";font-style:normal;font-weight:500;font-display:swap;src:url(../media/921864ee6019b767-s.0dpkqgqz79smb.woff2)format("woff2");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:"Baloo 2";font-style:normal;font-weight:500;font-display:swap;src:url(../media/d7d9c82e455b419c-s.p.2zp15__9k16__.woff2)format("woff2");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}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:600;font-display:swap;src:url(../media/3c30d2e0bea83d70-s.3wiqdwqz1gfqe.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:600;font-display:swap;src:url(../media/e045b8a36dafeb96-s.1znw80anc03tc.woff2)format("woff2");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:"Baloo 2";font-style:normal;font-weight:600;font-display:swap;src:url(../media/921864ee6019b767-s.0dpkqgqz79smb.woff2)format("woff2");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:"Baloo 2";font-style:normal;font-weight:600;font-display:swap;src:url(../media/d7d9c82e455b419c-s.p.2zp15__9k16__.woff2)format("woff2");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}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:700;font-display:swap;src:url(../media/3c30d2e0bea83d70-s.3wiqdwqz1gfqe.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:700;font-display:swap;src:url(../media/e045b8a36dafeb96-s.1znw80anc03tc.woff2)format("woff2");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:"Baloo 2";font-style:normal;font-weight:700;font-display:swap;src:url(../media/921864ee6019b767-s.0dpkqgqz79smb.woff2)format("woff2");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:"Baloo 2";font-style:normal;font-weight:700;font-display:swap;src:url(../media/d7d9c82e455b419c-s.p.2zp15__9k16__.woff2)format("woff2");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}@font-face{font-family:"Baloo 2 Fallback";src:local(Arial);ascent-override:112.55%;descent-override:54.71%;line-gap-override:0.0%;size-adjust:95.78%}.baloo_2_b97c37be-module__RSnMoa__className{font-family:"Baloo 2","Baloo 2 Fallback";font-style:normal}.baloo_2_b97c37be-module__RSnMoa__variable{--font-display:"Baloo 2", "Baloo 2 Fallback"}
@font-face{font-family:Nunito;font-style:normal;font-weight:400;font-display:swap;src:url(../media/224e262ef877bfa4-s.1zkvd_innyig_.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-weight:400;font-display:swap;src:url(../media/7f11d98043fdedc9-s.2c8-7nzo1jf9r.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e6d00ff86ef9e699-s.1vcas2uk12q5a.woff2)format("woff2");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:Nunito;font-style:normal;font-weight:400;font-display:swap;src:url(../media/d8cb5ab3660140cd-s.2demiz2t05dx4.woff2)format("woff2");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:Nunito;font-style:normal;font-weight:400;font-display:swap;src:url(../media/07454f8ad8aaac57-s.p.2kjei9psvcorz.woff2)format("woff2");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}@font-face{font-family:Nunito;font-style:normal;font-weight:600;font-display:swap;src:url(../media/224e262ef877bfa4-s.1zkvd_innyig_.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-weight:600;font-display:swap;src:url(../media/7f11d98043fdedc9-s.2c8-7nzo1jf9r.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-weight:600;font-display:swap;src:url(../media/e6d00ff86ef9e699-s.1vcas2uk12q5a.woff2)format("woff2");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:Nunito;font-style:normal;font-weight:600;font-display:swap;src:url(../media/d8cb5ab3660140cd-s.2demiz2t05dx4.woff2)format("woff2");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:Nunito;font-style:normal;font-weight:600;font-display:swap;src:url(../media/07454f8ad8aaac57-s.p.2kjei9psvcorz.woff2)format("woff2");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}@font-face{font-family:Nunito;font-style:normal;font-weight:700;font-display:swap;src:url(../media/224e262ef877bfa4-s.1zkvd_innyig_.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-weight:700;font-display:swap;src:url(../media/7f11d98043fdedc9-s.2c8-7nzo1jf9r.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-weight:700;font-display:swap;src:url(../media/e6d00ff86ef9e699-s.1vcas2uk12q5a.woff2)format("woff2");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:Nunito;font-style:normal;font-weight:700;font-display:swap;src:url(../media/d8cb5ab3660140cd-s.2demiz2t05dx4.woff2)format("woff2");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:Nunito;font-style:normal;font-weight:700;font-display:swap;src:url(../media/07454f8ad8aaac57-s.p.2kjei9psvcorz.woff2)format("woff2");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}@font-face{font-family:Nunito Fallback;src:local(Arial);ascent-override:99.71%;descent-override:34.82%;line-gap-override:0.0%;size-adjust:101.39%}.nunito_1e55703b-module__O4NQxa__className{font-family:Nunito,Nunito Fallback;font-style:normal}.nunito_1e55703b-module__O4NQxa__variable{--font-body:"Nunito", "Nunito Fallback"}
@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/04c5164763c40239-s.1kd-r_s9smv5m.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/26f284dcc38c84c0-s.3hlisc-pwq13z.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/7e7f32a39836f228-s.0-oo9_1x_xmvg.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/fa39153a3fc630ba-s.36fqqi66-3tjb.woff2)format("woff2");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:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/6a5386fd6038edbe-s.3_z45zcoc-xoz.woff2)format("woff2");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:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/051742360c26797e-s.p.1bkzbscqrt8rl.woff2)format("woff2");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}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:700;font-display:swap;src:url(../media/04c5164763c40239-s.1kd-r_s9smv5m.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:700;font-display:swap;src:url(../media/26f284dcc38c84c0-s.3hlisc-pwq13z.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:700;font-display:swap;src:url(../media/7e7f32a39836f228-s.0-oo9_1x_xmvg.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:700;font-display:swap;src:url(../media/fa39153a3fc630ba-s.36fqqi66-3tjb.woff2)format("woff2");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:JetBrains Mono;font-style:normal;font-weight:700;font-display:swap;src:url(../media/6a5386fd6038edbe-s.3_z45zcoc-xoz.woff2)format("woff2");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:JetBrains Mono;font-style:normal;font-weight:700;font-display:swap;src:url(../media/051742360c26797e-s.p.1bkzbscqrt8rl.woff2)format("woff2");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}@font-face{font-family:JetBrains Mono Fallback;src:local(Arial);ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.0%;size-adjust:134.59%}.jetbrains_mono_e296855b-module__woZRQG__className{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}.jetbrains_mono_e296855b-module__woZRQG__variable{--font-mono:"JetBrains Mono", "JetBrains Mono Fallback"}
:root{--bg:#030a21;--surface:#081231;--surface-2:#0c1840;--field:#050e29;--line:#92a8dc24;--line-strong:#92a8dc3d;--text:#edf1fb;--muted:#8b97b8;--cool:#5b9be6;--cool-hi:#8fb8f2;--warm:#fe7825;--warm-hi:#ff9e64;--crimson:#ea2558;--magenta:#c43592;--navy:#051033;--ok:#3ecf8e;--tool-glitch:#60a5fa;--tool-flip:#7296d0;--tool-vapor:#818cf8;--tool-morse:#38bdf8;--tool-fancy:#9d8df1;--tool-lorem:#93c5fd;--tool-tiny:#a5b4fc;--tool-binary:#6478f0;--tool-case:#7dd3fc;--tool-unscramble:#4f8ef7;--tool-counter:#7cc0f4;--tool-repeat:#96a7f5;--tool-random:#6f9df0;--tool-palette:#fe7825;--tool-gradient:#ea2558;--tool-contrast:#f5a524;--tool-shades:#fb7185;--tool-grad3:#c43592;--tool-convert:#ff9e64;--radius:14px;--radius-sm:10px}@property --spin{syntax:"<angle>";inherits:false;initial-value:0deg}*{box-sizing:border-box}html,body{margin:0;padding:0}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-body), system-ui, sans-serif;-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.6}a{color:inherit}::selection{background:color-mix(in srgb, var(--cool) 45%, transparent)}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--cool-hi);outline-offset:2px;border-radius:4px}.container{max-width:1120px;margin:0 auto;padding:0 24px}.atmosphere{z-index:-1;pointer-events:none;background:radial-gradient(1000px 560px at 16% -12%, #055aae38, transparent 62%), radial-gradient(1000px 560px at 86% -12%, color-mix(in srgb, var(--crimson) 13%, transparent), transparent 62%), radial-gradient(760px 500px at 50% 118%, color-mix(in srgb, var(--magenta) 8%, transparent), transparent 60%);position:fixed;inset:0}.atmosphere:after{content:"";opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.hero-grid{z-index:-1;pointer-events:none;background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);opacity:.5;background-size:56px 56px;height:560px;position:absolute;inset:0 0 auto;-webkit-mask-image:radial-gradient(760px 380px at 50% 0,#000 20%,#0000 75%);mask-image:radial-gradient(760px 380px at 50% 0,#000 20%,#0000 75%)}.site-header{z-index:40;background:color-mix(in srgb, var(--bg) 72%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);position:sticky;top:0}.site-header .container{justify-content:space-between;align-items:center;height:56px;display:flex}.wordmark{align-items:center;text-decoration:none;display:inline-flex}.wordmark img{width:auto;height:30px;display:block}.footer-logo img{opacity:.8;width:auto;height:22px;margin:0 auto 10px;display:block}.header-link{font-family:var(--font-display), sans-serif;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:7px 14px;font-size:.85rem;font-weight:500;text-decoration:none;transition:color .14s,border-color .14s,background .14s}.header-link:hover{color:var(--text);border-color:var(--line-strong);background:var(--surface)}.hero{text-align:center;padding:96px 0 64px;position:relative}.hero-eyebrow{font-family:var(--font-mono), monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0 0 22px;font-size:.72rem}.hero-eyebrow .dot-v,.hero-eyebrow .dot-a{vertical-align:1px;border-radius:50%;width:7px;height:7px;margin:0 7px 0 18px;display:inline-block}.hero-eyebrow .dot-v{background:var(--cool);box-shadow:0 0 10px var(--cool);margin-left:0}.hero-eyebrow .dot-a{background:var(--warm);box-shadow:0 0 10px var(--warm)}.hero-title{font-family:var(--font-display), sans-serif;letter-spacing:-.015em;margin:0;font-size:clamp(2.6rem,7vw,4.8rem);font-weight:700;line-height:1.06}.hero-logo{filter:drop-shadow(0 12px 40px #055aae73);width:auto;height:clamp(72px,12vw,118px);margin:0 auto 26px;display:block}.hero-title .t1{background:linear-gradient(120deg, var(--cool-hi), var(--cool));color:#0000;-webkit-background-clip:text;background-clip:text}.hero-title .t2{background:linear-gradient(120deg, var(--warm), var(--crimson));color:#0000;-webkit-background-clip:text;background-clip:text}.hero-sub{color:var(--muted);max-width:540px;margin:20px auto 0;font-size:1.05rem}.live-strip{font-family:var(--font-mono), monospace;background:color-mix(in srgb, var(--surface-2) 80%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line-strong);box-shadow:0 20px 60px -30px #000000e6, 0 0 40px -22px var(--cool);border-radius:12px;align-items:center;gap:14px;margin-top:34px;padding:12px 18px;font-size:.95rem;display:inline-flex}.live-strip .prompt{color:var(--muted)}.live-in{color:var(--text)}.live-arrow{color:var(--muted)}.live-out{color:var(--cool-hi);text-align:left;min-width:220px}.live-tag{letter-spacing:.1em;text-transform:uppercase;color:var(--bg);background:var(--cool-hi);text-align:center;border-radius:999px;min-width:86px;padding:3px 10px;font-size:.68rem;text-decoration:none;transition:filter .14s}.live-tag:hover{filter:brightness(1.12)}.tool-section{padding:26px 0 8px}.section-head{align-items:baseline;gap:14px;margin:30px 0 16px;display:flex}.section-title{font-family:var(--font-display), sans-serif;letter-spacing:-.01em;align-items:center;gap:10px;margin:0;font-size:1.15rem;font-weight:700;display:flex}.section-title:before{content:"";background:var(--section-accent);width:8px;height:8px;box-shadow:0 0 12px var(--section-accent);border-radius:50%}.section-sub{color:var(--muted);margin:0;font-size:.9rem}.bento{grid-template-columns:repeat(4,1fr);gap:14px;padding-bottom:26px;display:grid}.bento-card{background:linear-gradient(180deg, var(--surface-2), var(--surface));border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;grid-column:span 1;min-height:190px;padding:18px;text-decoration:none;transition:transform .16s,border-color .16s,box-shadow .16s;display:flex;position:relative;overflow:hidden}.bento-card.span-2{grid-column:span 2}.bento-card:after{content:"";border-radius:inherit;background:radial-gradient(420px 200px at 50% -40px, color-mix(in srgb, var(--accent) 15%, transparent), transparent 70%);opacity:0;pointer-events:none;transition:opacity .2s;position:absolute;inset:0}.bento-card:hover,.bento-card:focus-visible{border-color:color-mix(in srgb, var(--accent) 45%, var(--line));box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 18%, transparent), 0 14px 40px -16px color-mix(in srgb, var(--accent) 45%, transparent);transform:translateY(-2px)}.bento-card:hover:after,.bento-card:focus-visible:after{opacity:1}.bento-card.featured:before{content:"";border-radius:inherit;background:conic-gradient(from var(--spin), transparent 0 55%, var(--accent) 76%, transparent 94%);-webkit-mask-composite:xor;pointer-events:none;padding:1px;animation:6s linear infinite spin-border;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes spin-border{to{--spin:360deg}}.demo{font-family:var(--font-mono), monospace;flex:1;justify-content:flex-start;align-items:center;min-height:64px;display:flex}.bento-name{font-family:var(--font-display), sans-serif;letter-spacing:-.01em;margin:10px 0 2px;font-size:1.02rem;font-weight:600}.bento-tagline{color:var(--muted);margin:0;padding-right:20px;font-size:.85rem}.bento-arrow{color:var(--muted);font-family:var(--font-mono), monospace;transition:transform .16s,color .16s;position:absolute;bottom:16px;right:16px}.bento-card:hover .bento-arrow{color:var(--accent);transform:translate(3px)}.demo-glitch{letter-spacing:.02em;font-size:1.25rem;font-weight:700;position:relative}.demo-glitch:before,.demo-glitch:after{content:attr(data-text);position:absolute;top:0;left:0}.demo-glitch:before{color:var(--tool-glitch);z-index:-1;animation:2.8s step-end infinite glitch-a}.demo-glitch:after{color:var(--crimson);z-index:-2;animation:2.8s step-end infinite glitch-b}@keyframes glitch-a{0%,78%{opacity:.65;transform:none}80%{transform:translate(-3px,1px)}86%{transform:translate(2px,-1px)}93%{transform:translate(-1px,2px)}to{transform:none}}@keyframes glitch-b{0%,78%{opacity:.5;transform:none}82%{transform:translate(3px,-1px)}89%{transform:translate(-2px,1px)}96%{transform:translate(1px,-2px)}to{transform:none}}.demo-flip{color:var(--tool-flip);font-size:1.1rem;animation:6s ease-in-out infinite flip;display:inline-block}@keyframes flip{0%,42%{transform:rotate(0)}52%,92%{transform:rotate(180deg)}to{transform:rotate(360deg)}}.demo-vapor{background:linear-gradient(90deg, var(--tool-vapor), var(--cool-hi), var(--tool-vapor));color:#0000;letter-spacing:.06em;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;font-size:1.05rem;animation:5s linear infinite vapor-pan}@keyframes vapor-pan{to{background-position:200% 0}}.demo-morse{align-items:center;gap:7px;display:flex}.demo-morse i{background:var(--tool-morse);border-radius:4px;height:7px;animation:2.2s ease-in-out infinite blip;display:inline-block}.demo-morse i.dot{width:7px}.demo-morse i.dash{width:20px}.demo-morse i:first-child{animation-delay:0s}.demo-morse i:nth-child(2){animation-delay:.15s}.demo-morse i:nth-child(3){animation-delay:.3s}.demo-morse i:nth-child(4){animation-delay:.45s}.demo-morse i:nth-child(5){animation-delay:.6s}.demo-morse i:nth-child(6){animation-delay:.75s}.demo-morse i:nth-child(7){animation-delay:.9s}@keyframes blip{0%,20%,to{opacity:.25;box-shadow:none}8%{opacity:1;box-shadow:0 0 12px var(--tool-morse)}}.demo-type{white-space:nowrap;color:var(--tool-lorem);border-right:2px solid var(--tool-lorem);width:0;font-size:.92rem;animation:5s steps(18,end) infinite type;overflow:hidden}@keyframes type{0%{width:0}55%,90%{width:18ch}to{width:0}}.demo-unscramble{color:var(--tool-unscramble);font-size:1.2rem;font-weight:700;display:flex}.demo-unscramble b{width:1ch;font-weight:inherit;animation:5s ease-in-out infinite solve;display:inline-block}@keyframes solve{0%,35%{transform:translate(0)}55%,88%{transform:translateX(calc(var(--dx) * 1ch))}to{transform:translate(0)}}.demo-palette{gap:6px;width:100%;max-width:230px;height:44px;animation:9s linear infinite hue;display:flex}.demo-palette i{border-radius:6px;flex:1}@keyframes hue{to{filter:hue-rotate(360deg)}}.demo-gradient{background:linear-gradient(120deg, var(--warm), var(--crimson), var(--magenta), var(--warm));background-size:300% 100%;border-radius:8px;width:100%;max-width:230px;height:44px;animation:7s infinite grad-pan}@keyframes grad-pan{0%{background-position:0 0}50%{background-position:100% 0}to{background-position:0 0}}.tool-layout{grid-template-columns:232px minmax(0,1fr);align-items:start;gap:40px;padding:32px 0 80px;display:grid}.sidebar{flex-direction:column;gap:4px;display:flex;position:sticky;top:80px}.sidebar-group{font-family:var(--font-mono), monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);align-items:center;gap:8px;margin:14px 0 6px;font-size:.7rem;display:flex}.sidebar-group:first-child{margin-top:0}.sidebar-group:before{content:"";background:var(--group-accent);width:6px;height:6px;box-shadow:0 0 8px var(--group-accent);border-radius:50%}.sidebar-link{color:var(--muted);border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:7px 10px;font-size:.9rem;text-decoration:none;transition:color .12s,background .12s,border-color .12s;display:flex}.sidebar-link:hover{color:var(--text);background:var(--surface)}.sidebar-link[aria-current=page]{color:var(--text);background:color-mix(in srgb, var(--accent) 10%, transparent);border-color:color-mix(in srgb, var(--accent) 30%, transparent);box-shadow:inset 2px 0 0 var(--accent)}.sidebar-toggle,.drawer-overlay{display:none}.tool-header{padding-bottom:6px}.tool-kicker{font-family:var(--font-mono), monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0 0 10px;font-size:.72rem}.tool-title{font-family:var(--font-display), sans-serif;letter-spacing:-.01em;margin:0;font-size:clamp(1.6rem,4vw,2.2rem);font-weight:600}.tool-tagline{color:var(--muted);margin:8px 0 0}.tool-body{gap:14px;padding-top:24px;display:grid}.panel{background:linear-gradient(180deg, var(--surface-2), var(--surface));border:1px solid var(--line);border-radius:var(--radius);padding:16px}.panel-label{font-family:var(--font-mono), monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 10px;font-size:.72rem}.text-area{resize:vertical;width:100%;min-height:120px;font-family:var(--font-mono), monospace;background:var(--field);border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px 14px;font-size:.95rem;line-height:1.7;transition:border-color .14s,box-shadow .14s}.text-area::placeholder{color:color-mix(in srgb, var(--muted) 70%, transparent)}.text-area:focus{border-color:color-mix(in srgb, var(--accent) 55%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 16%, transparent);outline:none}.output-box{min-height:120px;font-family:var(--font-mono), monospace;background:var(--field);border:1px solid var(--line);border-radius:var(--radius-sm);white-space:pre-wrap;word-break:break-word;padding:12px 14px;font-size:1rem;line-height:1.9}.output-empty{color:var(--muted)}.controls{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.btn{font-family:var(--font-display), sans-serif;color:var(--bg);background:var(--accent,var(--cool));cursor:pointer;border:1px solid #0000;border-radius:8px;padding:8px 16px;font-size:.88rem;font-weight:500;transition:transform .1s,box-shadow .14s,filter .14s}.btn:hover{filter:brightness(1.1);box-shadow:0 0 18px -4px color-mix(in srgb, var(--accent) 70%, transparent)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.btn-quiet{color:var(--text);background:var(--surface-2);border-color:var(--line-strong)}.btn-quiet:hover{filter:none;background:color-mix(in srgb, var(--accent) 12%, var(--surface-2));border-color:color-mix(in srgb, var(--accent) 40%, var(--line-strong));box-shadow:none}.field{color:var(--muted);align-items:center;gap:8px;font-size:.88rem;display:inline-flex}.field strong{color:var(--text);min-width:64px;font-weight:600}.field select,.field input[type=number]{background:var(--field);border:1px solid var(--line);border-radius:8px;padding:6px 10px;font-size:.88rem;transition:border-color .14s}.field select:hover,.field input[type=number]:hover{border-color:var(--line-strong)}.field select:focus,.field input[type=number]:focus{border-color:color-mix(in srgb, var(--accent) 55%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 16%, transparent);outline:none}.field input[type=range]{accent-color:var(--accent)}.field input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}.field input[type=color]{border:1px solid var(--line-strong);background:var(--field);cursor:pointer;border-radius:8px;width:42px;height:32px;padding:3px}.hint{color:var(--muted);margin:10px 0 0;font-size:.82rem}kbd{font-family:var(--font-mono), monospace;background:var(--surface-2);border:1px solid var(--line-strong);border-bottom-width:2px;border-radius:5px;padding:1px 6px;font-size:.78em}.gradient-preview{border:1px solid var(--line);border-radius:var(--radius);height:220px}.code-block{font-family:var(--font-mono), monospace;background:var(--field);border:1px solid var(--line);color:var(--warm-hi);border-radius:var(--radius-sm);white-space:pre-wrap;word-break:break-all;margin:0;padding:14px;font-size:.85rem;line-height:1.7;overflow-x:auto}.word-results{flex-wrap:wrap;gap:8px;display:flex}.word-chip{font-family:var(--font-mono), monospace;color:color-mix(in srgb, var(--accent) 75%, white);background:color-mix(in srgb, var(--accent) 9%, transparent);border:1px solid color-mix(in srgb, var(--accent) 25%, transparent);border-radius:999px;padding:3px 12px;font-size:.86rem}.result-group-label{font-family:var(--font-mono), monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:16px 0 8px;font-size:.7rem}.variant-feed{gap:10px;display:grid}.variant{background:linear-gradient(180deg, var(--surface-2), var(--surface));border:1px solid var(--line);border-radius:12px;align-items:center;gap:16px;padding:14px 16px;transition:border-color .16s,box-shadow .16s;display:flex}.variant:hover{border-color:color-mix(in srgb, var(--accent) 40%, var(--line));box-shadow:0 8px 26px -16px color-mix(in srgb, var(--accent) 40%, transparent)}.variant-main{flex:1;min-width:0}.variant-name{font-family:var(--font-mono), monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 4px;font-size:.68rem}.variant-out{font-family:var(--font-mono), monospace;word-break:break-word;margin:0;font-size:1.05rem;line-height:1.9}.btn-sm{flex-shrink:0;padding:6px 14px;font-size:.8rem}.hex-input{font-family:var(--font-mono), monospace;background:var(--field);border:1px solid var(--line);border-radius:8px;width:110px;padding:6px 10px;font-size:.88rem;transition:border-color .14s,box-shadow .14s}.hex-input:focus{border-color:color-mix(in srgb, var(--accent) 55%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 16%, transparent);outline:none}.hex-input[aria-invalid=true]{border-color:#f87171}.palette-feed{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.palette-card{background:linear-gradient(180deg, var(--surface-2), var(--surface));border:1px solid var(--line);border-radius:var(--radius);padding:14px;transition:border-color .16s}.palette-card:hover{border-color:var(--line-strong)}.palette-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.palette-name{font-family:var(--font-display), sans-serif;letter-spacing:-.01em;margin:0;font-size:.92rem;font-weight:600}.strip{border:1px solid var(--line);border-radius:10px;height:84px;display:flex;overflow:hidden}.strip button{cursor:pointer;border:none;flex:1;justify-content:center;align-items:flex-end;padding:0;transition:flex .16s;display:flex;position:relative}.strip button:hover{flex:1.5}.strip button:focus-visible{outline:2px solid var(--text);outline-offset:-3px}.strip-hex{font-family:var(--font-mono), monospace;letter-spacing:.02em;color:#ffffffeb;text-shadow:0 1px 3px #0009;opacity:0;padding-bottom:6px;font-size:.62rem;transition:opacity .14s}.strip button:hover .strip-hex,.strip button:focus-visible .strip-hex{opacity:1}.demo-fancy{color:var(--tool-fancy);font-size:1.15rem}.demo-tiny{color:var(--tool-tiny);font-size:1.15rem;animation:3.5s ease-in-out infinite tiny-pulse}@keyframes tiny-pulse{0%,to{transform:scale(1)}50%{transform:scale(.82)}}.demo-binary{white-space:nowrap;color:var(--tool-binary);border-right:2px solid var(--tool-binary);width:0;font-size:.92rem;animation:4.5s steps(17,end) infinite type-binary;overflow:hidden}@keyframes type-binary{0%{width:0}55%,90%{width:17ch}to{width:0}}.demo-swap{color:var(--accent);min-width:12ch;min-height:1.4em;font-size:1.05rem;display:inline-block;position:relative}.demo-swap span{white-space:nowrap;animation:5s ease-in-out infinite swap-a;position:absolute;top:0;left:0}.demo-swap span:nth-child(2){animation-name:swap-b}.demo-swap-mono{font-size:.95rem}@keyframes swap-a{0%,40%{opacity:1}50%,90%{opacity:0}to{opacity:1}}@keyframes swap-b{0%,40%{opacity:0}50%,90%{opacity:1}to{opacity:0}}.demo-contrast{align-items:center;gap:12px;display:inline-flex}.demo-contrast-chip{background:var(--tool-contrast);width:44px;height:44px;color:var(--navy);border:1px solid var(--line-strong);border-radius:10px;place-items:center;font-size:1.1rem;font-weight:700;display:inline-grid}.demo-contrast-ratio{color:var(--muted);font-size:.92rem}.demo-grad3{background:linear-gradient(120deg, var(--magenta), var(--crimson), var(--warm), var(--magenta));background-size:300% 100%;border-radius:8px;width:100%;max-width:230px;height:44px;animation:8s infinite grad-pan}.demo-repeat{color:var(--accent);gap:10px;font-size:1.05rem;display:inline-flex}.demo-repeat span:nth-child(2){opacity:.55}.demo-repeat span:nth-child(3){opacity:.25}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;display:grid}.stat{background:linear-gradient(180deg, var(--surface-2), var(--surface));border:1px solid var(--line);border-radius:var(--radius-sm);text-align:center;padding:12px 14px}.stat-value{font-family:var(--font-display), sans-serif;color:var(--accent);margin:0;font-size:1.35rem;font-weight:700}.stat-label{font-family:var(--font-mono), monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:2px 0 0;font-size:.66rem}.contrast-result{flex-wrap:wrap;align-items:center;gap:28px;display:flex}.ratio-value{font-family:var(--font-display), sans-serif;letter-spacing:-.02em;margin:0;font-size:2.4rem;font-weight:700}.wcag-grid{gap:28px;display:flex}.wcag-badge{font-family:var(--font-mono), monospace;border:1px solid;border-radius:999px;margin-right:8px;padding:3px 12px;font-size:.78rem;display:inline-block}.wcag-badge.pass{color:var(--ok);border-color:color-mix(in srgb, var(--ok) 45%, transparent);background:color-mix(in srgb, var(--ok) 10%, transparent)}.wcag-badge.fail{color:#f87171;background:#f871711a;border-color:#f8717173}.contrast-preview{border:1px solid var(--line);border-radius:var(--radius);padding:24px}.contrast-preview-large{font-family:var(--font-display), sans-serif;margin:0 0 8px;font-size:1.6rem;font-weight:700}.contrast-preview p:last-child{margin:0}.convert-swatch{border:1px solid var(--line);border-radius:var(--radius);height:72px}.tool-extras{border-top:1px solid var(--line);max-width:760px;margin-top:44px;padding-top:32px}.faq-list{gap:8px;display:grid}.faq{background:linear-gradient(180deg, var(--surface-2), var(--surface));border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden}.faq summary{cursor:pointer;font-family:var(--font-display), sans-serif;padding:13px 40px 13px 16px;font-size:.95rem;font-weight:600;list-style:none;transition:color .12s;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-family:var(--font-mono), monospace;color:var(--accent,var(--cool));transition:transform .16s;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.faq[open] summary:after{transform:translateY(-50%)rotate(45deg)}.faq summary:hover{color:var(--accent,var(--cool-hi))}.faq p{margin:0;padding:0 16px 14px}.consent-banner{z-index:80;background:linear-gradient(180deg, var(--surface-2), var(--surface));border:1px solid var(--line-strong);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:14px;max-width:560px;margin:0 auto;padding:16px 18px;display:flex;position:fixed;bottom:16px;left:16px;right:16px;box-shadow:0 20px 60px -20px #000000b3}.consent-banner p{color:var(--muted);flex:320px;margin:0;font-size:.86rem;line-height:1.6}.consent-banner a{color:var(--cool-hi)}.consent-actions{flex-shrink:0;gap:10px;display:flex}.site-footer{border-top:1px solid var(--line);color:var(--muted);padding:28px 0 40px;font-size:.85rem}.page{max-width:760px;padding:40px 0 80px}.page-head{margin-bottom:28px}.page-title{font-family:var(--font-display), sans-serif;letter-spacing:-.01em;margin:0;font-size:clamp(2rem,5vw,2.8rem);font-weight:700}.page-sub{color:var(--muted);margin:8px 0 0}.post-list{gap:14px;display:grid}.post-card{background:linear-gradient(180deg, var(--surface-2), var(--surface));border:1px solid var(--line);border-radius:var(--radius);padding:20px;text-decoration:none;transition:transform .16s,border-color .16s,box-shadow .16s;display:block}.post-card:hover{border-color:color-mix(in srgb, var(--cool) 45%, var(--line));box-shadow:0 14px 40px -16px color-mix(in srgb, var(--cool) 35%, transparent);transform:translateY(-2px)}.post-meta{font-family:var(--font-mono), monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 8px;font-size:.72rem}.post-meta a{color:var(--cool-hi);text-decoration:none}.post-title{font-family:var(--font-display), sans-serif;letter-spacing:-.01em;margin:0 0 6px;font-size:1.25rem;font-weight:600}.post-desc{color:var(--muted);margin:0 0 10px;font-size:.92rem}.post-more{font-family:var(--font-mono), monospace;color:var(--cool-hi);font-size:.8rem}.prose h1{font-family:var(--font-display), sans-serif;letter-spacing:-.01em;margin:6px 0 18px;font-size:clamp(1.8rem,5vw,2.5rem);font-weight:700;line-height:1.15}.prose h2{font-family:var(--font-display), sans-serif;letter-spacing:-.01em;margin:32px 0 10px;font-size:1.3rem;font-weight:600}.prose p{color:color-mix(in srgb, var(--text) 88%, var(--muted));margin:0 0 14px;font-size:1rem;line-height:1.75}.prose a{color:var(--cool-hi);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--cool-hi) 45%, transparent);text-decoration-color:color-mix(in srgb, var(--cool-hi) 45%, transparent);text-underline-offset:3px}.prose a:hover{-webkit-text-decoration-color:var(--cool-hi);text-decoration-color:var(--cool-hi)}.post-cta{font-family:var(--font-display), sans-serif;color:var(--navy);background:var(--accent,var(--cool));border-radius:10px;margin-top:22px;padding:11px 20px;font-size:.95rem;font-weight:600;text-decoration:none;transition:filter .14s,box-shadow .14s;display:inline-block}.post-cta:hover{filter:brightness(1.1);box-shadow:0 0 22px -6px color-mix(in srgb, var(--accent) 70%, transparent)}.header-nav{gap:8px;display:flex}.footer-nav{flex-wrap:wrap;justify-content:center;gap:6px 22px;margin:0 0 14px;display:flex}.footer-nav a{color:var(--muted);font-size:.88rem;text-decoration:none;transition:color .12s}.footer-nav a:hover{color:var(--text)}@media (max-width:960px){.bento{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.tool-layout{grid-template-columns:1fr;gap:0;padding-top:20px}.sidebar-toggle{font-family:var(--font-display), sans-serif;color:var(--muted);background:var(--surface);border:1px solid var(--line);cursor:pointer;border-radius:8px;align-items:center;gap:8px;margin-bottom:18px;padding:7px 14px;font-size:.85rem;transition:color .12s,border-color .12s;display:inline-flex}.sidebar-toggle:hover{color:var(--text);border-color:var(--line-strong)}.sidebar{background:var(--surface);border-right:1px solid var(--line);z-index:60;width:min(280px,82vw);padding:24px 16px;transition:transform .22s;position:fixed;inset:0 auto 0 0;overflow-y:auto;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.drawer-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:50;opacity:0;pointer-events:none;background:#0000008c;transition:opacity .2s;display:block;position:fixed;inset:0}.drawer-overlay.open{opacity:1;pointer-events:auto}}@media (max-width:640px){.bento{grid-template-columns:1fr}.bento-card.span-2{grid-column:span 1}.live-strip{flex-wrap:wrap;justify-content:center;gap:8px 12px;max-width:100%}.live-out{text-align:center;min-width:0}.palette-feed{grid-template-columns:1fr}.variant{flex-direction:column;align-items:stretch;gap:8px}.hero{padding:56px 0 40px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
