@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,600;1,700&family=Inter:wght@300;400;500;600;700&family=Instrument+Serif:ital@0;1&display=swap";:root{--bg: #0c0c0e;--surface: #141418;--surface2: #1c1c22;--border: #2a2a34;--accent: #e8ff47;--accent-text: #0c0c0e;--accent2: #ff6b35;--accent3: #7c5cfc;--text: #f0f0f4;--text-body: #d8d8e0;--muted: #888898;--tag-bg: #1e1e28;--header-bg: rgba(12, 12, 14, .88);--header-cta-bg: #e8ff47;--header-cta-text: #0c0c0e;--card-shadow: 0 4px 20px rgba(0, 0, 0, .3);--font-display: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-head: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-serif: "Instrument Serif", Georgia, serif;--serif: var(--font-serif);--sans: var(--font-head);--r: 10px;--r-lg: 16px}[data-theme=light]{--bg: #f8fafc;--surface: #ffffff;--surface2: #f1f5f9;--border: #e2e8f0;--accent: #2563eb;--accent-text: #ffffff;--accent2: #ea580c;--accent3: #7c3aed;--text: #0f172a;--text-body: #1e293b;--muted: #475569;--tag-bg: #e2e8f0;--header-bg: rgba(255, 255, 255, .92);--header-cta-bg: #2563eb;--header-cta-text: #ffffff;--card-shadow: 0 4px 20px rgba(15, 23, 42, .06)}[data-theme=light] .logo-dot{background:#2563eb}[data-theme=light] .hero h1 em{background:linear-gradient(135deg,#2563eb,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] .subscribe-form button,[data-theme=light] .newsletter-form button,[data-theme=light] .newsletter-sm button{background:#0f172a;color:#fff}[data-theme=light] .callout{background:#f1f5f9;border-left-color:#2563eb}[data-theme=light] blockquote{background:#f8fafc;border-left-color:#2563eb;color:#1e293b}[data-theme=light] .toast{background:#0f172a;color:#fff}[data-theme=light] #cookie-consent{background:#fff!important;border-top-color:#e2e8f0!important;box-shadow:0 -4px 20px #0000000d}[data-theme=light] #cookie-consent p{color:#334155!important}[data-theme=light] #cookie-consent button:first-child{background:#0f172a!important;color:#fff!important}[data-theme=light] #cookie-consent button:last-child{color:#475569!important;border-color:#cbd5e1!important}[data-theme=light] .tools-subnav-sticky{background:#f8fafcf2}[data-theme=light] .newsletter-widget{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:1px solid #cbd5e1}[data-theme=light] .newsletter-form input{background:#fff;color:#0f172a;border-color:#cbd5e1}[data-theme=light] .newsletter-form input::placeholder{color:#94a3b8}[data-theme=light] .newsletter-heading{color:#0f172a}[data-theme=light] .newsletter-sub,[data-theme=light] .newsletter-note{color:#64748b}[data-theme=light] .hero-eyebrow{background:#e2e8f0;border-color:#cbd5e1;color:#2563eb}[data-theme=light] .hero-eyebrow-dot{background:#2563eb}[data-theme=light] .ticker-label{background:#2563eb1a;color:#2563eb}[data-theme=light] .author-name,[data-theme=light] .meta-item strong{color:#0f172a}[data-theme=light] .tool-pricing-tag.tag-free{background:#22c55e1f;color:#15803d;border-color:#22c55e40}[data-theme=light] .tool-pricing-tag.tag-freemium{background:#eab3081f;color:#a16207;border-color:#eab30840}[data-theme=light] .tool-pricing-tag.tag-paid{background:#ef44441f;color:#b91c1c;border-color:#ef444440}[data-theme=light] .tag-ai{background:#2563eb1a;color:#1d4ed8}[data-theme=light] .tag-trend{background:#ea580c1a;color:#c2410c}[data-theme=light] .tag-ux{background:#7c3aed1a;color:#6d28d9}[data-theme=light] .tag-figma{background:#0d94881a;color:#0f766e}[data-theme=light] .tag-research{background:#ca8a041a;color:#a16207}[data-theme=light] .tag-system{background:#d977061a;color:#b45309}[data-theme=light] .tag-motion{background:#c026d31a;color:#86198f}[data-theme=light] .tag-ui{background:#2563eb1a;color:#1d4ed8}[data-theme=light] .hero-featured-tag{background:#2563eb;color:#fff}[data-theme=light] .view-all{color:#2563eb}[data-theme=light] .section-title:before{background:#2563eb}[data-theme=light] .topic-chip{background:#f1f5f9;border-color:#cbd5e1;color:#475569}[data-theme=light] .topic-chip:hover{background:#2563eb;color:#fff;border-color:#2563eb}[data-theme=light] .post-footer-tag{background:#f1f5f9;border-color:#cbd5e1;color:#475569}[data-theme=light] .share-btn{background:#f1f5f9;border-color:#cbd5e1;color:#334155}[data-theme=light] .share-btn:hover{background:#2563eb;color:#fff;border-color:#2563eb}[data-theme=light] .social-icon{background:#f1f5f9;border-color:#cbd5e1}[data-theme=light] .social-icon:hover{border-color:#2563eb}[data-theme=light] .post-title,[data-theme=light] .post-card-title a,[data-theme=light] .compact-title a,[data-theme=light] .related-title a,[data-theme=light] .trending-title a{color:#0f172a}[data-theme=light] .post-card-title a:hover,[data-theme=light] .compact-title a:hover,[data-theme=light] .related-title a:hover,[data-theme=light] .trending-title a:hover{color:#2563eb}.theme-toggle-btn{background:var(--surface2);border:1px solid var(--border);color:var(--text);width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer;transition:all .2s;flex-shrink:0}.theme-toggle-btn:hover{background:var(--surface);transform:rotate(15deg);border-color:var(--accent)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6,.post-title,.logo,nav,.header-cta,button,.share-btn,.tag,.post-tags .tag,.callout-head,.related-title,.resource-name,.compact-title,.breadcrumb,.author-name,.author-role,.meta-item,.cat-tab,.filter-pill{font-family:var(--font-display)}p,ul,ol,li,article,.article-body,.article-body p,.article-body li,input,textarea,select,.newsletter-input{font-family:var(--font-body)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}ul{list-style:none}.container{max-width:1200px;margin:0 auto;padding:0 24px}.grid-main{display:grid;grid-template-columns:1fr 320px;gap:48px;align-items:start}.post-layout{display:grid;grid-template-columns:1fr 300px;gap:48px;align-items:start;padding:48px 0 80px}header{position:sticky;top:0;z-index:100;background:var(--header-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:64px;gap:24px}.logo{font-family:var(--font-display);font-size:22px;font-weight:800;letter-spacing:-.5px;display:flex;align-items:center;gap:8px}.logo-dot{width:10px;height:10px;border-radius:50%;background:var(--accent);display:inline-block;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.7}}nav{display:flex;align-items:center;gap:4px}nav a{font-size:14px;font-weight:500;color:var(--muted);padding:6px 14px;border-radius:6px;transition:color .2s,background .2s}nav a:hover,nav a.active{color:var(--text);background:var(--surface2)}.header-cta{background:var(--header-cta-bg);color:var(--header-cta-text);font-size:13px;font-weight:700;padding:8px 18px;border-radius:6px;transition:opacity .2s;white-space:nowrap}.header-cta:hover{opacity:.85}.mobile-menu-btn{display:none;background:transparent;border:1px solid var(--border);color:var(--text);font-size:20px;padding:6px 12px;border-radius:6px;cursor:pointer}.mobile-nav-overlay{display:none;position:absolute;top:64px;left:0;width:100%;background:var(--surface);border-bottom:1px solid var(--border);padding:16px 24px;flex-direction:column;gap:12px;box-shadow:0 10px 30px #00000080}.mobile-nav-overlay.open{display:flex}.mobile-nav-overlay a{font-size:15px;font-weight:600;color:var(--text);padding:8px 12px;border-radius:6px;background:var(--surface2)}.ad-leaderboard{background:var(--surface);border-bottom:1px solid var(--border);text-align:center;padding:12px 24px}.ad-label{font-size:10px;color:var(--muted);letter-spacing:1px;text-transform:uppercase;margin-bottom:6px}.ad-slot{background:var(--surface2);border:1px dashed var(--border);border-radius:var(--r);display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:13px;font-family:var(--font-display)}.ad-slot-leaderboard{width:728px;height:90px;margin:0 auto;max-width:100%}.ad-slot-rectangle,.ad-slot-rectangle-sm{width:300px;height:250px}.ad-slot-banner{width:100%;height:90px}.ad-slot-skyscraper{width:160px;height:600px}.ad-slot-inline{width:100%;height:90px}.in-feed-ad{grid-column:1 / -1;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:16px;text-align:center}.in-article-ad{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:16px;text-align:center;margin:40px 0}.ad-mid{padding:40px 0;text-align:center}.hero{padding:64px 0 40px;position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;background:var(--surface2);border:1px solid var(--border);border-radius:100px;padding:4px 14px 4px 8px;font-size:12px;color:var(--accent);font-weight:600;margin-bottom:20px}.hero-eyebrow-dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}.hero h1{font-family:var(--font-display);font-size:clamp(36px,5vw,58px);font-weight:800;line-height:1.08;letter-spacing:-1.5px;margin-bottom:20px}.hero h1 em{font-style:normal;background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero p{font-size:17px;color:var(--muted);max-width:480px;margin-bottom:32px}.subscribe-form{display:flex;gap:10px;max-width:400px}.subscribe-form input{flex:1;background:var(--surface2);border:1px solid var(--border);border-radius:var(--r);padding:12px 16px;color:var(--text);font-family:var(--font-body);font-size:14px;outline:none;transition:border-color .2s}.subscribe-form input:focus{border-color:var(--accent)}.subscribe-form input::placeholder{color:var(--muted)}.subscribe-form button{background:var(--accent);color:var(--accent-text);border:none;border-radius:var(--r);padding:12px 20px;font-weight:700;font-size:14px;cursor:pointer;font-family:var(--font-body);transition:opacity .2s;white-space:nowrap}.subscribe-form button:hover{opacity:.85}.hero-stats{display:flex;gap:32px;margin-top:32px}.stat-num{font-family:var(--font-display);font-size:28px;font-weight:800;color:var(--text)}.stat-label{font-size:12px;color:var(--muted);margin-top:2px}.hero-featured{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;position:relative}.hero-featured-img{width:100%;height:260px;object-fit:cover;background:linear-gradient(135deg,#1c1c40,#2a1a40,#1a2a1a);display:flex;align-items:center;justify-content:center;font-size:80px}.hero-featured-body{padding:24px}.hero-featured-tag{display:inline-block;background:var(--accent3);color:#fff;font-size:11px;font-weight:700;padding:3px 10px;border-radius:100px;margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.hero-featured-title{font-family:var(--font-display);font-size:20px;font-weight:700;line-height:1.3;margin-bottom:8px}.hero-featured-title a:hover{color:var(--accent)}.hero-featured-meta{font-size:12px;color:var(--muted)}.categories{position:sticky;top:64px;z-index:90;background:#0c0c0eeb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);padding:12px 0;transition:background .2s,border-color .2s}[data-theme=light] .categories{background:#f8fafceb}.categories-scroll{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.categories-scroll::-webkit-scrollbar{display:none}.cat-pill{background:var(--surface);border:1px solid var(--border);color:var(--muted);font-size:13px;font-weight:600;padding:7px 16px;border-radius:100px;white-space:nowrap;cursor:pointer;transition:all .2s}.cat-pill:hover,.cat-pill.active{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.ticker{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:8px 16px;display:flex;align-items:center;gap:16px;overflow:hidden;margin:32px 0 0;position:relative}.ticker-label{font-size:11px;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:1px;white-space:nowrap;background:var(--surface2);border:1px solid var(--border);padding:6px 12px;border-radius:6px;flex-shrink:0;z-index:2}.ticker-track-wrap{flex:1;overflow:hidden;position:relative;mask-image:linear-gradient(to right,transparent,black 16px,black calc(100% - 16px),transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 16px,black calc(100% - 16px),transparent)}.ticker-track{display:flex;gap:48px;animation:ticker 28s linear infinite;white-space:nowrap;width:max-content}.ticker-item{font-size:13px;color:var(--muted)}.ticker-item span{color:var(--text);font-weight:600}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.main-section{padding:48px 0 80px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.section-title{font-family:var(--font-display);font-size:22px;font-weight:800;display:flex;align-items:center;gap:10px}.section-title:before{content:"";width:4px;height:22px;background:var(--accent);border-radius:2px}.view-all{font-size:13px;color:var(--accent);font-weight:600}.view-all:hover{text-decoration:underline}.posts-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.post-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;transition:border-color .25s,transform .25s,opacity .3s ease;display:flex;flex-direction:column}.post-card:hover{border-color:var(--accent3);transform:translateY(-3px)}.post-card-thumb{width:100%;height:200px;overflow:hidden;position:relative}.post-card-thumb-inner{width:100%;height:100%;object-fit:cover;display:flex;align-items:center;justify-content:center;font-size:56px;transition:transform .4s}.post-card:hover .post-card-thumb-inner{transform:scale(1.05)}.thumb-1{background:linear-gradient(135deg,#1a1a4a,#3a1a6a)}.thumb-2{background:linear-gradient(135deg,#1a3a1a,#3a5a1a)}.thumb-3{background:linear-gradient(135deg,#4a1a1a,#6a2a1a)}.thumb-4{background:linear-gradient(135deg,#1a3a4a,#1a1a5a)}.thumb-5{background:linear-gradient(135deg,#3a1a4a,#1a1a3a)}.thumb-6{background:linear-gradient(135deg,#1a2a1a,#2a4a2a)}.thumb-7{background:linear-gradient(135deg,#2a1a3a,#4a1a4a)}.thumb-8{background:linear-gradient(135deg,#1a3a3a,#1a2a4a)}.post-card-body{padding:20px;flex:1;display:flex;flex-direction:column}.post-tags{display:flex;gap:6px;margin-bottom:10px;flex-wrap:wrap}.tag{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:3px 9px;border-radius:100px}.tag-ux{background:#7c5cfc33;color:#a98eff}.tag-ui{background:#e8ff471f;color:var(--accent)}.tag-trend{background:#ff6b3526;color:#ff8f6a}.tag-figma{background:#1abc9c26;color:#1abc9c}.tag-ai{background:#3498db26;color:#5dade2}.tag-research{background:#f1c40f26;color:#f4d03f}.tag-system{background:#e67e2226;color:#e59866}.tag-motion{background:#bd10e026;color:#d7bde2}.post-card-title{font-family:var(--font-display);font-size:17px;font-weight:700;line-height:1.35;margin-bottom:10px;flex:1}.post-card-title a:hover{color:var(--accent)}.post-card-excerpt{font-size:13px;color:var(--muted);line-height:1.6;margin-bottom:16px}.post-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid var(--border)}.author-chip{display:flex;align-items:center;gap:8px}.author-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;border:1px solid var(--border);flex-shrink:0}.author-name{font-size:12px;font-weight:600;color:var(--text)}.post-date,.read-time{font-size:11px;color:var(--muted)}.post-card-wide{grid-column:1 / -1;display:grid;grid-template-columns:360px 1fr}.post-card-wide .post-card-thumb{height:auto;min-height:220px}.post-card-wide .post-card-thumb-inner{height:100%}.post-card-wide .post-card-title{font-size:22px}.sidebar{display:flex;flex-direction:column;gap:28px}.sidebar-widget{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}.widget-header{padding:16px 20px;border-bottom:1px solid var(--border);font-family:var(--font-display);font-size:15px;font-weight:700;display:flex;align-items:center;gap:8px}.widget-header-icon{font-size:16px}.widget-body{padding:16px 20px}.trending-list{display:flex;flex-direction:column;gap:16px}.trending-item{display:flex;align-items:flex-start;gap:12px}.trending-num{font-family:var(--font-display);font-size:24px;font-weight:800;color:var(--border);line-height:1;flex-shrink:0;width:28px}.trending-title{font-size:13px;font-weight:600;line-height:1.4}.trending-title a:hover{color:var(--accent)}.trending-meta{font-size:11px;color:var(--muted);margin-top:3px}.newsletter-widget{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}.newsletter-widget .widget-body{padding:24px}.newsletter-heading{font-family:var(--font-display);font-size:18px;font-weight:800;margin-bottom:8px;line-height:1.3;color:var(--text);display:flex;align-items:center;gap:8px}.newsletter-sub{font-size:13.5px;color:var(--muted);margin-bottom:18px;line-height:1.5}.newsletter-form{display:flex;flex-direction:column;gap:10px}.newsletter-form input{background:var(--surface2);border:1px solid var(--border);border-radius:var(--r);padding:12px 14px;color:var(--text);font-family:var(--font-body);font-size:13.5px;outline:none;width:100%;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}.newsletter-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2563eb26}.newsletter-form button{background:var(--accent);color:var(--accent-text);border:none;border-radius:var(--r);padding:12px;font-weight:700;font-size:14px;cursor:pointer;font-family:var(--font-display);transition:opacity .2s,transform .2s;width:100%}.newsletter-form button:hover{opacity:.92;transform:translateY(-1px)}.newsletter-note{font-size:11.5px;color:var(--muted);margin-top:10px;text-align:center}.topics-cloud{display:flex;flex-wrap:wrap;gap:8px}.topic-chip{background:var(--tag-bg);border:1px solid var(--border);color:var(--muted);font-size:12px;font-weight:500;padding:5px 12px;border-radius:100px;transition:all .2s;cursor:pointer}.topic-chip:hover{background:var(--surface2);color:var(--text);border-color:var(--accent3)}.tools-list{display:flex;flex-direction:column;gap:12px}.tool-item{display:flex;align-items:center;gap:12px;padding:10px;border-radius:var(--r);background:var(--surface2);border:1px solid transparent;transition:border-color .2s}.tool-item:hover{border-color:var(--border)}.tool-icon{font-size:24px;flex-shrink:0}.tool-name{font-size:13px;font-weight:600}.tool-desc{font-size:11px;color:var(--muted)}.tool-badge{margin-left:auto;font-size:10px;font-weight:700;padding:2px 8px;border-radius:100px}.badge-hot{background:#ff6b3533;color:var(--accent2)}.badge-new{background:#e8ff471f;color:var(--accent)}.sidebar-ad-sticky,.sticky-sidebar{position:sticky;top:80px}.resources-strip{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:40px 0}.resources-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.resource-card{background:var(--surface2);border:1px solid var(--border);border-radius:var(--r-lg);padding:24px 20px;text-align:center;transition:border-color .2s,transform .2s;cursor:pointer}.resource-card:hover{border-color:var(--accent3);transform:translateY(-3px)}.resource-icon{font-size:36px;margin-bottom:12px}.resource-name{font-family:var(--font-display);font-size:15px;font-weight:700;margin-bottom:6px}.resource-desc{font-size:12px;color:var(--muted)}.more-posts{padding:0 0 80px}.more-posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.post-card-compact{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;transition:border-color .25s,transform .25s,opacity .3s ease}.post-card-compact:hover{border-color:var(--accent3);transform:translateY(-3px)}.compact-thumb{height:160px;display:flex;align-items:center;justify-content:center;font-size:48px}.compact-body{padding:16px}.compact-title{font-family:var(--font-display);font-size:15px;font-weight:700;line-height:1.35;margin-bottom:8px}.compact-title a:hover{color:var(--accent)}.compact-meta{font-size:11px;color:var(--muted);display:flex;gap:8px}.load-more-wrap{text-align:center;margin-top:40px}.load-more-btn{background:var(--surface2);border:1px solid var(--border);color:var(--text);font-family:var(--font-display);font-size:14px;font-weight:700;padding:14px 36px;border-radius:var(--r);cursor:pointer;transition:all .2s}.load-more-btn:hover{border-color:var(--accent);color:var(--accent)}.breadcrumb{padding:20px 0 0;display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}.breadcrumb a:hover{color:var(--accent)}.breadcrumb-sep{color:var(--border)}.post-hero{padding:32px 0 40px}.post-title{font-family:var(--font-display);font-size:clamp(28px,4vw,46px);font-weight:800;line-height:1.1;letter-spacing:-1px;margin-bottom:20px}.post-meta-bar{display:flex;align-items:center;gap:20px;padding:16px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:32px;flex-wrap:wrap}.author-role{font-size:12px;color:var(--muted)}.meta-divider{width:1px;height:32px;background:var(--border)}.meta-item{font-size:13px;color:var(--muted)}.meta-item strong{color:var(--text)}.share-bar{margin-left:auto;display:flex;gap:8px}.share-btn{background:var(--surface2);border:1px solid var(--border);color:var(--muted);font-size:12px;font-weight:600;padding:6px 12px;border-radius:6px;cursor:pointer;transition:all .2s}.share-btn:hover{border-color:var(--accent);color:var(--accent)}.post-cover{width:100%;max-height:440px;border-radius:var(--r-lg);display:block;object-fit:cover;margin-bottom:40px;border:1px solid var(--border)}.post-card-thumb-inner img,.compact-thumb img,.hero-featured-img img,.related-thumb img{width:100%;height:100%;object-fit:cover;display:block}.article-body{font-size:17px;line-height:1.8;color:var(--text-body)}.article-body h2{font-family:var(--font-display);font-size:26px;font-weight:800;color:var(--text);margin:40px 0 16px;letter-spacing:-.5px}.article-body h3{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--text);margin:32px 0 12px}.article-body p{margin-bottom:20px;color:var(--text-body)}.article-body strong{color:var(--text);font-weight:700}.article-body em{font-style:italic;color:var(--text-body);opacity:.9}.article-body ul,.article-body ol{padding-left:24px;margin-bottom:20px;color:var(--text-body)}.article-body li{margin-bottom:8px;color:var(--text-body)}.article-body blockquote{background:var(--surface2);border-left:3px solid var(--accent);border-radius:0 var(--r) var(--r) 0;padding:20px 24px;margin:32px 0;font-style:italic;color:var(--text-body)}.article-body blockquote strong{color:var(--text);font-style:normal}.callout{background:var(--surface2);border:1px solid var(--border);border-radius:var(--r-lg);padding:20px 24px;margin:32px 0;color:var(--text-body)}.callout-head{font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--accent);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.post-footer{margin-top:48px;padding-top:32px;border-top:1px solid var(--border)}.post-footer-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.post-footer-tag{background:var(--surface2);border:1px solid var(--border);color:var(--muted);font-size:12px;padding:5px 14px;border-radius:100px}.related-posts{margin-top:48px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:24px}.related-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;transition:border-color .2s,transform .2s}.related-card:hover{border-color:var(--accent3);transform:translateY(-3px)}.related-thumb{height:130px;display:flex;align-items:center;justify-content:center;font-size:40px}.related-body{padding:14px}.related-title{font-family:var(--font-display);font-size:14px;font-weight:700;line-height:1.3;margin-bottom:6px}.related-title a:hover{color:var(--accent)}.related-meta{font-size:11px;color:var(--muted)}.toc-list{display:flex;flex-direction:column;gap:2px}.toc-item{font-size:13px;padding:8px 10px;border-radius:6px;color:var(--muted);cursor:pointer;transition:all .2s;border-left:2px solid transparent}.toc-item:hover,.toc-item.active{color:var(--text);background:var(--surface2);border-left-color:var(--accent)}.progress-bar{height:3px;background:var(--border);border-radius:2px;margin-bottom:12px}.progress-fill{height:100%;background:var(--accent);border-radius:2px;width:0%;transition:width .2s}footer{background:var(--surface);border-top:1px solid var(--border)}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;padding:56px 0 40px}.footer-brand-name{font-family:var(--font-display);font-size:20px;font-weight:800;margin-bottom:12px;display:flex;align-items:center;gap:8px}.footer-about{font-size:13px;color:var(--muted);line-height:1.7;margin-bottom:20px}.footer-socials{display:flex;gap:12px}.social-icon{width:38px;height:38px;border-radius:8px;background:var(--surface2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--muted);transition:all .2s}.social-icon:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.social-icon svg{width:18px;height:18px;display:block}.footer-col-title{font-family:var(--font-display);font-size:14px;font-weight:700;margin-bottom:16px;color:var(--text)}.footer-links{display:flex;flex-direction:column;gap:10px}.footer-links a{font-size:13px;color:var(--muted);transition:color .2s}.footer-links a:hover{color:var(--text)}.footer-bottom{border-top:1px solid var(--border);padding:20px 0;display:flex;align-items:center;justify-content:space-between}.footer-copy{font-size:12px;color:var(--muted)}.footer-legal{display:flex;gap:20px}.footer-legal a{font-size:12px;color:var(--muted);transition:color .2s}.footer-legal a:hover{color:var(--text)}.footer-inner{padding:32px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(80px);background:var(--accent);color:var(--accent-text);font-family:var(--font-display);font-size:14px;font-weight:700;padding:14px 28px;border-radius:100px;box-shadow:0 8px 32px #0006;transition:transform .4s cubic-bezier(.34,1.56,.64,1);z-index:999;white-space:nowrap}.toast.show{transform:translate(-50%) translateY(0)}.fade-in{opacity:0;transform:translateY(20px);animation:fadeIn .6s ease forwards}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.tools-hero{padding:60px 0 30px;text-align:center;max-width:800px;margin:0 auto}.tools-hero h1{font-family:var(--font-display);font-size:clamp(32px,5vw,48px);font-weight:800;line-height:1.15;letter-spacing:-1px;margin-bottom:16px}.tools-hero p{font-size:17px;color:var(--muted);line-height:1.6;margin-bottom:32px}.tools-search-wrap{position:relative;max-width:540px;margin:0 auto 24px}.tools-search-input{width:100%;padding:16px 20px 16px 48px;background:var(--surface);border:1px solid var(--border);border-radius:100px;color:var(--text);font-size:15px;font-family:var(--font-body);transition:border-color .2s,box-shadow .2s;outline:none}.tools-search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #e8ff4726}.tools-search-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:18px;pointer-events:none}.tools-subnav-sticky{position:sticky;top:64px;z-index:90;background:#0c0c0ef2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);padding:12px 0;margin-bottom:40px}.tools-subnav-inner{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.tools-subnav-inner::-webkit-scrollbar{display:none}.tools-nav-pill{padding:8px 16px;border-radius:100px;font-size:13px;font-weight:600;background:var(--surface);border:1px solid var(--border);color:var(--muted);white-space:nowrap;cursor:pointer;transition:all .2s;text-decoration:none}.tools-nav-pill:hover,.tools-nav-pill.active{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.tools-section{margin-bottom:56px}.tools-section-title{font-family:var(--font-display);font-size:24px;font-weight:800;margin-bottom:20px;display:flex;align-items:center;gap:10px}.tools-section-badge{font-size:12px;padding:2px 10px;border-radius:100px;background:var(--surface2);color:var(--muted);font-weight:600}.tools-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.tool-item-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;position:relative;text-decoration:none;color:var(--text)}.tool-item-card:hover{transform:translateY(-4px);border-color:#e8ff4766;box-shadow:0 12px 30px #0006}.tool-card-top{display:flex;align-items:flex-start;gap:14px;margin-bottom:12px}.tool-card-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;background:var(--surface2);border:1px solid var(--border)}.tool-card-info{flex:1}.tool-card-name{font-family:var(--font-display);font-size:17px;font-weight:700;display:flex;align-items:center;gap:6px}.tool-card-name span.arrow{font-size:12px;opacity:0;transform:translate(-4px);transition:all .2s}.tool-item-card:hover .tool-card-name span.arrow{opacity:1;transform:translate(0)}.tool-card-desc{color:var(--muted);font-size:13.5px;line-height:1.5;margin-bottom:16px;flex:1}.tool-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid rgba(255,255,255,.05)}.tool-pricing-tag{font-size:11px;font-weight:700;padding:3px 9px;border-radius:100px;letter-spacing:.3px;text-transform:uppercase}.tag-free{background:#bbff8526;color:#9be868;border:1px solid rgba(187,255,133,.25)}.tag-freemium{background:#f9f87126;color:#f2e260;border:1px solid rgba(249,248,113,.25)}.tag-paid{background:#ff6b3526;color:#ff8c5a;border:1px solid rgba(255,107,53,.25)}.tag-partner{background:#7c5cfc26;color:#b49eff;border:1px solid rgba(124,92,252,.25)}.is-hidden{display:none!important}@media(max-width:1024px){.grid-main{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:1fr 1fr}.sidebar-ad-sticky{position:static}.resources-grid{grid-template-columns:repeat(2,1fr)}.footer-top{grid-template-columns:1fr 1fr;gap:32px}}@media(max-width:900px){.post-layout{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:1fr}.related-grid{grid-template-columns:1fr}}@media(max-width:768px){.hero-grid,.posts-grid,.post-card-wide,.more-posts-grid,.sidebar{grid-template-columns:1fr}nav{display:none}.mobile-menu-btn{display:block}.resources-grid{grid-template-columns:1fr 1fr}.footer-top{grid-template-columns:1fr}.ad-slot-leaderboard{width:100%}.hero-stats{gap:20px}.footer-bottom{flex-direction:column;gap:12px}}@media(max-width:600px){.post-cover{height:200px;font-size:60px}.share-bar{margin-left:0;width:100%}}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{width:100%;max-width:100vw;overflow-x:hidden}a,button,input,textarea,select{touch-action:manipulation}input,textarea,select{font-size:16px!important}.container{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}header{padding-top:max(16px,env(safe-area-inset-top))}.mobile-nav-overlay{height:100vh;height:100dvh;padding-top:max(80px,calc(env(safe-area-inset-top) + 60px));padding-bottom:max(32px,calc(env(safe-area-inset-bottom) + 20px));padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right))}.article-body pre{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:12px;padding:16px}.article-body table{display:block;width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.article-body img{max-width:100%;height:auto;border-radius:12px}@media(max-width:768px){.post-title{font-size:clamp(26px,6.5vw,36px);line-height:1.2}.post-meta-bar{flex-direction:column;align-items:flex-start;gap:12px}.share-bar{width:100%;justify-content:flex-start}.post-cover{height:180px;font-size:48px}}@media(max-width:480px){.hero-eyebrow{font-size:11px}.hero-h1{font-size:clamp(24px,7.5vw,32px)}.newsletter-form{flex-direction:column;width:100%}.newsletter-form input,.newsletter-form button{width:100%}.categories-scroll{gap:6px}.cat-pill{padding:6px 12px;font-size:12px}}