.snake-section{padding-block:80px}.snake-rail{position:relative;isolation:isolate}.snake-path{position:absolute;inset:0;width:100%;height:100%;z-index:-1;overflow:visible}.snake-path path{fill:none;stroke:var(--accent);stroke-width:2;stroke-dasharray:7 10;opacity:.3;vector-effect:non-scaling-stroke}.snake-step{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px;min-height:520px;padding:35px 55px}.snake-step:nth-of-type(even) .snake-image{order:2}.snake-image{margin:0;display:grid;place-items:center;position:relative;background:radial-gradient(ellipse,var(--soft),transparent 70%);padding:22px}.snake-frame{border:7px solid #292927;border-radius:38px;background:#fff;overflow:hidden;box-shadow:14px 24px 55px #ab6d3029;transform:rotate(-5deg);transition:transform .6s,box-shadow .6s;max-width:205px;width:100%}.snake-frame img{display:block;width:100%;height:auto}.snake-step:nth-of-type(even) .snake-frame{transform:rotate(5deg)}.snake-admin .snake-frame{max-width:440px;border-radius:20px;border-width:7px;transform:rotate(-3deg)}.snake-image figcaption{font-size:11px;color:var(--muted);text-align:center;margin-top:27px}.snake-copy{max-width:400px}.snake-number{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--accent);font-size:12px;font-weight:700;margin-bottom:25px;transition:background .25s,color .25s,box-shadow .25s}.snake-copy .eyebrow{margin-bottom:14px}.snake-copy h3{font-size:36px;line-height:1.17}.snake-copy>p:not(.eyebrow){font-size:15px;color:var(--muted);line-height:1.8;margin:20px 0}.snake-step.is-active .snake-number{background:var(--accent);color:var(--page);box-shadow:0 0 0 7px var(--soft)}.snake-step.is-active .snake-frame{transform:rotate(0deg) translateY(-5px)}.dark .snake-frame{box-shadow:0 0 40px #ed751221,12px 26px 45px #0005}.snake-step.is-active .snake-copy{animation:snake-in .65s ease both}@keyframes snake-in{from{opacity:.55;transform:translateY(20px)}to{opacity:1;transform:none}}.snake-nav{display:flex;justify-content:center;gap:9px;margin-top:25px}.snake-nav a{border:1px solid var(--line);background:var(--surface);border-radius:30px;padding:12px 18px;font-size:12px;min-height:44px}.snake-nav [aria-current=step]{border-color:var(--accent);color:var(--accent);background:var(--soft)}
.plans-section{padding-block:76px;background:var(--surface-2);border-block:1px solid var(--line)}.feature-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.feature-plan{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:30px;display:flex;flex-direction:column;scroll-margin-top:120px}.feature-plan:first-child{border-color:var(--accent)}.plan-heading{display:flex;gap:12px;align-items:center;color:var(--accent);font-size:14px;font-weight:600;margin-bottom:24px}.plan-heading .mi{padding:12px;border-radius:13px;background:var(--soft)}.feature-plan h3{font-size:28px;line-height:1.2}.feature-plan>p{color:var(--muted);font-size:13px;margin-top:14px}.plan-divider{font-size:9px;letter-spacing:.13em;color:var(--muted);padding-top:25px;margin-top:24px;border-top:1px solid var(--line)}.feature-plan ul{padding:0;list-style:none;display:grid;gap:14px;margin:24px 0 30px}.feature-plan li{font-size:13px;display:flex;gap:10px;align-items:start;line-height:1.5}.feature-plan li>span{color:var(--accent)}.feature-plan .plan-note{padding:14px;background:var(--soft);border-radius:10px;font-size:11px;margin:0 0 20px}.feature-plan .button{margin-top:auto;width:100%;padding-inline:12px;gap:8px;font-size:12px}
@media(max-width:980px){.snake-step{gap:40px;padding:30px 20px;min-height:500px}.snake-copy h3{font-size:30px}.feature-plans{gap:12px}.feature-plan{padding:23px}.feature-plan h3{font-size:25px}.feature-plan li{font-size:12px}}
@media(max-width:700px){.snake-section{padding-block:48px}.snake-path{display:none}.snake-rail{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--accent) var(--soft);gap:16px;overscroll-behavior-x:contain}.snake-step{flex:0 0 100%;min-width:0;display:flex;flex-direction:column;gap:24px;scroll-snap-align:start;scroll-snap-stop:always;padding:25px 20px;background:var(--surface);border:1px solid var(--line);border-radius:28px}.snake-step:nth-of-type(even) .snake-image{order:0}.snake-image{width:100%;height:340px;flex-shrink:0;padding:10px}.snake-frame{max-width:130px;border-width:5px;border-radius:25px;transform:rotate(-3deg)}.snake-admin .snake-frame{max-width:100%;border-radius:14px}.snake-image figcaption{font-size:10px;margin-top:18px}.snake-copy{max-width:none;width:100%}.snake-number{width:35px;height:35px;margin-bottom:18px}.snake-copy h3{font-size:28px}.snake-copy>p:not(.eyebrow){font-size:13px;line-height:1.7;margin:15px 0}.snake-nav{gap:6px;flex-wrap:wrap}.snake-nav a{font-size:10px;padding:11px 13px}.plans-section{padding-block:48px}.feature-plans{grid-template-columns:1fr;gap:18px}.feature-plan{padding:27px}.feature-plan h3{font-size:28px}.feature-plan li{font-size:14px}.feature-plan .button{font-size:13px}.snake-step.is-active .snake-copy{animation:none}}
@media(prefers-reduced-motion:reduce){.snake-step.is-active .snake-copy{animation:none}.snake-frame,.snake-number{transition:none}.snake-step.is-active .snake-frame{transform:none}.snake-rail{scroll-behavior:auto}}