.solution-icon{display:block;flex-shrink:0;height:24px;width:24px}.solution-hero{overflow:hidden;padding:clamp(3rem,1.886rem + 4.58vw,6rem) 0 clamp(2rem,1.443rem + 2.29vw,3.5rem);position:relative;text-align:center}.solution-hero .hero-backdrop{background-image:radial-gradient(circle,rgba(30,150,235,.14) 1px,transparent 0);background-size:22px 22px;top:0;right:0;bottom:0;left:0;-webkit-mask-image:radial-gradient(ellipse 75% 65% at 50% 0,#000 25%,transparent 72%);mask-image:radial-gradient(ellipse 75% 65% at 50% 0,#000 25%,transparent 72%);pointer-events:none;position:absolute}.solution-hero .narrow-container{max-width:960px;position:relative}.solution-hero .hero-eyebrow{color:var(--brand);font-size:14px;font-weight:500;letter-spacing:.08em;margin-bottom:clamp(.75rem,.657rem + .39vw,1rem);text-transform:uppercase}.solution-hero .hero-h1{color:#000;font-size:clamp(2rem,1.443rem + 2.29vw,3.5rem);font-weight:500;letter-spacing:-.03em;line-height:1.12;margin:0 0 clamp(.875rem,.736rem + .58vw,1.25rem)}.solution-hero .hero-subtitle{color:#555;font-size:clamp(1rem,.93rem + .29vw,1.1875rem);line-height:1.55;margin:0 auto clamp(1.375rem,1.189rem + .77vw,1.875rem);max-width:720px}.solution-hero .hero-ctas{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.solution-hero .btn-cta{align-items:center;border-radius:10px;cursor:pointer;display:inline-flex;font-size:16px;font-weight:500;justify-content:center;padding:12px 24px;text-decoration:none;transition:opacity .2s,transform .2s}.solution-hero .btn-cta:hover{opacity:.88;transform:translateY(-1px)}.solution-hero .btn-cta-primary{background:#1e96eb;box-shadow:0 6px 18px #1e96eb40;color:#fff}.solution-hero .btn-cta-secondary{background:#ffffffbf;border:1px solid #d9d9d9;color:#141414}.solution-hero .hero-badges{display:flex;flex-wrap:wrap;gap:8px 10px;justify-content:center;list-style:none;margin:clamp(1.125rem,.939rem + .77vw,1.625rem) 0 0;padding:0}.solution-hero .hero-badge{align-items:center;background:#fff;border:1px solid #ececec;border-radius:999px;color:#4a4a4a;display:inline-flex;font-size:13px;font-weight:500;gap:7px;padding:7px 14px}.solution-hero .hero-badge .badge-icon{color:var(--brand);height:15px;width:15px}.solution-hero .hero-trust{color:#8a8a8a;font-size:13px;margin-top:clamp(1rem,.861rem + .58vw,1.375rem)}.solution-hero .hero-visual{margin:clamp(1.875rem,1.364rem + 2.1vw,3.25rem) auto 0;max-width:920px}.solution-hero .hero-visual .visual-frame{background:#fff;border:1px solid #e6e6e6;border-radius:14px;box-shadow:0 24px 60px -24px #0f285047;overflow:hidden}.solution-hero .hero-visual .visual-chrome{align-items:center;background:#fafafa;border-bottom:1px solid #f0f0f0;display:flex;gap:6px;padding:10px 14px}.solution-hero .hero-visual .chrome-dot{background:#e4e4e4;border-radius:50%;height:9px;width:9px}.solution-hero .hero-visual img{aspect-ratio:2160/1500;display:block;height:auto;width:100%}html.dark .solution-hero .hero-backdrop{background-image:radial-gradient(circle,rgba(30,150,235,.22) 1px,transparent 0)}html.dark .solution-hero .hero-h1{color:#fff}html.dark .solution-hero .hero-subtitle{color:#a0a0a0}html.dark .solution-hero .btn-cta-secondary{background:#1a1a1abf;border-color:#3a3a3a;color:#e6e6e6}html.dark .solution-hero .hero-badge{background:#1a1a1a;border-color:#2a2a2a;color:silver}html.dark .solution-hero .hero-visual .visual-frame{background:#1a1a1a;border-color:#2a2a2a;box-shadow:0 24px 60px -24px #0009}html.dark .solution-hero .hero-visual .visual-chrome{background:#202020;border-bottom-color:#2a2a2a}html.dark .solution-hero .hero-visual .chrome-dot{background:#3a3a3a}.solution-intro{padding:clamp(1.75rem,1.286rem + 1.91vw,3rem) 0}.solution-intro .narrow-container{max-width:760px}.solution-intro .intro-p{color:#3a3a3a;font-size:clamp(.9375rem,.891rem + .2vw,1.0625rem);line-height:1.7;margin:0 0 clamp(.875rem,.782rem + .39vw,1.125rem)}.solution-intro .intro-p:last-child{margin-bottom:0}html.dark .solution-intro .intro-p{color:silver}.solution-steps{padding:clamp(1.75rem,1.286rem + 1.91vw,3rem) 0}.solution-steps .narrow-container{max-width:760px}.solution-steps .steps-lead{color:#555;font-size:clamp(.9375rem,.891rem + .2vw,1.0625rem);line-height:1.65;margin:0 auto clamp(1.375rem,1.189rem + .77vw,1.875rem);max-width:640px;text-align:center}.solution-steps .steps-list{display:flex;flex-direction:column;gap:clamp(.875rem,.736rem + .58vw,1.25rem);list-style:none;margin:0;padding:0}.solution-steps .step-item{background:#fff;border:1px solid #ececec;border-radius:12px;display:flex;gap:16px;padding:clamp(1rem,.861rem + .58vw,1.375rem)}.solution-steps .step-number{align-items:center;background:#1e96eb17;border-radius:50%;color:var(--brand);display:flex;flex-shrink:0;font-size:15px;font-weight:500;height:32px;justify-content:center;width:32px}.solution-steps .step-title{color:#000;font-size:16px;font-weight:500;letter-spacing:-.01em;margin:4px 0 6px}.solution-steps .step-body{color:#555;font-size:15px;line-height:1.6;margin:0}.solution-steps .steps-code{margin-top:clamp(1rem,.861rem + .58vw,1.375rem)}.solution-steps .steps-code pre{background:#16181d;border-radius:12px;margin:0;overflow-x:auto;padding:clamp(1rem,.861rem + .58vw,1.375rem)}.solution-steps .steps-code code{color:#d6e4f5;font-family:SF Mono,ui-monospace,Menlo,monospace;font-size:13.5px;line-height:1.7;white-space:pre}.solution-steps .steps-code .code-caption{color:#9a9a9a;font-size:12px;margin:8px 4px 0}html.dark .solution-steps .steps-lead{color:#a0a0a0}html.dark .solution-steps .step-item{background:#1a1a1a;border-color:#2a2a2a}html.dark .solution-steps .step-number{background:#1e96eb29}html.dark .solution-steps .step-title{color:#fff}html.dark .solution-steps .step-body{color:#a0a0a0}html.dark .solution-steps .steps-code pre{background:#101216;border:1px solid #2a2a2a}.solution-comparison{padding:clamp(1.75rem,1.286rem + 1.91vw,3rem) 0}.solution-comparison .narrow-container{max-width:1100px}.solution-comparison .table-scroll{background:#fff;border:1px solid #ececec;border-radius:12px;overflow-x:auto}.solution-comparison .comparison-table{border-collapse:collapse;font-size:14px;min-width:640px;width:100%}.solution-comparison .comparison-table td,.solution-comparison .comparison-table th{border-bottom:1px solid #f3f3f3;line-height:1.5;padding:14px 16px;text-align:left;vertical-align:top}.solution-comparison .comparison-table thead th{background:#fafafa;color:#000;font-weight:500;white-space:nowrap}.solution-comparison .comparison-table thead th.is-affine-col{background:#1e96eb14;color:var(--brand)}.solution-comparison .comparison-table td.is-affine-col{background:#1e96eb0b;color:#141414;font-weight:500}.solution-comparison .comparison-table tbody tr:last-child td,.solution-comparison .comparison-table tbody tr:last-child th{border-bottom:none}.solution-comparison .comparison-table .row-label{color:#141414;font-weight:500}.solution-comparison .comparison-table td{color:#555}.solution-comparison .comparison-table .cell-value{align-items:flex-start;display:flex;gap:7px}.solution-comparison .comparison-table .cell-icon{height:17px;margin-top:1px;width:17px}.solution-comparison .comparison-table .icon-yes{color:#17a34a}.solution-comparison .comparison-table .icon-no{color:#b9b9b9}.solution-comparison .comparison-note{color:#9a9a9a;font-size:12px;margin:10px 4px 0}.solution-comparison .sr-only{height:1px;overflow:hidden;position:absolute;width:1px;clip:rect(0 0 0 0)}html.dark .solution-comparison .table-scroll{background:#1a1a1a;border-color:#2a2a2a}html.dark .solution-comparison .comparison-table thead th{background:#202020;color:#fff}html.dark .solution-comparison .comparison-table thead th.is-affine-col{background:#1e96eb24}html.dark .solution-comparison .comparison-table td.is-affine-col{background:#1e96eb12;color:#e6e6e6}html.dark .solution-comparison .comparison-table td,html.dark .solution-comparison .comparison-table th{border-bottom-color:#262626}html.dark .solution-comparison .comparison-table .row-label{color:#e6e6e6}html.dark .solution-comparison .comparison-table td{color:#a0a0a0}html.dark .solution-comparison .comparison-table .icon-yes{color:#2fbf62}html.dark .solution-comparison .comparison-table .icon-no{color:#5a5a5a}.solution-faq{padding:clamp(1.75rem,1.286rem + 1.91vw,3rem) 0}.solution-faq .narrow-container{max-width:760px}.solution-faq .faq-item{border-bottom:1px solid #ececec}.solution-faq .faq-item[open] .faq-toggle{transform:rotate(45deg)}.solution-faq .faq-question{align-items:center;cursor:pointer;display:flex;gap:16px;justify-content:space-between;list-style:none;padding:16px 0}.solution-faq .faq-question::-webkit-details-marker{display:none}.solution-faq .faq-question-text{color:#141414;font-size:clamp(.9375rem,.891rem + .2vw,1.0625rem);font-weight:500;line-height:1.4;margin:0}.solution-faq .faq-toggle{color:#8a8a8a;flex-shrink:0;font-size:20px;transition:transform .2s}.solution-faq .faq-answer{color:#555;font-size:15px;line-height:1.65;margin:0;padding:0 0 16px}html.dark .solution-faq .faq-item{border-bottom-color:#2a2a2a}html.dark .solution-faq .faq-question-text{color:#e6e6e6}html.dark .solution-faq .faq-answer{color:#a0a0a0}.solution-related{padding:clamp(1.75rem,1.286rem + 1.91vw,3rem) 0}.solution-related .narrow-container{max-width:1100px}.solution-related .related-grid{display:grid;gap:clamp(1rem,.814rem + .77vw,1.5rem);grid-template-columns:repeat(3,1fr)}@media (max-width:920px){.solution-related .related-grid{grid-template-columns:1fr}}.solution-related .related-card{background:#fff;border:1px solid #ececec;border-radius:12px;cursor:pointer;display:block;padding:clamp(1.125rem,.986rem + .58vw,1.5rem);text-decoration:none;transition:border-color .2s,box-shadow .2s}.solution-related .related-card:hover{border-color:var(--brand);box-shadow:0 10px 30px -18px #1e96eb59}.solution-related .related-card:hover .related-arrow{color:var(--brand);transform:translate(3px)}.solution-related .related-title{align-items:center;color:#000;display:flex;font-size:16px;font-weight:500;gap:10px;justify-content:space-between;letter-spacing:-.02em;margin:0 0 8px}.solution-related .related-title .related-arrow{color:silver;height:16px;transition:transform .2s,color .2s;width:16px}.solution-related .related-desc{color:#555;font-size:14px;line-height:1.55;margin:0}html.dark .solution-related .related-card{background:#1a1a1a;border-color:#2a2a2a}html.dark .solution-related .related-title{color:#fff}html.dark .solution-related .related-desc{color:#a0a0a0}.solution-cta{padding:clamp(1.75rem,1.286rem + 1.91vw,3rem) 0}.solution-cta .narrow-container{max-width:1100px}.solution-cta .cta-band{background:linear-gradient(135deg,#f2f9ff,#f7faff 55%,#eff6ff);border:1px solid #e3eeff;border-radius:16px;overflow:hidden;padding:clamp(2rem,1.443rem + 2.29vw,3.5rem) clamp(1.25rem,.786rem + 1.91vw,2.5rem);position:relative;text-align:center}.solution-cta .cta-band:before{background-image:radial-gradient(circle,rgba(30,150,235,.12) 1px,transparent 0);background-size:20px 20px;content:"";top:0;right:0;bottom:0;left:0;-webkit-mask-image:radial-gradient(ellipse 70% 90% at 50% 100%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse 70% 90% at 50% 100%,#000 20%,transparent 75%);pointer-events:none;position:absolute}.solution-cta .cta-band>*{position:relative}.solution-cta .cta-heading{color:#000;font-size:clamp(1.375rem,1.143rem + .96vw,2rem);font-weight:500;letter-spacing:-.03em;margin:0 0 10px}.solution-cta .cta-body{color:#555;font-size:clamp(.875rem,.829rem + .2vw,1rem);line-height:1.6;margin:0 auto clamp(1.125rem,.939rem + .77vw,1.625rem);max-width:560px}.solution-cta .cta-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.solution-cta .btn-cta{align-items:center;border-radius:10px;display:inline-flex;font-size:16px;font-weight:500;justify-content:center;padding:12px 24px;text-decoration:none;transition:opacity .2s}.solution-cta .btn-cta:hover{opacity:.85}.solution-cta .btn-cta-primary{background:#1e96eb;color:#fff}.solution-cta .btn-cta-secondary{background:#fff;border:1px solid #d9d9d9;color:#141414}html.dark .solution-cta .cta-band{background:linear-gradient(135deg,#131920,#16191d 55%,#121a24);border-color:#24303f}html.dark .solution-cta .cta-band:before{background-image:radial-gradient(circle,rgba(30,150,235,.18) 1px,transparent 0)}html.dark .solution-cta .cta-heading{color:#fff}html.dark .solution-cta .cta-body{color:#a0a0a0}html.dark .solution-cta .btn-cta-secondary{background:transparent;border-color:#3a3a3a;color:#e6e6e6}
