@import '../../../wholeverb-brand-development-2026-10-03/visual-foundations-2026-10-04/process-section/questions.css';
@import '../../../wholeverb-brand-development-2026-10-03/visual-foundations-2026-10-04/process-section/closing.css';
@import '../../../wholeverb-brand-development-2026-10-03/visual-foundations-2026-10-04/footer-study/footer.css';
/* Current Home material and type, within the selected industry-page journey. */
.home-services-page{color:#102d30;background:#fcfbf7}
.hs-hero{background:radial-gradient(ellipse at 95% 0%,#02a0a04a,transparent 60%),radial-gradient(ellipse at 0% 100%,#ffbd6517,transparent 50%),linear-gradient(125deg,#102c2c,#00353b);padding:58px 0 52px}
.hs-hero-grid{align-items:center;gap:36px;grid-template-columns:minmax(0,.85fr) minmax(0,1.25fr)}
.hs-eyebrow,.wv-process-kicker{font-size:11px;line-height:17px;letter-spacing:.08em;font-weight:600;text-transform:uppercase;margin:0 0 20px;color:#51635f}
.hs-eyebrow{color:#ffcf86}
.hs-hero h1{font-size:50px;line-height:1.08;letter-spacing:-.05em;font-weight:500;margin-bottom:24px}
.hs-hero-grid>div>p:not(.hs-eyebrow){font-size:18px;line-height:1.65;color:#d6e6dc;margin-bottom:22px}
.hs-hero-media{border:1px solid #92b6ae;border-radius:12px;overflow:hidden;background:#fdfcf8;box-shadow:0 12px 35px #001f2630}
.hs-hero-media figcaption{background:linear-gradient(120deg,#dff3eb,#f6faf5);font-size:11px;line-height:17px;align-items:center;padding:13px 15px}
.hs-hero-media figcaption b{color:#416057}
.hs-actions{gap:18px 26px}
.hs-facts{border-top:1px solid #9fbeb840;margin-top:36px;padding-top:24px;gap:22px}
.hs-facts p{color:#d6e6dc;font-size:14px;line-height:22px}
.hs-facts strong{color:#ffcf86;font-weight:500}
.hs-heading h2,.hs-scope h2,.hs-conversion h2,.wd-heading h2{font-size:48px;line-height:1.1;letter-spacing:-.045em;font-weight:500;color:#102d30}
.hs-heading>p,.wd-heading p{font-size:17px;line-height:1.65;color:#51635f;max-width:760px;margin-inline:auto}
.hs-proof,.hs-tools,.hs-reading{padding-block:80px}
.hs-proof-grid{gap:24px;align-items:stretch}
.hs-proof-grid article{padding:0 0 22px;background:none;border-bottom:1px solid #cddcd3;min-width:0}
.hs-proof-image{height:250px;position:relative;border-radius:12px;border:1px solid #bfd5ce;background:radial-gradient(ellipse at 20% 0%,#fff9ed,transparent 60%),linear-gradient(135deg,#dff3eb,#f6faf5);padding:12px;overflow:hidden}
.hs-proof-image img{object-fit:contain;max-height:100%;width:100%;height:auto;box-shadow:0 5px 14px #234b4518;border:1px solid #d7e3d9;border-radius:5px}
.hs-proof-image.is-phone{padding:14px}
.hs-phone-device{height:100%;max-width:100%;aspect-ratio:390/650;flex:none;border-radius:20px;padding:4px;background:linear-gradient(135deg,#ffe4ae,#ffc45c 22%,#ffa126 65%,#e88d19);box-shadow:0 6px 18px #082e3820}
.hs-phone-device>img{display:block;width:100%;height:100%;max-height:100%;border:0;border-radius:16px;box-shadow:none;object-fit:contain;background:#fff}
.hs-proof-image.is-detail{background-image:linear-gradient(135deg,#dff3eb,#f6faf5);background-size:auto;background-position:initial}
.hs-proof-focus{position:absolute;left:8%;top:61%;width:40%;height:15%;border:2px solid #d9933e;border-radius:5px;box-shadow:0 0 0 4px #ffe4ae55;pointer-events:none}
.hs-proof-grid h3{font-size:23px;line-height:1.25;font-weight:500;letter-spacing:-.035em;margin:22px 0 12px}
.hs-proof-grid article>p{color:#51635f;font-size:16px;line-height:1.65}
.hs-text-action{display:flex;align-items:center;gap:16px;min-height:44px;margin-top:24px;font-size:14px;font-weight:500;color:#007074;text-decoration:none}
.hs-text-action:hover{text-decoration:underline;text-underline-offset:5px}
.hs-tools-grid{gap:20px}
.hs-tools-grid>article{border:1px solid #bfd5ce;border-radius:12px;background:linear-gradient(140deg,#fffefb,#f6faf5);padding:24px 20px;box-shadow:0 7px 20px -16px #234b4540}
.hs-tools-grid h3{font-size:20px;line-height:1.25;font-weight:500;letter-spacing:-.025em;color:#102d30}
.hs-tools-grid p{font-size:15px;line-height:1.65;color:#51635f}
.hs-tools-grid svg{width:30px;height:30px;stroke:#007074}
.hs-scope{margin-bottom:72px;padding:44px 36px;border:1px solid #c4dcd1;border-radius:18px;background:radial-gradient(ellipse at 0% 100%,#ffbd6520,transparent 60%),linear-gradient(120deg,#edf6ec,#e0f0e8)}
.hs-scope h2{font-size:40px}
.hs-scope>div{gap:20px}
.hs-scope strong{font-weight:500;color:#102d30;letter-spacing:-.04em}
.hs-scope>div>p:first-child strong{text-decoration:underline;text-decoration-color:#ffc45c;text-underline-offset:7px;text-decoration-thickness:3px}
.hs-scope span{color:#416057;font-size:14px;line-height:1.6}
.hs-conversion{background:radial-gradient(ellipse at 0% 0%,#ffbd6538,transparent 48%),radial-gradient(ellipse at 100% 100%,#02a0a055,transparent 65%),linear-gradient(125deg,#00353b,#102c2c);padding-top:64px}
.hs-conversion h2{color:#f8f6ee}
.hs-conversion p{font-size:18px;line-height:1.65;color:#d6e6dc;max-width:720px}
.hs-conversion-media{border-radius:12px 12px 0 0;border-color:#92b6ae;background:linear-gradient(#fffefb,#f6faf5);box-shadow:0 12px 35px #001f2630}
.hs-reading>div{gap:24px}
.hs-reading a{border-top:1px solid #cddcd3}
.hs-reading h3{font-size:21px;line-height:1.25;font-weight:500;letter-spacing:-.03em;margin-bottom:14px;color:#102d30}
.hs-reading h3 span{color:#007074}
.hs-reading p{font-size:15px;line-height:1.65;color:#51635f}
/* Workday: preserve all 13 illustrations and source interaction anatomy. */
.wd-heading{margin-bottom:40px}
.wd-heading p{margin-bottom:14px}
.wd-group-toggle{background:radial-gradient(ellipse at 0 0,#145052,transparent 65%),linear-gradient(130deg,#00353b,#04292e);border:1px solid #316263;border-radius:8px;font-size:22px;line-height:1.3;font-weight:500;box-shadow:inset 0 1px #ffffff15}
.wd-group.is-active .wd-group-toggle{background:linear-gradient(130deg,#07595e,#0e444a);border-color:#167a7e}
.wd-group.is-active .wd-group-toggle>span:after{display:none}
.wd-choices>button{font-size:16px;line-height:24px;font-weight:500}
.wd-choices>button[aria-pressed=true]>span{border:1px solid #a9ccc1;border-radius:7px;background:linear-gradient(145deg,#f8fcf6,#e4f2e9);box-shadow:0 2px 0 #c6d9cf;color:#007074}
.wd-scene{border:1px solid #bfd5ce;border-radius:12px;box-shadow:0 7px 20px -16px #234b4540}
.wd-description h3{font-size:27px;line-height:1.2;font-weight:500;letter-spacing:-.035em;color:#102d30}
.wd-description p{color:#51635f;line-height:1.65}
@media(max-width:1100px) and (min-width:801px){.hs-hero h1{font-size:44px}.hs-hero-grid{gap:28px}.hs-proof-grid{gap:20px}.hs-proof-image{height:230px}.hs-tools-grid{gap:16px}.hs-scope{padding:40px 28px}}
@media(max-width:800px){.hs-wrap,.wd-wrap{width:calc(100% - 44px)}.hs-hero{padding:36px 0 42px}.hs-hero-grid{grid-template-columns:1fr;gap:30px}.hs-hero h1{font-size:42px;line-height:1.1;font-weight:500;letter-spacing:-.045em}.hs-hero-grid>div>p:not(.hs-eyebrow){font-size:17px;line-height:1.65}.hs-facts{align-items:flex-start;text-align:left;gap:12px}.hs-facts p{font-size:14px}.hs-heading h2,.hs-scope h2,.hs-conversion h2,.wd-heading h2{font-size:35px;line-height:1.1;letter-spacing:-.045em}.hs-heading>p{font-size:16px;line-height:1.65}.hs-proof,.hs-tools,.hs-reading{padding-block:56px}.hs-proof-grid{gap:28px}.hs-proof-image{height:auto;aspect-ratio:16/10;padding:14px}.hs-proof-image.is-phone{height:320px;aspect-ratio:auto}.hs-proof-image.is-detail{aspect-ratio:16/10}.hs-proof-focus{top:59%;height:15%}.hs-proof-grid h3{font-size:24px}.hs-tools-grid{grid-template-columns:1fr 1fr;gap:16px}.hs-tools-grid>article{padding:22px 20px}.hs-scope{margin-bottom:52px;padding:32px 24px;border-radius:12px}.hs-scope>div{grid-template-columns:1fr 1fr;gap:24px}.hs-scope strong{font-size:30px;line-height:1.15}.hs-conversion{padding-top:48px}.hs-conversion p{font-size:16px}.hs-conversion-media{margin-top:32px}.hs-reading>div{grid-template-columns:1fr 1fr}.wd-group-toggle{font-size:21px}.wd-description h3{font-size:25px}.wd-dots button span{width:9px;height:9px}.hs-close .wv-closing-action .wv-primary{max-width:100%}}
@media(max-width:440px){.hs-tools-grid,.hs-reading>div{grid-template-columns:1fr}.hs-hero h1{font-size:39px}.hs-scope strong{font-size:28px}}
@media(max-width:360px){.hs-hero h1{font-size:35px}.hs-scope{padding-inline:20px}.hs-scope>div{grid-template-columns:1fr}.hs-proof-image.is-phone{height:300px}}
@media(max-width:767px){.wd-mobile-arrows{position:static;transform:none;justify-content:flex-end;gap:12px;margin-top:12px}.wd-mobile-arrows>button{border:1px solid #a9ccc1;border-radius:7px;background:linear-gradient(145deg,#f8fcf6,#e4f2e9);box-shadow:0 2px 0 #c6d9cf}.wd-description h3{margin-top:20px}.wd-dots{margin-top:12px}.wd-dots button{width:44px}}
.hs-detail-screen{position:relative;width:100%;line-height:0}
.hs-detail-screen .hs-proof-focus{left:5%;top:74%;width:39%;height:12%}
.wd-enlarge{display:flex;align-items:center;gap:12px;margin:14px 0 0 auto;padding:4px 0;min-height:44px;border:0;background:none;font-size:13px;color:#007074;text-decoration:underline;text-underline-offset:4px}
.wd-viewer{width:min(1120px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:24px;border:1px solid #9fc3be;border-radius:14px;color:#13383d;background:#fcfbf7;overflow:auto}
.wd-viewer::backdrop{background:#071317a8;backdrop-filter:blur(5px)}
.wd-viewer>header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}
.wd-viewer h2{font:500 25px/1.2 'DM Sans',sans-serif;letter-spacing:-.035em;margin:0}
.wd-viewer header button{width:44px;height:44px;flex:none;border:1px solid #a9ccc1;border-radius:50%;background:#fff;font-size:25px;color:#007074}
.wd-viewer-scroll{overflow-x:auto;border:1px solid #bfd5ce;border-radius:10px;background:#f6faf5}
.wd-viewer-scroll .wd-svg{display:block;width:100%;min-width:640px;height:auto}
.wd-viewer>p{font-size:15px;line-height:1.65;color:#51635f;margin:20px 0 0}
@media(max-width:680px){.wd-viewer{padding:16px}.wd-viewer h2{font-size:21px}}

/* Owner-selected illustrated service family. Native workday/bento glyphs stay intact. */
.hs-tools-grid .hs-tool-illustration{display:block;width:72px;height:72px;background:none;border:0;border-radius:0;box-shadow:none}
.hs-tools-grid .hs-tool-illustration img{display:block;width:100%;height:100%;object-fit:contain}