.app-default .benefits-section .benefit-item{display:flex;align-items:center;width:100%;max-width:900px;min-height:400px;gap:var(--var-gap-20)}.app-default .benefits-section .benefit-item.invert{flex-direction:row-reverse}.app-default .benefits-section .benefit-content{width:60%;display:flex;flex-direction:column;gap:var(--var-gap-10)}.app-default .benefits-section .benefit-content p:not(.h2){font-style:italic}.app-default .benefits-section .benefit-image{width:40%;display:flex;justify-content:center;align-items:center;position:relative;min-height:240px}.app-default .benefits-section .benefit-image img{max-width:100%;object-fit:contain;border-radius:8px;box-shadow:0 8px 24px #0003}.app-default .benefits-section .benefit-image .benefit-image-pre{box-shadow:none!important;filter:none;border-radius:0}@media(max-width:850px){.app-default .benefits-section .benefit-content{width:100%}.app-default .benefits-section .benefit-item{flex-direction:column;text-align:center;min-height:50vh}.app-default .benefits-section .benefit-item.invert{flex-direction:column}.app-default .benefits-section .benefit-image{width:80%}}.app-default .milkshake-section .milkshake-visual{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.app-default .milkshake-section .milkshake-img{min-width:60%;max-width:600px;object-fit:cover}.app-default .milkshake-section .milkshake-overlay{position:absolute;inset:0;pointer-events:none}.app-default .milkshake-section .milkshake-svg{position:absolute}.app-default .milkshake-section .annotation{position:absolute;inset:0;pointer-events:none}.app-default .milkshake-section .annotation .milkshake-line-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.app-default .milkshake-section .annotation line{stroke:#00000073;stroke-width:1.6;vector-effect:non-scaling-stroke;transition:stroke .25s ease,opacity .25s ease;opacity:.9}.app-default .milkshake-section .annotation .milkshake-pin{position:absolute;transform:translate(-50%,-50%);width:18px;height:18px;border:0;background:transparent;padding:0;cursor:pointer;pointer-events:auto}.app-default .milkshake-section .annotation .pin-dot{width:12px;height:12px;border-radius:999px;background:var(--color-tertiary);display:block;box-shadow:0 0 0 4px var(--color-tertiary-opacity3);transition:transform .25s ease,box-shadow .25s ease,filter .25s ease}.app-default .milkshake-section .annotation .milkshake-label{position:absolute;transform:translate(-50%,-50%);max-width:260px;cursor:pointer;pointer-events:auto}.app-default .milkshake-section .annotation .label-card{background:var(--color-white);color:var(--color-text-primary);border:1px solid var(--color-border-primary);border-radius:12px;padding:var(--var-padding-10);transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease;box-shadow:0 4px 12px #00000026}.app-default .milkshake-section .annotation:hover line,.app-default .milkshake-section .annotation:focus-within line{stroke:var(--color-tertiary);opacity:1}.app-default .milkshake-section .annotation:hover .pin-dot,.app-default .milkshake-section .annotation:focus-within .pin-dot{transform:scale(1.2);box-shadow:0 0 0 6px var(--color-tertiary-opacity3);filter:saturate(1.15)}.app-default .milkshake-section .annotation:hover .label-card,.app-default .milkshake-section .annotation:focus-within .label-card{border-color:var(--color-tertiary);box-shadow:0 6px 18px var(--color-tertiary-opacity1-5);transform:translateY(-1px)}.app-default .milkshake-section .annotation .milkshake-pin:focus-visible .pin-dot{outline:2px solid var(--color-tertiary);outline-offset:3px}@media screen and (max-width:850px){.app-default .milkshake-section .annotation .milkshake-label{transform:initial}.app-default .milkshake-section .milkshake-img{min-width:100%;max-width:100%;height:auto;object-fit:cover}}.app-default .HowStart-section .rail-wrap{width:100%}.app-default .HowStart-section .rail{height:10px;border-radius:999px;background:linear-gradient(90deg,var(--color-yellow),var(--color-tertiary),var(--color-primary));background-size:200% 100%;animation:railFlow 12s linear infinite;filter:drop-shadow(0 2px 6px rgba(0,0,0,.08));z-index:0}@keyframes railFlow{0%{background-position:0% 50%}to{background-position:200% 50%}}.app-default .HowStart-section .rail-beads{position:absolute;left:0;right:0;top:-5px;height:20px;display:grid;grid-template-columns:repeat(6,1fr);align-items:center;pointer-events:none;z-index:1}.app-default .HowStart-section .rail-bead{width:14px;height:14px;margin-inline:auto;border-radius:999px;background:var(--color-white);border:4px solid var(--bead-color, var(--color-tertiary));box-shadow:0 2px 8px #0000001a}.app-default .HowStart-section .rail-steps{z-index:2;display:grid;grid-template-columns:repeat(6,1fr);align-items:start;list-style:none;margin:0;padding:var(--var-padding-20) 0 0}.app-default .HowStart-section .rail-step{display:grid;grid-template-rows:auto auto auto;justify-items:center;gap:var(--var-gap-10);text-align:center;padding:0 var(--var-padding-10)}.app-default .HowStart-section .step-copy{display:flex;width:100%;flex-direction:column;gap:var(--var-gap-5)}.app-default .HowStart-section .step-badge{--size: clamp(74px, 8vw, 100px);width:var(--size);height:var(--size);border-radius:999px;display:grid;place-items:center;background:transparent;border:none;box-shadow:none;transition:transform .2s ease,filter .2s ease}.app-default .HowStart-section .step-badge.has-circle img{width:92%;height:92%;object-fit:contain;display:block}.app-default .HowStart-section .step-badge:hover,.app-default .HowStart-section .step-badge:focus-visible{transform:translateY(-4px) scale(1.03);outline:none}@media screen and (max-width:850px){.app-default .HowStart-section .rail,.app-default .HowStart-section .rail-beads{display:none}.app-default .HowStart-section .rail-steps{grid-template-columns:1fr;gap:18px;padding-top:0;padding-left:var(--var-padding-80)}.app-default .HowStart-section .rail-steps:before{content:"";position:absolute;left:12px;top:6px;bottom:6px;width:4px;border-radius:4px;background:linear-gradient(var(--color-yellow),var(--color-tertiary),var(--color-primary));opacity:.9}.app-default .HowStart-section .rail-step{grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:12px 14px;text-align:left;align-items:center;padding-left:var(--var-padding-20)}.app-default .HowStart-section .rail-step:before{content:"";position:absolute;left:-12px;top:28px;width:6px;height:6px;border-radius:999px;background:var(--color-white);border:4px solid var(--bead-color, var(--color-tertiary));box-shadow:0 2px 6px #0000001a}.app-default .HowStart-section .step-badge{--size: 72px}}
