/* Website creation service redesign. Scoped to this page; shared palette stays in colors.css. */
.website-service-page { --wc-space: clamp(40px, 4.5vw, 72px); }
.website-service-page .container { width:90%; max-width:1440px; }
.website-service-page h2 { font-size:clamp(28px,2.65vw,42px); line-height:1.15; letter-spacing:-1.2px; margin:0; }
.website-service-page h3 { font-size:19px; line-height:1.3; letter-spacing:-.35px; margin:0 0 10px; }
.website-service-page .button { min-height:54px; padding:14px 25px; font-size:17px; gap:22px; border-radius:7px; }
.website-service-page .text-link { font-size:16px; }
.wc-hero { display:grid; grid-template-columns:minmax(0,43fr) minmax(0,57fr); gap:28px; align-items:start; padding:62px 0 40px; }
.wc-hero-copy { padding-top:12px; }
.wc-eyebrow { font-size:14px; letter-spacing:1.5px; text-transform:uppercase; margin:0 0 24px; color:var(--muted); }
.wc-hero h1 { font-size:clamp(48px,4.8vw,76px); letter-spacing:-2.7px; line-height:1.02; margin:0 0 28px; }
.wc-intro { font-size:20px; line-height:1.55; color:var(--muted); max-width:560px; margin:0 0 30px; }
.wc-actions { display:flex; align-items:center; gap:24px; flex-wrap:wrap; }
.wc-reassurance { display:flex; gap:13px; font-size:16px; line-height:1.45; margin:28px 0 0; }
.wc-reassurance .icon { color:var(--accent); width:21px; height:21px; }
.wc-showcase { margin:-24px -3% -22px 0; align-self:center; }
.wc-showcase img { display:block; width:100%; height:auto; }
.wc-section-intro { font-size:18px; color:var(--muted); line-height:1.5; margin:12px 0 34px; }
.wc-number { display:grid; place-items:center; width:30px; height:30px; border-radius:50%; background:#efe6db; font-size:14px; }
.wc-quality { background:var(--banner-background); padding-block:42px; }
.wc-quality-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:48px; }
.wc-quality-heading { display:flex; align-items:flex-start; gap:22px; margin-bottom:22px; }
.wc-quality-heading .icon { color:var(--accent); width:44px; height:44px; }
.wc-quality-heading h2 { font-size:26px; letter-spacing:-.65px; }
.wc-quality p { margin-bottom:16px; }
.wc-care { padding-block:var(--wc-space); }
.wc-care .wc-section-intro { font-size:18px; line-height:1.5; margin:12px 0 34px; }
.wc-care-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:30px; }
.wc-care-grid article { display:flex; gap:16px; }
.wc-care-grid .icon { color:var(--accent); width:38px; height:38px; }
.wc-care-grid h3 { font-size:17px; }
.wc-care-grid p { font-size:15px; }
.wc-inline-link { display:inline-block; margin-top:10px; color:var(--accent); font-size:14px; text-decoration:underline; text-underline-offset:3px; }
.wc-footer { background:var(--footer-background); color:var(--footer-text); padding-block:42px; }
.wc-footer-inner { display:flex; align-items:center; justify-content:space-between; gap:32px; }
.wc-footer-title { display:flex; align-items:center; gap:24px; }
.wc-footer .wc-footer-title h2 { font-size:28px; letter-spacing:-.65px; }
.wc-footer h2 span { display:block; color:#ee794e; }
.wc-footer p { border-left:1px solid var(--footer-divider); padding-left:30px; font-size:16px; line-height:1.6; }
.wc-route { width:62px; height:70px; flex-shrink:0; fill:none; stroke:currentColor; stroke-width:2; }
.wc-route text { fill:currentColor; stroke:none; font:700 26px 'Segoe UI',sans-serif; }
@media(max-width:1200px) {
  .wc-hero { gap:18px; padding-top:42px; }
  .wc-hero h1 { font-size:clamp(44px,5vw,62px); }
  .wc-intro { font-size:18px; }
  .wc-eyebrow { font-size:12px; letter-spacing:1px; }
  .wc-number { width:26px; height:26px; }
  .wc-quality-heading { gap:14px; }
  .wc-quality-heading h2 { font-size:22px; }
  .wc-quality-heading .icon { width:36px; height:36px; }
  .wc-care-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:30px 40px; }
  .wc-footer-inner { flex-wrap:wrap; }
  .wc-footer .wc-footer-title h2 { font-size:25px; }
}
@media(max-width:1100px) {
  .website-service-page .site-header { height:82px; }
  .website-service-page .menu-toggle { display:flex; align-items:center; justify-content:center; width:44px; height:44px; background:none; border:1px solid var(--header-border); border-radius:6px; }
  .website-service-page .header-inner { position:relative; }
  .website-service-page #navigation { display:none; position:absolute; inset:72px 0 auto; background:var(--header-background); border:1px solid var(--header-border); border-radius:8px; padding:18px; z-index:20; align-items:stretch; gap:7px; }
  .website-service-page #navigation.open { display:flex; flex-direction:column; }
  .website-service-page #navigation>a,.website-service-page #navigation .services-nav { padding:12px; }
  .website-service-page #navigation .services-nav { width:100%; justify-content:space-between; }
  .website-service-page .services-menu { margin:0; padding:0; }
  .website-service-page .dropdown { position:static; box-shadow:none; margin:0 0 8px; }
  .website-service-page nav .header-cta { margin:5px 0 0; }
  .wc-hero { grid-template-columns:1fr; padding-bottom:28px; gap:20px; }
  .wc-hero-copy { padding-top:0; }
  .wc-hero h1 { font-size:64px; }
  .wc-intro { max-width:620px; }
  .wc-showcase { width:85%; max-width:720px; margin:0 auto; }
  .wc-quality-grid { grid-template-columns:1fr; gap:30px; }
  .wc-quality article+article { border-top:1px solid #beb6a9; padding-top:30px; }
  .wc-quality-heading { grid-column:1; }
  .wc-quality p { grid-column:1; }
}
@media(max-width:600px) {
  .website-service-page { --wc-space:38px; }
  .wc-hero { padding-top:30px; gap:18px; }
  .wc-eyebrow { font-size:10px; letter-spacing:1px; margin-bottom:18px; }
  .wc-hero h1 { font-size:clamp(40px,10.8vw,61px); letter-spacing:-1.8px; margin-bottom:22px; }
  .wc-intro { font-size:17px; margin-bottom:24px; }
  .wc-actions { gap:20px; align-items:flex-start; flex-direction:column; }
  .website-service-page .wc-actions .button { font-size:15px; padding-inline:18px; gap:14px; }
  .wc-reassurance { font-size:14px; margin-top:22px; gap:9px; }
  .wc-showcase { width:100%; }
  .wc-section-intro { font-size:16px; margin-bottom:22px; }
  .wc-quality { padding-block:32px; }
  .wc-quality-heading { margin-bottom:18px; }
  .wc-quality-heading h2 { font-size:25px; }
  .wc-care .wc-section-intro { font-size:16px; margin-bottom:26px; }
  .wc-care-grid { grid-template-columns:1fr; gap:27px; }
  .wc-care-grid h3 { font-size:18px; }
  .wc-care-grid p { font-size:16px; }
  .wc-footer { padding-block:32px; }
  .wc-footer-inner { display:flex; flex-direction:column; align-items:flex-start; gap:22px; }
  .wc-footer-title { gap:16px; }
  .wc-route { width:44px; height:52px; }
  .wc-footer .wc-footer-title h2 { font-size:clamp(20px,5.5vw,28px); }
  .wc-footer p { border:0; padding:0; margin:0; font-size:16px; }
  .wc-footer .button { font-size:15px; gap:15px; padding-inline:20px; }
}
.wc-quality p,.wc-care p { font-size:16px; color:var(--muted); line-height:1.55; margin-top:0; }
/* Approved feature and package pairing. */
.wc-offer { display:grid; grid-template-columns:minmax(0,61fr) minmax(0,39fr); gap:40px; align-items:start; padding-top:28px; padding-bottom:54px; }
.wc-pages { min-width:0; padding-top:14px; }
.wc-pages h2 { font-size:clamp(29px,2.65vw,42px); }
.wc-pages .wc-section-intro { margin-bottom:28px; }
.wc-pages-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); list-style:none; padding:0; margin:0; }
.wc-pages-grid li { display:grid; grid-template-columns:28px 34px minmax(0,1fr); gap:13px; padding:25px 20px; position:relative; }
.wc-pages-grid li:nth-child(odd) { padding-left:0; }
.wc-pages-grid li:nth-child(even) { padding-right:0; }
.wc-pages-grid li:nth-child(n+3) { border-top:1px solid var(--line); }
.wc-pages-grid li:nth-child(odd)::after { content:''; position:absolute; right:0; top:25px; bottom:25px; width:1px; background:var(--line); }
.wc-pages-grid .icon { color:var(--accent); width:34px; height:34px; }
.wc-pages-grid .wc-number { width:28px; height:28px; }
.wc-pages-grid h3 { font-size:18px; }
.wc-pages-grid p { font-size:15px; line-height:1.55; }
.wc-pages-grid a:hover { color:var(--accent); text-decoration:underline; }
.wc-package-card { background:var(--ink); color:var(--paper); border:1px solid #41483e; border-radius:10px; padding:30px; box-shadow:0 12px 25px #25292412; }
.website-service-page .wc-package-card h2 { display:flex; align-items:center; gap:16px; font-size:17px; font-weight:500; line-height:1.4; letter-spacing:0; }
.wc-package-card h2 .icon { color:#ee794e; width:32px; height:32px; }
.wc-card-price { display:flex; align-items:baseline; flex-wrap:wrap; gap:15px; font-size:clamp(66px,5.8vw,88px); line-height:1.1; font-weight:750; letter-spacing:-2.5px; margin:24px 0; }
.wc-card-price span { font-size:18px; font-weight:400; letter-spacing:0; }
.wc-card-benefits { padding:0; margin:0 0 26px; list-style:none; display:grid; gap:18px; }
.wc-card-benefits li { display:flex; gap:13px; align-items:flex-start; }
.wc-card-benefits .icon { color:#ee794e; width:20px; height:20px; }
.wc-card-benefits strong { font-size:16px; line-height:1.35; font-weight:650; }
.wc-card-benefits p { font-size:14px; line-height:1.5; color:#f0ede6; margin:4px 0 0; }
.website-service-page .wc-package-card .button { width:100%; font-size:16px; padding-inline:16px; gap:16px; }
.wc-card-terms { font-size:11px; line-height:1.6; text-align:center; color:#e2ded5; margin:15px 0 0; }
/* Consistent photography with simple rounded edges. */
.wc-quality article { position:relative; display:flex; flex-direction:column; min-width:0; }
.wc-quality article+article::before { content:''; position:absolute; top:0; bottom:0; left:-24px; width:1px; background:#beb6a9; }
.wc-photo { width:100%; margin:14px 0 0; margin-top:auto; border-radius:7px; overflow:hidden; box-shadow:0 16px 28px 2px rgba(20,24,18,.68),0 5px 10px rgba(20,24,18,.50); }
.wc-photo img { display:block; width:100%; height:auto; aspect-ratio:1.9; object-fit:cover; border-radius:7px; }
@media(max-width:1250px) and (min-width:1001px) {
  .wc-offer { gap:28px; grid-template-columns:minmax(0,58fr) minmax(0,42fr); }
  .wc-pages-grid li { grid-template-columns:24px 28px minmax(0,1fr); gap:9px; padding-inline:14px; }
  .wc-pages-grid .icon { width:28px; height:28px; }
  .wc-pages-grid .wc-number { width:24px; height:24px; }
  .wc-pages-grid h3 { font-size:16px; }
  .wc-pages-grid p { font-size:14px; }
  .wc-package-card { padding:25px; }
}
@media(max-width:1100px) {
  .wc-quality article:nth-child(n) { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:0 30px; }
  .wc-quality article+article { border-top:1px solid #beb6a9; padding-top:30px; }
  .wc-quality article+article::before { display:none; }
  .wc-quality .wc-photo { grid-column:2; grid-row:1 / span 3; margin:0; align-self:center; }
}
@media(max-width:1000px) {
  .wc-offer { grid-template-columns:1fr; gap:28px; padding-top:0; padding-bottom:40px; }
  .wc-pages { padding-top:0; }
  .wc-package-card { max-width:none; }
  .wc-card-price { font-size:80px; margin-block:20px; }
  .wc-card-benefits { grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px 28px; }
  .wc-package-card .button { max-width:400px; }
  .wc-card-terms { text-align:left; }
}
@media(max-width:600px) {
  .wc-offer { gap:30px; }
  .wc-pages h2 { font-size:28px; }
  .wc-pages-grid { grid-template-columns:1fr; }
  .wc-pages-grid li:nth-child(n) { padding:23px 0; border:0; border-bottom:1px solid var(--line); grid-template-columns:26px 32px minmax(0,1fr); gap:13px; }
  .wc-pages-grid li:nth-child(n)::after { display:none; }
  .wc-pages-grid li:last-child { border:0; padding-bottom:0; }
  .wc-pages-grid h3 { font-size:18px; }
  .wc-pages-grid p { font-size:16px; }
  .wc-package-card { padding:24px 20px; }
  .website-service-page .wc-package-card h2 { font-size:16px; gap:12px; }
  .wc-card-price { font-size:76px; gap:12px; }
  .wc-card-benefits { grid-template-columns:1fr; gap:18px; }
  .wc-card-benefits p { font-size:15px; }
  .website-service-page .wc-package-card .button { font-size:14px; gap:10px; padding-inline:12px; }
  .wc-card-terms { text-align:center; }
  .wc-quality article:nth-child(n) { display:flex; }
  .wc-quality .wc-photo { margin-top:8px; }
}