.solution-breadcrumb{color:var(--md-sys-color-on-surface-variant);flex-wrap:wrap;align-items:center;gap:9px;padding-top:28px;font-size:12px;display:flex}.solution-breadcrumb a:hover,.solution-page p a,.solution-faq-answer a{color:var(--md-sys-color-primary);text-underline-offset:4px;text-decoration:underline}.solution-hero{grid-template-columns:1fr 1fr;align-items:center;gap:64px;padding-block:56px 80px;display:grid}.solution-hero>*,.solution-split>*,.solution-grid>*,.solution-hero-visual{min-width:0}.solution-hero h1{letter-spacing:-.045em;margin-top:22px;font-size:clamp(36px,4.2vw,57px);font-weight:500;line-height:1.1}.solution-hero h1 span{color:var(--md-sys-color-primary)}.solution-intro{color:var(--md-sys-color-on-surface-variant);margin-top:24px;font-size:16px;line-height:1.85}.solution-hero .hero-actions{flex-wrap:wrap;gap:20px}.solution-section{border-top:1px solid var(--md-sys-color-outline-variant);padding-block:62px}.solution-section .section-title{max-width:800px;margin-top:12px}.solution-section>p:not(.eyebrow){max-width:740px;margin-top:20px}.solution-section p:not(.eyebrow),.solution-section li,.solution-next p:not(.eyebrow){color:var(--md-sys-color-on-surface-variant);font-size:15px;line-height:1.85}.solution-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:32px;display:grid}.solution-card{padding:26px}.solution-card>svg,.solution-card .solution-step{color:var(--md-sys-color-primary)}.solution-step{font-family:ui-monospace,SFMono-Regular,monospace;font-size:13px}.solution-card h3{letter-spacing:-.02em;margin-top:20px;font-size:21px;font-weight:500;line-height:1.3}.solution-card p{margin-top:12px}.solution-card .text-action{justify-content:flex-start;margin-top:22px}.solution-split,.solution-faq{grid-template-columns:1fr 1fr;gap:64px;display:grid}.solution-split>div>p:not(.eyebrow){margin-top:22px}.solution-checklist{margin-top:20px;padding-left:21px;list-style:outside}ol.solution-checklist{list-style:decimal}.solution-checklist li+li{margin-top:12px}.solution-code{border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-1);border-radius:14px;overflow:hidden}.solution-code-heading{border-bottom:1px solid var(--md-sys-color-outline-variant);color:var(--md-sys-color-on-surface-variant);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;font-size:12px;display:flex}.solution-code pre{color:var(--md-sys-color-primary);padding:24px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:12px;line-height:2;overflow-x:auto}.solution-code figcaption,.solution-illustration figcaption{border-top:1px solid var(--md-sys-color-outline-variant);color:var(--md-sys-color-on-surface-variant);padding:18px 22px;font-size:12px;line-height:1.8}.solution-code figcaption{background:var(--md-sys-color-surface-2)}.solution-illustration{margin:0}.solution-illustration-header{border-bottom:1px solid var(--md-sys-color-outline-variant);justify-content:space-between;align-items:center;gap:15px;padding:22px;display:flex}.solution-illustration svg{max-width:100%;height:auto;display:block}.solution-experiment{gap:10px;padding:0 22px 22px;display:grid}.solution-experiment>div{background:var(--md-sys-color-surface-2);color:var(--md-sys-color-on-surface-variant);border-radius:7px;grid-template-columns:100px 1fr;gap:15px;padding:12px;font-size:12px;line-height:1.7;display:grid}.solution-experiment strong{color:var(--md-sys-color-primary);font-weight:500}.solution-table-wrap{border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-1);border-radius:14px;margin-top:30px;overflow-x:auto}.solution-table{border-collapse:collapse;text-align:left;width:100%;font-size:14px;line-height:1.8}.solution-table caption{text-align:left;color:var(--md-sys-color-primary);padding:18px 22px;font-weight:500}.solution-table th,.solution-table td{vertical-align:top;border-top:1px solid var(--md-sys-color-outline-variant);padding:18px 22px}.solution-table thead{background:var(--md-sys-color-surface-2)}.solution-table th{font-weight:500}.solution-table td{color:var(--md-sys-color-on-surface-variant)}.solution-table tbody th{width:22%}.solution-callout{border-left:3px solid var(--md-sys-color-primary);background:var(--md-sys-color-surface-2);border-radius:0 10px 10px 0;margin-top:28px;padding:22px 26px}.solution-callout h3{margin-bottom:8px;font-size:18px;font-weight:500}.solution-faq-answer{color:var(--md-sys-color-on-surface-variant);padding:12px 0 5px;font-size:14px;line-height:1.9}.solution-learning-path{counter-reset:learning;padding:28px;list-style:none}.solution-learning-path li{counter-increment:learning;padding:0 0 30px 48px;position:relative}.solution-learning-path li:last-child{padding-bottom:0}.solution-learning-path li:before{content:counter(learning, decimal-leading-zero);color:var(--md-sys-color-primary);font-family:ui-monospace,SFMono-Regular,monospace;font-size:12px;position:absolute;top:0;left:0}.solution-learning-path strong{font-size:18px;font-weight:500;display:block}.solution-learning-path span{color:var(--md-sys-color-on-surface-variant);margin-top:6px;font-size:13px;line-height:1.75;display:block}.solution-next{grid-template-columns:1.2fr 1fr;align-items:center;gap:64px;margin-block:20px 80px;padding:42px;display:grid}.solution-next h2{letter-spacing:-.035em;margin-top:14px;font-size:clamp(28px,3vw,38px);font-weight:500;line-height:1.2}.solution-next p:not(.eyebrow){margin-block:18px 24px}.solution-next nav{gap:18px;display:grid}.solution-next .text-action{border-bottom:1px solid var(--md-sys-color-outline-variant);justify-content:space-between;padding-bottom:18px;line-height:1.7}@media (max-width:1000px){.solution-hero,.solution-split,.solution-faq{gap:36px}.solution-grid{gap:14px}.solution-card{padding:22px}}@media (max-width:760px){.solution-hero,.solution-grid,.solution-split,.solution-faq,.solution-next{grid-template-columns:1fr}.solution-hero{gap:36px;padding-block:38px 50px}.solution-hero h1{max-width:560px}.solution-section{padding-block:44px}.solution-card{padding:26px}.solution-next{gap:34px;margin-bottom:50px;padding:26px}.solution-table th,.solution-table td{padding:14px}.solution-table{min-width:560px;font-size:13px}}
