/* Practical services, with the warmth and clarity of YourHub. */
.service-refresh main{padding-bottom:35px}.sr-hero{display:grid;grid-template-columns:1.13fr 1fr;gap:70px;align-items:center;padding:42px 0 45px}.sr-hero .eyebrow{color:var(--pink);font-size:12px}.sr-hero h1{font-size:clamp(44px,4.6vw,67px);margin:20px 0 25px;line-height:1.08;letter-spacing:-1.8px}.sr-hero h1 em{color:var(--pink)}.sr-lead{font-size:21px;line-height:1.7;color:var(--muted);max-width:640px}.sr-visual{min-width:0;position:relative}.sr-visual>img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:20px 20px 20px 5px}.sr-visual figure{margin:0}.sr-visual figure img{display:block;width:100%;height:auto;border-radius:12px;border:1px solid var(--line)}.sr-visual figcaption{font-size:13px;color:var(--muted);margin-top:12px}.sr-visual figcaption a{text-underline-offset:4px}
.sr-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;padding:18px 0 44px}.sr-card{padding:30px 32px;background:#e1efec;border:1px solid #cfdcd5;border-radius:20px 20px 20px 5px;min-width:0}.sr-card:nth-child(4n+2){background:#f5eac3;border-color:#e6dab3;border-radius:5px 22px 22px 5px}.sr-card:nth-child(4n+3){background:#dbeceb;border-color:#c9dfdd;border-radius:22px 5px 22px 5px}.sr-card:nth-child(4n+4){background:#eae5de;border-color:#dcd6cf;border-radius:22px 22px 5px 22px}.sr-card h2{font-family:Georgia,serif;font-size:30px;line-height:1.18;letter-spacing:-.6px;margin:0 0 15px}.sr-card p{font-size:18px;line-height:1.65;color:#425e56}.sr-service{display:flex;flex-direction:column;text-decoration:none;transition:transform .15s,border-color .15s}.sr-service:hover{transform:translateY(-3px);border-color:var(--ink)}.sr-symbol{font-size:29px;line-height:1;margin-bottom:17px;font-family:Georgia,serif}.sr-more{display:block;font-size:16px;font-weight:700;margin-top:auto;padding-top:24px;text-underline-offset:5px}.sr-service:hover .sr-more{text-decoration:underline}
.sr-feature{display:flex;justify-content:space-between;gap:50px;align-items:center;padding:37px 40px;background:#fffdf8;border:1px solid var(--line);border-radius:20px;margin:0 0 42px}.sr-feature h2{font-size:36px;line-height:1.14;margin:14px 0 18px}.sr-feature p{font-size:18px;color:var(--muted);max-width:660px}.sr-feature .btn{flex-shrink:0}.sr-feature-actions{display:flex;flex-direction:column;gap:20px;align-items:flex-start;flex-shrink:0}.sr-example{padding:27px 0 45px;max-width:940px}.sr-example h2{font-size:39px;line-height:1.16;margin:14px 0 20px}.sr-example p{font-size:19px;line-height:1.75;color:var(--muted);margin:0 0 24px}.sr-example .text-link{font-size:17px}.sr-conversation{background:var(--ink);color:var(--paper);border-radius:22px 22px 22px 5px;padding:38px 40px;display:flex;align-items:center;justify-content:space-between;gap:45px;margin:0 0 24px}.sr-conversation h2{font-size:34px;line-height:1.18;margin:12px 0 15px}.sr-conversation p{font-size:17px;max-width:680px;color:#e0e9e3}.sr-conversation .eyebrow{color:#e6cc81}.sr-conversation .btn{background:#f3e4af;color:var(--ink);flex-shrink:0;box-shadow:none}.sr-conversation .btn:hover{background:#e5ce87}.sr-back{display:inline-block;font-size:16px;margin:12px 0;text-underline-offset:5px}
.sr-board{background:#fffdf8;border:1px solid var(--line);border-radius:20px 20px 20px 5px;box-shadow:9px 9px 0 #dae9e5;padding:29px}.sr-board-title{font-size:22px;font-weight:700;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:10px}.sr-plan{display:flex;gap:17px;padding:19px 0;border-bottom:1px solid var(--line)}.sr-plan>span{width:42px;height:42px;display:grid;place-items:center;background:#f3e4af;border-radius:14px 4px 14px 4px;flex-shrink:0;font-family:Georgia,serif;font-size:21px}.sr-plan strong{display:block;font-size:18px}.sr-plan small{display:block;font-size:15px;color:var(--muted);margin-top:7px}.sr-note{font-family:Georgia,serif;font-size:17px;font-style:italic;margin-top:20px;color:#487679}.sr-flow{list-style:none;margin:0;padding:0;counter-reset:flow}.sr-flow li{counter-increment:flow;padding:18px 16px 18px 58px;background:#e1efec;border-radius:12px;position:relative;margin-top:16px}.sr-flow li:nth-child(2){background:#f3e4af}.sr-flow li:nth-child(3){background:#eae5de}.sr-flow li:before{content:counter(flow);position:absolute;left:20px;top:17px;font-family:Georgia,serif;font-size:25px}.sr-flow strong{display:block;font-size:18px}.sr-flow span{display:block;font-size:15px;color:var(--muted);margin-top:6px}
.sr-hub-preview{display:block;max-width:390px;margin-left:auto;border:1px solid #c6d8ce;border-radius:16px;overflow:hidden;background:white;text-decoration:none;box-shadow:9px 9px 0 #dae9e5}.sr-preview-crop{display:block;position:relative;aspect-ratio:.78;overflow:hidden}.sr-preview-crop img{position:absolute;left:0;top:0;display:block;width:260%;max-width:none;height:auto}.sr-preview-caption{display:block;padding:14px 20px;font-weight:700;background:#e1efec;font-size:17px}.sr-hub-preview:hover .sr-preview-caption{background:#cee5de}.sr-hub-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sr-hub-grid .sr-card{padding:25px}.sr-hub-grid h2{font-size:27px}.sr-hub-grid p{font-size:17px}.sr-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-top:30px;border-top:1px solid var(--line);padding-top:30px}.sr-steps strong{font-size:18px}.sr-steps p{font-size:16px;margin-top:12px}
@media(max-width:1050px){.sr-hero{gap:40px}.sr-hero h1{font-size:50px}.sr-lead{font-size:19px}.sr-feature,.sr-conversation{gap:30px;padding:30px}.sr-feature-actions{flex-shrink:1}.sr-grid{gap:18px}.sr-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:750px){.sr-hero{grid-template-columns:1fr;gap:32px;padding-top:28px}.sr-hero h1{font-size:clamp(40px,8vw,55px)}.sr-lead{font-size:19px}.sr-visual{max-width:530px;width:100%;margin:auto}.sr-hub-preview{margin:auto;max-width:340px}.sr-feature,.sr-conversation{align-items:flex-start;flex-direction:column;gap:24px}.sr-feature h2,.sr-example h2{font-size:33px}.sr-card{padding:25px}.sr-card h2{font-size:27px}.sr-steps{grid-template-columns:1fr;gap:12px}.sr-steps p{margin:6px 0 10px}.sr-conversation h2{font-size:30px}}
@media(max-width:560px){.sr-grid,.sr-hub-grid{grid-template-columns:1fr}.sr-card p{font-size:18px}.sr-feature,.sr-conversation{padding:26px}.sr-board{padding:22px}.sr-board-title{font-size:20px}.sr-hero{padding-bottom:25px}.sr-visual figcaption{font-size:12px}}
@media(prefers-reduced-motion:reduce){.sr-service{transition:none}.sr-service:hover{transform:none}}