*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#172033;background:#fff;line-height:1.65}.container{width:min(1120px,92%);margin:auto}.narrow{max-width:800px}.site-header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-bottom:1px solid #e8ebf0}.nav-wrap{height:72px;display:flex;align-items:center;justify-content:space-between}.logo{font-size:21px;font-weight:800;text-decoration:none;color:#172033;letter-spacing:-.5px}.logo span{color:#4f46e5}.nav{display:flex;gap:28px}.nav a{color:#5c6575;text-decoration:none;font-size:14px;font-weight:600}.nav a:hover,.nav a.active{color:#4f46e5}.menu-btn{display:none;border:0;background:none;font-size:26px}.hero{padding:90px 0;background:linear-gradient(135deg,#f7f8ff,#fff)}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:800;color:#4f46e5;margin-bottom:12px}.hero h1{font-size:clamp(42px,6vw,68px);line-height:1.06;letter-spacing:-2.5px;max-width:760px}.hero-text{font-size:18px;color:#667085;max-width:650px;margin:24px 0 30px}.hero-actions{display:flex;gap:12px}.btn{display:inline-block;padding:12px 20px;border-radius:10px;text-decoration:none;font-weight:700;border:1px solid transparent;cursor:pointer;font-size:14px}.primary{background:#4f46e5;color:#fff}.primary:hover{background:#4338ca}.secondary{border-color:#d9dce4;color:#283244;background:#fff}.hero-card{background:#171b2d;border-radius:20px;padding:24px;box-shadow:0 25px 60px rgba(31,35,56,.15)}.code-window{border:1px solid #353b55;border-radius:12px;padding:20px;min-height:260px}.dots{font-size:11px;letter-spacing:4px;color:#8891ad;margin-bottom:25px}.code-window pre{color:#d8ddff;font-size:16px;line-height:2}.section{padding:85px 0}.muted{background:#f7f8fb}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:35px}.section-heading h2{font-size:36px;letter-spacing:-1px}.section-heading>p{color:#6b7280;max-width:360px}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.category{padding:28px;background:#fff;border:1px solid #e6e9ef;border-radius:16px;text-decoration:none;color:inherit;transition:.2s}.category:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(20,30,60,.07)}.category span{font-size:28px}.category h3{margin:15px 0 6px}.category p,.article-body p{color:#697386;font-size:14px}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.article-card{background:#fff;border:1px solid #e4e7ed;border-radius:16px;overflow:hidden}.article-icon{height:145px;background:#eef0ff;display:grid;place-items:center;font-size:48px}.article-body{padding:24px}.tag{display:inline-block;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:#4f46e5;margin-bottom:8px}.article-body h3{font-size:21px;line-height:1.3;margin-bottom:10px}.article-body h3 a{color:#172033;text-decoration:none}.read-more{display:inline-block;margin-top:17px;color:#4f46e5;text-decoration:none;font-weight:700;font-size:14px}.newsletter{padding:65px 0}.newsletter-inner{background:#171b2d;color:#fff;border-radius:20px;padding:45px;display:flex;justify-content:space-between;align-items:center;gap:30px}.newsletter h2{font-size:30px;line-height:1.2;margin-bottom:8px}.newsletter p:not(.eyebrow){color:#bdc3d2}.footer{background:#101321;color:#aeb5c5;padding:55px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;padding-bottom:45px}.footer .logo{color:#fff}.footer h4{color:#fff;margin-bottom:12px}.footer a:not(.logo){display:block;color:#aeb5c5;text-decoration:none;margin:6px 0;font-size:14px}.copyright{border-top:1px solid #292e3e;padding-top:20px;font-size:13px}.page-hero{padding:75px 0;background:#f7f8fb}.page-hero h1{font-size:48px;line-height:1.15;letter-spacing:-1.5px;margin-bottom:15px}.page-hero p:not(.eyebrow){color:#697386;font-size:17px}.content-page h2{font-size:27px;margin:32px 0 10px}.content-page p{color:#4d5668;margin-bottom:14px}.content-page a{color:#4f46e5}.post{padding:75px 0 100px}.post-header{text-align:center;max-width:850px;margin:0 auto 45px}.post-header h1{font-size:clamp(38px,5vw,58px);line-height:1.1;letter-spacing:-2px}.post-meta{color:#788193;margin-top:15px}.post-content{max-width:760px;margin:auto}.post-content p{font-size:17px;color:#414b5d;margin:18px 0}.post-content h2{font-size:30px;margin-top:42px}.post-content table{width:100%;border-collapse:collapse;margin:25px 0}.post-content th,.post-content td{border:1px solid #dfe3ea;padding:12px;text-align:left}.post-content th{background:#f5f6f9}.note{background:#f1f2ff;border-left:4px solid #4f46e5;padding:18px;margin:28px 0;border-radius:5px}.contact-form{display:grid;gap:9px}.contact-form label{font-weight:700;margin-top:10px}.contact-form input,.contact-form textarea{font:inherit;border:1px solid #d7dbe4;border-radius:9px;padding:12px;outline:none}.contact-form input:focus,.contact-form textarea:focus{border-color:#4f46e5}.form-note{color:#7a8392;font-size:13px;margin-top:15px}@media(max-width:760px){.nav{display:none;position:absolute;left:4%;right:4%;top:65px;background:#fff;border:1px solid #e5e8ef;border-radius:12px;padding:15px;box-shadow:0 15px 35px rgba(0,0,0,.08)}.nav.open{display:flex;flex-direction:column;gap:14px}.menu-btn{display:block}.hero{padding:60px 0}.hero-grid{grid-template-columns:1fr;gap:35px}.hero h1{font-size:44px}.category-grid,.article-grid{grid-template-columns:1fr}.section-heading{display:block}.section-heading>p{margin-top:10px}.newsletter-inner{display:block;padding:30px}.newsletter .btn{margin-top:22px}.footer-grid{grid-template-columns:1fr 1fr}.page-hero h1{font-size:38px}.post{padding-top:55px}.post-content table{font-size:13px}}
.article-directory ol{display:grid;grid-template-columns:1fr 1fr;gap:12px 30px;padding-left:24px}.article-directory li{padding:12px 0;border-bottom:1px solid #e5e8ef}.article-directory a{color:#172033;text-decoration:none;font-weight:700}.article-directory a:hover{color:#4f46e5}@media(max-width:760px){.article-directory ol{grid-template-columns:1fr}}