:root{--bg-page:#fafafa;--bg-panel:#ffffffd9;--bg-panel-solid:#fff;--border-color:#00000014;--border-color-strong:#00000026;--text-primary:#111;--text-secondary:#666;--accent-brand:#007aff;--accent-cyan:#00b4d8;--accent-coral:#ff8a76;--accent-purple:#2d00f7;--badge-security:#fff0ed;--badge-security-text:#d24a32;--badge-automation:#f0f5ff;--badge-automation-text:#2b6cb0;--badge-design:#f7edfb;--badge-design-text:#805ad5;--font-heading:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-body:-apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-page);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.6;overflow-x:hidden}.ambient-background{z-index:-1;pointer-events:none;background-color:#fafafa;position:fixed;inset:0;overflow:hidden}.glow-orb{filter:blur(140px);opacity:.12;border-radius:50%;animation:15s infinite alternate gentle-float;position:absolute}.orb-1{background:var(--accent-cyan);width:700px;height:700px;top:-10%;left:10%}.orb-2{background:var(--accent-purple);width:600px;height:600px;animation-delay:-5s;bottom:-10%;right:5%}.orb-3{background:var(--accent-coral);opacity:.12;width:500px;height:500px;animation-delay:-10s;top:30%;left:40%}@keyframes gentle-float{0%{transform:translate(0)}to{transform:translate(30px,40px)scale(1.05)}}h1,h2,h3,h4{font-family:var(--font-heading);letter-spacing:-.03em;color:var(--text-primary);font-weight:700}a{color:inherit;text-decoration:none;transition:color .2s,opacity .2s}a:hover{color:var(--accent-brand)}.section-container{max-width:1100px;margin:0 auto;padding:8rem 2rem}.section-header{text-align:center;margin-bottom:4rem}.section-header h2{margin-bottom:1rem;font-size:3rem}.section-subtitle{color:var(--text-secondary);max-width:650px;font-size:1.25rem;font-family:var(--font-body);margin:0 auto 1.5rem}.view-all{color:var(--accent-brand);align-items:center;gap:.4rem;font-size:1.05rem;font-weight:600;display:inline-flex}.view-all:hover{text-decoration:underline}.navbar{-webkit-backdrop-filter:blur(20px)saturate(180%);z-index:100;background:#ffffffb3;border-bottom:1px solid #0000000f;width:100%;transition:all .3s;position:fixed;top:0;box-shadow:0 4px 30px #00000005}.navbar-container{justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto;padding:1rem 2rem;display:flex}.logo{letter-spacing:-.04em;color:var(--text-primary);font-size:1.5rem;font-weight:800}.logo-ki{background:linear-gradient(135deg, var(--accent-brand), var(--accent-cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.nav-links{gap:2.5rem;display:flex}.nav-links a{color:var(--text-secondary);font-size:.95rem;font-weight:600}.nav-links a:hover,.nav-links a.active{color:var(--text-primary)}.btn{cursor:pointer;border:none;border-radius:980px;padding:.6rem 1.4rem;font-size:.9rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-outline{background:var(--text-primary);color:#fff;border:1px solid var(--text-primary);box-shadow:0 4px 14px #0000001a}.btn-outline:hover{color:var(--text-primary);box-shadow:none;background:0 0}.hero{text-align:center;max-width:900px;margin:0 auto;padding:14rem 2rem 6rem}.hero-title{letter-spacing:-.04em;margin-bottom:1.5rem;font-size:5.5rem;font-weight:800;line-height:1.1}.text-gradient{background:linear-gradient(135deg, var(--accent-cyan) 0%, var(--accent-purple) 50%, var(--accent-coral) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-subtitle{color:var(--text-secondary);letter-spacing:-.01em;margin-bottom:3.5rem;font-size:1.4rem;line-height:1.6}.search-container{max-width:650px;margin:0 auto}.search-box{background:var(--bg-panel-solid);border:1px solid var(--border-color-strong);border-radius:16px;align-items:center;padding:1rem 1.4rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 8px 30px #0000000a}.search-box:focus-within{border-color:var(--accent-brand);transform:translateY(-2px);box-shadow:0 0 0 4px #0a84ff26}.search-icon{width:22px;height:22px;color:var(--text-primary);margin-right:1.2rem}.search-box input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:1.25rem;font-weight:500}.search-box input::placeholder{color:#999}.search-hint{color:#999;font-size:.85rem;font-weight:500}.search-suggestions{color:var(--text-secondary);flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-top:1.8rem;font-size:.9rem;font-weight:500;display:flex}.tag{border:1px solid var(--border-color);background:#fff;border-radius:980px;padding:.4rem 1rem;transition:all .2s;box-shadow:0 2px 5px #00000005}.tag:hover{border-color:var(--border-color-strong);color:var(--text-primary);background:#f0f0f0}.grid-categories{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.category-card{background:var(--bg-panel);border:1px solid var(--border-color);text-align:left;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;flex-direction:column;padding:2.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.category-card:hover{border-color:var(--border-color-strong);transform:translateY(-5px);box-shadow:0 20px 40px #0000000f}.card-icon{margin-bottom:1.5rem;font-size:2.5rem}.card-content h3{color:var(--text-primary);margin-bottom:.8rem;font-size:1.35rem}.card-content p{color:var(--text-secondary);font-size:1rem;line-height:1.5}.card-arrow{display:none}.grid-news{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;display:grid}.news-card{flex-direction:column;display:flex}.news-meta{color:var(--accent-brand);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;font-size:.85rem;font-weight:700}.news-card h3{margin-bottom:1rem;font-size:1.6rem;line-height:1.25}.news-card p{color:var(--text-secondary);font-size:1.05rem}.grid-playbooks{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;display:grid}.playbook-card{background:var(--bg-panel-solid);border:1px solid var(--border-color);border-radius:20px;flex-direction:column;padding:2.5rem;transition:all .3s;display:flex;box-shadow:0 4px 15px #00000008}.playbook-card:hover{transform:translateY(-4px);box-shadow:0 15px 35px #0000000f}.playbook-badge{letter-spacing:.02em;text-transform:uppercase;border-radius:8px;align-self:flex-start;margin-bottom:1.5rem;padding:.4rem 1rem;font-size:.8rem;font-weight:700}.badge.security{background:var(--badge-security);color:var(--badge-security-text)}.badge.automation{background:var(--badge-automation);color:var(--badge-automation-text)}.badge.design{background:var(--badge-design);color:var(--badge-design-text)}.playbook-card h3{margin-bottom:1rem;font-size:1.35rem;line-height:1.35}.playbook-card p{color:var(--text-secondary);flex:1;margin-bottom:2.5rem;font-size:1.05rem}.playbook-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-top:1.5rem;font-size:.95rem;display:flex}.level{font-weight:700}.level.advanced{color:#d24a32}.level.intermediate{color:#d69e2e}.level.beginner{color:#38a169}.relevance{color:var(--text-secondary);font-weight:500}footer{border-top:1px solid var(--border-color);background-color:#f5f5f5;margin-top:6rem;padding:5rem 2rem 3rem}.footer-container{grid-template-columns:1.5fr 2fr;gap:4rem;max-width:1100px;margin:0 auto 4rem;display:grid}.footer-brand p{color:var(--text-secondary);max-width:300px;margin-top:1rem;font-size:.95rem}.footer-links{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.link-group h4{margin-bottom:1.5rem;font-size:.95rem;font-weight:700}.link-group a{color:var(--text-secondary);margin-bottom:1rem;font-size:.95rem;font-weight:500;display:block}.link-group a:hover{color:var(--text-primary)}.footer-bottom{max-width:1100px;color:var(--text-secondary);border-top:1px solid var(--border-color);margin:0 auto;padding-top:2rem;font-size:.85rem}.page-content{max-width:1100px;min-height:80vh;margin:0 auto;padding:10rem 2rem 4rem}.text-center{text-align:center}.page-header{margin-bottom:5rem}.page-header h1{letter-spacing:-.04em;margin-bottom:1.5rem;font-size:4.5rem}.filter-pills{flex-wrap:wrap;justify-content:center;gap:.8rem;margin-top:2rem;display:flex}.pill{color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:980px;padding:.6rem 1.4rem;font-size:1rem;font-weight:600;transition:all .2s}.pill:hover{color:var(--text-primary);background:#0000000a}.pill.active{background:var(--text-primary);color:#fff;box-shadow:0 4px 10px #0000001a}.grid-providers{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;display:grid}.provider-card{background:var(--bg-panel-solid);border:1px solid var(--border-color);border-radius:20px;flex-direction:column;padding:2.5rem;transition:all .3s;display:flex;box-shadow:0 4px 15px #00000008}.provider-card:hover{transform:translateY(-4px);box-shadow:0 15px 35px #0000000f}.provider-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.provider-tag{text-transform:uppercase;letter-spacing:.02em;border-radius:8px;padding:.4rem .8rem;font-size:.75rem;font-weight:700}.provider-tag.prop{color:#d24a32;background:#fff0ed}.provider-tag.os{color:#319795;background:#e6fffa}.provider-tag.mixed{color:#3182ce;background:#ebf8ff}.provider-models{flex-wrap:wrap;gap:.5rem;margin:1.5rem 0;display:flex}.model-badge{color:var(--text-primary);background:#0000000a;border:1px solid #0000000d;border-radius:8px;padding:.4rem .8rem;font-size:.85rem;font-weight:500}.view-detail{color:var(--accent-brand);margin-top:auto;font-size:1rem;font-weight:600}.view-detail:hover{text-decoration:underline}.layout-sidebar{grid-template-columns:260px 1fr;gap:4rem;display:grid}.sidebar{box-shadow:none;background:0 0;border:none;align-self:start;padding:0;position:sticky;top:120px}.sidebar h3{color:var(--text-primary);margin-bottom:2rem;font-size:1.4rem}.filter-group{margin-bottom:2.5rem}.filter-group h4{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1.2rem;font-size:.85rem;font-weight:700}.checkbox-container{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--text-primary);margin-bottom:16px;padding-left:32px;font-size:1rem;font-weight:500;display:block;position:relative}.checkbox-container input{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.checkmark{background-color:var(--bg-panel-solid);border:2px solid var(--border-color-strong);border-radius:6px;width:20px;height:20px;transition:all .2s;position:absolute;top:3px;left:0}.checkbox-container:hover input~.checkmark{border-color:var(--accent-brand)}.checkbox-container input:checked~.checkmark{background-color:var(--accent-brand);border-color:var(--accent-brand)}.checkmark:after{content:"";display:none;position:absolute}.checkbox-container input:checked~.checkmark:after{display:block}.checkbox-container .checkmark:after{border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:10px;top:2px;left:6px;transform:rotate(45deg)}.header-with-search{flex-direction:column;margin-bottom:4rem;display:flex}.header-with-search h1{letter-spacing:-.04em;margin-bottom:.5rem;font-size:4rem;font-weight:800}.small-search{max-width:450px;margin-top:1.5rem}@media (max-width:768px){.hero-title,.page-header h1{font-size:3.5rem}.nav-links{display:none}.footer-container,.layout-sidebar{grid-template-columns:1fr}.sidebar{margin-bottom:2rem;position:static}}.category-card,.playbook-card,.provider-card,.news-card{position:relative;overflow:hidden}.category-card:before,.playbook-card:before,.provider-card:before,.news-card:before{content:"";top:var(--mouse-y,0);left:var(--mouse-x,0);opacity:0;pointer-events:none;z-index:0;background:radial-gradient(circle closest-side,#00b4d80d,#0000);width:600px;height:600px;transition:opacity .3s;position:absolute;transform:translate(-50%,-50%)}.category-card:hover:before,.playbook-card:hover:before,.provider-card:hover:before,.news-card:hover:before{opacity:1}.category-card *,.playbook-card *,.provider-card *,.news-card *{z-index:1;position:relative}.reveal-element{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(35px)}.reveal-element.is-visible{opacity:1;transform:translateY(0)}.grid-categories>:nth-child(2),.grid-playbooks>:nth-child(2),.grid-providers>:nth-child(2),.grid-news>:nth-child(2){transition-delay:.1s}.grid-categories>:nth-child(3),.grid-playbooks>:nth-child(3),.grid-providers>:nth-child(3),.grid-news>:nth-child(3){transition-delay:.2s}.grid-categories>:nth-child(4),.grid-playbooks>:nth-child(4),.grid-providers>:nth-child(4),.grid-news>:nth-child(4){transition-delay:.3s}.grid-categories>:nth-child(5),.grid-playbooks>:nth-child(5),.grid-providers>:nth-child(5),.grid-news>:nth-child(5){transition-delay:.4s}.grid-categories>:nth-child(6),.grid-playbooks>:nth-child(6),.grid-providers>:nth-child(6),.grid-news>:nth-child(6){transition-delay:.5s}.counter{color:var(--accent-brand);font-weight:800}