.hero-flow{width:100%;max-width:510px;justify-self:end;scroll-margin-top:110px}.flow-caption{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;color:#99ae8d;font-size:10px;letter-spacing:.08em}.flow-caption button{background:transparent;border:1px solid #536c44;color:#c7e8b1;width:31px;height:31px;border-radius:50%;font-size:20px;cursor:pointer;flex-shrink:0}.flow-caption button:focus-visible{outline:3px solid #b9f675;outline-offset:4px}
.compact-flow{padding:25px;border:1px solid #405336;border-radius:15px;background:#1c2d20;box-shadow:0 25px 55px #0002}.compact-step{display:flex;gap:13px;align-items:center;padding:17px;background:#273a28;border:1px solid #42573a;border-radius:8px;min-width:0}.compact-step small{display:block;font-size:10px;letter-spacing:.07em;color:#a6bb97;margin-bottom:5px}.compact-step strong{display:block;font-size:15px;line-height:1.4;font-weight:500;color:#f2f6ec}.step-icon{width:32px;height:32px;flex-shrink:0;border-radius:7px;background:#384e2d;display:grid;place-content:center;color:#c6f39f;font-size:20px}.step-done{font-size:10px;color:#aed88d;margin-left:auto}
.flow-connection{height:26px;position:relative;margin-left:33px;border-left:1px solid #536c44;overflow:hidden}.flow-connection span{position:absolute;left:-1px;top:0;width:2px;height:12px;background:#b9f675}.step-send{background:#b9f675;border-color:#c6fa95}.step-send small{color:#4e7331}.step-send strong{color:#1c3216}.step-send .step-icon{background:#28461d;color:#d6fab7}.step-review{background:#f4f7ef;border-color:#e1eacc;align-items:flex-start}.step-review small{color:#75886a}.step-review strong{color:#26391b}.step-review p{font-size:13px;line-height:1.5;color:#65735a;margin-top:7px}.step-review>.google-symbol{margin-left:auto;width:20px;height:20px;flex-shrink:0}.compact-stars{color:#be8a21;font-size:11px;letter-spacing:1px;display:inline-block;margin-left:7px}.flow-payoff{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:14px;color:#cbe6b8;margin-top:22px;line-height:1.5}.flow-payoff>span{font-size:23px;color:#b9f675}
.compact-flow.playing .step-job{animation:flow-glow .8s .2s both}.compact-flow.playing .flow-connection span{animation:flow-travel .9s .9s both}.compact-flow.playing .step-send{animation:flow-enter .7s 1.5s both}.compact-flow.playing .flow-connection:nth-of-type(4) span{animation-delay:2.3s}.compact-flow.playing .step-review{animation:flow-enter .7s 3s both}.compact-flow.playing .compact-stars{animation:flow-enter .7s 3.5s both}.compact-flow.playing .flow-payoff{animation:flow-enter .7s 4.1s both}
@keyframes flow-enter{from{opacity:.35;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes flow-travel{from{transform:translateY(-12px)}to{transform:translateY(28px)}}@keyframes flow-glow{50%{border-color:#b9f675;box-shadow:0 0 0 3px #b9f67518}}
.profile-explained{grid-column:1/-1;display:grid;grid-template-columns:.85fr 1.15fr;gap:6vw;align-items:center;border-top:1px solid #cdd9c1;padding-top:45px;margin-top:8px}.profile-explained-copy h2{font-size:clamp(34px,3.6vw,52px)}.profile-explained-copy>p:not(.eyebrow){font-size:15px;margin-top:22px;max-width:390px}.profile-explained-copy>.text-link{font-size:14px;margin-top:24px}.profile-explained .profile-caption{color:#6b7d5b}.profile-explained .profile-guide summary,.profile-explained .profile-guide ul,.profile-explained .profile-guide p{color:#657957}.profile-explained .profile-guide a{color:#3e622b}.profile-explained .profile-guide summary:after{color:#688254}.profile-explained .profile-stage{padding:0}.profile-explained .profile-callout{display:none}.profile-explained-copy .profile-integration-note{font-size:12px!important;color:#7b8b6d}
@media(max-width:1050px){.compact-flow{padding:18px}.compact-step{padding:14px;gap:10px}.compact-step strong{font-size:14px}.step-done{display:none}}
@media(max-width:800px){.hero-flow{max-width:520px;justify-self:center}.profile-explained{grid-template-columns:1fr;gap:26px;padding-top:30px}.profile-explained .profile-stage{max-width:520px;justify-self:center;width:100%}.profile-explained-copy h2{font-size:38px}}
@media(max-width:400px){.compact-flow{padding:14px}.compact-step{padding:12px;gap:9px}.compact-step strong{font-size:13px}.compact-step small{font-size:9px}.compact-stars{margin-left:0;display:block}.flow-payoff{font-size:13px}}
@media(prefers-reduced-motion:reduce){.compact-flow.playing *{animation:none!important}}
.hero .hero-cta-context{max-width:370px;font-size:14px;line-height:1.55;color:#b9cbb0;margin:0}
.comparison-evidence{display:flex;align-items:center;gap:18px;margin:22px 0;padding:20px 0;border-top:1px solid #dce5d3;border-bottom:1px solid #dce5d3}.comparison-evidence>strong{font-size:58px;line-height:1;letter-spacing:-.06em;color:#355526;font-weight:500;flex-shrink:0}.comparison-evidence>strong>span{font-size:28px}.comparison-evidence p{font-size:14px;line-height:1.5;color:#435b35}.comparison-evidence a{display:inline-block;font-size:11px;color:#76866a;margin-top:8px;text-underline-offset:3px}.decision-prompt strong{display:block;font-size:19px;line-height:1.3}.decision-prompt p{margin-top:10px}@media(max-width:400px){.comparison-evidence{gap:12px}.comparison-evidence>strong{font-size:48px}.comparison-evidence p{font-size:13px}}