.sb-page{--sb-bg:#f6f8f7;--sb-surface:#ffffff;--sb-surface-alt:#f1f5f3;--sb-surface-hover:#eef4f2;--sb-border:#d7e0dd;--sb-border-hover:#a9c8c0;--sb-border-muted:#e7eeeb;--sb-brand:#0f766e;--sb-brand-light:#0d9488;--sb-text:#111827;--sb-text-secondary:#4b5563;--sb-text-muted:#6b7280;--sb-brand-btn-bg:#3ecf8e;--sb-brand-btn-text:#171717;--sb-brand-btn-border:rgba(62,207,142,0.75);--sb-brand-btn-hover-bg:#2ebb7b;--sb-secondary-hover-bg:#eef4f2;--sb-glow:none;--sb-glow-hover:none;--sb-shadow-card:0 1px 2px rgba(15,23,42,0.04),0 14px 36px rgba(15,23,42,0.045);--sb-shadow-card-hover:0 1px 2px rgba(15,23,42,0.05),0 20px 48px rgba(13,148,136,0.08);--sb-h1-size:64px;--sb-h2-size:40px;--sb-h3-size:22px;--sb-body-size:16px;--sb-font-weight-heading:400;--sb-letter-spacing:normal;--sb-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--sb-container-max-w:1280px;--sb-section-gap:80px;--sb-section-gap-sm:64px;--sb-card-radius:8px;--sb-card-radius-lg:12px;--sb-card-gap:16px;--sb-px:24px;--sb-code-bg:#ffffff;--sb-code-header-bg:#f7f7f7;--sb-code-border:#dfdfdf;--sb-code-shadow:0 4px 32px rgba(0,0,0,0.08);--sb-code-text:#3b4261;--sb-code-import:#7c3aed;--sb-code-string:#0d9488;--sb-code-comment:#94a3b8;--sb-code-line-number:#a0a0a0;--sb-code-tab-active-bg:rgba(0,0,0,0.08);--sb-code-tab-active-text:#171717;--sb-code-tab-text:rgba(0,0,0,0.4);--sb-code-copy-border:rgba(0,0,0,0.12);--sb-code-copy-text:rgba(0,0,0,0.45);--sb-code-copy-success-bg:rgba(13,148,136,0.1);--sb-code-copy-success-border:rgba(13,148,136,0.25);--sb-code-copy-success-text:#0d9488;--sb-transition:0.2s cubic-bezier(0,0,0.2,1);--sb-btn-radius:6px;--sb-btn-font-size:14px;--sb-btn-font-weight:400;--sb-btn-padding:8px 16px;--sb-btn-height:38px}.dark-mode .sb-page{--sb-bg:#121212;--sb-surface:#1c1c1c;--sb-surface-alt:#1c1c1c;--sb-surface-hover:#292929;--sb-border:#2e2e2e;--sb-border-hover:#3e3e3e;--sb-border-muted:#2e2e2e;--sb-brand:#0d9488;--sb-brand-light:#14b8a6;--sb-text:#fafafa;--sb-text-secondary:#b4b4b4;--sb-text-muted:#707070;--sb-brand-btn-bg:#3ecf8e;--sb-brand-btn-text:#171717;--sb-brand-btn-border:rgba(62,207,142,0.75);--sb-brand-btn-hover-bg:#2ebb7b;--sb-secondary-hover-bg:#292929;--sb-glow:0 0 60px rgba(13,148,136,0.12);--sb-glow-hover:0 0 80px rgba(13,148,136,0.18);--sb-shadow-card:none;--sb-shadow-card-hover:none;--sb-code-bg:#1c1c1c;--sb-code-header-bg:rgba(0,0,0,0.25);--sb-code-border:rgba(255,255,255,0.06);--sb-code-shadow:0 4px 32px rgba(0,0,0,0.2);--sb-code-text:#bfc7d5;--sb-code-import:#c792ea;--sb-code-string:#0d9488;--sb-code-comment:#546e7a;--sb-code-line-number:#546e7a;--sb-code-tab-active-bg:rgba(255,255,255,0.1);--sb-code-tab-active-text:#fff;--sb-code-tab-text:rgba(255,255,255,0.45);--sb-code-copy-border:rgba(255,255,255,0.1);--sb-code-copy-text:rgba(255,255,255,0.6);--sb-code-copy-success-bg:rgba(13,148,136,0.15);--sb-code-copy-success-border:rgba(13,148,136,0.3);--sb-code-copy-success-text:#14b8a6}.sb-page{background-color:var(--sb-bg);color:var(--sb-text-secondary);font-family:var(--sb-font-family);font-size:var(--sb-body-size);line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sb-container{max-width:var(--sb-container-max-w);margin:0 auto;padding-left:var(--sb-px);padding-right:var(--sb-px);width:100%;box-sizing:border-box}.hero-two-col{display:flex;flex-direction:row;align-items:center;gap:48px;min-height:400px;position:relative;z-index:1}.hero-left{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:24px;flex:1;min-width:0;min-height:280px;max-width:560px}.hero-right{flex-shrink:0;display:flex;align-items:center;justify-content:center}.sb-section{padding-top:var(--sb-section-gap);padding-bottom:var(--sb-section-gap)}.sb-section-sm{padding-top:var(--sb-section-gap-sm);padding-bottom:var(--sb-section-gap-sm)}.sb-section-alt{background-color:var(--sb-surface-alt)}.sb-page .sb-h1,.sb-page h1{font-size:var(--sb-h1-size);line-height:1.1;font-family:var(--sb-font-family)}.sb-page .sb-h1,.sb-page .sb-h2,.sb-page h1,.sb-page h2{font-weight:var(--sb-font-weight-heading);color:var(--sb-text);letter-spacing:var(--sb-letter-spacing)}.sb-page .sb-h2,.sb-page h2{font-size:var(--sb-h2-size);line-height:1.2}.sb-page .sb-h3,.sb-page h3{font-size:var(--sb-h3-size);font-weight:var(--sb-font-weight-heading);color:var(--sb-text);line-height:1.3}.sb-card{background:var(--sb-surface);border:1px solid var(--sb-border);border-radius:var(--sb-card-radius);box-shadow:var(--sb-shadow-card);transition:border-color var(--sb-transition),box-shadow var(--sb-transition)}.sb-card:hover{border-color:var(--sb-border-hover);box-shadow:var(--sb-shadow-card-hover)}.sb-card-glow:hover{box-shadow:var(--sb-glow)}.sb-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:var(--sb-btn-padding);height:var(--sb-btn-height);background:var(--sb-brand-btn-bg);color:var(--sb-brand-btn-text);border:1px solid var(--sb-brand-btn-border);border-radius:var(--sb-btn-radius);font-size:var(--sb-btn-font-size);font-weight:var(--sb-btn-font-weight);cursor:pointer;transition:background var(--sb-transition),border-color var(--sb-transition),box-shadow var(--sb-transition);text-decoration:none;line-height:1}.sb-btn-primary:hover{background:var(--sb-brand-btn-hover-bg);border-color:var(--sb-brand);color:var(--sb-brand-btn-text)}.sb-btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:var(--sb-btn-padding);height:var(--sb-btn-height);background:var(--sb-surface);color:var(--sb-text);border:1px solid var(--sb-border);border-radius:var(--sb-btn-radius);font-size:var(--sb-btn-font-size);font-weight:var(--sb-btn-font-weight);cursor:pointer;transition:background var(--sb-transition),border-color var(--sb-transition);text-decoration:none;line-height:1}.sb-btn-secondary:hover{background:var(--sb-surface-hover);border-color:var(--sb-border-hover);color:var(--sb-text)}.sb-btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:var(--sb-btn-padding);height:var(--sb-btn-height);background:var(--sb-surface);color:var(--sb-text);border:1px solid var(--sb-border);border-radius:var(--sb-btn-radius);font-size:var(--sb-btn-font-size);font-weight:var(--sb-btn-font-weight);cursor:pointer;transition:background var(--sb-transition),border-color var(--sb-transition);text-decoration:none;line-height:1}.sb-btn-ghost:hover{background:var(--sb-surface-hover);border-color:var(--sb-border-hover);color:var(--sb-text)}.sb-section-header{text-align:center;margin-bottom:64px}.sb-section-header p{color:var(--sb-text-secondary);font-size:18px;max-width:600px;margin:16px auto 0;line-height:1.6}.sb-brand-text{color:var(--sb-brand)}.dark-mode body.homepage-dark{background-color:#121212!important;--theme-bg-primary:#121212;--theme-bg-secondary:#121212;--theme-bg-tertiary:#121212;--theme-bg-hero:#121212;--theme-bg-card:#1c1c1c;--theme-bg-surface:#1c1c1c;--theme-text-primary:#fafafa;--theme-text-secondary:#b4b4b4;--theme-border-color:#2e2e2e}body.homepage-dark .main-background{contain:none!important;will-change:auto!important;color:var(--sb-text-secondary);padding-top:65px!important}.dark-mode body.homepage-dark .main-background{background:#121212!important}@media (max-width:768px){body.homepage-dark .main-background{padding-top:60px!important}}.sb-page .how-works-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;width:100%}.sb-page .bento-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:20px;width:100%;align-items:stretch}.sb-page .bento-span-5{grid-column:span 5}.sb-page .bento-span-7{grid-column:span 7}.sb-page .bento-span-12{grid-column:span 12}.sb-page .bento-item{padding:2.5rem;border-radius:var(--sb-card-radius-lg,12px)!important}.sb-page .bento-tools-strip{display:flex;flex-direction:row;align-items:center;gap:1.5rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--sb-border);flex-wrap:wrap}.sb-page .bento-tool-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--sb-text-muted);transition:color var(--sb-transition)}.sb-page .bento-tool-icon:hover{color:var(--sb-brand)}.sb-page .bento-tool-icon svg{width:32px;height:32px}.sb-page .bento-tool-icon[title=Cursor] svg{filter:brightness(.75) saturate(0)}.dark-mode .sb-page .bento-tool-icon[title=Cursor] svg{filter:invert(1) brightness(.75) saturate(0)}.sb-page .bento-tool-icon[title=OpenCode]{width:auto}.sb-page .bento-tool-icon[title=OpenCode] svg{width:80px;height:auto}.sb-page .bento-line-art{position:absolute;bottom:0;right:-10%;width:55%;height:70%;pointer-events:none;opacity:.65;transition:opacity .4s ease}.sb-page .bento-item:hover{--line-art-color:var(--sb-brand)}.sb-page .bento-item:hover .bento-line-art{opacity:1}.sb-page .bento-cta-link{transition:gap var(--sb-transition)}.sb-page .bento-cta-link:hover{gap:.75rem}.sb-page .savings-columns{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.sb-page .savings-column{display:flex;flex-direction:column;gap:.75rem}.sb-page .savings-column-highlight{background:rgba(13,148,136,.04);border:1px solid rgba(13,148,136,.15);border-radius:12px;padding:1.25rem}.sb-page .savings-column-header{display:flex;align-items:center;gap:.75rem;font-size:1rem;font-weight:600;color:var(--sb-text);margin-bottom:.5rem}.sb-page .savings-badge{font-size:.65rem;font-weight:600;color:var(--sb-brand);background:rgba(13,148,136,.12);padding:.15rem .5rem;border-radius:100px;letter-spacing:.3px;text-transform:uppercase}.sb-page .savings-tier{display:grid;grid-template-columns:210px 1fr 80px;align-items:center;gap:.75rem}.sb-page .savings-label{font-size:.8rem;color:var(--sb-text-secondary);white-space:nowrap}.sb-page .savings-bar-track{height:8px;background:rgba(0,0,0,.06);border-radius:4px;overflow:hidden}.dark-mode .sb-page .savings-bar-track{background:rgba(255,255,255,.06)}.sb-page .savings-bar-fill{height:100%;background:var(--sb-brand);border-radius:4px;transition:width .6s ease;opacity:.7}.sb-page .savings-bar-baseline{background:var(--sb-text-muted);opacity:.3}.sb-page .savings-pct{font-size:.8rem;color:var(--sb-text-muted);text-align:right}.sb-page .savings-pct strong{color:var(--sb-brand)}.sb-page .savings-result{display:flex;justify-content:space-between;align-items:center;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--sb-border);font-size:.85rem;color:var(--sb-text-secondary)}.sb-page .savings-result strong{color:var(--sb-text)}.sb-page .savings-result-highlight{border-top-color:rgba(13,148,136,.2)}.sb-page .savings-result-highlight strong{color:var(--sb-brand)}.sb-page .savings-note{font-size:.75rem;color:var(--sb-text-muted);line-height:1.5;margin-top:.25rem}@media (max-width:767px){.sb-page .bento-grid,.sb-page .how-works-grid{grid-template-columns:1fr;gap:16px}.sb-page .bento-span-12,.sb-page .bento-span-5,.sb-page .bento-span-7{grid-column:span 1}.sb-page .bento-item{padding:1.75rem}.sb-page .savings-columns{grid-template-columns:1fr;gap:1.5rem}.sb-page .savings-tier{grid-template-columns:1fr;gap:.25rem}.sb-page .savings-pct{text-align:left}}.sb-hover-glow{transition:border-color var(--sb-transition),box-shadow var(--sb-transition)}.sb-hover-glow:hover{border-color:var(--sb-border-hover);box-shadow:0 0 30px rgba(13,148,136,.08)}.sb-hover-lift{transition:transform var(--sb-transition)}.sb-hover-lift:hover{transform:translateY(-2px)}.coding-tool-mono{display:flex;filter:brightness(0);transition:filter .2s ease}.dark-mode .coding-tool-mono{filter:brightness(0) invert(1)}.coding-tool-icon-btn:hover .coding-tool-mono{filter:brightness(0) saturate(100%) invert(72%) sepia(30%) saturate(800%) hue-rotate(109deg) brightness(95%) contrast(90%)}.hermes-agent-logo-mark{color:#000;display:flex}.coding-tool-icon-btn:hover .hermes-agent-logo-mark{color:#000}.dark-mode .coding-tool-icon-btn:hover .hermes-agent-logo-mark,.dark-mode .hermes-agent-logo-mark{color:#fff}.community-stats-row{display:grid;grid-template-columns:repeat(4,1fr);background:var(--sb-surface);border:1px solid var(--sb-border);border-radius:var(--sb-card-radius-lg,12px);overflow:hidden}.community-stat-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;position:relative}.community-stat-item+.community-stat-item:before{content:"";position:absolute;left:0;top:25%;height:50%;width:1px;background:var(--sb-border)}.community-stat-value{font-size:2rem;font-weight:600;color:var(--sb-brand);line-height:1;margin-bottom:.5rem}.community-stat-label{font-size:.875rem;color:var(--sb-text-secondary);font-weight:500}@media (max-width:767px){.community-stats-row{grid-template-columns:repeat(2,1fr)}.community-stat-item:first-child:before,.community-stat-item:nth-child(3):before{display:none}.community-stat-item:nth-child(n+3){border-top:1px solid var(--sb-border)}.community-stat-item{padding:1.5rem 1rem}.sb-page{--sb-px:20px}.sb-section-header{margin-bottom:40px}.sb-section-header p{font-size:16px}.sb-btn-ghost,.sb-btn-primary,.sb-btn-secondary{padding:8px 16px;font-size:14px;width:100%;min-width:200px}}