.bp-shell{min-height:100vh;background:radial-gradient(circle at top left,rgba(34,197,94,.16),transparent 28%),radial-gradient(circle at top right,rgba(14,165,233,.14),transparent 22%),linear-gradient(180deg,#f5f8f6,#eef4f8)}.bp-page{padding-top:.25rem;padding-bottom:2rem}.bp-compact-header{position:relative;overflow:hidden;border-radius:14px;padding:18px 20px;background:linear-gradient(135deg,#0d94880f,#0ea5e90a),#fff;border:1px solid rgba(15,23,42,.06);box-shadow:inset 0 1px #fff9}.bp-compact-header:after{content:"";position:absolute;right:-40px;top:-40px;width:120px;height:120px;border-radius:999px;background:radial-gradient(circle,rgba(56,189,248,.12),transparent 65%);pointer-events:none}.bp-compact-header__content{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:16px}.bp-compact-header__main{min-width:0;display:flex;flex-direction:column;gap:6px}.bp-compact-header__eyebrow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}.bp-compact-header__action{flex-shrink:0}.bp-hero{position:relative;overflow:hidden;border-radius:18px;background:linear-gradient(135deg,#0d94881f,#0ea5e914),#fff;border:1px solid rgba(15,23,42,.08)}.bp-hero:after{content:"";position:absolute;inset:auto -80px -80px auto;width:220px;height:220px;border-radius:999px;background:radial-gradient(circle,rgba(56,189,248,.18),transparent 65%);pointer-events:none}.bp-hero__footer{padding-top:.25rem}.bp-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.bp-metric{border-radius:14px;min-height:100px;padding:18px;animation:bp-fade-in .4s ease-out;border:1px solid rgba(15,23,42,.06);box-shadow:inset 0 1px #ffffffb3}.bp-metric--success{background:linear-gradient(180deg,#22c55e12,#fffffffa)}.bp-metric--info{background:linear-gradient(180deg,#0ea5e912,#fffffffa)}.bp-metric--attention{background:linear-gradient(180deg,#f59e0b12,#fffffffa)}.bp-metric--critical{background:linear-gradient(180deg,#f8717112,#fffffffa)}.bp-table-header{display:grid;grid-template-columns:1fr 90px 160px 70px 160px;gap:8px;padding:6px 12px;align-items:center}.bp-table-header span{font-size:12px;font-weight:600;color:var(--p-color-text-secondary, #6b7280);text-transform:uppercase;letter-spacing:.04em}.bp-blog-row{all:unset;display:grid;grid-template-columns:1fr 90px 160px 70px 160px;gap:8px;padding:10px 12px;align-items:center;cursor:pointer;border-radius:10px;transition:background .12s ease,box-shadow .12s ease}.bp-blog-row:hover{background:#0ea5e90d;box-shadow:0 2px 8px #0f172a0a}.bp-blog-row:active{background:#0ea5e91a}.bp-blog-row:focus-visible{outline:2px solid var(--p-color-border-interactive-focus, #005bd3);outline-offset:1px}.bp-col-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bp-col-status{white-space:nowrap}.bp-col-scores{display:flex;gap:4px;flex-wrap:wrap}.bp-col-views--unused{display:none}.bp-col-date{white-space:nowrap;text-align:right}.bp-col-actions{white-space:nowrap;justify-self:end;cursor:default}.bp-steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.bp-step-card{padding:20px;border-radius:14px;min-height:168px;background:linear-gradient(180deg,#0ea5e90a,#fffffffa);border:1px solid rgba(15,23,42,.07);transition:transform .12s ease,box-shadow .12s ease;display:flex;flex-direction:column;gap:14px}.bp-step-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0f172a0f}.bp-step-num{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:999px;background:linear-gradient(135deg,#0f766e,#0ea5e9);color:#fff;font-weight:700;font-size:14px;margin-bottom:10px}.bp-highlight-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.bp-highlight-item{padding:14px 16px;border-radius:14px;background:#ffffffbd;border:1px solid rgba(15,23,42,.06)}.bp-loading-card{min-height:240px;display:flex;align-items:center;justify-content:center}.bp-loading-orb{width:54px;height:54px;border-radius:999px;background:linear-gradient(135deg,#0f766e,#0ea5e9);box-shadow:0 16px 32px #0ea5e938;position:relative;animation:bp-pulse 1.8s ease-in-out infinite}.bp-loading-orb:before,.bp-loading-orb:after{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:inherit;border:2px solid rgba(255,255,255,.58)}.bp-loading-orb:after{top:-8px;right:-8px;bottom:-8px;left:-8px;border-color:#0ea5e92e}.bp-loading-dots{display:inline-block;width:18px;height:8px;background-image:radial-gradient(circle,#0ea5e9 2px,transparent 2.5px),radial-gradient(circle,#0ea5e9 2px,transparent 2.5px),radial-gradient(circle,#0ea5e9 2px,transparent 2.5px);background-position:0 50%,8px 50%,16px 50%;background-size:6px 6px;background-repeat:no-repeat;animation:bp-loading-dots 1.2s ease-in-out infinite}@keyframes bp-loading-dots{0%,to{opacity:.3}50%{opacity:1}}.bp-topic-option{transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}.bp-topic-option:hover{transform:translateY(-1px);box-shadow:0 10px 24px #0f172a0f}.bp-topic-option.is-selected{box-shadow:0 16px 30px #0ea5e91f}.bp-prose{line-height:1.7}.bp-prose .blogpilot-toc,.bp-prose .blogpilot-related-links,.bp-prose .blog-faq{margin:1.5rem 0;padding:1rem 1.1rem;border-radius:14px;background:#f8fbfd;border:1px solid rgba(15,23,42,.07)}.bp-prose h2,.bp-prose h3{scroll-margin-top:72px}.bp-prose img{max-width:100%;height:auto;border-radius:12px}.bp-topic-row{all:unset;display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer;border-radius:10px;transition:background .12s ease,box-shadow .12s ease;width:100%;box-sizing:border-box}.bp-topic-row:hover{background:#0ea5e90d}.bp-topic-row:active{background:#0ea5e91a}.bp-topic-row.is-selected{background:#0d948814;box-shadow:inset 3px 0 #0f766e}.bp-topic-row:focus-visible{outline:2px solid var(--p-color-border-interactive-focus, #005bd3);outline-offset:1px}.bp-topic-num{flex-shrink:0;width:28px;text-align:center;font-size:12px;font-weight:700;color:var(--p-color-text-secondary, #6b7280)}.bp-topic-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.bp-settings-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media(max-width:480px){.bp-settings-stats{grid-template-columns:1fr}}.bp-billing-toggle-btn{all:unset;cursor:pointer;font-size:14px;font-weight:600;color:var(--p-color-text-secondary, #6b7280);transition:color .15s ease;padding:4px 0}.bp-billing-toggle-btn.is-active{color:var(--p-color-text, #1a1a1a)}.bp-billing-switch{all:unset;position:relative;display:inline-block;width:48px;height:26px;border-radius:999px;background:#d1d5db;cursor:pointer;transition:background .2s ease}.bp-billing-switch[aria-checked=true]{background:linear-gradient(135deg,#0f766e,#0ea5e9)}.bp-billing-switch__thumb{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:999px;background:#fff;box-shadow:0 1px 3px #00000026;transition:transform .2s ease}.bp-billing-switch__thumb.is-on{transform:translate(22px)}.bp-billing-switch:focus-visible{outline:2px solid var(--p-color-border-interactive-focus, #005bd3);outline-offset:2px}.bp-plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.bp-plan-card{border-radius:14px;transition:transform .12s ease,box-shadow .12s ease}.bp-plan-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0f172a0f}.bp-plan-card.is-current{position:relative;border-radius:14px;box-shadow:0 0 0 2px #0f766e,0 8px 24px #0d94881f}.bp-plan-card.is-recommended:not(.is-current){box-shadow:0 0 0 1px #0ea5e940,0 4px 16px #0ea5e914}@keyframes bp-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes bp-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.bp-compact-header,.bp-hero,.bp-metric{animation:bp-fade-in .4s ease-out}@media(max-width:768px){.bp-page{padding-bottom:1rem}.bp-compact-header{padding:16px}.bp-compact-header__content{flex-direction:column;align-items:stretch}.bp-compact-header__action{width:100%}.bp-compact-header__action>*{width:100%}.bp-metrics-grid{grid-template-columns:1fr 1fr;gap:8px}.bp-plans-grid,.bp-steps-grid{grid-template-columns:1fr}.bp-table-header{display:none}.bp-blog-row{grid-template-columns:1fr auto;grid-template-rows:auto auto auto;gap:4px 8px;padding:12px}.bp-col-title{grid-column:1 / -1}.bp-col-scores{display:none}.bp-col-date{text-align:left}.bp-col-actions{grid-column:1 / -1;justify-self:start;margin-top:4px}.bp-highlight-list{grid-template-columns:1fr}}@media(max-width:480px){.bp-metrics-grid{grid-template-columns:1fr}}