.web-design-page .wd-intro { padding-top: 158px; padding-bottom: 76px; }
.web-design-page .wd-intro h1 { max-width: 1000px; color: var(--ink); font-size: clamp(3.2rem, 7.5vw, 6.8rem); }
.web-design-page .wd-intro > .shell > p { max-width: 76ch; }
.web-design-page .wd-section-heading { margin-bottom: 38px; }
.web-design-page .wd-section-heading > :last-child { margin-bottom: 0; }
.web-design-page .wd-launch-card {
  display: grid;
  grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: var(--paper);
  box-shadow: 0 18px 52px rgba(4, 16, 28, .1);
}
.web-design-page .wd-launch-summary { min-width: 0; padding: clamp(28px, 3.4vw, 46px); color: var(--paper); background: var(--ink); }
.web-design-page .wd-badge {
  display: inline-block;
  margin-bottom: 26px;
  padding: 7px 10px;
  border: 1px solid rgba(5, 198, 223, .5);
  border-radius: 4px;
  color: var(--cyan);
  font-size: .7rem;
  font-weight: 800;
  letter-spacing: .09em;
  line-height: 1.5;
  text-transform: uppercase;
}
.web-design-page .wd-launch-summary h2 { max-width: 14ch; margin-bottom: 24px; font-size: clamp(2.2rem, 3.6vw, 3.2rem); }
.web-design-page .wd-launch-price {
  margin: 0 0 28px;
  color: var(--cyan);
  font-family: "Roboto Condensed", "Arial Narrow", Impact, sans-serif;
  font-size: clamp(4.7rem, 8.4vw, 7.6rem);
  font-weight: 800;
  letter-spacing: -.06em;
  line-height: .94;
}
.web-design-page .wd-launch-summary > p:not(.wd-badge):not(.wd-launch-price):not(.wd-payment) { color: #c8d3dd; }
.web-design-page .wd-regular-price { margin-top: 24px; padding-top: 22px; border-top: 1px solid rgba(255, 255, 255, .2); }
.web-design-page .wd-regular-price strong { color: var(--paper); white-space: nowrap; }
.web-design-page .wd-payment { margin: 28px 0 18px; font-size: .95rem; }
.web-design-page .wd-payment strong { display: flex; flex-wrap: wrap; column-gap: 6px; }
.web-design-page .wd-payment span { white-space: nowrap; }
.web-design-page .wd-launch-summary .btn { width: 100%; }
.web-design-page .wd-launch-scope { min-width: 0; padding: clamp(28px, 3.4vw, 46px); }
.web-design-page .wd-launch-scope h3 { margin-bottom: 30px; font-size: 1.65rem; }
.web-design-page .wd-scope-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px 32px; margin: 0; }
.web-design-page .wd-scope-list > div { min-width: 0; padding-top: 17px; border-top: 1px solid var(--line); }
.web-design-page .wd-scope-list dt { position: relative; padding-left: 16px; font-size: 1rem; font-weight: 750; line-height: 1.45; }
.web-design-page .wd-scope-list dt::before { position: absolute; top: .6em; left: 0; width: 5px; height: 5px; background: var(--blue); content: ""; }
.web-design-page .wd-scope-list dd { margin: 10px 0 0; color: var(--muted); font-size: .94rem; line-height: 1.6; }
.web-design-page .wd-assurance { grid-column: 1 / -1; padding: 24px clamp(28px, 3.4vw, 46px); border-top: 1px solid var(--line); background: var(--mist); }
.web-design-page .wd-assurance p { max-width: 102ch; margin: 0; font-size: .95rem; }
.web-design-page .wd-assurance strong:first-child { display: inline-block; margin-bottom: 5px; }
.web-design-page .wd-scope-note { max-width: 100ch; margin: 22px 0 0; color: var(--muted); font-size: .94rem; }
.web-design-page .wd-options-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin-top: 42px; }
.web-design-page .wd-option-card { min-width: 0; padding: 32px; border: 1px solid var(--line); border-top: 3px solid var(--blue); border-radius: 8px; background: var(--paper); }
.web-design-page .wd-option-card--photo { border-top-color: var(--cyan); }
.web-design-page .wd-option-card h3 { max-width: 24ch; margin-bottom: 20px; font-size: clamp(1.75rem, 2.8vw, 2.4rem); line-height: 1.07; }
.web-design-page .wd-option-price { margin-bottom: 20px; color: var(--blue); font-size: 1.12rem; font-weight: 800; }
.web-design-page .wd-option-card > p:last-child { margin-bottom: 0; color: var(--muted); }
.web-design-page .wd-fineprint { margin: 28px 0 0; padding-top: 22px; border-top: 1px solid var(--line); color: var(--muted); font-size: .875rem; line-height: 1.7; }
.web-design-page .wd-content-stack { max-width: 1020px; }
.web-design-page .wd-content-row { padding: 28px 0; border-top: 1px solid var(--line); }
.web-design-page .wd-content-row:last-child { padding-bottom: 0; }
.web-design-page .wd-content-row h3 { font-size: 1.7rem; }
.web-design-page .wd-content-row p { max-width: 92ch; color: var(--muted); }
.web-design-page .wd-content-row p:last-child { margin-bottom: 0; }
.web-design-page .wd-care-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.web-design-page .wd-care-card { min-width: 0; padding: 32px; border: 1px solid var(--line); border-radius: 8px; background: var(--paper); }
.web-design-page .wd-care-card h3 { margin-bottom: 24px; font-size: 1.8rem; }
.web-design-page .wd-care-price { display: flex; flex-direction: column; gap: 5px; min-height: 110px; margin-bottom: 20px; }
.web-design-page .wd-care-price > span { color: var(--muted); font-size: .82rem; }
.web-design-page .wd-care-price strong { color: var(--ink); font-family: "Roboto Condensed", "Arial Narrow", Impact, sans-serif; font-size: clamp(2rem, 3.5vw, 3rem); font-weight: 800; letter-spacing: -.035em; line-height: 1.2; }
.web-design-page .wd-care-price small { margin-left: 4px; color: var(--muted); font-family: Inter, ui-sans-serif, system-ui, sans-serif; font-size: .86rem; font-weight: 600; letter-spacing: 0; }
.web-design-page .wd-care-card > p:last-child { margin-bottom: 0; color: var(--muted); }
.web-design-page .wd-care-note { margin: 20px 0 0; color: var(--muted); font-size: .875rem; }
.web-design-page .wd-migration-note { margin-top: 36px; padding: 26px 30px; border-left: 3px solid var(--blue); background: var(--paper); }
.web-design-page .wd-migration-note h3 { font-size: 1.5rem; }
.web-design-page .wd-migration-note p { max-width: 110ch; margin-bottom: 0; color: var(--muted); font-size: .94rem; }
.web-design-page .wd-portfolio-stack { display: grid; gap: 40px; }
.web-design-page .wd-case-study { min-width: 0; padding: clamp(22px, 3vw, 40px); border: 1px solid var(--line); border-radius: 10px; background: var(--paper); }
.web-design-page .wd-status { display: inline-block; margin-bottom: 20px; padding: 7px 11px; border: 1px solid #c3dae8; border-radius: 4px; color: #27607e; background: var(--mist); font-size: .75rem; font-weight: 750; line-height: 1.5; }
.web-design-page .wd-status--live { border-color: var(--line); color: var(--muted); background: var(--paper); }
.web-design-page .wd-case-heading h3 { max-width: 32ch; margin-bottom: 20px; font-size: clamp(2rem, 3.4vw, 3rem); line-height: 1.07; }
.web-design-page .wd-project-tagline { margin-bottom: 14px; font-weight: 750; }
.web-design-page .wd-case-summary { max-width: 94ch; margin-bottom: 28px; color: var(--muted); }
.web-design-page .wd-browser-frame { max-width: 1017px; margin-inline: auto; overflow: hidden; border: 1px solid #c9d3dc; border-radius: 7px; background: var(--mist); }
.web-design-page .wd-browser-bar { display: flex; align-items: center; gap: 16px; padding: 10px 15px; border-bottom: 1px solid #c9d3dc; color: var(--muted); font-size: .72rem; line-height: 1.4; }
.web-design-page .wd-browser-bar > span:last-child { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.web-design-page .wd-browser-dots { display: flex; flex-shrink: 0; gap: 5px; }
.web-design-page .wd-browser-dots i { display: block; width: 6px; height: 6px; border-radius: 50%; background: #9baab7; }
.web-design-page .wd-browser-frame a { display: block; }
.web-design-page .wd-browser-frame img { width: 100%; height: auto; }
.web-design-page .wd-case-points { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; margin: 26px 0; padding: 0 0 24px; border-bottom: 1px solid var(--line); list-style: none; }
.web-design-page .wd-case-points li { min-width: 0; padding-left: 12px; border-left: 2px solid var(--cyan); font-size: .85rem; font-weight: 750; line-height: 1.45; }
.web-design-page .wd-case-study > p { max-width: 106ch; }
.web-design-page .wd-case-note { color: var(--muted); font-size: .9rem; }
.web-design-page .wd-case-note strong { color: var(--ink); }
.web-design-page .wd-case-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; margin-top: 26px; }
.web-design-page .wd-live-status { color: var(--muted); font-size: .82rem; }
.web-design-page .wd-close { padding-top: 74px; }
.web-design-page .wd-launch-card *,
.web-design-page .wd-option-card *,
.web-design-page .wd-care-card *,
.web-design-page .wd-case-study * { overflow-wrap: break-word; }
.web-design-page .wd-launch-card .btn,
.web-design-page .wd-case-actions .btn { max-width: 100%; line-height: 1.45; text-align: center; white-space: normal; }

@media (max-width: 980px) {
  .web-design-page .wd-launch-card { grid-template-columns: 1fr; }
  .web-design-page .wd-launch-summary h2 { max-width: none; }
  .web-design-page .wd-launch-summary > p { max-width: 70ch; }
  .web-design-page .wd-launch-summary .btn { width: auto; }
  .web-design-page .wd-case-points { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 680px) {
  .web-design-page .wd-intro { padding-top: 126px; padding-bottom: 54px; }
  .web-design-page .wd-intro h1 { font-size: clamp(2.65rem, 11vw, 4.2rem); }
  .web-design-page .wd-section-heading { margin-bottom: 28px; }
  .web-design-page .wd-launch-summary,
  .web-design-page .wd-launch-scope { padding: 28px 24px; }
  .web-design-page .wd-badge { margin-bottom: 22px; }
  .web-design-page .wd-launch-summary h2 { font-size: clamp(2.15rem, 8vw, 3rem); }
  .web-design-page .wd-launch-price { font-size: 5.7rem; }
  .web-design-page .wd-launch-summary .btn { width: 100%; }
  .web-design-page .wd-scope-list { grid-template-columns: 1fr; gap: 20px; }
  .web-design-page .wd-assurance { padding: 22px 24px; }
  .web-design-page .wd-options-grid,
  .web-design-page .wd-care-grid { grid-template-columns: 1fr; gap: 18px; }
  .web-design-page .wd-options-grid { margin-top: 30px; }
  .web-design-page .wd-option-card,
  .web-design-page .wd-care-card { padding: 26px 24px; }
  .web-design-page .wd-option-card h3 { font-size: 1.85rem; }
  .web-design-page .wd-care-price { min-height: 0; }
  .web-design-page .wd-care-price strong { font-size: 2.3rem; }
  .web-design-page .wd-migration-note { padding: 22px 24px; }
  .web-design-page .wd-portfolio-stack { gap: 26px; }
  .web-design-page .wd-case-study { padding: 24px 18px; }
  .web-design-page .wd-browser-bar { gap: 10px; padding: 9px 10px; }
  .web-design-page .wd-case-heading h3 { font-size: 2rem; }
  .web-design-page .wd-case-points { margin: 22px 0; gap: 16px; }
  .web-design-page .wd-case-actions { align-items: stretch; flex-direction: column; }
  .web-design-page .wd-case-actions .btn { width: 100%; }
  .web-design-page .wd-close { padding-top: 54px; }
}

@media (max-width: 480px) {
  .web-design-page .wd-case-points { grid-template-columns: 1fr; gap: 12px; }
  .web-design-page .wd-payment strong { display: block; }
  .web-design-page .wd-payment span:not([aria-hidden]) { display: block; }
  .web-design-page .wd-payment span[aria-hidden] { display: none; }
}