@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{--ink:#16191d;--muted:#6e737a;--line:#e6e8e9;--paper:#f7f7f4;--white:#fff;--lime:#c7ff42;--dark:#111418;--violet:#7b61ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:DM Sans,system-ui,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}.shell{min-height:100vh}.hero{background:radial-gradient(circle at 82% 2%, #7b61ff40, transparent 28%), radial-gradient(circle at 10% 120%, #c7ff421f, transparent 35%), var(--dark);color:#fff;min-height:410px;padding:0 max(28px,50vw - 710px);position:relative;overflow:visible}.hero:after{content:"";pointer-events:none;opacity:.09;background-image:linear-gradient(#fff3 1px,#0000 1px),linear-gradient(90deg,#fff3 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 85%);mask-image:linear-gradient(#000,#0000 85%)}.topbar{z-index:1;border-bottom:1px solid #ffffff1c;justify-content:space-between;align-items:center;height:86px;display:flex;position:relative}.brand{align-items:center;gap:12px;display:flex}.brand-mark{background:var(--lime);width:40px;height:40px;color:var(--dark);border-radius:10px;place-items:center;display:grid;transform:rotate(-3deg)}.brand>div:last-child{gap:3px;display:grid}.brand strong{letter-spacing:-.02em;font-family:Manrope;font-size:16px}.eyebrow{letter-spacing:.16em;color:#8d939c;font-size:10px;font-weight:700}.hero-content{z-index:1;justify-content:space-between;align-items:flex-end;gap:28px;padding:56px 0 66px;display:flex;position:relative}.kicker{text-transform:uppercase;letter-spacing:.13em;color:#a8adb5;align-items:center;gap:8px;margin-bottom:16px;font-size:10px;font-weight:700;display:flex}.live-dot{background:var(--lime);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #c7ff421f}.hero h1{letter-spacing:-.055em;margin:0;font:800 clamp(40px,5.4vw,72px)/.98 Manrope}.hero h1 span{color:var(--lime)}.hero-content p{color:#a9afb8;max-width:650px;margin:22px 0 0;font-size:15px;line-height:1.65}.primary-button{white-space:nowrap;color:var(--dark);background:var(--lime);border:0;border-radius:10px;align-items:center;gap:9px;padding:14px 17px;font-size:13px;font-weight:700;display:flex;box-shadow:0 8px 28px #c7ff421f}.primary-button:hover{filter:brightness(1.03);transform:translateY(-1px)}.search-wrap{z-index:2;color:#686d73;background:#fff;border:1px solid #e2e4e5;border-radius:12px;align-items:center;gap:13px;width:min(100% - 56px,1420px);height:62px;padding:0 18px;display:flex;position:absolute;bottom:-29px;left:50%;transform:translate(-50%);box-shadow:0 14px 36px #13161a1f}.search-wrap input{color:var(--ink);background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:15px}.search-wrap input::placeholder{color:#a1a5aa}.shortcut{color:#8b8f94;border:1px solid #e3e5e6;border-radius:6px;place-items:center;width:26px;height:26px;font-size:12px;display:grid}.clear-search{color:#6c7176;background:#f1f2f2;border:0;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.workspace{grid-template-columns:228px minmax(0,1fr);gap:46px;width:min(100% - 56px,1420px);margin:0 auto;padding:82px 0 84px;display:grid}.sidebar{height:fit-content;position:sticky;top:26px}.sidebar-label{text-transform:uppercase;letter-spacing:.14em;color:#999da2;align-items:center;gap:7px;margin-bottom:13px;font-size:10px;font-weight:700;display:flex}.category-list{gap:5px;display:grid}.category{color:#73777d;text-align:left;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 11px;font-size:13px;transition:all .16s;display:flex}.category span{align-items:center;gap:9px;display:flex}.category b{color:#7b7f83;background:#e8e9e7;border-radius:999px;place-items:center;min-width:23px;height:20px;font-size:10px;display:grid}.category:hover{color:var(--ink);background:#efefec}.category.active{background:var(--dark);color:#fff}.category.active b{color:var(--dark);background:var(--lime)}.template-card{background:#fff;border:1px solid #dfe1df;border-radius:12px;gap:8px;margin-top:28px;padding:17px;display:grid;box-shadow:0 9px 30px #1f22250a}.template-card>svg{color:var(--violet)}.template-card strong{margin-top:2px;font:700 13px Manrope}.template-card p{color:var(--muted);margin:0;font-size:11px;line-height:1.5}.template-card button{color:var(--violet);background:0 0;border:0;align-items:center;gap:5px;padding:8px 0 0;font-size:11px;font-weight:700;display:flex}.library-heading{border-bottom:1px solid #dedfdd;justify-content:space-between;align-items:flex-end;margin-bottom:22px;padding-bottom:18px;display:flex}.library-heading h2{letter-spacing:-.035em;margin:5px 0 0;font:800 27px Manrope}.library-heading>span{color:#8f9397;margin-bottom:3px;font-size:11px}.runbook-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.runbook-card{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:12px;flex-direction:column;min-height:308px;padding:19px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;position:relative;overflow:hidden}.runbook-card:before{content:"";background:var(--card-accent);opacity:0;width:3px;transition:all .18s;position:absolute;inset:0 auto 0 0}.runbook-card:hover{border-color:#d4d6d6;transform:translateY(-3px);box-shadow:0 15px 36px #1e222514}.runbook-card:hover:before{opacity:1}.accent-violet{--card-accent:#7b61ff;--accent-bg:#f0edff}.accent-mint{--card-accent:#1ba67a;--accent-bg:#e7f7f1}.accent-blue{--card-accent:#3e7bfa;--accent-bg:#eaf1ff}.accent-amber{--card-accent:#db8e12;--accent-bg:#fff4dd}.accent-red{--card-accent:#dc4e55;--accent-bg:#ffebec}.accent-cyan{--card-accent:#168ca3;--accent-bg:#e6f6f8}.card-top{justify-content:space-between;align-items:flex-start;display:flex}.icon-tile{width:39px;height:39px;color:var(--card-accent);background:var(--accent-bg);border-radius:9px;place-items:center;display:grid}.priority{text-transform:uppercase;letter-spacing:.08em;border-radius:999px;align-items:center;width:fit-content;padding:5px 8px;font-size:9px;font-weight:800;display:inline-flex}.priority-critical{color:#bd3039;background:#ffeaeb}.priority-high{color:#a76100;background:#fff0dc}.priority-medium{color:#316ac1;background:#e9f1ff}.priority-low{color:#318257;background:#ebf6ef}.card-copy{margin-top:23px}.category-name{color:#91959a;text-transform:uppercase;letter-spacing:.12em;font-size:9px;font-weight:800}.card-copy h3{letter-spacing:-.025em;margin:7px 0 9px;font:700 16px/1.28 Manrope}.card-copy p{color:var(--muted);margin:0;font-size:11px;line-height:1.55}.tags{flex-wrap:wrap;gap:5px;margin:17px 0;display:flex}.tags span{color:#74787c;background:#f1f2f1;border-radius:5px;padding:4px 6px;font-size:9px;font-weight:600}.card-footer{color:#989ca0;border-top:1px solid #eff0ef;justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;font-size:10px;display:flex}.card-footer button{background:var(--dark);color:#fff;border:0;border-radius:50%;place-items:center;width:29px;height:29px;transition:all .18s;display:grid}.runbook-card:hover .card-footer button{background:var(--lime);color:var(--dark);transform:translate(2px)}.empty-state{text-align:center;color:#909499;border:1px dashed #ced1d0;border-radius:12px;align-content:center;place-items:center;min-height:300px;display:grid}.empty-state h3{color:var(--ink);margin:13px 0 4px}.empty-state p{margin:0 0 18px;font-size:13px}.empty-state button{background:var(--dark);color:#fff;border:0;border-radius:8px;padding:9px 13px;font-size:12px}footer{color:#94989a;letter-spacing:.12em;background:#ecece8;border-top:1px solid #dedfdb;justify-content:space-between;align-items:center;min-height:70px;padding:0 max(28px,50vw - 710px);font-size:9px;display:flex}footer p{letter-spacing:0;font-size:10px}.overlay{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080a0cb8;justify-content:flex-end;animation:.16s fade;display:flex;position:fixed;inset:0}.detail-panel{background:var(--paper);width:min(840px,94vw);height:100%;animation:.25s slide;overflow-y:auto;box-shadow:-25px 0 70px #0003}.detail-header{background:var(--dark);color:#fff;justify-content:space-between;align-items:flex-start;gap:30px;padding:32px 34px;display:flex}.detail-header h2{letter-spacing:-.04em;margin:7px 0 9px;font:800 28px/1.15 Manrope}.detail-header p{color:#aab0b8;max-width:620px;margin:0;font-size:12px;line-height:1.55}.icon-button{color:#fff;background:#ffffff0f;border:1px solid #ffffff26;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;display:grid}.detail-meta{color:#898d92;background:#fff;border-bottom:1px solid #e0e2e1;align-items:center;gap:18px;padding:14px 34px;font-size:10px;display:flex}.detail-body{grid-template-columns:1fr 1fr;gap:17px;padding:27px 34px 45px;display:grid}.detail-section{border:1px solid var(--line);background:#fff;border-radius:11px;padding:20px}.detail-section.full-width{grid-column:1/-1}.detail-section h3{letter-spacing:-.01em;text-transform:uppercase;color:#4f555c;margin:0 0 13px;font:700 12px Manrope}.detail-section ul{color:#646a71;margin:0;padding-left:18px;font-size:11px;line-height:1.6}.detail-section li+li{margin-top:6px}.detail-section ol{gap:1px;margin:0;padding:0;list-style:none;display:grid}.detail-section ol li{border-bottom:1px solid #eff0ef;grid-template-columns:34px 1fr;gap:10px;padding:11px 0;display:grid}.detail-section ol li:last-child{border:0}.detail-section ol li span{background:var(--dark);width:27px;height:27px;color:var(--lime);border-radius:7px;place-items:center;font-size:9px;font-weight:800;display:grid}.detail-section ol li p{color:#5f656c;margin:4px 0 0;font-size:11px;line-height:1.55}.command-box{color:#d7dde3;background:#171b1f;border-radius:8px;align-items:center;gap:11px;margin-top:14px;padding:13px 14px;display:flex;overflow-x:auto}.command-box svg{color:var(--lime);flex:none}.command-box code{white-space:pre-wrap;font:11px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace}.validation h3{color:#267b55;align-items:center;gap:6px;display:flex}.rollback h3{color:#9b5f0a}.validation p,.rollback p{color:#62686e;margin:0;font-size:11px;line-height:1.55}.template-panel{background:#fff;border-radius:14px;width:min(680px,94vw);margin:auto;animation:.22s rise;overflow:hidden;box-shadow:0 30px 90px #00000057}.template-panel textarea{resize:vertical;color:#3e444a;background:#f7f8f7;border:1px solid #dfe1e1;border-radius:9px;outline:none;width:calc(100% - 52px);min-height:420px;margin:26px;padding:17px;font:11px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace}.copy-button{background:var(--dark);color:#fff;border:0;border-radius:8px;align-items:center;gap:8px;margin:0 26px 26px auto;padding:11px 15px;font-size:12px;font-weight:700;display:flex}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes slide{0%{opacity:.5;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes rise{0%{opacity:.5;transform:translateY(15px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=1120px){.runbook-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.hero{min-height:455px;padding-inline:20px}.topbar{height:72px}.hero-content{flex-direction:column;align-items:flex-start;padding:44px 0 70px}.hero h1{font-size:43px}.hero-content p{font-size:13px}.search-wrap{width:calc(100% - 40px)}.workspace{grid-template-columns:1fr;gap:28px;width:calc(100% - 40px);padding-top:74px}.sidebar{position:static}.category-list{padding-bottom:6px;display:flex;overflow-x:auto}.category{flex:none}.template-card{display:none}.runbook-grid{grid-template-columns:1fr}.runbook-card{min-height:285px}footer{gap:10px;padding:18px 20px}footer p{text-align:center}.detail-header{padding:25px 22px}.detail-meta{flex-wrap:wrap;padding:12px 22px}.detail-body{grid-template-columns:1fr;padding:20px 18px 35px}.detail-section.full-width{grid-column:1}.template-panel{border-radius:0;height:100%;overflow-y:auto}.template-panel textarea{min-height:55vh}}