/* Service-page-only extension of the homepage's illustrated, colorful card system. */
.care-page .care-hero {
  position: relative;
  isolation: isolate;
  padding: 112px 0 76px;
  background: radial-gradient(ellipse at 3% 22%, #fff0de 0, transparent 40%),
    radial-gradient(ellipse at 90% 25%, #ddcdff 0, transparent 52%),
    radial-gradient(ellipse at 20% 100%, #c9eee6 0, transparent 60%), #f6f8ff;
}
.care-page .care-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-image: linear-gradient(#6584b00e 1px, transparent 1px), linear-gradient(90deg, #6584b00e 1px, transparent 1px);
  background-size: 30px 30px;
  mask-image: radial-gradient(ellipse at 50% 35%, #000, transparent 76%);
}
.care-page .care-hero-grid { align-items: center; gap: clamp(36px, 5vw, 76px); }
.care-page .care-hero h1 { font-size: clamp(60px, 5.9vw, 82px); margin-bottom: 24px; line-height: 1; }
.care-page .care-hero h1 span { color: #2869d0; }
.care-page .care-hero .eyebrow { color: #375e8c; font-size: 12px; margin-bottom: 23px; }
.care-page .care-hero-copy > .care-intro { font-size: 20px !important; color: #2c3d55; max-width: 520px; line-height: 1.5; margin-bottom: 12px; }
.care-page .care-intro strong { font-weight: 600; }
.care-page .care-hero-copy > p:not(.eyebrow):not(.care-intro) { max-width: 495px; font-size: 15px; }
.care-everything-price {
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: center;
  min-height: 174px;
  margin-top: 24px;
  padding: 22px 25px;
  border: 1px solid #fff;
  border-radius: 22px;
  background: linear-gradient(135deg, #bed8ff, #e7eaff 66%, #f3e4fb);
  box-shadow: 0 12px 38px #305a9210;
}
.care-page .care-everything-price p { margin: 0; color: #294567; }
.care-page .care-everything-price .care-price-eyebrow { font-size: 11px; font-weight: 600; }
.care-page .care-everything-price .care-price-amount { display: flex; align-items: baseline; gap: 7px; margin: 9px 0 12px; line-height: 1; color: #204d96; }
.care-price-amount > strong { font: 400 65px/1 'GD-Font', sans-serif; letter-spacing: -.065em; }
.care-price-amount > span { font-size: 15px; }
.care-page .care-everything-price .care-price-promise { font-size: 12px; font-weight: 500; line-height: 1.65; }
.care-price-art { position: absolute; width: 155px; height: 155px; object-fit: contain; right: -10px; top: 6px; transform: rotate(6deg); transition: transform .45s cubic-bezier(.2,.75,.25,1.15); }
.care-everything-price > div { position: relative; z-index: 1; padding-right: 98px; }
.care-page .care-hero-copy > p.care-initial-price { color: #596779; font-size: 10px !important; margin: 9px 0 0; }
.care-page .care-actions { margin-top: 23px; margin-bottom: 0; gap: 16px; }
.care-page .care-portal-scene { isolation: isolate; padding: 0 0 10px; }
.care-page .care-portal-scene::before { content: ''; position: absolute; inset: -22px -22px 7px; z-index: -1; border: 1px solid #ffffffb0; border-radius: 34px; background: linear-gradient(155deg, #d9c9ffb0, #cee4ff9c 60%, #daf4ea9c); transform: rotate(2deg); }
.care-page .care-portal { border-color: #ffffffed; box-shadow: 0 22px 60px #334d8a20; }
.care-page .care-window-bar { background: #eff0ff; border-color: #e2dff5; }
.care-page .care-portal-heading { gap: 14px; }
.care-page .care-portal-symbol { width: 82px; height: 82px; flex-basis: 82px; background: none; border-radius: 0; }
.care-portal-symbol img { width: 100%; height: 100%; object-fit: contain; transform: rotate(-5deg); transition: transform .35s ease; }
.care-page .care-portal-heading p { color: #605581; font-size: 11px; }
.care-page .care-portal-heading h2 { font-size: clamp(22px, 2.1vw, 30px); }
.care-page .care-request-choices button { background: #f8f6ff; border-color: #e3dcf5; }
.care-page .care-request-choices button[aria-pressed=true] { background: #dfebff; border-color: #a8c6f4; }
.care-page .care-portal textarea { background: #faf9ff; }
.care-page .care-demo-result { border-top-color: #e1e7f1; }
.care-page .care-time-badge { background: #e0f4e9; border-color: #fff; box-shadow: 0 8px 22px #35576610; padding-inline: 25px; }
.care-page .care-time-badge strong { color: #256a57; }
.care-page .care-time-badge span { color: #3e685c; }
.care-page .care-time-badge > .care-icon:first-child { color: #337d66; }
.care-page .care-promise-strip { background: #285dbb; border: 0; padding-block: 28px; }
.care-page .care-promise-strip span { color: #fff; font-size: 14px; }
.care-page .care-promise-strip .care-icon { color: #c5ddff; width: 28px; height: 28px; flex-basis: 28px; }

/* Large illustrations, strong pastel surfaces, fine grids, and cursor light. */
.care-page .care-inclusions { background: #fff; padding-top: 95px; }
.care-inclusions-intro { display: grid; grid-template-columns: 1.55fr 1fr; align-items: center; gap: 72px; margin-bottom: 45px; }
.care-inclusions-intro .care-section-heading { margin-bottom: 0; }
.care-page .care-inclusions h2 { font-size: clamp(44px, 4.8vw, 66px); }
.care-page .care-inclusions h2 span { color: #2869d0; }
.care-inclusions-intro .care-section-heading > p:last-child { max-width: 585px; }
.care-inclusions-price { justify-self: end; padding-left: 35px; border-left: 1px solid #d8e3f4; }
.care-inclusions-price > span { display: block; color: #526980; font-size: 13px; }
.care-inclusions-price > strong { display: block; margin: 16px 0; color: #1e477b; font: 400 66px/1 'GD-Font', sans-serif; letter-spacing: -.06em; }
.care-inclusions-price small { font: 400 16px 'Wix Madefor Text', sans-serif; letter-spacing: 0; }
.care-page .care-inclusions-price p { font-size: 13px; color: #4a617e; margin-bottom: 18px; }
.care-inclusions-price .care-text-link { font-size: 12px; }
.care-page .care-service-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; perspective: 1400px; }
.care-page .care-service {
  --care-tint: #c5dcff;
  --care-end: #e9f2ff;
  --care-color: #2b65bd;
  --proof-color: var(--care-color);
  min-width: 0;
  min-height: 418px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
  padding: 30px;
  border: 1px solid color-mix(in srgb, var(--care-color) 18%, transparent);
  border-radius: 24px;
  background: linear-gradient(145deg, var(--care-tint), var(--care-end));
  box-shadow: 0 10px 26px #1724450b;
  transform: perspective(1100px) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg));
}
.care-page .care-service.care-tint-peach { --care-tint: #ffdac4; --care-end: #ffeddf; --care-color: #a7532d; }
.care-page .care-service.care-tint-lilac { --care-tint: #d9caff; --care-end: #eee5ff; --care-color: #7741b0; }
.care-page .care-service.care-tint-mint { --care-tint: #bceadd; --care-end: #e1f5eb; --care-color: #237762; }
.care-page .care-service::before { inset: 8px; background-image: linear-gradient(#4b678515 1px, transparent 1px), linear-gradient(90deg, #4b678515 1px, transparent 1px); background-size: 24px 24px; mask-image: radial-gradient(ellipse at 65% 45%, #000 10%, transparent 80%); opacity: .8; }
.care-page .care-service::after { content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none; border-radius: inherit; background: radial-gradient(280px circle at var(--glow-x, 50%) var(--glow-y, 50%), color-mix(in srgb, var(--care-color) 18%, transparent), transparent 75%); opacity: 0; transition: opacity .25s ease; }
.care-service-top { display: flex; align-items: center; gap: 16px; margin-bottom: 22px; }
.care-page .care-service .care-icon-tile { width: 62px; height: 62px; flex: 0 0 62px; border-radius: 19px; background: #ffffff75; color: var(--care-color); }
.care-custom-icon { display: block; width: 42px; height: 42px; }
.care-page .care-service .care-category { margin: 0; font-size: 11px; letter-spacing: .035em; color: #4b5c70; }
.care-page .care-service h3 { margin: 0 0 6px; color: #162335; font-size: clamp(30px, 2.8vw, 39px); font-weight: 500; line-height: 1.13; text-wrap: pretty; }
.care-service-body { display: grid; grid-template-columns: 1fr .95fr; align-items: center; gap: 20px; flex: 1; margin-bottom: 8px; }
.care-page .care-service-body > p { margin: 0; color: #3d5166; font-size: 15px; line-height: 1.65; }
.care-service-art { display: flex; align-items: center; justify-content: center; width: 100%; min-width: 0; height: 225px; transform: rotate(-4deg); transition: transform .45s cubic-bezier(.2,.75,.25,1.15), filter .35s ease; }
.care-service-art img { display: block; height: 100%; width: 100%; object-fit: contain; }
.care-page .care-service .care-included { align-self: flex-start; padding: 8px 12px; border: 1px solid #ffffff8f; border-radius: 999px; font-size: 11px; background: #ffffff6e; color: color-mix(in srgb, var(--care-color) 85%, #15243a); }
.care-included-bottom { display: flex; align-items: center; justify-content: space-between; gap: 35px; padding: 30px 4px 0; }
.care-page .care-included-bottom p { color: #53637b; font-size: 14px; margin: 0; }
.care-included-bottom strong { color: #274266; font-weight: 600; }
.care-included-bottom .button { flex-shrink: 0; }

/* Keep the rest of the service journey in the same colorful visual family. */
.care-page #how-it-works { background: #f5f7fc; }
.care-page .care-steps { gap: 22px; }
.care-page .care-steps li { padding: 30px; border: 1px solid #d9e4f4; border-radius: 23px; background: linear-gradient(145deg, #d8e7ff, #edf4ff); }
.care-page .care-steps li:nth-child(2) { border-color: #e6d9f5; background: linear-gradient(145deg, #e6d6ff, #f3eaff); }
.care-page .care-steps li:nth-child(3) { border-color: #cde7dc; background: linear-gradient(145deg, #cceee2, #e8f7ef); }
.care-page .care-steps .care-icon-tile { width: 76px; height: 76px; border-radius: 23px; background: #ffffff9c; }
.care-page .care-steps .care-icon { width: 42px; height: 42px; }
.care-page .care-steps li:nth-child(2) .care-icon-tile { color: #8253bc; }
.care-page .care-steps li:nth-child(3) .care-icon-tile { color: #327d67; }
.care-page .care-step-number { top: 29px; right: 25px; color: #738daf; opacity: .65; }
.care-page .care-timing-note { background: #fff; border-color: #dbe4f2; }
.care-page .care-blog { max-width: 1320px; padding: 50px; border: 1px solid #f4d7bf; border-radius: 26px; background: radial-gradient(ellipse at 20% 20%, #ffceaf, transparent 70%), #fff0e4; gap: 55px; }
.care-page .care-blog-art { background: none; }
.care-page .care-blog-art img { width: min(100%, 320px); }
.care-page .care-difference { background: linear-gradient(145deg, #e5dcff, #eef2ff 70%); }
.care-page .care-handoff-card { background: #fffdfa; border-color: #fff; box-shadow: 0 20px 50px #60439c13; }
.care-page .care-price-panel { background: radial-gradient(ellipse at 100% 0, #c7b4ff, transparent 65%), radial-gradient(ellipse at 0 100%, #ffcdaa, transparent 75%), #d8e7ff; border: 1px solid #e1d4f8; }
.care-page .care-price-card { background: #ffffffdb; border-width: 2px; box-shadow: 0 18px 45px #4c589716; }
.care-page .care-price-card > strong { font-size: clamp(80px, 7vw, 108px); color: #295eac; }
.care-page .care-price-card > p > strong { color: #314868; font-weight: 600; }
.care-page .care-final { background: radial-gradient(ellipse at 10% 0, #d6c4ff, transparent 65%), radial-gradient(ellipse at 90% 100%, #bce9dd, transparent 65%), #e4edff; }
.care-page .care-final .care-icon-tile { width: 84px; height: 84px; border-radius: 25px; }
.care-page .care-final .care-icon-tile .care-icon { width: 46px; height: 46px; }

@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .care-page .care-service:hover { transform: perspective(1100px) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg)) translateY(-6px); border-color: color-mix(in srgb, var(--care-color) 36%, transparent); box-shadow: 0 20px 42px color-mix(in srgb, var(--care-color) 17%, transparent); }
  .care-page .care-service:hover::after { opacity: 1; }
  .care-page .care-service:hover .care-service-art { transform: translateY(-8px) rotate(0) scale(1.07); filter: drop-shadow(0 13px 12px #17244513); }
  .care-page .care-service:hover .care-icon-detail { animation: care-mark-draw .55s ease both; }
  .care-page .care-service:nth-child(2):hover .care-service-art img { animation: remodelContent .9s ease-in-out; }
  .care-page .care-service:nth-child(3):hover .care-service-art img { animation: remodelDesign .9s ease-in-out; }
  .care-page .care-service:nth-child(5):hover .care-service-art img { animation: care-update-turn .8s ease-in-out; }
  .care-page .care-everything-price:hover .care-price-art { transform: translateY(-8px) rotate(0) scale(1.05); }
  .care-page .care-portal-heading:hover .care-portal-symbol img { transform: rotate(0) scale(1.09); }
}
@keyframes care-mark-draw { from { stroke-dasharray: 60; stroke-dashoffset: 60; } to { stroke-dasharray: 60; stroke-dashoffset: 0; } }
@keyframes care-update-turn { 0%, 100% { transform: rotate(0); } 35% { transform: rotate(9deg); } 70% { transform: rotate(-4deg); } }
@media (max-width: 1100px) {
  .care-page .care-hero-grid { gap: 36px; }
  .care-page .care-hero h1 { font-size: 65px; }
  .care-price-art { width: 125px; height: 125px; right: -12px; top: 25px; }
  .care-everything-price > div { padding-right: 62px; }
  .care-price-amount > strong { font-size: 59px; }
  .care-inclusions-intro { gap: 35px; grid-template-columns: 1.5fr 1fr; }
  .care-page .care-service { padding: 25px; }
  .care-service-body { grid-template-columns: 1fr .85fr; gap: 15px; }
  .care-service-art { height: 205px; }
  .care-page .care-service-body > p { font-size: 14px; }
  .care-page .care-service .care-category { font-size: 10px; }
  .care-page .care-portal-symbol { width: 66px; height: 66px; flex-basis: 66px; }
}
@media (max-width: 850px) and (min-width: 761px) {
  .care-page .care-hero h1 { font-size: 59px; }
  .care-page .care-everything-price { padding-inline: 19px; }
  .care-price-art { width: 105px; height: 105px; top: 28px; }
  .care-everything-price > div { padding-right: 38px; }
  .care-price-amount > strong { font-size: 52px; }
  .care-price-amount > span { font-size: 12px; }
  .care-page .care-service { min-height: 440px; }
  .care-service-body { grid-template-columns: 1fr; gap: 2px; }
  .care-service-art { height: 175px; }
}
@media (max-width: 760px) {
  .care-page .care-hero { padding: 100px 0 50px; }
  .care-page .care-hero-grid { gap: 50px; }
  .care-page .care-hero h1 { font-size: clamp(56px, 10vw, 72px); }
  .care-page .care-hero h1 br:last-child { display: initial; }
  .care-page .care-hero h1 span { max-width: none; }
  .care-page .care-hero .eyebrow { font-size: 11px; }
  .care-page .care-hero-copy > .care-intro { font-size: 18px !important; }
  .care-everything-price { padding: 22px; }
  .care-price-art { width: 145px; height: 145px; right: -8px; top: 13px; }
  .care-everything-price > div { padding-right: 92px; }
  .care-page .care-everything-price .care-price-amount { gap: 5px; }
  .care-price-amount > strong { font-size: 66px; }
  .care-page .care-actions { align-items: stretch; }
  .care-page .care-actions .care-text-link { justify-content: center; }
  .care-page .care-actions .button { font-size: 14px; }
  .care-page .care-portal-scene::before { inset: -16px -9px 5px; border-radius: 28px; transform: rotate(1deg); }
  .care-page .care-portal-symbol { width: 64px; height: 64px; flex-basis: 64px; }
  .care-page .care-promise-strip span { font-size: 11px; }
  .care-page .care-promise-strip .care-icon { width: 23px; height: 23px; flex-basis: 23px; }
  .care-page .care-inclusions { padding-top: 68px; }
  .care-inclusions-intro { grid-template-columns: 1fr; gap: 20px; margin-bottom: 32px; }
  .care-page .care-inclusions h2 { font-size: 43px; }
  .care-inclusions-price { justify-self: stretch; padding: 22px; border: 1px solid #d7e4f8; border-radius: 18px; background: #edf4ff; }
  .care-inclusions-price > strong { margin: 12px 0; font-size: 56px; }
  .care-inclusions-price > p { margin-bottom: 14px; }
  .care-page .care-service-grid { grid-template-columns: 1fr; gap: 18px; }
  .care-page .care-service { min-height: 0; padding: 26px; }
  .care-page .care-service h3 { font-size: 33px; }
  .care-service-body { grid-template-columns: 1.1fr 1fr; }
  .care-service-art { height: 215px; }
  .care-service-top { gap: 12px; margin-bottom: 24px; }
  .care-page .care-service .care-category { font-size: 11px; }
  .care-page .care-service .care-icon-tile { width: 60px; height: 60px; flex-basis: 60px; }
  .care-included-bottom { flex-direction: column; align-items: flex-start; gap: 22px; padding-top: 27px; }
  .care-page .care-steps li { padding: 27px; }
  .care-page .care-blog { width: calc(100% - 32px); padding: 28px 24px; gap: 25px; }
  .care-page .care-blog-art { width: 70%; max-width: 245px; }
  .care-page .care-price-card > strong { font-size: 92px; }
  .care-page .care-final h2 { font-size: 43px; }
}
@media (max-width: 480px) {
  .care-page .care-hero h1 { font-size: 55px; }
  .care-page .care-everything-price .care-price-promise { font-size: 11px; max-width: 220px; }
  .care-price-art { width: 102px; height: 102px; top: 35px; right: -9px; }
  .care-everything-price > div { padding-right: 34px; }
  .care-price-amount > strong { font-size: 58px; }
  .care-price-amount > span { font-size: 13px; }
  .care-page .care-service h3 { font-size: 31px; }
  .care-service-body { grid-template-columns: 1fr; gap: 8px; }
  .care-page .care-service-body > p { font-size: 15px; margin-top: 8px; }
  .care-service-art { height: 220px; margin: 0 auto; max-width: 265px; }
  .care-page .care-service .care-included { font-size: 10px; padding: 8px 10px; }
  .care-page .care-portal-heading { gap: 8px; }
  .care-page .care-portal-heading h2 { font-size: 22px; }
  .care-page .care-portal-heading p { font-size: 10px; }
  .care-page .care-portal-symbol { width: 56px; height: 56px; flex-basis: 56px; }
  .care-page .care-inclusions h2 { font-size: 40px; }
}
@media (prefers-reduced-motion: reduce) {
  .care-page .care-service, .care-page .care-service-art, .care-page .care-price-art, .care-page .care-portal-symbol img { transform: none; }
  .care-page .care-service::after { transition: none; }
}