@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-ext-wght-normal.BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-wght-normal.DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-ext-wght-normal.DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-wght-normal.CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-vietnamese-wght-normal.CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-ext-wght-normal.DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-wght-normal.Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-mono-cyrillic-ext-wght-normal.X_5orZeX.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-mono-cyrillic-wght-normal.DiZS0aHC.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-mono-symbols2-wght-normal.CO5SzqOn.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(/_astro/geist-mono-vietnamese-wght-normal.DadHysG0.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-mono-latin-ext-wght-normal.Bwz-egvJ.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-mono-latin-wght-normal.XN7g48iV.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/_astro/source-serif-4-cyrillic-ext-wght-normal.cHuGMAiY.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/_astro/source-serif-4-cyrillic-wght-normal.DwHjdM4S.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/_astro/source-serif-4-greek-wght-normal.ece1310W.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/_astro/source-serif-4-vietnamese-wght-normal.D-yuW59g.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/_astro/source-serif-4-latin-ext-wght-normal.CxNHBx-q.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/_astro/source-serif-4-latin-wght-normal.D9elroTD.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.sr-only[data-astro-cid-fe4j42sm]{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.df-ads-consent[data-astro-cid-thgak3zm]{z-index:var(--z-overlay);justify-content:center;align-items:center;gap:var(--space-3,.75rem) var(--space-4,1rem);padding:var(--space-3,.75rem) var(--space-4,1rem);background:var(--color-surface,#fff);border-block-start:1px solid var(--color-border,#e5e7eb);flex-wrap:wrap;display:flex;position:fixed;inset-block-end:0;inset-inline:0;box-shadow:0 -4px 16px #00000014}.df-ads-consent[data-astro-cid-thgak3zm][hidden]{display:none}.df-ads-consent-text[data-astro-cid-thgak3zm]{max-width:60ch;font-size:var(--text-sm,.875rem);color:var(--color-text-secondary,#4b5563);margin:0}.df-ads-consent-actions[data-astro-cid-thgak3zm]{gap:var(--space-2,.5rem);flex-shrink:0;display:flex}@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/tajawal-arabic-400-normal.CyCXRvzh.woff2)format("woff2"),url(/_astro/tajawal-arabic-400-normal.DCQxawbB.woff)format("woff");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/tajawal-latin-400-normal.BVNSOH3d.woff2)format("woff2"),url(/_astro/tajawal-latin-400-normal.BdYcZznU.woff)format("woff");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:Tajawal;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/tajawal-arabic-500-normal.BZ8ojJNu.woff2)format("woff2"),url(/_astro/tajawal-arabic-500-normal.CbVEaYEW.woff)format("woff");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/tajawal-latin-500-normal.CoYeBiSI.woff2)format("woff2"),url(/_astro/tajawal-latin-500-normal.DU9v6xgj.woff)format("woff");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:Tajawal;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/tajawal-arabic-700-normal.D2-eand5.woff2)format("woff2"),url(/_astro/tajawal-arabic-700-normal.9L7Zusdl.woff)format("woff");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/tajawal-latin-700-normal.BypgxfGb.woff2)format("woff2"),url(/_astro/tajawal-latin-700-normal.CV3bxpHe.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--neutral-50:oklch(98.2% .003 85);--neutral-100:oklch(97% .006 74);--neutral-200:oklch(92.3% .008 72);--neutral-300:oklch(87% .009 70);--neutral-400:oklch(70.8% .01 70);--neutral-500:oklch(55.6% .01 70);--neutral-600:oklch(43.9% .009 70);--neutral-700:oklch(37.1% .009 68);--neutral-800:oklch(26.9% .008 68);--neutral-900:oklch(20.5% .007 68);--neutral-950:oklch(14.5% .006 68);--white:oklch(100% 0 0);--flare-50:oklch(95.5% .025 27);--flare-300:oklch(77% .15 26);--flare-400:oklch(68% .2 26);--flare-500:oklch(62% .23 27);--flare-600:oklch(57.7% .245 27.3);--flare-700:oklch(50% .22 27);--flare-800:oklch(43% .18 27);--font-sans:"Inter Variable", "Tajawal", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display:"Source Serif 4 Variable", "Tajawal", var(--font-sans);--font-mono:"Geist Mono", ui-monospace, "SF Mono", "Cascadia Code", "JetBrains Mono", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-7xl:4.5rem;--text-hero:clamp(2rem, 4.5vw, 3.75rem);--leading-none:1;--leading-tight:1.1;--leading-snug:1.3;--leading-normal:1.5;--leading-relaxed:1.7;--tracking-tight:-.02em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-full:9999px;--border-width-1:1px;--border-width-2:2px;--border-width-3:3px;--shadow-sm:0 1px 3px 0 oklch(0% 0 0/.08), 0 1px 2px -1px oklch(0% 0 0/.08);--shadow-md:0 4px 6px -1px oklch(0% 0 0/.08), 0 2px 4px -2px oklch(0% 0 0/.08);--shadow-lg:0 10px 15px -3px oklch(0% 0 0/.08), 0 4px 6px -4px oklch(0% 0 0/.08);--shadow-xl:0 20px 25px -5px oklch(0% 0 0/.1), 0 8px 10px -6px oklch(0% 0 0/.1);--shadow-glow:0 0 0 3px oklch(68% .2 26/.25);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--duration-fast:.12s;--duration-normal:.2s;--duration-slow:.32s;--animate-fade-in:df-fade-in var(--duration-normal) var(--ease-out) both;--animate-slide-up:df-slide-up var(--duration-normal) var(--ease-out) both;--animate-scale-in:df-scale-in var(--duration-fast) var(--ease-spring) both;--container-max:1200px;--container-narrow:720px;--header-height:64px;--control-height-s:24px;--control-height-m:32px;--control-height-l:40px;--target-min:44px;--size-6:6px;--size-8:8px;--size-12:12px;--size-16:16px;--size-18:18px;--size-20:20px;--size-24:24px;--size-28:28px;--size-32:32px;--size-40:40px;--size-48:48px;--size-72:72px;--size-96:96px;--size-100:100px;--size-120:120px;--size-130:130px;--container-dialog:420px;--container-intro:560px;--container-form:600px;--container-lead:640px;--container-prose:760px;--container-page:900px;--bp-sm:640px;--bp-md:768px;--bp-lg:900px;--bp-xl:1024px;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-toast:500;color-scheme:light;--color-bg:var(--white);--color-bg-subtle:var(--neutral-100);--color-surface:var(--white);--color-surface-hover:var(--neutral-100);--color-surface-sunken:var(--neutral-100);--color-canvas:var(--neutral-200);--color-overlay:oklch(0% 0 0/.5);--color-text:var(--neutral-950);--color-text-secondary:oklch(51% .01 70);--color-text-tertiary:var(--neutral-500);--color-surface-inverse:var(--neutral-900);--color-border-inverse:var(--neutral-500);--color-focus-inverse:var(--neutral-50);--color-text-inverse:var(--neutral-50);--color-text-on-primary:var(--neutral-50);--color-border:var(--neutral-200);--color-border-strong:var(--neutral-500);--color-border-focus:var(--flare-600);--color-primary:var(--flare-600);--color-primary-hover:var(--flare-700);--color-primary-active:var(--flare-800);--color-primary-subtle:var(--flare-50);--color-primary-subtle-text:var(--flare-700);--color-accent:var(--flare-600);--color-accent-subtle:var(--flare-50);--color-accent-subtle-text:var(--flare-700);--color-success:oklch(58% .14 155);--color-success-subtle:oklch(96% .03 155);--color-success-text:oklch(44% .12 156);--color-warning:oklch(62% .17 47);--color-warning-subtle:oklch(96% .04 55);--color-warning-text:oklch(44% .14 44);--color-danger:oklch(50% .22 18);--color-danger-subtle:oklch(95.5% .025 18);--color-danger-text:oklch(50% .22 18);--color-info:oklch(58% .19 267);--color-info-subtle:oklch(96% .03 267);--color-info-text:oklch(46% .2 266);--button-bg:var(--color-primary);--button-bg-hover:var(--color-primary-hover);--button-bg-active:var(--color-primary-active);--button-text:var(--color-text-on-primary);--button-border:transparent;--button-danger-bg:oklch(50% .22 18);--button-danger-bg-hover:oklch(43% .18 18);--button-secondary-bg:var(--white);--button-secondary-bg-hover:var(--neutral-100);--button-secondary-bg-active:var(--neutral-200);--button-secondary-text:var(--neutral-900);--button-ghost-text:var(--color-text-secondary);--button-ghost-bg-hover:var(--neutral-100);--input-bg:var(--color-surface);--input-border:var(--neutral-300);--input-border-focus:var(--color-border-focus);--input-text:var(--color-text);--card-bg:var(--color-surface);--card-border:var(--color-border);--card-shadow:none;--focus-ring:0 0 0 2px oklch(57.7% .245 27.3);--focus-ring-offset:2px;--focus-ring-width:2px;--color-selection-bg:var(--neutral-200);--color-selection-text:var(--neutral-950);--tile-organize-fg:oklch(55% .15 27);--tile-organize-bg:oklch(96% .025 27);--tile-convert-fg:oklch(52% .1 255);--tile-convert-bg:oklch(96% .025 255);--tile-edit-fg:oklch(52% .11 290);--tile-edit-bg:oklch(96% .025 290);--tile-security-fg:oklch(52% .11 155);--tile-security-bg:oklch(96% .025 155);--tile-optimize-fg:oklch(55% .12 60);--tile-optimize-bg:oklch(96% .025 60);--tile-split-fg:oklch(52% .09 200);--tile-split-bg:oklch(96% .025 200);--tile-layout-fg:oklch(55% .1 80);--tile-layout-bg:oklch(96% .025 80);--tile-smart-fg:oklch(52% .09 230);--tile-smart-bg:oklch(96% .025 230);--tile-advanced-fg:oklch(55% .12 340);--tile-advanced-bg:oklch(96% .025 340);--skeleton-base:var(--neutral-200);--skeleton-shine:var(--neutral-100)}@keyframes df-slide-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes df-scale-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){:root{--animate-fade-in:none;--animate-slide-up:none;--animate-scale-in:none}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (pointer:coarse){:root{--control-height-s:30px;--control-height-m:var(--target-min);--control-height-l:50px}}:root[data-theme=dark]{color-scheme:dark;--color-bg:var(--neutral-950);--color-bg-subtle:var(--neutral-900);--color-surface:var(--neutral-900);--color-surface-hover:var(--neutral-800);--color-surface-sunken:var(--neutral-950);--color-canvas:var(--neutral-800);--color-overlay:oklch(0% 0 0/.6);--color-text:var(--neutral-50);--color-text-secondary:var(--neutral-400);--color-text-tertiary:var(--neutral-400);--color-surface-inverse:var(--neutral-50);--color-border-inverse:var(--neutral-500);--color-focus-inverse:var(--neutral-900);--color-text-inverse:var(--neutral-900);--color-text-on-primary:var(--neutral-900);--color-border:oklch(100% 0 0/.1);--color-border-strong:oklch(100% 0 0/.4);--color-border-focus:var(--flare-400);--color-primary:var(--flare-500);--color-primary-hover:var(--flare-400);--color-primary-active:var(--flare-300);--color-primary-subtle:oklch(68% .2 26/.2);--color-primary-subtle-text:var(--flare-300);--color-accent:var(--flare-400);--color-accent-subtle:oklch(68% .2 26/.16);--color-accent-subtle-text:var(--flare-300);--color-success:oklch(72% .14 155);--color-success-subtle:oklch(72% .14 155/.12);--color-success-text:oklch(80% .12 155);--color-warning:oklch(78% .14 47);--color-warning-subtle:oklch(78% .14 47/.12);--color-warning-text:oklch(84% .12 45);--color-danger:oklch(68% .2 18);--color-danger-subtle:oklch(68% .2 18/.16);--color-danger-text:oklch(77% .15 18);--color-info:oklch(72% .15 267);--color-info-subtle:oklch(72% .15 267/.12);--color-info-text:oklch(78% .13 266);--button-bg:var(--color-primary);--button-bg-hover:var(--color-primary-hover);--button-bg-active:var(--color-primary-active);--button-text:var(--neutral-950);--button-secondary-bg:var(--neutral-800);--button-secondary-bg-hover:var(--neutral-700);--button-secondary-bg-active:var(--neutral-600);--button-secondary-text:var(--neutral-50);--button-ghost-text:var(--color-text-secondary);--button-ghost-bg-hover:var(--neutral-800);--button-danger-bg:oklch(57.7% .245 18);--button-danger-bg-hover:oklch(62% .23 18);--input-bg:oklch(100% 0 0/.08);--input-border:oklch(100% 0 0/.15);--input-border-focus:var(--flare-400);--input-text:var(--color-text);--card-bg:var(--color-surface);--card-border:var(--color-border);--card-shadow:none;--shadow-sm:0 1px 3px 0 oklch(0% 0 0/.4), 0 1px 2px -1px oklch(0% 0 0/.4);--shadow-md:0 4px 6px -1px oklch(0% 0 0/.4), 0 2px 4px -2px oklch(0% 0 0/.4);--shadow-lg:0 10px 15px -3px oklch(0% 0 0/.4), 0 4px 6px -4px oklch(0% 0 0/.4);--shadow-xl:0 20px 25px -5px oklch(0% 0 0/.5), 0 8px 10px -6px oklch(0% 0 0/.5);--shadow-glow:0 0 0 3px oklch(68% .2 26/.3);--focus-ring:0 0 0 2px oklch(68% .2 26);--color-selection-bg:var(--neutral-700);--color-selection-text:var(--neutral-50);--tile-organize-fg:oklch(72% .14 27);--tile-convert-fg:oklch(72% .09 255);--tile-edit-fg:oklch(72% .1 290);--tile-security-fg:oklch(74% .11 155);--tile-optimize-fg:oklch(74% .11 60);--tile-split-fg:oklch(74% .08 200);--tile-layout-fg:oklch(76% .1 80);--tile-smart-fg:oklch(72% .08 230);--tile-advanced-fg:oklch(74% .1 340);--tile-organize-bg:oklch(27% .025 27);--tile-convert-bg:oklch(27% .025 255);--tile-edit-bg:oklch(27% .025 290);--tile-security-bg:oklch(27% .025 155);--tile-optimize-bg:oklch(27% .025 60);--tile-split-bg:oklch(27% .025 200);--tile-layout-bg:oklch(27% .025 80);--tile-smart-bg:oklch(27% .025 230);--tile-advanced-bg:oklch(27% .025 340);--skeleton-base:var(--neutral-800);--skeleton-shine:var(--neutral-700)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]){color-scheme:dark;--color-bg:var(--neutral-950);--color-bg-subtle:var(--neutral-900);--color-surface:var(--neutral-900);--color-surface-hover:var(--neutral-800);--color-surface-sunken:var(--neutral-950);--color-canvas:var(--neutral-800);--color-overlay:oklch(0% 0 0/.6);--color-text:var(--neutral-50);--color-text-secondary:var(--neutral-400);--color-text-tertiary:var(--neutral-400);--color-surface-inverse:var(--neutral-50);--color-border-inverse:var(--neutral-500);--color-focus-inverse:var(--neutral-900);--color-text-inverse:var(--neutral-900);--color-text-on-primary:var(--neutral-900);--color-border:oklch(100% 0 0/.1);--color-border-strong:oklch(100% 0 0/.4);--color-border-focus:var(--flare-400);--color-primary:var(--flare-500);--color-primary-hover:var(--flare-400);--color-primary-active:var(--flare-300);--color-primary-subtle:oklch(68% .2 26/.2);--color-primary-subtle-text:var(--flare-300);--color-accent:var(--flare-400);--color-accent-subtle:oklch(68% .2 26/.16);--color-accent-subtle-text:var(--flare-300);--color-success:oklch(72% .14 155);--color-success-subtle:oklch(72% .14 155/.12);--color-success-text:oklch(80% .12 155);--color-warning:oklch(78% .14 47);--color-warning-subtle:oklch(78% .14 47/.12);--color-warning-text:oklch(84% .12 45);--color-danger:oklch(68% .2 18);--color-danger-subtle:oklch(68% .2 18/.16);--color-danger-text:oklch(77% .15 18);--color-info:oklch(72% .15 267);--color-info-subtle:oklch(72% .15 267/.12);--color-info-text:oklch(78% .13 266);--button-bg:var(--color-primary);--button-bg-hover:var(--color-primary-hover);--button-bg-active:var(--color-primary-active);--button-text:var(--neutral-950);--button-secondary-bg:var(--neutral-800);--button-secondary-bg-hover:var(--neutral-700);--button-secondary-bg-active:var(--neutral-600);--button-secondary-text:var(--neutral-50);--button-ghost-text:var(--color-text-secondary);--button-ghost-bg-hover:var(--neutral-800);--button-danger-bg:oklch(57.7% .245 18);--button-danger-bg-hover:oklch(62% .23 18);--input-bg:oklch(100% 0 0/.08);--input-border:oklch(100% 0 0/.15);--input-border-focus:var(--flare-400);--input-text:var(--color-text);--card-bg:var(--color-surface);--card-border:var(--color-border);--card-shadow:none;--shadow-sm:0 1px 3px 0 oklch(0% 0 0/.4), 0 1px 2px -1px oklch(0% 0 0/.4);--shadow-md:0 4px 6px -1px oklch(0% 0 0/.4), 0 2px 4px -2px oklch(0% 0 0/.4);--shadow-lg:0 10px 15px -3px oklch(0% 0 0/.4), 0 4px 6px -4px oklch(0% 0 0/.4);--shadow-xl:0 20px 25px -5px oklch(0% 0 0/.5), 0 8px 10px -6px oklch(0% 0 0/.5);--shadow-glow:0 0 0 3px oklch(68% .2 26/.3);--focus-ring:0 0 0 2px oklch(68% .2 26);--color-selection-bg:var(--neutral-700);--color-selection-text:var(--neutral-50);--tile-organize-fg:oklch(72% .14 27);--tile-convert-fg:oklch(72% .09 255);--tile-edit-fg:oklch(72% .1 290);--tile-security-fg:oklch(74% .11 155);--tile-optimize-fg:oklch(74% .11 60);--tile-split-fg:oklch(74% .08 200);--tile-layout-fg:oklch(76% .1 80);--tile-smart-fg:oklch(72% .08 230);--tile-advanced-fg:oklch(74% .1 340);--tile-organize-bg:oklch(27% .025 27);--tile-convert-bg:oklch(27% .025 255);--tile-edit-bg:oklch(27% .025 290);--tile-security-bg:oklch(27% .025 155);--tile-optimize-bg:oklch(27% .025 60);--tile-split-bg:oklch(27% .025 200);--tile-layout-bg:oklch(27% .025 80);--tile-smart-bg:oklch(27% .025 230);--tile-advanced-bg:oklch(27% .025 340);--skeleton-base:var(--neutral-800);--skeleton-shine:var(--neutral-700)}}@media (prefers-contrast:more){:root,:root[data-theme=dark]{--color-border:var(--color-border-strong)}}@media (prefers-contrast:more) and (prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]){--color-border:var(--color-border-strong)}}@media (forced-colors:active){:root{--color-border-focus:Highlight;--focus-ring:0 0 0 var(--focus-ring-width) Highlight}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;font-synthesis:none;scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-bg);flex-direction:column;min-height:100vh;display:flex}html[lang=ar] body{font-family:"Tajawal", var(--font-sans)}h1,h2,h3,h4,h5,h6{font-weight:var(--weight-semibold);line-height:var(--leading-tight);color:var(--color-text)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}p{line-height:var(--leading-relaxed)}a{color:var(--color-primary);text-decoration:none}@media (hover:hover){a:hover{text-decoration:underline}}img,picture,svg{max-width:100%;height:auto;display:block}.df-skip-link{inset-inline-start:-9999px;padding:var(--space-2) var(--space-4);background:var(--color-primary);color:var(--color-text-on-primary);z-index:var(--z-overlay);position:absolute;top:0}.df-skip-link:focus{inset-inline-start:var(--space-2);top:var(--space-2);border-radius:var(--radius-md)}.df-blog-main{width:100%;max-width:var(--container-max);padding-inline:var(--space-4);padding-block:var(--space-10) var(--space-16);flex:1;margin-inline:auto}.df-blog-narrow{max-width:var(--container-narrow);margin-inline:auto}:focus-visible{outline:var(--focus-ring-width) solid var(--color-border-focus);outline-offset:var(--focus-ring-offset);border-radius:var(--radius-sm)}.df-blog-prose{max-width:100%}.df-blog-prose p a,.df-blog-prose li a,.df-blog-prose blockquote a{text-underline-offset:.15em;text-decoration-line:underline}.df-blog-prose h2{font-family:var(--font-display);margin-block-start:var(--space-12);margin-block-end:var(--space-4)}.df-blog-prose h3{font-family:var(--font-display);margin-block-start:var(--space-8);margin-block-end:var(--space-3)}.df-blog-prose p{margin-block-end:var(--space-4)}.df-blog-prose ul,.df-blog-prose ol{margin-block-end:var(--space-4);padding-inline-start:var(--space-6)}.df-blog-prose li{margin-block-end:var(--space-2)}.df-blog-prose code{font-family:var(--font-mono);font-size:var(--text-sm);background:var(--color-bg-subtle);padding-inline:var(--space-1);border-radius:var(--radius-sm)}.df-blog-prose pre{background:var(--color-surface-sunken);padding:var(--space-4);border-radius:var(--radius-md);margin-block-end:var(--space-4);overflow-x:auto}.df-blog-prose pre code{background:0 0;padding:0}.df-blog-prose blockquote{border-inline-start:var(--border-width-3) solid var(--color-primary);margin-block:var(--space-4);color:var(--color-text-secondary);padding-inline-start:var(--space-4);font-style:italic}[dir=ltr] .df-blog-prose>p:first-of-type:first-letter{float:left;font-family:var(--font-display);font-size:var(--text-7xl);color:var(--color-text);margin-block-start:var(--space-2);margin-inline-end:var(--space-3);line-height:.8}.df-blog-prose :is(h2,h3,h4)[id]{scroll-margin-block-start:calc(var(--header-height) + var(--space-4))}.df-blog-prose .df-callout{border-inline-start:var(--border-width-3) solid var(--color-primary);background:var(--color-primary-subtle);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);margin-block:var(--space-6)}.df-blog-prose .df-callout-title{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--color-primary-subtle-text);margin-block-end:var(--space-2)}.df-blog-prose ol.df-steps{counter-reset:df-step;gap:var(--space-5);flex-direction:column;padding-inline-start:0;list-style:none;display:flex}.df-blog-prose ol.df-steps>li{counter-increment:df-step;align-items:flex-start;gap:var(--space-4);display:flex}.df-blog-prose ol.df-steps>li:before{content:counter(df-step);inline-size:var(--size-32);block-size:var(--size-32);border:1px solid var(--color-border-strong);border-radius:var(--radius-full);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--color-text);flex-shrink:0;justify-content:center;align-items:center;display:flex}.df-blog-prose table{border-collapse:collapse;inline-size:100%;font-size:var(--text-sm);margin-block:var(--space-6);border:1px solid var(--color-border)}.df-blog-prose th{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--color-text-secondary);background:var(--color-bg-subtle);text-align:start;padding:var(--space-2) var(--space-3);border-block-end:1px solid var(--color-border)}.df-blog-prose td{padding:var(--space-2) var(--space-3);border-block-end:1px solid var(--color-border)}.df-blog-prose tbody tr:last-child td{border-block-end:0}.df-blog-prose details{border-block-end:1px solid var(--color-border);margin-block-end:0}.df-blog-prose details:first-of-type{border-block-start:1px solid var(--color-border)}.df-blog-prose details summary{justify-content:space-between;align-items:center;gap:var(--space-3);min-block-size:var(--target-min);padding-block:var(--space-3);font-weight:var(--weight-medium);cursor:pointer;list-style:none;display:flex}.df-blog-prose details summary::-webkit-details-marker{display:none}.df-blog-prose details summary:after{content:"";inline-size:var(--space-2);block-size:var(--space-2);border-inline-end:var(--border-width-2) solid var(--color-text-tertiary);border-block-end:var(--border-width-2) solid var(--color-text-tertiary);transition:transform var(--duration-fast) var(--ease-out);flex-shrink:0;transform:rotate(45deg)}.df-blog-prose details[open] summary:after{transform:rotate(225deg)}.df-blog-prose img{border-radius:var(--radius-lg);margin-block:var(--space-6)}.df-header{z-index:var(--z-sticky);justify-content:space-between;align-items:center;gap:var(--space-4);min-block-size:var(--header-height);padding-inline:var(--space-4);background:var(--color-bg);border-block-end:1px solid var(--color-border);display:flex;position:sticky;inset-block-start:0}@media (width>=640px){.df-header{padding-inline:var(--space-6)}}@media (width>=1024px){.df-header{padding-inline:var(--space-8)}}.df-header-inner{inline-size:100%;max-inline-size:var(--container-max);justify-content:space-between;align-items:center;gap:var(--space-4);margin-inline:auto;display:flex}.df-brand{align-items:center;gap:var(--space-2);font-size:var(--text-xl);font-weight:var(--weight-extrabold);letter-spacing:var(--tracking-tight);color:var(--color-text);text-decoration:none;display:inline-flex}@media (hover:hover){.df-brand:hover{text-decoration:none}}.df-brand-mark{inline-size:var(--size-32);block-size:var(--size-32);flex-shrink:0}.df-brand-accent{color:var(--color-accent)}.df-nav{align-items:center;gap:var(--space-1);flex-wrap:wrap;display:flex}.df-nav-link{padding-inline:var(--space-3);padding-block:var(--space-2);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium);transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);text-decoration:none}@media (hover:hover){.df-nav-link:hover{background-color:var(--color-surface-hover);color:var(--color-text);text-decoration:underline}}.df-nav-link[aria-current=page]{color:var(--color-text);text-decoration:underline;text-decoration-color:var(--color-accent);text-decoration-thickness:var(--border-width-2);text-underline-offset:var(--space-1)}.df-nav-link:focus-visible{outline:var(--focus-ring-width) solid var(--color-border-focus);outline-offset:var(--focus-ring-offset)}.df-header-actions{align-items:center;gap:var(--space-2);display:flex}.df-blog-footer{border-block-start:1px solid var(--color-border);background:var(--color-surface);padding-block:var(--space-8);padding-inline:var(--space-4);margin-block-start:auto}.df-blog-footer-inner{max-width:var(--container-max);gap:var(--space-6);flex-wrap:wrap;justify-content:space-between;align-items:center;margin-inline:auto;display:flex}.df-blog-footer-links{gap:var(--space-4);flex-wrap:wrap;display:flex}.df-blog-footer-links a{color:var(--color-text-secondary);font-size:var(--text-sm)}.df-blog-footer-copy{color:var(--color-text-tertiary);font-size:var(--text-xs)}.df-lang-select{appearance:none;background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-md);color:var(--input-text);font-size:var(--text-sm);padding-inline:var(--space-3);padding-block:var(--space-2);cursor:pointer;text-align:start;transition:border-color var(--duration-fast) var(--ease-out);font-family:inherit}@media (hover:hover){.df-lang-select:hover{border-color:var(--input-border-focus)}}.df-lang-select:focus-visible{outline:var(--focus-ring-width) solid var(--color-border-focus);outline-offset:var(--focus-ring-offset)}.df-lang-noscript{gap:var(--space-2);flex-wrap:wrap;display:flex}.df-lang-noscript a{font-size:var(--text-sm);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--color-border)}.df-theme-toggle{border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;padding:var(--space-2);width:var(--control-height-m);height:var(--control-height-m);transition:border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out);background:0 0;justify-content:center;align-items:center;display:flex}@media (hover:hover){.df-theme-toggle:hover{border-color:var(--color-border-strong);color:var(--color-text);background-color:var(--color-surface-hover)}}.df-breadcrumb{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);flex-wrap:wrap;margin-block-end:var(--space-6);display:flex}.df-breadcrumb a{color:var(--color-text-secondary)}@media (hover:hover){.df-breadcrumb a:hover{color:var(--color-primary);text-decoration:none}}.df-breadcrumb-sep{color:var(--color-text-tertiary)}[dir=rtl] .df-rtl-flip{display:inline-block;transform:scaleX(-1)}.df-breadcrumb-current{color:var(--color-text);font-weight:var(--weight-medium)}.df-blog-toc{top:calc(var(--header-height) + var(--space-4));max-height:calc(100vh - var(--header-height) - var(--space-8));padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);align-self:start;position:sticky;overflow-y:auto}@media (width<=1023.98px){.df-blog-toc{display:none}}.df-blog-toc-details{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);margin-block-end:var(--space-8)}@media (width>=1024px){.df-blog-toc-details{display:none}}.df-blog-toc-details>summary{justify-content:space-between;align-items:center;gap:var(--space-2);min-block-size:var(--target-min);padding-inline:var(--space-4);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--color-text-secondary);cursor:pointer;list-style:none;display:flex}.df-blog-toc-details>summary::-webkit-details-marker{display:none}.df-blog-toc-details>summary:after{content:"";inline-size:var(--space-2);block-size:var(--space-2);border-inline-end:var(--border-width-2) solid var(--color-text-tertiary);border-block-end:var(--border-width-2) solid var(--color-text-tertiary);transition:transform var(--duration-fast) var(--ease-out);transform:rotate(45deg)}.df-blog-toc-details[open]>summary:after{transform:rotate(225deg)}.df-blog-toc-inline ul{padding-inline:var(--space-4);flex-direction:column;padding-block-end:var(--space-4);list-style:none;display:flex}.df-blog-toc-inline a{min-block-size:var(--target-min);padding-inline:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);border-radius:var(--radius-sm);align-items:center;display:flex}@media (hover:hover){.df-blog-toc-inline a:hover{color:var(--color-primary);background:var(--color-primary-subtle);text-decoration:none}}.df-blog-toc-inline .df-toc-h3{font-size:var(--text-xs);padding-inline-start:var(--space-4)}.df-blog-toc-title{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-widest);margin-block-end:var(--space-3)}.df-blog-toc ul{gap:var(--space-1);flex-direction:column;padding:0;list-style:none;display:flex}.df-blog-toc a{font-size:var(--text-sm);color:var(--color-text-secondary);padding-inline:var(--space-2);padding-block:var(--space-1);border-radius:var(--radius-sm);border-inline-start:var(--border-width-2) solid transparent;display:block}@media (hover:hover){.df-blog-toc a:hover{color:var(--color-primary);background:var(--color-primary-subtle);text-decoration:none}}.df-blog-toc a.is-active{color:var(--color-primary);border-inline-start-color:var(--color-primary);font-weight:var(--weight-medium)}.df-blog-toc .df-toc-h3{font-size:var(--text-xs);padding-inline-start:var(--space-4)}.df-blog-article-grid{gap:var(--space-8);grid-template-columns:1fr;display:grid}@media (width>=1024px){.df-blog-article-grid{grid-template-columns:minmax(0,1fr) 240px}.df-blog-toc{order:2;grid-column:2}.df-blog-article-content{order:1;grid-column:1}}[dir=rtl] .df-blog-article-grid{direction:rtl}.df-blog-article-meta{gap:var(--space-4);color:var(--color-text-secondary);font-size:var(--text-sm);border-block-end:1px solid var(--color-border);flex-wrap:wrap;align-items:center;margin-block-end:var(--space-6);padding-block-end:var(--space-4);display:flex}.df-blog-article-meta-item{align-items:center;gap:var(--space-1);display:flex}.df-blog-article-title{font-family:var(--font-display);font-size:var(--text-4xl);margin-block-end:var(--space-3)}.df-blog-article-description{font-family:var(--font-display);font-size:var(--text-xl);line-height:var(--leading-relaxed);color:var(--color-text-secondary);margin-block-end:var(--space-6)}.df-blog-article-kicker{margin-block-end:var(--space-3)}.df-blog-article-kicker a{text-decoration:none}.df-blog-article-kicker[data-category=privacy]{--cover-fg:var(--tile-security-fg);--cover-bg:var(--tile-security-bg)}.df-blog-article-kicker[data-category=tutorials]{--cover-fg:var(--tile-convert-fg);--cover-bg:var(--tile-convert-bg)}.df-blog-article-kicker[data-category=comparisons]{--cover-fg:var(--tile-split-fg);--cover-bg:var(--tile-split-bg)}.df-blog-article-kicker[data-category=legal]{--cover-fg:var(--tile-layout-fg);--cover-bg:var(--tile-layout-bg)}.df-blog-article-cover{border-radius:var(--radius-xl);border:1px solid var(--color-border);width:100%;object-fit:cover;max-block-size:26rem;margin-block-end:var(--space-8)}.df-blog-article-cover-figure{margin-block-end:var(--space-8)}.df-blog-article-cover-figure .df-blog-article-cover{margin-block-end:0}.df-blog-article-cover-credit{font-size:var(--text-xs);color:var(--color-text-secondary);margin-block-start:var(--space-2)}.df-blog-article-cover-credit a{color:inherit}.df-blog-tool-cta{gap:var(--space-2);padding:var(--space-5);margin-block:var(--space-6);border:1px solid var(--color-primary-subtle);border-radius:var(--radius-lg);background:var(--color-primary-subtle);flex-direction:column;display:flex}.df-blog-tool-cta-title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-primary-subtle-text)}.df-blog-tool-cta-note{font-size:var(--text-sm);color:var(--color-text-secondary)}.df-blog-tool-cta-link{align-self:flex-start}.df-related-tools{padding-block:var(--space-8);border-block-start:1px solid var(--color-border);margin-block-start:var(--space-12)}.df-related-tools-title{font-family:var(--font-display);font-size:var(--text-xl);margin-block-end:var(--space-4)}.df-related-tools-grid{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (width>=640px){.df-related-tools-grid{grid-template-columns:repeat(3,1fr)}}.df-related-tool-card{gap:var(--space-2);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);flex-direction:column;display:flex}.df-related-tool-card h4{font-size:var(--text-base);font-weight:var(--weight-semibold)}.df-related-tool-card a{font-size:var(--text-sm);font-weight:var(--weight-medium);align-self:flex-start}@media (hover:hover){.df-related-tool-card:hover{border-color:var(--color-border-strong);background:var(--color-surface-hover)}}.df-related-articles{margin-block-start:var(--space-12)}.df-related-articles-title{font-family:var(--font-display);font-size:var(--text-xl);margin-block-end:var(--space-4)}.df-related-articles-grid{gap:var(--space-5);grid-template-columns:1fr;display:grid}@media (width>=640px){.df-related-articles-grid{grid-template-columns:repeat(3,1fr)}}.df-article-card{--cover-fg:var(--color-primary);--cover-bg:var(--color-primary-subtle);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);transition:transform var(--duration-normal) var(--ease-out), box-shadow var(--duration-normal) var(--ease-out), border-color var(--duration-normal) var(--ease-out);flex-direction:column;display:flex;position:relative;overflow:hidden}.df-article-card[data-category=privacy]{--cover-fg:var(--tile-security-fg);--cover-bg:var(--tile-security-bg)}.df-article-card[data-category=tutorials]{--cover-fg:var(--tile-convert-fg);--cover-bg:var(--tile-convert-bg)}.df-article-card[data-category=comparisons]{--cover-fg:var(--tile-split-fg);--cover-bg:var(--tile-split-bg)}.df-article-card[data-category=legal]{--cover-fg:var(--tile-layout-fg);--cover-bg:var(--tile-layout-bg)}@media (hover:hover){.df-article-card:hover{border-color:var(--color-border-strong);background:var(--color-surface-hover);transform:translateY(calc(var(--space-1) / -2));box-shadow:var(--shadow-md)}}.df-article-card:focus-within{border-color:var(--color-border-focus)}.df-article-card-cover{aspect-ratio:5/2;color:var(--cover-fg);background:var(--cover-bg);border-block-end:1px solid var(--color-border);justify-content:center;align-items:center;display:flex}.df-article-card-cover svg{inline-size:var(--space-20);block-size:var(--space-20);opacity:.8}.df-article-card-cover--photo img{object-fit:cover;block-size:100%;inline-size:100%;display:block}.df-article-card-body{padding:var(--space-5);gap:var(--space-3);flex-direction:column;flex:1;display:flex}.df-article-card-badge{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:var(--tracking-wide);padding-inline:var(--space-2);padding-block:var(--space-1);border-radius:var(--radius-full);background:var(--cover-bg,var(--color-primary-subtle));color:var(--cover-fg,var(--color-primary));align-self:flex-start}.df-article-card-title{font-family:var(--font-display);font-size:var(--text-lg);line-height:var(--leading-snug)}.df-article-card-title a{color:var(--color-text);transition:color var(--duration-fast) var(--ease-out)}.df-article-card-title a:after{content:"";position:absolute;inset:0}@media (hover:hover){.df-article-card:hover .df-article-card-title a{color:var(--color-primary)}}.df-article-card-excerpt{font-size:var(--text-sm);color:var(--color-text-secondary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.df-article-card-foot{justify-content:space-between;align-items:baseline;gap:var(--space-2);flex-wrap:wrap;margin-block-start:auto;padding-block-start:var(--space-2);display:flex}.df-article-card-meta{gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-tertiary);display:flex}.df-article-card-more{align-items:center;gap:var(--space-1);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-primary);display:inline-flex}.df-article-card--featured{grid-column:1/-1}@media (width>=1024px){.df-article-card--featured{flex-direction:row}.df-article-card--featured .df-article-card-cover{aspect-ratio:auto;border-block-end:0;border-inline-start:1px solid var(--color-border);flex:5;order:2;min-inline-size:0}.df-article-card--featured .df-article-card-body{min-inline-size:0;padding:var(--space-8);flex:7;order:1;justify-content:center}.df-article-card--featured .df-article-card-title{font-size:var(--text-2xl)}.df-article-card--featured .df-article-card-excerpt{-webkit-line-clamp:3;line-clamp:3;font-size:var(--text-base)}}.df-category-filter{gap:var(--space-2);flex-wrap:wrap;margin-block-end:var(--space-6);display:flex}.df-category-filter a{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);padding-inline:var(--space-3);padding-block:var(--space-1);border-radius:var(--radius-full);border:1px solid var(--color-border);color:var(--color-text-secondary)}@media (hover:hover){.df-category-filter a:hover{border-color:var(--color-primary);color:var(--color-primary);text-decoration:none}}.df-category-filter a.is-active{background:var(--color-primary);color:var(--color-text-on-primary);border-color:var(--color-primary)}.df-pagination{justify-content:center;align-items:center;gap:var(--space-2);margin-block-start:var(--space-8);display:flex}.df-pagination a,.df-pagination span{min-width:var(--control-height-m);height:var(--control-height-m);padding-inline:var(--space-2);border-radius:var(--radius-md);font-size:var(--text-sm);border:1px solid var(--color-border);color:var(--color-text-secondary);justify-content:center;align-items:center;display:flex}@media (hover:hover){.df-pagination a:hover{border-color:var(--color-primary);color:var(--color-primary);text-decoration:none}}.df-pagination .is-current{background:var(--color-primary);color:var(--color-text-on-primary);border-color:var(--color-primary)}.df-pagination .is-disabled{opacity:.4;pointer-events:none}.df-eyebrow{align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--color-primary);margin-block-end:var(--space-2);display:flex}.df-eyebrow:before{content:"";inline-size:var(--space-6);background:var(--color-primary);block-size:1px}.df-blog-index-header{animation:var(--animate-slide-up);margin-block-end:var(--space-10)}.df-blog-index-title{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);margin-block-end:var(--space-3)}.df-blog-index-subtitle{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--color-text-secondary);max-inline-size:var(--container-narrow)}.df-blog-articles-grid{gap:var(--space-6);grid-template-columns:1fr;display:grid}@media (width>=640px){.df-blog-articles-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.df-blog-articles-grid{grid-template-columns:repeat(3,1fr)}}.df-blog-follow{align-items:flex-start;gap:var(--space-3);padding:var(--space-6);margin-block:var(--space-8);background:var(--color-surface-inverse);color:var(--color-text-inverse);border:var(--border-width-1) solid var(--color-border-inverse);border-radius:var(--radius-lg);flex-direction:column;display:flex}.df-blog-follow-kicker{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-widest)}.df-blog-follow-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight)}.df-blog-follow-text{font-size:var(--text-sm);max-inline-size:var(--container-narrow)}.df-blog-follow-cta{min-block-size:var(--target-min);margin-block-start:var(--space-2)}.df-blog-follow a:focus-visible{outline-color:var(--color-focus-inverse)}.df-btn{justify-content:center;align-items:center;gap:var(--space-2);min-block-size:var(--control-height-m);font-family:inherit;font-size:var(--text-sm);font-weight:var(--weight-semibold);padding-inline:var(--space-3);padding-block:var(--space-2);border-radius:var(--radius-md);border:1px solid var(--button-border);background:var(--button-bg);color:var(--button-text);cursor:pointer;transition:background var(--duration-fast) var(--ease-out);text-decoration:none;display:inline-flex}@media (hover:hover){.df-btn:hover{background:var(--button-bg-hover);text-decoration:none}}.df-btn:active{background:var(--button-bg-active)}.df-btn:focus-visible{outline:var(--focus-ring-width) solid var(--color-border-focus);outline-offset:var(--focus-ring-offset)}.df-btn-ghost{color:var(--button-ghost-text);background:0 0;border-color:#0000}@media (hover:hover){.df-btn-ghost:hover{background:var(--button-ghost-bg-hover)}}.df-btn-ghost:active{background:var(--button-ghost-bg-hover)}.df-rss-link{align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--color-text-secondary);display:inline-flex}@media (hover:hover){.df-rss-link:hover{color:var(--color-primary);text-decoration:none}}.df-icon-moon,[data-theme=dark] .df-icon-sun{display:none}[data-theme=dark] .df-icon-moon{display:block}@media (prefers-color-scheme:dark){:root:not([data-theme]) .df-icon-sun{display:none}:root:not([data-theme]) .df-icon-moon{display:block}}@media (width<=639.98px){.df-header-inner{gap:var(--space-2);flex-wrap:wrap}.df-brand-text{display:none}.df-nav{-webkit-overflow-scrolling:touch;scrollbar-width:none;justify-content:flex-start;gap:var(--space-1);flex-wrap:nowrap;order:3;inline-size:100%;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,oklch(0% 0 0) 88%,#0000);mask-image:linear-gradient(90deg,oklch(0% 0 0) 88%,#0000)}[dir=rtl] .df-nav{-webkit-mask-image:linear-gradient(270deg,oklch(0% 0 0) 88%,#0000);mask-image:linear-gradient(270deg,oklch(0% 0 0) 88%,#0000)}.df-nav::-webkit-scrollbar{display:none}.df-nav-link{padding-inline:var(--space-2);padding-block:var(--space-1);font-size:var(--text-xs);white-space:nowrap;flex-shrink:0}}@media (pointer:coarse){.df-nav-link{min-block-size:var(--target-min);align-items:center;display:inline-flex}.df-pagination a,.df-pagination span{min-width:var(--target-min)}.df-category-filter a{min-height:var(--target-min);align-items:center;display:inline-flex}}.df-ad-slot{min-height:0;margin-block:0}html[data-df-ads] .df-ad-slot,.df-ad-slot:has(ins[data-df-queued]),.df-ad-slot:has(ins[data-ad-status]){margin-block:var(--space-8);min-height:100px}.df-ad-slot:has(ins[data-ad-status=unfilled]){display:none}.df-ad-label{font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-secondary);margin-block-end:var(--space-1);display:none}html[data-df-ads] .df-ad-label,.df-ad-slot:has(ins[data-df-queued]) .df-ad-label,.df-ad-slot:has(ins[data-ad-status]) .df-ad-label{display:block}.df-ad-feed{grid-column:1/-1}html[data-df-ads] .df-ad-feed,.df-ad-feed:has(ins[data-df-queued]),.df-ad-feed:has(ins[data-ad-status]){padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-sunken);text-align:center;min-height:160px}