:root{--color-bg: #f2f4f8;--color-surface: #ffffff;--color-text: #1a1d2e;--color-text-muted: #5c6178;--color-accent: #2563eb;--color-accent-hover: #1d4ed8;--color-accent-soft: rgba(37, 99, 235, .12);--color-border: #e2e6ef;--color-border-hover: #c8d0e0;--color-success: #059669;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Plus Jakarta Sans", var(--font-sans);--radius: 10px;--radius-lg: 14px;--shadow-sm: 0 1px 3px rgba(26, 29, 46, .06);--shadow-md: 0 4px 14px rgba(26, 29, 46, .08);--shadow-lg: 0 12px 40px rgba(26, 29, 46, .1);--transition: .2s ease;--gradient-text: linear-gradient(135deg, #1a1d2e 0%, #374151 100%)}*{box-sizing:border-box}html{font-size:18px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;font-family:var(--font-sans);font-weight:400;color:var(--color-text);background:var(--color-bg);background-image:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(37,99,235,.08),transparent),radial-gradient(circle at 1px 1px,rgba(26,29,46,.04) 1px,transparent 0);background-size:100% 100%,28px 28px;line-height:1.6;min-height:100vh;display:flex;flex-direction:column}main{flex:1;max-width:720px;margin:0 auto;padding:0 1.5rem 4rem;width:100%}.header{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-border);background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:sticky;top:0;z-index:200;box-shadow:0 1px #00000008}.nav-toggle-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.nav-toggle-btn,.nav-overlay{display:none}.header-bar{display:flex;align-items:center;flex-shrink:0}.nav-drawer{display:flex;align-items:center;flex:1;min-width:0}.nav{display:flex;align-items:center;gap:1.75rem;flex-shrink:0;width:100%;justify-content:space-between}.nav-center{display:flex;align-items:center;justify-content:center;gap:1.75rem;flex:1}.logo{font-family:var(--font-display);font-size:1.2rem;font-weight:700;color:var(--color-text);text-decoration:none;letter-spacing:-.03em;flex-shrink:0;white-space:nowrap}.logo:hover{color:var(--color-accent)}.nav>a,.nav-center>a{font-size:.9rem;font-weight:500;color:var(--color-text-muted);text-decoration:none;transition:color var(--transition)}.nav>a:hover,.nav-center>a:hover{color:var(--color-text)}.nav-cta{color:#fff!important;background:var(--color-accent);padding:.5rem 1rem;border:none;border-radius:var(--radius)}.nav-cta:hover{background:var(--color-accent-hover);color:#fff!important}.nav-dropdown{position:relative}.nav-dropdown>a{font-size:.9rem;font-weight:500;color:var(--color-text-muted);text-decoration:none;transition:color var(--transition);display:flex;align-items:center;gap:.3rem;padding:.25rem 0}.nav-dropdown>a:after{content:"▾";font-size:.75rem}.nav-dropdown>a:hover{color:var(--color-text)}.dropdown-menu{display:none;position:absolute;top:100%;left:0;margin-top:0;padding-top:.35rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:.35rem 0 .5rem;min-width:230px;box-shadow:var(--shadow-lg);z-index:300}.nav-dropdown:hover .dropdown-menu{display:block}.dropdown-menu a{display:block;padding:.6rem 1.25rem;font-size:.875rem;color:var(--color-text-muted);text-decoration:none;transition:background var(--transition),color var(--transition);white-space:nowrap}.dropdown-menu a:hover{background:var(--color-bg);color:var(--color-text);text-decoration:none}@media (max-width: 768px){html{font-size:16px}body{overflow-x:hidden}.header{padding:.5rem 1rem;gap:0}.header-bar{flex:1;justify-content:space-between;min-height:44px}.nav-toggle-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin:-.25rem -.25rem -.25rem 0;padding:0;background:none;border:none;border-radius:var(--radius);cursor:pointer;color:var(--color-text);-webkit-tap-highlight-color:transparent}.nav-toggle-btn:hover{background:var(--color-bg);color:var(--color-accent)}.nav-toggle-icon{display:block;width:22px;height:2px;background:currentColor;border-radius:1px;box-shadow:0 6px 0 currentColor,0 12px 0 currentColor}.nav-overlay{display:none;position:fixed;inset:0;background:#1a1d2e66;z-index:201;-webkit-tap-highlight-color:transparent}#nav-toggle:checked~.nav-overlay{display:block}.nav-drawer{position:fixed;top:0;right:0;bottom:0;width:min(280px,85vw);max-width:280px;background:var(--color-surface);box-shadow:-4px 0 24px #1a1d2e1f;z-index:202;transform:translate(100%);transition:transform .25s ease;overflow-y:auto;-webkit-overflow-scrolling:touch}#nav-toggle:checked~.nav-drawer{transform:translate(0)}body:has(#nav-toggle:checked){overflow:hidden}.nav-drawer .nav{flex-direction:column;align-items:stretch;gap:0;padding:1.25rem 1rem 2rem}.nav-drawer .nav-center{flex:none;display:flex;flex-direction:column;align-items:stretch}.nav-drawer .nav>a,.nav-drawer .nav-center>a,.nav-drawer .nav-cta{padding:.75rem 1rem;min-height:48px;display:flex;align-items:center;border-radius:var(--radius)}.nav-drawer .nav>a:hover,.nav-drawer .nav-center>a:hover,.nav-drawer .nav-dropdown>a:hover{background:var(--color-bg)}.nav-drawer .nav-dropdown{width:100%}.nav-drawer .nav-dropdown>a{justify-content:flex-start;min-height:48px;padding:.75rem 1rem}.nav-drawer .dropdown-menu{position:static;box-shadow:none;border:none;padding:.25rem 0 .5rem .75rem;display:block;min-width:0;margin-top:0;background:transparent}.nav-drawer .dropdown-menu a{padding:.6rem 1rem;min-height:44px;display:flex;align-items:center}main{padding:0 1rem 3rem}.hero{padding:2rem 0 2.5rem}.hero h1{font-size:1.75rem}.hero p{font-size:1rem}.card{padding:1.25rem}.footer{padding:1.5rem 1rem}.footer-links{flex-wrap:wrap;justify-content:center;gap:1rem}.table-wrapper{margin-left:-1rem;margin-right:-1rem;padding:0 1rem}.post-hero-image,.post-image{margin-left:-1rem;margin-right:-1rem;width:calc(100% + 2rem);max-width:none;border-radius:0}}.footer{margin-top:auto;padding:2.5rem 1.5rem;border-top:1px solid var(--color-border);background:var(--color-surface);box-shadow:0 -1px #00000008}.footer-inner{max-width:720px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.footer p{margin:0;font-size:.85rem;color:var(--color-text-muted)}.footer-links{display:flex;gap:1.5rem}.footer-links a{font-size:.85rem;color:var(--color-text-muted);text-decoration:none}.footer-links a:hover{color:var(--color-accent)}h1,h2,h3{font-family:var(--font-display);font-weight:700;line-height:1.25;margin:0 0 1rem;color:var(--color-text)}h1{font-size:2.25rem;letter-spacing:-.04em}h2{font-size:1.5rem;margin-top:2.5rem}h3{font-size:1.2rem;margin-top:1.5rem}p{margin:0 0 1rem;color:var(--color-text-muted)}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}.btn{display:inline-block;font-family:var(--font-sans);font-size:1rem;font-weight:600;padding:.75rem 1.5rem;background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius);cursor:pointer;transition:background var(--transition),transform .15s ease}.btn:hover{background:var(--color-accent-hover);transform:translateY(-1px)}input[type=email],input[type=text]{font-family:var(--font-sans);font-size:1rem;padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);width:100%;max-width:400px}input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem;color:var(--color-text)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1.5rem;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition),transform var(--transition),border-color var(--transition)}.card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-hover)}.hero{padding:3.5rem 0 3rem;text-align:center}.hero h1{margin-bottom:1rem;font-size:2.5rem;letter-spacing:-.04em;background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero p{font-size:1.15rem;max-width:540px;margin:0 auto 1.75rem;line-height:1.65}.resource-section{margin-bottom:2rem}.subscribe-form-wrapper{max-width:420px;margin:0 auto 3rem}.subscribe-form{margin-bottom:1rem}.form-note{font-size:.9rem;color:var(--color-text-muted)}.blog-category{margin-bottom:2.5rem}.blog-category:last-child{margin-bottom:0}.category-empty{color:var(--color-text-muted);font-style:italic}.post-list{margin-top:1rem}.post-card{display:block;text-decoration:none;color:inherit}.post-card h3{margin-top:0;color:var(--color-text)}.post-card:hover{border-color:var(--color-accent)}.post-date{font-size:.85rem;color:var(--color-text-muted)}.blog-post .post-header{margin-bottom:2.5rem}.back-link{display:inline-block;font-size:.9rem;margin-bottom:1rem;color:var(--color-text-muted)}.back-link:hover{color:var(--color-accent)}.lead{font-size:1.15rem;color:var(--color-text-muted);margin-top:.5rem}.blog-post section{margin-bottom:2.5rem;text-align:justify}.blog-post section h2{margin-top:0;margin-bottom:1rem;padding-bottom:.35rem;border-bottom:1px solid var(--color-border)}.blog-post section h3{margin-top:1.5rem;margin-bottom:.5rem;font-size:1.05rem}.blog-post section h3:first-of-type{margin-top:1rem}.blog-post figure{margin:1.5rem 0}.blog-post figcaption{margin-top:.5rem;font-size:.8rem;color:var(--color-text-muted);text-align:left}.blog-post figcaption a{color:var(--color-accent);text-decoration:none}.blog-post figcaption a:hover{text-decoration:underline}.blog-post ul{margin:0 0 1rem;padding-left:1.5rem;color:var(--color-text-muted)}.blog-post li{margin-bottom:.5rem}.comparison-card{margin-bottom:1.25rem}.comparison-card:last-child{margin-bottom:0}.comparison-card h3{margin-top:0;margin-bottom:.75rem;font-size:1.1rem}.comparison-card p{margin:0 0 .75rem}.comparison-card p:last-child{margin-bottom:0}.table-wrapper{overflow-x:auto;margin:1.5rem 0}table{width:100%;border-collapse:collapse;font-size:.95rem}th,td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--color-border)}th{font-weight:600;color:var(--color-text)}td{color:var(--color-text-muted)}.post-footer{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--color-border)}.post-footer p{font-size:.9rem;font-style:italic}.post-hero-image,.post-image{width:100%;height:auto;border-radius:var(--radius-lg);display:block}.blog-post .post-header figure{margin-top:1.5rem;margin-bottom:0}.post-hero-image{margin-top:0;box-shadow:var(--shadow-md)}.blog-post .steps-block{margin-top:1rem}.post-image{max-width:600px;margin:1.5rem 0;box-shadow:var(--shadow-sm)}