@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";
.solution-detail-page{--sol-surface:#fcf9f8;--sol-surface-canvas:#fff;--sol-surface-subtle:#f8fafc;--sol-surface-muted:#f1f5f9;--sol-border:#e2e8f0;--sol-border-focus:#06c;--sol-primary:#06c;--sol-primary-hover:#0052cc;--sol-primary-light:#ebf4ff;--sol-secondary:#f60;--sol-secondary-hover:#e65c00;--sol-navy:#0b192c;--sol-navy-dark:#071220;--sol-text-main:#1c1b1b;--sol-text-muted:#64748b;--sol-text-variant:#414753;--sol-font-display:"Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--sol-font-body:"Noto Sans", sans-serif;background-color:var(--sol-surface-subtle);color:var(--sol-text-variant);font-family:var(--sol-font-body);line-height:1.6}.solution-detail-page *{box-sizing:border-box}.sol-container{max-width:1280px;margin:0 auto;padding-left:1.5rem;padding-right:1.5rem}@media (max-width:768px){.sol-container{padding-left:1rem;padding-right:1rem}}.sol-breadcrumb{color:var(--sol-text-muted);flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.75rem;font-weight:500;display:flex}.sol-breadcrumb a{color:var(--sol-text-muted);text-decoration:none;transition:color .2s}.sol-breadcrumb a:hover{color:var(--sol-primary)}.sol-breadcrumb .sep{color:#cbd5e1}.sol-breadcrumb .current{color:var(--sol-primary);font-weight:600}.sol-hero-section{background-color:var(--sol-surface-canvas);border-bottom:1px solid var(--sol-border);padding-top:2.5rem;padding-bottom:4rem;position:relative;overflow:hidden}@media (min-width:1024px){.sol-hero-section{padding-top:3.5rem;padding-bottom:4.5rem}}.sol-hero-grid{grid-template-columns:1fr;align-items:center;gap:2.5rem;display:grid}@media (min-width:1024px){.sol-hero-grid{grid-template-columns:1fr 1fr;gap:3.5rem}.sol-hero-grid.is-full-width{grid-template-columns:1fr;max-width:820px}}.sol-hero-content{flex-direction:column;gap:1.25rem;display:flex}.sol-hero-badge{width:fit-content;color:var(--sol-primary);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:700;font-family:var(--sol-font-display);background-color:#eff6ff;border:1px solid #dbeafe;border-radius:9999px;align-items:center;gap:.5rem;padding:.375rem .875rem;display:inline-flex}.sol-hero-pulse{background-color:var(--sol-primary);border-radius:9999px;width:.5rem;height:.5rem;animation:2s cubic-bezier(.4,0,.6,1) infinite solPulse}@keyframes solPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.2)}}.sol-hero-title{font-family:var(--sol-font-display);color:#0f172a;letter-spacing:-.02em;margin:0;font-size:1.875rem;font-weight:800;line-height:1.25}@media (min-width:640px){.sol-hero-title{font-size:2.25rem}}@media (min-width:1024px){.sol-hero-title{font-size:2.75rem}}.sol-hero-desc{color:#475569;max-width:36rem;margin:0;font-size:.9375rem;line-height:1.65}@media (min-width:640px){.sol-hero-desc{font-size:1.0625rem}}.sol-hero-actions{flex-wrap:wrap;align-items:center;gap:.75rem;padding-top:.5rem;display:flex}.sol-btn-primary{background-color:var(--sol-secondary);color:#fff;font-family:var(--sol-font-display);cursor:pointer;border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-size:.875rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 6px -1px #f603,0 2px 4px -2px #ff66001a}.sol-btn-primary:hover{background-color:var(--sol-secondary-hover);transform:translateY(-1px);box-shadow:0 10px 15px -3px #ff66004d}.sol-btn-outline{color:var(--sol-primary);font-family:var(--sol-font-display);cursor:pointer;background-color:#fff;border:1px solid #0066cc59;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1.25rem;font-size:.875rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 1px 2px #0000000d}.sol-btn-outline:hover{border-color:var(--sol-primary);background-color:#f0f7ff;transform:translateY(-1px)}.sol-trust-badges{border-top:1px solid var(--sol-border);color:#475569;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;padding-top:1rem;font-size:.75rem;font-weight:600;display:flex}.sol-trust-item{align-items:center;gap:.375rem;display:inline-flex}.sol-trust-item svg{color:var(--sol-primary);flex-shrink:0}.sol-trust-dot{color:#cbd5e1}@media (max-width:640px){.sol-trust-dot{display:none}}.sol-hero-preview{border:1px solid var(--sol-border);background-color:#fff;border-radius:1rem;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 20px 25px -5px #0f172a14,0 8px 10px -6px #0f172a0a}.sol-hero-preview:hover{box-shadow:0 25px 35px -5px #0f172a1f,0 10px 15px -5px #0f172a0f}.sol-window-header{border-bottom:1px solid var(--sol-border);background-color:#f8fafc;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.sol-window-dots{align-items:center;gap:.375rem;display:flex}.sol-window-dot{background-color:#cbd5e1;border-radius:9999px;width:.625rem;height:.625rem;display:inline-block}.sol-window-title{color:#64748b;margin-left:.5rem;font-size:.6875rem;font-weight:600}.sol-window-live{color:#047857;background-color:#ecfdf5;border:1px solid #a7f3d0;border-radius:9999px;align-items:center;gap:.375rem;padding:.125rem .625rem;font-size:.6875rem;font-weight:700;display:inline-flex}.sol-ping-dot{background-color:#10b981;border-radius:9999px;width:.375rem;height:.375rem}.sol-window-body{background-color:#f1f5f9;position:relative;overflow:hidden}.sol-window-body img{object-fit:cover;width:100%;height:auto;transition:transform .5s;display:block}.sol-hero-preview:hover .sol-window-body img{transform:scale(1.02)}.sol-metrics-section{border-bottom:1px solid var(--sol-border);background-color:#fff;padding-top:3rem;padding-bottom:3.5rem}.sol-metrics-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (min-width:640px){.sol-metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.sol-metrics-grid{grid-template-columns:repeat(4,1fr)}}.sol-metric-card{background-color:var(--sol-surface-subtle);border:1px solid var(--sol-border);border-radius:.75rem;padding:1.5rem;transition:all .2s}.sol-metric-card:hover{border-color:var(--sol-primary);transform:translateY(-2px);box-shadow:0 4px 12px #0066cc14}.sol-metric-number{font-family:var(--sol-font-display);color:var(--sol-primary);font-size:2rem;font-weight:800;line-height:1.1}@media (min-width:1024px){.sol-metric-number{font-size:2.25rem}}.sol-metric-number.highlight-orange{color:var(--sol-secondary)}.sol-metric-title{font-family:var(--sol-font-display);color:#0f172a;margin-top:.625rem;margin-bottom:.375rem;font-size:1rem;font-weight:700}.sol-metric-desc{color:#475569;margin:0;font-size:.75rem;line-height:1.55}.sol-comparison-section{background-color:var(--sol-surface-subtle);border-bottom:1px solid var(--sol-border);padding-top:3.5rem;padding-bottom:4rem}.sol-section-header{text-align:center;max-width:48rem;margin:0 auto 3rem}.sol-section-kicker{font-family:var(--sol-font-display);color:var(--sol-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.75rem;font-weight:700;display:block}.sol-section-title{font-family:var(--sol-font-display);color:#0f172a;letter-spacing:-.015em;margin:0;font-size:1.625rem;font-weight:800;line-height:1.3}@media (min-width:640px){.sol-section-title{font-size:2rem}}@media (min-width:1024px){.sol-section-title{font-size:2.25rem}}.sol-section-desc{color:#475569;margin-top:.5rem;font-size:.875rem;line-height:1.6}.sol-comparison-grid{grid-template-columns:1fr;gap:1.75rem;display:grid}@media (min-width:1024px){.sol-comparison-grid{grid-template-columns:1fr 1fr;gap:2rem}.sol-comparison-grid.is-single-col{grid-template-columns:1fr;max-width:720px;margin:0 auto}}.sol-compare-col{background-color:#fff;border-radius:.875rem;padding:1.75rem;box-shadow:0 1px 3px #0000000d}.sol-compare-col.is-challenge{border:1px solid #fecaca}.sol-compare-col.is-solution{border:1px solid #bfdbfe}.sol-compare-header{border-bottom:1px solid var(--sol-border);align-items:center;gap:.75rem;padding-bottom:1rem;display:flex}.sol-compare-icon-wrap{border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;display:flex}.sol-compare-col.is-challenge .sol-compare-icon-wrap{color:#dc2626;background-color:#fef2f2}.sol-compare-col.is-solution .sol-compare-icon-wrap{color:var(--sol-primary);background-color:#eff6ff}.sol-compare-title{font-family:var(--sol-font-display);color:#0f172a;margin:0;font-size:1rem;font-weight:700}.sol-compare-badge{font-size:.75rem;font-weight:600}.sol-compare-col.is-challenge .sol-compare-badge{color:#dc2626}.sol-compare-col.is-solution .sol-compare-badge{color:var(--sol-primary)}.sol-compare-list{flex-direction:column;gap:.875rem;margin-top:1.25rem;display:flex}.sol-compare-item{border-radius:.5rem;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;display:flex}.sol-compare-col.is-challenge .sol-compare-item{background-color:var(--sol-surface-subtle);border:1px solid var(--sol-border)}.sol-compare-col.is-solution .sol-compare-item{background-color:#eff6ff73;border:1px solid #dbeafe}.sol-item-icon{flex-shrink:0;margin-top:.125rem}.sol-compare-col.is-challenge .sol-item-icon{color:#ef4444}.sol-compare-col.is-solution .sol-item-icon{color:var(--sol-primary)}.sol-item-body h4{font-family:var(--sol-font-display);color:#0f172a;margin:0 0 .1875rem;font-size:.8125rem;font-weight:700}.sol-item-body p{color:#475569;margin:0;font-size:.75rem;line-height:1.5}.sol-features-section{border-bottom:1px solid var(--sol-border);background-color:#fff;padding-top:3.5rem;padding-bottom:4rem}.sol-features-header-flex{flex-direction:column;justify-content:space-between;gap:1rem;margin-bottom:2.5rem;display:flex}@media (min-width:768px){.sol-features-header-flex{flex-direction:row;align-items:flex-end}}.sol-features-header-flex .desc{color:#475569;max-width:28rem;margin:0;font-size:.8125rem;line-height:1.6}.sol-features-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (min-width:768px){.sol-features-grid{grid-template-columns:1fr 1fr}}.sol-feature-card{background-color:var(--sol-surface-subtle);border:1px solid var(--sol-border);border-radius:.75rem;padding:1.5rem;transition:all .25s}.sol-feature-card:hover{border-color:var(--sol-primary);transform:translateY(-2px);box-shadow:0 10px 15px -3px #0066cc14}.sol-feature-icon{width:2.5rem;height:2.5rem;color:var(--sol-primary);background-color:#dbeafe;border-radius:.5rem;justify-content:center;align-items:center;margin-bottom:1rem;display:flex}.sol-feature-card h3{font-family:var(--sol-font-display);color:#0f172a;margin:0 0 .5rem;font-size:1rem;font-weight:700}.sol-feature-card p{color:#475569;margin:0;font-size:.75rem;line-height:1.6}.sol-feature-tags{border-top:1px solid var(--sol-border);flex-wrap:wrap;gap:.5rem;margin-top:1rem;padding-top:.75rem;display:flex}.sol-tag-pill{border:1px solid var(--sol-border);color:#475569;background-color:#fff;border-radius:.25rem;padding:.25rem .5rem;font-size:.6875rem;font-weight:600}.sol-process-section{background-color:var(--sol-surface-subtle);border-bottom:1px solid var(--sol-border);padding-top:3.5rem;padding-bottom:4rem}.sol-process-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (min-width:640px){.sol-process-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.sol-process-grid{grid-template-columns:repeat(4,1fr)}}.sol-process-card{border:1px solid var(--sol-border);background-color:#fff;border-radius:.75rem;flex-direction:column;justify-content:space-between;padding:1.5rem;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000000d}.sol-process-card:hover{border-color:var(--sol-primary);transform:translateY(-2px)}.sol-step-number{background-color:var(--sol-primary);color:#fff;min-width:2.5rem;height:2.5rem;font-family:var(--sol-font-display);white-space:nowrap;box-sizing:border-box;border-radius:.5rem;justify-content:center;align-items:center;margin-bottom:1rem;padding:0 .5rem;font-size:.875rem;font-weight:700;line-height:1;display:inline-flex}.sol-step-number.is-final{background-color:var(--sol-secondary)}.sol-process-card h3{font-family:var(--sol-font-display);color:#0f172a;margin:0 0 .375rem;font-size:.9375rem;font-weight:700}.sol-process-card p{color:#475569;margin:0;font-size:.75rem;line-height:1.55}.sol-step-footer{border-top:1px solid var(--sol-border);color:var(--sol-primary);margin-top:1rem;padding-top:.75rem;font-size:.6875rem;font-weight:700}.sol-step-footer.is-orange{color:var(--sol-secondary)}.sol-ecosystem-section{border-bottom:1px solid var(--sol-border);background-color:#fff;padding-top:3.5rem;padding-bottom:4rem}.sol-ecosystem-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}@media (min-width:640px){.sol-ecosystem-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.sol-ecosystem-grid{grid-template-columns:repeat(6,1fr)}}.sol-eco-card{background-color:var(--sol-surface-subtle);border:1px solid var(--sol-border);text-align:center;border-radius:.75rem;padding:1rem;transition:all .2s}.sol-eco-card:hover{border-color:var(--sol-primary);transform:translateY(-2px);box-shadow:0 4px 12px #2563eb14}.sol-eco-card:hover .sol-eco-name{color:var(--sol-primary)}.sol-eco-name{min-height:2rem;font-family:var(--sol-font-display);color:#1e293b;justify-content:center;align-items:center;font-size:.875rem;font-weight:700;transition:color .2s;display:flex}.sol-eco-type{color:#64748b;margin-top:.25rem;font-size:.6875rem;display:block}