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