.sol-steps{position:relative;z-index:1}.sol-steps-sticky{height:calc(var(--steps) * 100vh + 20vh)}.sol-steps-row{position:sticky;top:0;height:100vh;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;gap:clamp(40px,6vw,96px);padding:64px var(--inset) 32px}.sol-steps-title{max-width:12em}.sol-steps-list{margin:48px 0 0;padding:0;list-style:none;border-bottom:1px solid var(--guide)}.sol-steps-list li{position:relative;border-top:1px solid var(--guide)}.sol-steps-name{display:block;width:100%;padding:22px 0;border:0;background:none;text-align:left;cursor:pointer;font:500 17px/1.35 var(--sans);letter-spacing:-.01em;color:var(--muted);transition:color .2s ease}.sol-steps-name:hover,.sol-steps-list li[data-active] .sol-steps-name{color:var(--ink-strong)}.sol-steps-name:focus-visible{outline:2px solid var(--link);outline-offset:2px}.sol-steps-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .36s cubic-bezier(.2,.7,.2,1)}.sol-steps-body>p{overflow:hidden;max-width:34em;color:var(--muted)}.sol-steps-list li[data-active] .sol-steps-body{grid-template-rows:1fr}.sol-steps-list li[data-active] .sol-steps-body>p{padding-bottom:24px}.sol-steps-bar{position:absolute;z-index:1;left:0;bottom:-1px;width:100%;height:1px;background:var(--link);scale:0 1;transform-origin:left}.sol-steps-visual{min-width:0}.sol-steps-stage{position:relative;margin:0;aspect-ratio:656 / 560;border-radius:14px;overflow:hidden;isolation:isolate}.sol-steps-stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:url(/img/landing/grain.png) 0 0 / 128px 128px;mix-blend-mode:overlay;opacity:.55;pointer-events:none}.sol-steps-stage .sc{height:100%;min-height:0;background:none}.sol-steps-stage .sc:before{content:none}.sol-steps-stage .sc-label{color:#ffffffd1}.sol-steps-stage .sc-mark{color:#fff}.sol-tone-dusk{background:radial-gradient(70% 60% at 22% 88%,color-mix(in srgb,var(--film-blue) 70%,transparent),transparent),radial-gradient(55% 50% at 92% 100%,color-mix(in srgb,var(--film-amber) 55%,transparent),transparent),radial-gradient(80% 70% at 75% 10%,color-mix(in srgb,var(--film-blue) 28%,transparent),transparent),var(--navy)}.sol-tone-plum{background:radial-gradient(65% 60% at 82% 85%,rgb(178 38 64 / .75),transparent),radial-gradient(70% 60% at 12% 18%,rgb(98 46 160 / .7),transparent),radial-gradient(50% 45% at 10% 100%,rgb(52 86 196 / .55),transparent),#1c0a1e}.sol-tone-tide{background:radial-gradient(70% 60% at 20% 92%,rgb(32 150 142 / .7),transparent),radial-gradient(60% 55% at 88% 12%,color-mix(in srgb,var(--film-blue) 45%,transparent),transparent),radial-gradient(40% 35% at 98% 100%,rgb(226 179 90 / .45),transparent),#061a2a}.sol-panels{position:relative;z-index:1;padding:40px 0 0}.sol-panels-list{display:grid;gap:16px;padding-inline:var(--inset)}.sol-panel{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(32px,5vw,72px);padding:16px;border-radius:16px;background:var(--card-shell)}.sol-panel-copy{padding:32px clamp(16px,3vw,40px)}.sol-panel-title{font:400 clamp(26px,3.4vw,34px)/1.15 var(--sans);letter-spacing:-.025em;color:var(--ink-strong);max-width:12em;text-wrap:balance}.sol-panel-copy p{margin-top:20px;max-width:34em;color:var(--muted)}.sol-panel-reverse{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.sol-panel-reverse .sol-panel-copy{grid-column:2;grid-row:1}.sol-panel-reverse .sol-panel-visual{grid-column:1;grid-row:1}.sol-panel-visual{position:relative;margin:0;min-width:0;border-radius:12px;overflow:hidden;background:var(--paper);border:1px solid var(--hair)}.sol-panel-visual .sc{min-height:480px;background:radial-gradient(55% 50% at 50% 55%,color-mix(in srgb,var(--film-blue) 14%,transparent),transparent)}.sol-panel-visual .sc:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--dots);-webkit-mask-image:radial-gradient(closest-side at 50% 55%,#000 35%,transparent 100%);mask-image:radial-gradient(closest-side at 50% 55%,#000 35%,transparent 100%);pointer-events:none}.sol-panel-visual .sc-board{top:50%;translate:-50% calc(-50% + 28px)}.sol-cta{position:relative;z-index:1}.sol-cta-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:32px;padding:128px var(--inset)}.sol-cta-row h2{max-width:14em;text-wrap:balance}.sol-cta-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px 28px}.sol-cta .btn-primary{padding:13px 23px;height:auto}.sol-steps-stack{display:grid;gap:56px;padding:96px var(--inset) 64px}.sol-steps-item{display:grid;gap:14px}.sol-steps-item p{color:var(--muted);max-width:34em}.sol-steps-item .sol-steps-stage{margin-top:10px}@media(prefers-reduced-motion:reduce){.sol-steps-body{transition:none}}@media(max-width:900px){.sol-panel{grid-template-columns:minmax(0,1fr);gap:8px}.sol-panel-reverse .sol-panel-copy,.sol-panel-reverse .sol-panel-visual{grid-column:auto;grid-row:auto}.sol-panel-copy{padding:24px 8px}.sol-cta-row{padding:96px var(--inset)}}@media(max-width:720px){.sol-steps-stage{aspect-ratio:auto;height:480px}}@media(max-width:600px){.sol-steps-stack{padding:64px 16px 48px;gap:48px}.sol-panels-list{padding-inline:8px}.sol-panel{padding:8px}.sol-panel-visual .sc{min-height:380px}.sol-cta-row{padding:72px 16px}}@container (min-width: 560px){.sol-panel-visual .sc-board{zoom:.92}}
