@import url("https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600;700;900&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#ffffff;--bg-soft:#f7f6f2;--bg-card:#f2f0eb;--ink:#111110;--ink-mid:#3d3d38;--ink-muted:#888880;--accent:#b8e800;--accent-hover:#a2cf00;--accent-deep:#556b00;--border:#e2e0d8;--border-strong:#c8c6bc;--shadow-sm:0 1px 3px rgba(17,17,16,.06),0 1px 2px rgba(17,17,16,.04);--shadow-md:0 4px 16px rgba(17,17,16,.08),0 2px 4px rgba(17,17,16,.04);--font:"Jost",sans-serif}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.6;overflow-x:hidden}.nav{position:fixed;top:0;left:0;right:0;z-index:100;height:60px;background:rgba(255,255,255,.88);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(226,224,216,.7)}.nav-inner{max-width:1140px;margin:0 auto;height:100%;padding:0 48px;justify-content:space-between}.nav-inner,.nav-logo{display:flex;align-items:center}.nav-logo{font-size:20px;font-weight:800;letter-spacing:-.5px;text-decoration:none;color:var(--ink);gap:1px}.logo-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);display:inline-block;box-shadow:0 0 0 3px rgba(184,232,0,.2);margin-left:2px;flex-shrink:0}.nav-links{display:flex;align-items:center;gap:8px}.nav-link{font-size:14px;font-weight:500;color:var(--ink-mid);text-decoration:none;padding:6px 12px;border-radius:6px;transition:color .15s,background .15s}.nav-link:hover{color:var(--ink);background:var(--bg-card)}.nav-cta{display:inline-flex;align-items:center;gap:6px;background:var(--ink);color:#fff;font-size:13px;font-weight:700;font-family:var(--font);padding:8px 16px;border-radius:8px;text-decoration:none;transition:background .15s;white-space:nowrap}.nav-cta:hover{background:#2a2a28}.footer{background:var(--bg-soft);border-top:1px solid var(--border);padding:40px 48px;margin-top:80px}.footer-inner{max-width:1140px;margin:0 auto;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-inner,.footer-logo{display:flex;align-items:center}.footer-logo{font-size:17px;font-weight:800;color:var(--ink);text-decoration:none;gap:1px}.footer-links{display:flex;gap:20px}.footer-links a{font-size:13px;color:var(--ink-muted);text-decoration:none}.footer-links a:hover{color:var(--ink)}.footer-copy{font-size:12px;color:var(--ink-muted)}.blog-hero{padding:120px 48px 64px;background:var(--bg-soft);border-bottom:1px solid var(--border)}.blog-hero-inner{max-width:680px;margin:0 auto}.blog-label{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-deep);background:rgba(184,232,0,.15);padding:4px 10px;border-radius:99px;margin-bottom:16px}.blog-hero h1{font-size:clamp(32px,5vw,52px);font-weight:900;letter-spacing:-1.5px;line-height:1.1;color:var(--ink);margin-bottom:16px}.blog-hero p{font-size:18px;color:var(--ink-mid);line-height:1.55;max-width:540px}.blog-grid-wrap{max-width:1140px;margin:0 auto;padding:64px 48px 0}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:24px;gap:24px}.blog-card{background:var(--bg);border:1px solid var(--border);border-radius:14px;padding:28px;text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:12px;transition:border-color .15s,box-shadow .15s,transform .15s}.blog-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.card-category{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-deep);background:rgba(184,232,0,.15);padding:3px 8px;border-radius:99px}.card-date,.card-read{font-size:12px;color:var(--ink-muted)}.card-dot{color:var(--border-strong)}.blog-card h2{font-size:18px;font-weight:700;line-height:1.3;letter-spacing:-.3px;color:var(--ink)}.blog-card p{font-size:14px;color:var(--ink-mid);line-height:1.5;flex:1 1}.card-arrow{font-size:13px;font-weight:600;color:var(--accent-deep);margin-top:4px}.article-hero{padding:120px 48px 56px;background:var(--bg-soft);border-bottom:1px solid var(--border)}.article-hero-inner{max-width:720px;margin:0 auto}.article-meta{display:flex;align-items:center;gap:8px;margin-bottom:20px;flex-wrap:wrap}.article-hero h1{font-size:clamp(28px,4vw,44px);font-weight:900;letter-spacing:-1px;line-height:1.15;color:var(--ink);margin-bottom:16px}.article-desc{font-size:18px;color:var(--ink-mid);line-height:1.55}.article-body-wrap{max-width:720px;margin:0 auto;padding:56px 48px 0}.prose{font-size:17px;line-height:1.75;color:var(--ink-mid)}.prose p{margin-bottom:20px}.prose h2{font-size:24px;font-weight:800;letter-spacing:-.4px;color:var(--ink);margin:40px 0 16px;line-height:1.25}.prose h3{font-size:19px;font-weight:700;color:var(--ink);margin:28px 0 12px;line-height:1.3}.prose ul{margin:0 0 20px 24px;display:flex;flex-direction:column;gap:6px}.prose li{color:var(--ink-mid)}.prose strong{color:var(--ink);font-weight:700}.prose a{color:var(--accent-deep);text-decoration:underline}.article-cta{margin-top:56px;background:var(--bg-soft);border:1px solid var(--border);border-radius:16px;padding:36px 40px;text-align:center}.article-cta h3{font-size:22px;font-weight:800;letter-spacing:-.4px;color:var(--ink);margin-bottom:10px}.article-cta p{font-size:15px;color:var(--ink-mid);margin-bottom:24px;max-width:440px;margin-left:auto;margin-right:auto}.btn-cta{display:inline-flex;align-items:center;gap:8px;background:var(--ink);color:#fff;font-size:15px;font-weight:700;font-family:var(--font);padding:13px 28px;border-radius:10px;text-decoration:none;transition:background .15s}.btn-cta:hover{background:#2a2a28}@media (max-width:768px){.nav-inner{padding:0 20px}.nav-link{display:none}.blog-hero{padding:100px 20px 48px}.blog-grid-wrap{padding:40px 20px 0}.article-hero{padding:100px 20px 40px}.article-body-wrap{padding:40px 20px 0}.footer{padding:32px 20px}.footer-inner{flex-direction:column;gap:16px}.article-cta{padding:28px 24px}}