.workflow-page{--workflow-width:1120px}.workflow-page #navigation>a[aria-current=page]{color:var(--pink)}.workflow-hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:80px;padding:64px max(28px,calc((100% - var(--workflow-width))/2)) 70px;background:linear-gradient(120deg,#fff 25%,#fff5f8)}.workflow-hero h1{font-size:clamp(44px,5.3vw,68px);line-height:1.08;letter-spacing:-2.3px;margin-bottom:25px}.workflow-hero h1>span{color:var(--pink)}.workflow-hero-copy>p:not(.eyebrow){font-size:18px;color:var(--muted);max-width:500px}.workflow-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:30px}.workflow-actions .primary{font-size:16px}.journey-preview{padding:26px 30px;border:1px solid #f0e2e8;background:#fff;border-radius:24px;box-shadow:0 18px 55px #64203909}.journey-preview>.eyebrow{font-size:12px;color:#786675;margin-bottom:22px}.journey-preview ol{list-style:none;margin:0;padding:0;display:grid;gap:20px}.journey-preview li{display:flex;gap:18px;align-items:center;position:relative}.journey-preview li:not(:last-child):after{content:'';position:absolute;left:18px;top:39px;width:1px;height:20px;background:#eadde4}.journey-preview li>span{display:grid;place-items:center;border:1px solid #f0ccd9;border-radius:50%;width:38px;height:38px;flex-shrink:0;font-size:12px;color:#c70042;background:#fff5f8}.journey-preview strong{display:block;font-size:15px;font-weight:600}.journey-preview small{display:block;color:#79727d;font-size:12px;line-height:1.5;margin-top:3px}.journey-footnote{border-top:1px solid var(--line);margin-top:24px;padding-top:15px;font-size:13px;color:#716773}.journey-footnote>span{margin:0 8px;color:var(--pink)}.workflow-layout{display:grid;grid-template-columns:215px minmax(0,1fr);gap:68px;align-items:start;padding-top:70px;padding-bottom:60px}.workflow-index{position:sticky;top:115px}.workflow-index .eyebrow{font-size:12px;color:#8b7984}.workflow-index nav{display:flex;flex-direction:column;align-items:stretch;gap:7px}.workflow-index nav a{padding:11px 0;font-size:14px;color:#625965;display:flex;gap:12px}.workflow-index nav a>span{color:#b0a2ab;font-size:12px;padding-top:2px}.workflow-index nav a:hover{color:var(--pink)}.workflow-index>button{margin-top:25px;line-height:1.6;font-size:14px}.workflow-step{display:grid;grid-template-columns:44px minmax(0,1fr);gap:20px;padding:0 0 42px;margin-bottom:42px;border-bottom:1px solid var(--line);scroll-margin-top:110px}.workflow-step:last-child{margin:0;border-bottom:0;padding-bottom:0}.step-number{font-size:25px;line-height:1.2;color:var(--pink);letter-spacing:-1px;padding-top:4px}.workflow-step h2{font-size:29px;letter-spacing:-.75px;line-height:1.25;margin-bottom:16px}.workflow-step>div>p{font-size:16px;line-height:1.7;color:var(--muted);margin-bottom:20px}.offer-explainer{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px}.offer-explainer article{padding:22px;border:1px solid #e8e7eb;border-radius:15px}.offer-explainer h3{font-size:17px}.offer-explainer p{font-size:14px;color:#6f6571;margin-top:12px;line-height:1.65}.offer-explainer .tier-explainer{background:#fff9ef;border-color:#efdcb8}.tier-explainer h3{color:#815513}.tier-explainer small{display:block;color:#856f4f;font-size:12px;margin-top:12px}.workflow-example{border:1px solid #e9dbe3;border-radius:18px;overflow:hidden;max-width:630px;margin:24px 0}.example-label{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:15px 22px;background:#faf5f8;color:#7e6b7a;font-size:10px;letter-spacing:1px;line-height:1.5}.example-label>span{font-size:11px;letter-spacing:0;white-space:nowrap}.example-currencies{display:grid;grid-template-columns:1fr 30px 1fr;align-items:center;gap:15px;padding:25px 22px}.example-currencies small{display:block;font-size:12px;color:#817784;margin-bottom:8px}.example-currencies strong{font-size:25px;font-weight:600;letter-spacing:-.6px;white-space:nowrap}.example-currencies strong>span{font-size:14px;font-weight:500;letter-spacing:0}.example-arrow{font-size:25px;color:var(--pink)}.workflow-example dl{padding:0 22px;margin:0}.workflow-example dl>div{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-bottom:1px solid var(--line);font-size:14px}.workflow-example dt{color:#796e7b}.workflow-example dd{margin:0;white-space:nowrap;font-weight:600}.workflow-example .example-total{border:0;padding:18px 0}.example-total dt{color:var(--ink);font-weight:600}.example-total dd{color:#ce0045;font-size:19px}.workflow-example>p{padding:0 22px 20px;font-size:12px;color:#877985;line-height:1.5}.workflow-step>div>.step-note{font-size:14px;color:#807381;margin-top:20px}.workflow-notice{padding:20px 23px;background:#faf7f9;border-left:3px solid #edabc1;border-radius:0 12px 12px 0}.workflow-notice strong{font-size:15px}.workflow-notice p{margin-top:8px;font-size:14px;line-height:1.7;color:#786a78}.order-progress{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:0;margin:28px 0}.order-progress li{position:relative}.order-progress li>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#fff0f5;color:#c80043;font-size:12px;margin-bottom:13px}.order-progress li:not(:last-child):after{content:'';position:absolute;top:15px;left:42px;right:0;height:1px;background:#e5dbe2}.order-progress strong{font-size:14px}.order-progress p{font-size:13px;color:#857986;margin-top:8px;line-height:1.6}.workflow-ready{display:flex;justify-content:space-between;align-items:center;gap:35px}.workflow-ready h2{font-size:34px}.workflow-ready .primary{font-size:16px}.workflow-faq h2{font-size:38px}
@media(max-width:1100px){.workflow-hero{gap:35px}.workflow-layout{gap:35px;grid-template-columns:190px minmax(0,1fr)}.workflow-step{grid-template-columns:34px minmax(0,1fr);gap:14px}.example-currencies strong{font-size:22px}.offer-explainer{grid-template-columns:1fr}}
@media(max-width:760px){.workflow-hero{grid-template-columns:1fr;padding:42px 24px;gap:35px}.workflow-hero h1{font-size:47px;letter-spacing:-1.5px}.workflow-hero-copy>p:not(.eyebrow){font-size:16px}.workflow-actions{gap:20px}.journey-preview{padding:24px}.workflow-layout{grid-template-columns:1fr;padding:40px 24px;gap:36px}.workflow-index{position:static}.workflow-index nav{display:grid;grid-template-columns:1fr 1fr;gap:4px 16px}.workflow-index nav a{font-size:13px;padding:8px 0}.workflow-index>button{margin-top:16px}.workflow-step{grid-template-columns:28px minmax(0,1fr);gap:12px;padding-bottom:30px;margin-bottom:30px;scroll-margin-top:95px}.workflow-step h2{font-size:25px}.step-number{font-size:22px}.workflow-step>div>p{font-size:15px}.offer-explainer article{padding:18px}.example-label{padding:13px 15px;flex-wrap:wrap;gap:4px}.example-currencies{padding:20px 15px;gap:8px;grid-template-columns:1fr 18px 1fr}.example-currencies strong{font-size:18px}.example-currencies strong>span{font-size:12px}.example-currencies small{font-size:11px}.workflow-example dl{padding:0 15px}.workflow-example dl>div{font-size:12px;gap:10px}.example-total dd{font-size:17px}.workflow-example>p{padding:0 15px 18px;font-size:11px}.order-progress{grid-template-columns:1fr;gap:18px}.order-progress li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:2px 14px}.order-progress li>span{grid-row:span 2;margin-bottom:0}.order-progress li>p{margin:0}.order-progress li:not(:last-child):after{width:1px;height:18px;top:36px;left:14px}.workflow-ready{flex-direction:column;align-items:flex-start;gap:25px}.workflow-ready h2{font-size:31px}.workflow-faq h2{font-size:32px}}
.workflow-anchor{display:block;scroll-margin-top:110px}

/* Lifestyle photography brings warmth to the existing five-step guide. */
.workflow-photo{margin:26px 0 24px;overflow:hidden;border-radius:24px;background:#f4eae6;aspect-ratio:2.25;isolation:isolate}
.workflow-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.step-photo-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(220px,.85fr);gap:30px;align-items:center}
.step-photo-copy p{font-size:16px;line-height:1.75;color:var(--muted);margin:0 0 22px}
.step-photo-layout .workflow-photo{margin:0;aspect-ratio:1.05}
.workflow-photo-account img{object-position:59% 35%}
.workflow-photo-choices img{object-position:50% 26%}
.workflow-photo-tracking img{object-position:50% 25%}
@media(max-width:1100px){.step-photo-layout{grid-template-columns:1fr;gap:24px}.step-photo-layout .workflow-photo{aspect-ratio:2.1}.workflow-photo{border-radius:20px}}
@media(max-width:760px){.workflow-photo,.step-photo-layout .workflow-photo{aspect-ratio:1.5;border-radius:18px;margin-top:22px}.step-photo-layout{gap:0}.step-photo-copy p{font-size:15px}.workflow-photo img{object-position:center}}
