/* Product surfaces share the theme tokens in style.css. */
.hero{position:relative;isolation:isolate;padding:26px 0 36px;overflow:hidden}.hero-tag{display:inline-flex;align-items:center;gap:7px;color:var(--green);font-size:12px;font-weight:650;padding:7px 12px;border-radius:24px;background:var(--soft);margin-bottom:24px}.hero-tag .icon{width:15px;height:15px}.hero h1{font-size:clamp(35px,7.5vw,62px);line-height:1.12;max-width:760px;letter-spacing:-1.7px}.hero h1 span{color:var(--green)}.hero p{margin:20px 0 24px;font-size:16px}.hero-actions{display:flex;flex-wrap:wrap;gap:10px}.hero-actions .button{flex:1;min-width:132px}.hero-actions .icon{width:17px}.hero-orbit{display:none}.profile-nudge{display:flex;flex-wrap:wrap;align-items:center;gap:12px;background:var(--soft);border-radius:22px;padding:20px;margin:6px 0 24px}.nudge-icon{display:grid;place-items:center;background:var(--surface);color:var(--green);width:44px;height:44px;border-radius:15px}.profile-nudge>div{flex:1;min-width:180px}.profile-nudge strong{font-size:15px}.profile-nudge p{font-size:13px;margin:4px 0 0}.profile-nudge .button{width:100%;background:var(--surface)}.home-categories{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.home-categories button{display:flex;align-items:center;gap:8px;min-height:44px;background:var(--soft);border-radius:24px;padding:10px 14px;font-size:13px}.home-categories .icon{width:16px}.how-it-works{display:grid;gap:18px;list-style:none;padding:0;counter-reset:step}.how-it-works li{position:relative;padding-left:38px;counter-increment:step;font-size:14px}.how-it-works li:before{content:counter(step);position:absolute;left:0;top:0;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--soft);color:var(--green);font-weight:700}.how-it-works span{display:block;color:var(--muted);font-size:13px;margin-top:3px}.record-actions{display:grid;gap:10px;margin-top:20px}.message-thread{display:flex;flex-direction:column;gap:12px;max-height:420px;overflow:auto;overscroll-behavior:contain;margin:18px 0}.message{max-width:94%;padding:14px;background:var(--bg);border:1px solid var(--line);border-radius:16px}.message.own{align-self:flex-end;background:var(--soft)}.message strong{font-size:12px}.message p{white-space:pre-wrap;margin:6px 0;font-size:15px;color:var(--ink)}.message small{font-size:11px;color:var(--muted)}.list-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;text-align:left;border:1px solid var(--line);border-radius:16px;min-height:72px;background:var(--surface);margin:10px 0;padding:16px}.list-row strong{font-size:14px}.list-row small{display:block;color:var(--muted);font-size:12px;margin-top:5px}.unread{border-left:4px solid var(--green)}.payment-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px}.payment-summary .panel{padding:16px}.payment-summary h2{font-size:25px;margin-top:10px}.payment-summary .eyebrow{font-size:11px}.payment-summary p{font-size:12px;margin-bottom:0}.payment-status{display:flex;align-items:flex-start;gap:12px;background:var(--soft);border-radius:16px;padding:16px;margin-bottom:20px}.payment-status strong{font-size:14px}.payment-status p{margin:5px 0 0;font-size:13px}.bank-detail{display:flex;align-items:center;gap:12px;margin:16px 0}.bank-detail p{font-size:14px;margin:4px 0}.payment-record{border-top:1px solid var(--line);padding:18px 0;overflow-wrap:anywhere}.payment-work{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--line);padding:18px 0}.payment-work p{margin:5px 0;font-size:14px}.payment-work .row-actions{margin:8px 0 0}.checkout-amount{font-size:36px;font-weight:750;margin:22px 0;color:var(--green)}.checkout-amount span{display:block;font-size:14px;font-weight:400;color:var(--muted);margin-top:8px}.review{border-top:1px solid var(--line);padding:16px 0}.safety-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.nearby-controls{display:flex;flex-wrap:wrap;align-items:center;gap:0 16px}.nearby-controls .field{flex:1;min-width:160px}.nearby-controls .caption{width:100%}.postcode-banner,.postcode-card{padding:16px;border:1px solid var(--line);background:var(--soft);border-radius:14px;margin:16px 0}.postcode-actions{display:flex;gap:8px;flex-wrap:wrap}
@media(min-width:600px){.profile-nudge{flex-wrap:nowrap}.profile-nudge .button{width:auto}.hero-actions .button{flex:initial}.hero{padding:34px 0 48px}.how-it-works{grid-template-columns:repeat(3,1fr)}.payment-work{flex-direction:row;justify-content:space-between;align-items:center}}@media(min-width:900px){.hero{padding:42px 0 58px}.hero p{font-size:18px}.hero-orbit{display:block;position:absolute;z-index:-1;right:-75px;top:20px;width:330px;height:330px;border:1px solid var(--line);border-radius:50%;background:var(--soft);opacity:.6}.hero-orbit span{position:absolute;border:1px solid var(--line);border-radius:50%;inset:40px}.hero-orbit span:nth-child(2){inset:80px}.hero-orbit span:nth-child(3){inset:120px;background:var(--surface)}}
.agreement-pay{font-size:23px;font-weight:750;color:var(--green);margin-top:16px}.profile-columns{display:flex;flex-direction:column}.profile-columns>aside{order:-1}@media(min-width:900px){.profile-columns{display:grid}.profile-columns>aside{order:initial}}
.form-status{background:var(--soft);color:var(--ink);border-radius:12px;padding:14px;font-size:14px;margin:16px 0}.verification-card p{margin:12px 0 16px}.email-check{max-width:620px}.email-address{font-weight:650;color:var(--ink)}.email-check .caption .button{min-height:44px;font-size:13px}.modal-menu{display:grid;gap:10px}