:root{--blue: #2563eb;--blue-700: #1d4ed8;--blue-50: #eff6ff;--violet: #7c3aed;--violet-700: #6d28d9;--violet-50: #f5f3ff;--pink: #ec4899;--teal: #14b8a6;--orange: #f97316;--s900: #0f172a;--s800: #1e293b;--s700: #334155;--s600: #475569;--s500: #64748b;--s300: #cbd5e1;--s200: #e2e8f0;--s100: #f1f5f9;--s50: #f8fafc;--hero-g: linear-gradient(135deg,#eff6ff,#f5f3ff,#fdf2f8);--cta-g: linear-gradient(135deg,#2563eb,#7c3aed);--accent-g: linear-gradient(90deg,#2563eb,#7c3aed,#ec4899);--dark-g: linear-gradient(180deg,#0f172a,#1e293b);--sh-sm: 0 1px 3px rgba(0,0,0,.08);--sh-md: 0 4px 20px rgba(0,0,0,.08);--sh-lg: 0 12px 40px rgba(0,0,0,.12);--r: 16px;--r-btn: 12px;--sans: Inter,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--head: Sora,Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--c: #2563eb;--ci: #1d4ed8;--cr: 37,99,235}[data-cat="automation"]{--c: #7c3aed;--ci: #6d28d9;--cr: 124,58,237}[data-cat="video"]{--c: #ec4899;--ci: #be185d;--cr: 236,72,153}[data-cat="productivity"]{--c: #14b8a6;--ci: #0f766e;--cr: 20,184,166}[data-cat="business"]{--c: #f97316;--ci: #c2410c;--cr: 249,115,22}*,*::before,*::after{box-sizing: border-box}html{scroll-behavior: smooth;-webkit-text-size-adjust: 100%}body{margin: 0;font-family: var(--sans);font-size: 1.0625rem;line-height: 1.75;color: var(--s700);background: #fff;-webkit-font-smoothing: antialiased}img{max-width: 100%;height: auto;display: block}a{color: var(--blue);text-underline-offset: 3px}a:hover{color: var(--blue-700)}h1,h2,h3{font-family: var(--head);color: var(--s900);line-height: 1.2}h1{font-size: clamp(2.25rem,5vw,3.5rem);font-weight: 800;letter-spacing: -.03em;margin: 0 0 .5em}h2{font-size: clamp(1.75rem,4vw,2.5rem);font-weight: 700;letter-spacing: -.02em;margin: 1.6em 0 .6em}h3{font-size: clamp(1.25rem,3vw,1.5rem);font-weight: 700;letter-spacing: -.01em;margin: 1.4em 0 .5em}small,.small{font-size: .875rem;color: var(--s500)}.container{max-width: 1200px;margin: 0 auto;padding: 0 24px}.section{padding: 80px 0}.section-alt{background: var(--s50)}.section-head{display: flex;align-items: flex-end;justify-content: space-between;gap: 16px;flex-wrap: wrap;margin-bottom: 36px}.section-head h2{margin: 0}.section-head>a{font-weight: 600;text-decoration: none;white-space: nowrap}.eyebrow{display: inline-block;font-size: .8rem;font-weight: 600;letter-spacing: .1em;text-transform: uppercase;background: var(--cta-g);-webkit-background-clip: text;background-clip: text;color: transparent;margin-bottom: 8px}.muted{color: var(--s500)}.skip-link{position: absolute;left: -999px;top: 8px;background: var(--blue);color: #fff;padding: 8px 12px;border-radius: 8px;z-index: 100}.skip-link:focus{left: 8px}:focus-visible{outline: 2px solid var(--blue);outline-offset: 2px}.site-header{position: sticky;top: 0;z-index: 50;background: rgba(255,255,255,.85);-webkit-backdrop-filter: blur(12px);backdrop-filter: blur(12px);border-bottom: 1px solid rgba(226,232,240,.8)}.site-header::before{content: "";display: block;height: 3px;background: var(--accent-g)}.header-inner{display: flex;align-items: center;justify-content: space-between;height: 68px}.brand{display: flex;align-items: center;text-decoration: none;border-radius: 12px;transition: filter .25s}.brand:hover{filter: drop-shadow(0 0 10px rgba(37,99,235,.35))}.brand img{height: 34px;width: auto}.nav{display: flex;gap: 4px}.nav a{position: relative;color: var(--s700);text-decoration: none;font-weight: 600;font-size: .95rem;padding: 8px 14px;border-radius: 10px;transition: color .2s,background .2s}.nav a:hover{color: var(--blue);background: var(--blue-50)}.nav a[aria-current="page"]{color: var(--blue)}.nav a[aria-current="page"]::after{content: "";position: absolute;left: 14px;right: 14px;bottom: 2px;height: 2px;border-radius: 2px;background: var(--blue)}.nav-toggle{display: none;background: #fff;border: 1px solid var(--s200);border-radius: 10px;width: 42px;height: 38px;cursor: pointer;padding: 0}.nav-toggle span{display: block;width: 18px;height: 2px;border-radius: 2px;background: var(--s900);margin: 4px auto;transition: transform .25s,opacity .2s}.nav-toggle[aria-expanded="true"] span:nth-child(1){transform: translateY(6px) rotate(45deg)}.nav-toggle[aria-expanded="true"] span:nth-child(2){opacity: 0}.nav-toggle[aria-expanded="true"] span:nth-child(3){transform: translateY(-6px) rotate(-45deg)}.btn{display: inline-flex;align-items: center;gap: 8px;padding: 14px 26px;border-radius: var(--r-btn);font-weight: 600;text-decoration: none;border: 2px solid transparent;transition: transform .2s,box-shadow .2s,background .2s}.btn-primary{background: var(--cta-g);color: #fff;box-shadow: 0 6px 20px rgba(79,70,229,.25)}.btn-primary:hover{color: #fff;transform: scale(1.03);box-shadow: var(--sh-lg),0 10px 30px rgba(124,58,237,.3)}.btn-secondary{background: #fff;color: var(--blue);border-color: var(--blue)}.btn-secondary:hover{background: var(--blue-50);color: var(--blue-700);transform: scale(1.03)}.badge{display: inline-block;background: rgba(var(--cr),.1);color: var(--ci);font-size: .75rem;font-weight: 600;padding: 4px 12px;border-radius: 999px;letter-spacing: .02em;text-decoration: none;line-height: 1.5;transition: background .2s,color .2s}a.badge:hover{background: var(--c);color: #fff}.grid{display: grid;gap: 28px}.grid-3{grid-template-columns: repeat(3,1fr)}.grid-5{grid-template-columns: repeat(5,1fr)}.card{position: relative;background: #fff;border: 1px solid var(--s200);border-radius: var(--r);overflow: hidden;display: flex;flex-direction: column;box-shadow: var(--sh-sm);transition: transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s,border-color .3s}.card:hover{transform: translateY(-4px);border-color: rgba(var(--cr),.45);box-shadow: var(--sh-lg),0 0 0 3px rgba(var(--cr),.1)}.card-lg{border-top: 4px solid var(--c)}.card-lg:hover{transform: translateY(-6px);box-shadow: var(--sh-lg),0 14px 40px rgba(var(--cr),.22)}.card-media{display: block;aspect-ratio: 16 / 9;background: var(--s100);overflow: hidden}.card-media img{width: 100%;height: 100%;object-fit: cover;transition: transform .5s}.card:hover .card-media img{transform: scale(1.04)}.card-body{padding: 20px 22px 22px;display: flex;flex-direction: column;gap: 10px;flex: 1}.card-title{font-size: 1.08rem;font-weight: 700;margin: 0;line-height: 1.35;letter-spacing: -.01em}.card-title a{color: var(--s900);text-decoration: none}.card-title a::after{content: "";position: absolute;inset: 0}.card-title a:hover{color: var(--ci)}.card-meta{position: relative;z-index: 1;font-size: .85rem;color: var(--s500);display: flex;gap: 10px;align-items: center;flex-wrap: wrap}.card-desc{color: var(--s500);font-size: .95rem;margin: 0;line-height: 1.6}.card-link{position: relative;z-index: 1;margin-top: auto;font-weight: 600;text-decoration: none;color: var(--ci)}.card-link:hover{color: var(--ci);text-decoration: underline}.card-lg .card-title{font-size: 1.3rem}.hero{position: relative;overflow: hidden;background: var(--hero-g);padding: 96px 0 88px}.hero .container{position: relative;z-index: 1}.blob{position: absolute;border-radius: 50%;filter: blur(60px);pointer-events: none;animation: float 14s ease-in-out infinite;transition: transform .6s ease-out}.blob-1{width: 420px;height: 420px;background: rgba(37,99,235,.18);top: -120px;left: -80px}.blob-2{width: 360px;height: 360px;background: rgba(124,58,237,.16);top: 30px;right: -60px;animation-delay: -5s}.blob-3{width: 300px;height: 300px;background: rgba(236,72,153,.14);bottom: -140px;left: 42%;animation-delay: -9s}@keyframes float{0%,100%{translate: 0 0}50%{translate: 20px -24px}}.hero h1{max-width: 860px}.grad{background: var(--cta-g);-webkit-background-clip: text;background-clip: text;color: transparent}.hero p{max-width: 600px;font-size: 1.2rem;color: var(--s600);margin: 0 0 32px}.hero-ctas{display: flex;gap: 14px;flex-wrap: wrap}.pills{display: flex;gap: 10px;flex-wrap: wrap;margin: 36px 0 0;padding: 0;list-style: none}.pills li{display: inline-flex;align-items: center;gap: 6px;background: rgba(255,255,255,.8);border: 1px solid var(--s200);border-radius: 999px;padding: 6px 14px;font-size: .875rem;font-weight: 600;color: var(--s700);box-shadow: var(--sh-sm)}.pills svg{width: 16px;height: 16px;color: var(--teal)}.topic-card{text-decoration: none;color: var(--s900);padding: 26px 22px;gap: 12px;background: rgba(var(--cr),.08);border-color: rgba(var(--cr),.18);box-shadow: none;transition: background .3s,color .3s,transform .3s,box-shadow .3s}.topic-card svg{width: 44px;height: 44px;color: var(--c);transition: transform .3s,color .3s}.topic-card strong{font-family: var(--head);font-size: 1.02rem;line-height: 1.3}.topic-card .muted{font-size: .9rem;transition: color .3s}.topic-card:hover{background: var(--ci);color: #fff;box-shadow: 0 14px 34px rgba(var(--cr),.35)}.topic-card:hover svg{color: #fff;transform: scale(1.15) rotate(-4deg)}.topic-card:hover .muted{color: rgba(255,255,255,.85)}.trust-strip{position: relative;background: var(--dark-g);color: var(--s300);padding: 88px 0;overflow: hidden}.trust-strip::before{content: "";position: absolute;inset: 0;background-image: radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size: 22px 22px;pointer-events: none}.trust-strip .container{position: relative}.trust-strip h2{color: #fff;margin: 0 0 40px}.trust{display: grid;grid-template-columns: repeat(3,1fr);gap: 28px}.trust-item{display: flex;gap: 16px;align-items: flex-start;padding: 24px;border-radius: var(--r);background: rgba(255,255,255,.04);border: 1px solid rgba(255,255,255,.08)}.trust-item svg{flex: 0 0 48px;width: 48px;height: 48px;padding: 11px;border-radius: 12px;color: var(--c);background: rgba(var(--cr),.15)}.trust-item h3{margin: 0 0 4px;font-size: 1.1rem;color: #fff}.trust-item p{margin: 0;font-size: .95rem;color: var(--s300)}.archive-hero{background: var(--hero-g);padding: 56px 0 40px;margin-bottom: 40px}.archive-main{padding-top: 0}.archive-hero h1{margin-bottom: .2em}.archive-tools{display: flex;gap: 14px;flex-wrap: wrap;align-items: center;margin: 20px 0 0}.search{flex: 1 1 280px;padding: 13px 16px;border: 1px solid var(--s200);border-radius: var(--r-btn);font: inherit;background: #fff;box-shadow: var(--sh-sm)}.search:focus{outline: none;border-color: var(--blue);box-shadow: 0 0 0 4px rgba(37,99,235,.15)}.chip-row{display: flex;gap: 8px;flex-wrap: wrap}.chip-row .badge{font-size: .82rem;padding: 6px 14px;background: #fff;border: 1px solid rgba(var(--cr),.3)}.archive-group{scroll-margin-top: 96px;margin-bottom: 48px}.archive-group h2{font-size: 1.6rem;display: flex;align-items: center;gap: 12px;margin: 0 0 24px}.archive-group h2 svg{color: var(--c);padding: 4px;border-radius: 10px;background: rgba(var(--cr),.1);width: 40px;height: 40px}.archive-card .card-title{font-size: 1rem}.empty-note{display: none;color: var(--s500)}.page-main{padding: 48px 0 80px}.prose{max-width: 720px;margin: 0 auto}.article-page .prose{max-width: 820px}.article-page .prose>article>:not(img):not(table){max-width: 720px;margin-left: auto;margin-right: auto}.article-cat{max-width: 720px;margin: 0 auto 14px}.prose h1{font-size: clamp(2rem,4.5vw,3rem);margin-bottom: .4em}.prose h2{font-size: clamp(1.5rem,3.5vw,2rem)}.prose h3{font-size: clamp(1.2rem,2.6vw,1.35rem)}.prose li{margin: .3em 0}.prose strong{color: var(--s900)}.prose table{border-collapse: separate;border-spacing: 0;width: 100%;margin: 1.6em 0;font-size: .95rem;display: block;overflow-x: auto;border: 1px solid var(--s200);border-radius: 12px}.prose th,.prose td{border-bottom: 1px solid var(--s200);padding: 10px 14px;text-align: left;vertical-align: top}.prose th{background: var(--blue-50);color: var(--s900);font-weight: 600}.prose tr:last-child td{border-bottom: 0}.prose tr:nth-child(even) td{background: var(--s50)}.prose img{border-radius: 20px;margin: 12px 0 32px;box-shadow: var(--sh-md)}.prose blockquote,.prose .callout,.prose .note,.prose .tip,.prose .warning{margin: 1.6em 0;padding: 16px 20px;border-left: 4px solid var(--c);background: rgba(var(--cr),.06);border-radius: 0 12px 12px 0}.prose blockquote p:last-child{margin-bottom: 0}.prose .warning{border-color: var(--orange);background: #fff7ed}.prose .tip{border-color: var(--teal);background: #f0fdfa}.prose code{font-size: .9em;background: var(--s100);padding: 2px 6px;border-radius: 6px}.prose pre{background: var(--s900);color: #e2e8f0;padding: 18px;border-radius: 12px;overflow-x: auto}.prose pre code{background: none;padding: 0}.prose .byline{display: flex;align-items: center;gap: 12px;color: var(--s500);font-size: .95rem;padding-bottom: 24px;border-bottom: 1px solid var(--s200)}.prose .byline::before{content: "AM";flex: 0 0 40px;height: 40px;border-radius: 50%;background: var(--cta-g);color: #fff;font: 700 .8rem/40px var(--head);text-align: center;letter-spacing: .02em}.breadcrumb,.prose nav[aria-label="Breadcrumb"]{font-size: .875rem;color: var(--s500);margin-bottom: 14px}.prose nav[aria-label="Breadcrumb"] a{color: var(--s500);text-decoration: none}.prose nav[aria-label="Breadcrumb"] a:hover{color: var(--ci)}.related{background: var(--s50);padding: 64px 0}.related h2{margin: 0 0 28px;font-size: clamp(1.5rem,3vw,2rem)}.adsterra-slot:empty{display: none}.site-footer{background: var(--s900);color: var(--s300);padding: 72px 0 32px}.footer-grid{display: grid;grid-template-columns: 1.6fr 1fr 1fr 1fr;gap: 40px}.footer-brand img{height: 32px;width: auto;margin-bottom: 14px}.footer-brand p{margin: 0;font-size: .95rem;max-width: 300px;color: #94a3b8}.site-footer h3{color: #fff;font-family: var(--sans);font-size: .8rem;font-weight: 600;text-transform: uppercase;letter-spacing: .1em;margin: 0 0 16px}.site-footer ul{list-style: none;margin: 0;padding: 0}.site-footer li{margin: 0 0 10px}.site-footer a{color: var(--s300);text-decoration: none;font-size: .95rem;transition: color .2s}.site-footer a:hover{color: #fff}.site-footer a[data-cat]:hover{color: var(--c)}.site-footer a[data-cat="ai-tools"]:hover{color: #60a5fa}.site-footer a[data-cat="automation"]:hover{color: #a78bfa}.footer-bottom{position: relative;margin-top: 48px;padding-top: 24px;font-size: .875rem;color: #94a3b8}.footer-bottom::before{content: "";position: absolute;top: 0;left: 0;right: 0;height: 1px;background: var(--accent-g);opacity: .6}.js .fade-in-up{opacity: 0;transform: translateY(20px);transition: opacity .6s ease,transform .6s ease}.js .fade-in-up.in{opacity: 1;transform: none}@media (max-width: 1024px){.grid-5{grid-template-columns: repeat(3,1fr)}.grid-3.cards-latest,.grid-3.archive-grid{grid-template-columns: repeat(2,1fr)}}@media (max-width: 760px){body{font-size: 1rem}.section,.trust-strip{padding: 48px 0}.hero{padding: 56px 0 48px}.hero p{font-size: 1.08rem}.container{padding: 0 16px}.header-inner{height: 56px}.brand img{height: 30px}.nav-toggle{display: block}.nav{position: absolute;top: 100%;left: 0;right: 0;flex-direction: column;gap: 0;background: #fff;box-shadow: var(--sh-md);padding: 0 16px;max-height: 0;overflow: hidden;transition: max-height .35s ease,padding .35s ease}.nav.open{max-height: 400px;padding: 8px 16px 16px}.nav a{padding: 12px 14px;margin: 3px 0;border-radius: 0 10px 10px 0;border-left: 3px solid var(--c)}.nav a[aria-current="page"]::after{display: none}.nav a[aria-current="page"]{background: var(--blue-50)}.grid-3,.grid-3.cards-latest,.grid-3.archive-grid,.trust{grid-template-columns: 1fr}.grid-5{grid-template-columns: repeat(2,1fr)}.footer-grid{grid-template-columns: 1fr 1fr}.footer-brand{grid-column: 1 / -1}.blob{filter: blur(48px)}}@media (max-width: 420px){.grid-5,.footer-grid{grid-template-columns: 1fr}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation: none !important;transition: none !important;scroll-behavior: auto !important}.js .fade-in-up{opacity: 1;transform: none}}