/* Two distinct page openings. The adjacent interactive widget supplies the proof. */
.page-body .journey-lead .btn.btn-primary{background:#29bba7;color:#062d2b;border-color:#33ccb6;box-shadow:inset 0 1px rgba(255,255,255,.35),0 6px 16px rgba(21,151,131,.08)}
.journey-lead{padding-top:27px;padding-bottom:0;color:var(--s-ink);--lead-detail:var(--s-green)}.journey-lead .breadcrumb{margin-bottom:34px}.journey-lead-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:55px;align-items:end}.journey-lead-eyebrow{display:flex;align-items:center;gap:9px;color:var(--lead-detail);font-size:11px;font-weight:650;letter-spacing:.035em;margin:0 0 15px}.journey-lead-eyebrow svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.journey-lead-eyebrow>span{font-size:9px;font-weight:500;padding:4px 7px;border:1px solid color-mix(in srgb,var(--lead-detail) 24%,transparent);border-radius:5px;letter-spacing:.015em;margin-left:4px;background:color-mix(in srgb,var(--lead-detail) 5%,transparent)}.page-body .journey-lead h1{font-size:clamp(38px,4.6vw,61px);font-weight:650;letter-spacing:-.045em;line-height:1.055;margin:0;max-width:none;text-wrap:initial}.journey-lead h1>span{color:var(--s-green)}.journey-lead-explainer{padding-bottom:2px}.journey-lead-explainer>p{margin:0;max-width:470px;color:var(--s-muted);font-size:15px;line-height:1.8}.journey-lead-actions{display:flex;align-items:center;gap:21px;margin-top:23px;flex-wrap:wrap}.journey-lead-actions .btn{white-space:nowrap;gap:18px}.journey-lead-text-link{display:inline-flex;align-items:center;gap:12px;color:var(--s-green);font-size:11px;font-weight:650;min-height:42px;white-space:nowrap}.journey-lead-text-link:hover{text-decoration:underline;text-underline-offset:4px}.journey-lead a:focus-visible{outline:3px solid var(--s-accent);outline-offset:4px}.journey-lead-bottom{display:flex;align-items:center;gap:17px;margin-top:28px;padding:17px 0 0;border-top:1px solid var(--s-line);color:var(--s-muted);font-size:11px}.journey-lead-bottom>p{margin:0;line-height:1.5;font-size:11px}.journey-lead-down{margin-left:auto;color:var(--lead-detail);font-size:18px;line-height:1;flex-shrink:0}.journey-inspection-label{display:inline-flex;align-items:center;gap:7px;color:var(--lead-detail);font-size:10px;font-weight:650;white-space:nowrap}.journey-inspection-label i{width:5px;height:5px;border-radius:50%;background:var(--lead-detail)}.journey-process-mark{display:flex;align-items:center;flex-shrink:0}.journey-process-mark i{height:6px;width:6px;display:block;border:1px solid var(--s-green);border-radius:50%}.journey-process-mark i:first-child{background:var(--s-green)}.journey-process-mark b{width:19px;height:1px;background:var(--s-line)}.journey-lead--roast{--lead-detail:#956242}html[data-theme="dark"] .journey-lead--roast{--lead-detail:#deb38e}.journey-lead--roast .journey-lead-title{padding-left:18px;border-left:2px solid color-mix(in srgb,var(--lead-detail) 47%,transparent)}.journey-lead--process .journey-lead-eyebrow{color:var(--s-green)}
/* Avoid duplicating the lead inside its companion demo. */
body[data-page="roast-my-site"] .roast-demo-intro{display:none}body[data-page="roast-my-site"] .roast-demo{margin-top:26px}body[data-page="how-it-works"] .journey-demo{margin-top:25px;padding-top:0}body[data-page="how-it-works"] .journey-intro{display:none}#roast-example,#journey-flow{scroll-margin-top:26px}
@media(max-width:1050px){.journey-lead-layout{gap:32px;grid-template-columns:1.1fr 1fr}.page-body .journey-lead h1{font-size:45px}.journey-lead-explainer>p{font-size:14px}.journey-lead-actions{gap:9px 17px}.journey-lead-actions .btn{font-size:12px;padding:12px 16px}.journey-lead-eyebrow>span{display:none}}
@media(max-width:700px){.journey-lead{padding-top:18px}.journey-lead .breadcrumb{margin-bottom:23px}.journey-lead-layout{grid-template-columns:minmax(0,1fr);gap:18px}.journey-lead-eyebrow{font-size:10px;margin-bottom:12px;gap:7px}.journey-lead-eyebrow svg{width:17px;height:17px}.journey-lead--roast .journey-lead-title{padding-left:13px}.page-body .journey-lead h1{font-size:clamp(32px,9.4vw,43px);line-height:1.07;letter-spacing:-.045em}.journey-lead-explainer>p{font-size:13px;line-height:1.7;max-width:450px}.journey-lead-actions{margin-top:17px;gap:9px 17px}.journey-lead-actions .btn{font-size:11px;min-height:45px;padding:12px 14px;gap:14px}.journey-lead-text-link{font-size:10px;gap:8px;min-height:42px}.journey-lead-bottom{margin-top:21px;padding-top:14px;gap:10px;align-items:flex-start}.journey-lead-bottom>p{font-size:10px;line-height:1.6}.journey-inspection-label{font-size:9px;padding-top:3px}.journey-process-mark{padding-top:5px}.journey-process-mark b{width:11px}.journey-process-mark i{width:5px;height:5px}.journey-lead-down{font-size:15px;padding-top:2px}body[data-page="roast-my-site"] .roast-demo{margin-top:22px}body[data-page="how-it-works"] .journey-demo{margin-top:21px}}
@media(prefers-reduced-motion:reduce){.journey-lead *{scroll-behavior:auto!important}}
