*{box-sizing:border-box}body{margin:0;background:#f6f8ff;color:#131a2e;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;line-height:1.6}
a{color:#3b4fd8}img,svg{max-width:100%;height:auto}.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:#fff;color:#000;padding:.5rem;z-index:9}
.wrap{max-width:72rem;margin:0 auto;padding:0 1rem}.btn{display:inline-block;background:#3b4fd8;color:#fff;padding:.7rem 1.1rem;border-radius:14px;text-decoration:none;border:0;cursor:pointer;font:inherit}.btn.secondary{background:transparent;color:#3b4fd8;border:2px solid #3b4fd8}
.grid{display:grid;gap:1rem;grid-template-columns:1fr}.card{background:#fff;border:1px solid #ddd6c8;border-radius:14px;padding:1rem}
table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:.6rem;border-bottom:1px solid #ddd6c8}
label{display:block;font-weight:600;margin:.8rem 0 .3rem}input,textarea,select{width:100%;padding:.65rem;border:1px solid #8a8a8a;border-radius:14px;font:inherit;background:#fff;color:#111}form{max-width:28rem}.error{background:#fdecec;border:1px solid #b3261e;color:#7a1410;padding:.75rem;border-radius:14px}.muted{opacity:.75}.mono{font-family:ui-monospace,Menlo,monospace}
nav.primary ul{list-style:none;margin:0;padding:0}.menu{display:none}.menu>summary{display:inline-block;cursor:pointer;list-style:none;background:#3b4fd8;color:#fff;padding:.55rem 1rem;border-radius:14px}
.site-footer{border-top:1px solid #ddd6c8;margin-top:3rem;padding:1.5rem 0;font-size:.9rem}.footgrid{display:grid;gap:1rem;grid-template-columns:1fr}.footgrid ul{list-style:none;padding:0;margin:.4rem 0}.footgrid a{text-decoration:none}
/* generic: classic B2B */
.p-generic .util{background:#131a2e;color:#fff;font-size:.85rem;padding:.4rem 0}.p-generic .site-header{background:#fff;border-bottom:3px solid #3b4fd8;padding:1rem 0}.p-generic .brand{font-size:1.4rem}.p-generic nav.primary ul{display:flex;flex-wrap:wrap;gap:1rem}.p-generic .logostrip{display:flex;flex-wrap:wrap;gap:1.5rem;opacity:.7;font-weight:700}.p-generic .ctaband{background:#3b4fd8;color:#fff;padding:1.5rem;border-radius:14px}
/* saas: modern sticky pill nav */
.p-saas .site-header{position:sticky;top:0;background:rgba(255,255,255,.95);border-bottom:1px solid #ddd6c8;padding:.7rem 0;z-index:5}.p-saas nav.primary ul{display:flex;gap:.4rem;flex-wrap:wrap}.p-saas nav.primary a{text-decoration:none;padding:.45rem .9rem;border-radius:999px;color:#131a2e}.p-saas nav.primary a:hover{background:#e8ebff}.p-saas .brand{text-decoration:none;color:#131a2e;font-weight:800}.p-saas .metrics{display:grid;grid-template-columns:1fr;gap:1rem;text-align:center}.p-saas .metric b{font-size:1.8rem;color:#3b4fd8}
/* devops: sidebar tool */
.p-devops .shell{display:block}.p-devops .sidebar{background:#0b0f16;padding:1rem}.p-devops .sidebar nav ul{list-style:none;padding:0}.p-devops .sidebar a{color:#3b4fd8;text-decoration:none;display:block;padding:.45rem 0}.p-devops .statusdot{color:#3b4fd8}
/* ailab: editorial lab */
.p-ailab .site-header{border-bottom:4px double #131a2e;padding:1.2rem 0;text-align:left}.p-ailab .brand{font-size:1.8rem;letter-spacing:-.02em;color:#131a2e;text-decoration:none}.p-ailab nav.primary ul{display:flex;gap:1.2rem;flex-wrap:wrap}.p-ailab nav.primary a{text-decoration:none;color:#131a2e;border-bottom:2px solid transparent}.p-ailab nav.primary a:hover{border-color:#12b5a5}
/* blog: magazine masthead */
.p-blog .masthead{text-align:center;border-bottom:3px double #131a2e;padding:1.2rem 0}.p-blog .masthead .brand{font-size:2.2rem;color:#131a2e;text-decoration:none}.p-blog nav.primary ul{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.p-blog nav.primary a{text-decoration:none;color:#131a2e;text-transform:uppercase;font-size:.85rem;letter-spacing:.06em}.p-blog .layout2{display:grid;gap:1.5rem;grid-template-columns:1fr}.widget{border:1px solid #ddd6c8;padding:1rem;background:#fff}
.brand{display:inline-flex;align-items:center;gap:.6rem;font-weight:700}
.hero{padding:2rem 0}.hero h1{font-size:2rem;line-height:1.15}.lede{font-size:1.125rem;max-width:38rem}.split{display:grid;gap:1.5rem;grid-template-columns:1fr}
@media(min-width:48rem){.grid{grid-template-columns:repeat(2,1fr)}.metrics{grid-template-columns:repeat(3,1fr)!important}.split{grid-template-columns:1fr 1fr}.footgrid{grid-template-columns:repeat(2,1fr)}.p-blog .layout2{grid-template-columns:2fr 1fr}.p-devops .shell{display:grid;grid-template-columns:16rem 1fr;min-height:100vh}}
@media(min-width:64rem){.grid{grid-template-columns:repeat(3,1fr)}.footgrid{grid-template-columns:repeat(4,1fr)}.hero h1{font-size:2.8rem}}
@media(max-width:47.99rem){nav.primary>ul{display:none!important}.sidebar nav>ul{display:block!important}.menu{display:block;margin-top:.6rem}.menu ul{display:block;padding:.5rem 0}.menu li{margin:.4rem 0}table,thead,tbody,tr,td{display:block}thead{position:absolute;left:-999px}td{border:0}}