@layer editorial {
  .websimple-page .site-navigation {
    position: sticky;
    top: 0;
    background: var(--surface);
    border-bottom: 1px solid var(--line);
  }
  .websimple-page .skip-link { position: fixed; z-index: 40; }
  .websimple-page main { scroll-margin-top: 100px; }
  .ws-section, .ws-contact, #ws-precios { scroll-margin-top: 110px; }
  .ws-shell { max-width: 1440px; margin-inline: auto; padding-inline: var(--gutter); }
  .ws-kicker { font-size: .69rem; letter-spacing: .1em; text-transform: uppercase; line-height: 1.5; }
  .ws-hero { padding-block: clamp(2rem, 4vw, 4rem) 2.5rem; text-align: center; }
  .ws-intro h1 { margin-block: 1rem 2rem; color: #000; font: 400 clamp(3rem, 1rem + 5.8vw, 6.4rem)/1.06 Georgia, 'Times New Roman', serif; letter-spacing: -.055em; }
  .ws-lead { max-width: 45rem; margin-inline: auto; font-size: clamp(.95rem, .8rem + .35vw, 1.12rem); line-height: 1.75; }
  .ws-hero-copy { margin-top: 1.5rem; }
  .ws-hero .ws-actions { justify-content: center; margin-top: 1.25rem; }
  .ws-examples { display: flex; align-items: center; justify-content: center; height: clamp(290px, 31vw, 390px); padding: 1.25rem 1rem; }
  .ws-examples:focus-visible { outline: 2px solid var(--brand-deep); outline-offset: 4px; }
  .ws-example { position: relative; flex: 0 0 clamp(150px, 18vw, 230px); min-width: 0; aspect-ratio: 3 / 4; margin: 0 -1.5rem; border: 4px solid #fff; border-radius: .8rem; overflow: hidden; background: var(--neutral-surface); box-shadow: 0 8px 22px #2222161a; transform: translateY(var(--lift, 0)) rotate(var(--angle, 0deg)); }
  .ws-example:nth-child(1) { --angle: -11deg; --lift: 20px; z-index: 1; }
  .ws-example:nth-child(2) { --angle: -5deg; --lift: 5px; z-index: 2; }
  .ws-example:nth-child(3) { --angle: 0deg; --lift: -5px; z-index: 3; }
  .ws-example:nth-child(4) { --angle: 5deg; --lift: 5px; z-index: 2; }
  .ws-example:nth-child(5) { --angle: 11deg; --lift: 20px; z-index: 1; }
  .ws-example img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: top center; }
  .ws-example figcaption { position: absolute; bottom: 0; left: 0; right: 0; padding: .55rem .5rem; background: #f9f5ecf2; font-size: .62rem; line-height: 1.5; }
  .ws-example:nth-child(5) img { object-position: left top; }
  .ws-inspiration-note { margin-top: .6rem; font-size: .64rem; line-height: 1.65; }
  .ws-gallery-help { display: none; }
  .ws-inclusion-note { margin-top: 1.5rem; font-size: .78rem; line-height: 1.65; }
  .ws-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 1.5rem; margin-top: 1.8rem; }
  .ws-button { display: inline-flex; align-items: center; justify-content: center; gap: 1.5rem; min-height: 50px; padding: .8rem 1.3rem; border: 1px solid var(--ink); border-radius: 999px; background: var(--ink); color: var(--surface); text-decoration: none; font-size: .8rem; line-height: 1.5; }
  .ws-button:hover { background: var(--brand-deep); border-color: var(--brand-deep); }
  .ws-text-link { display: inline-flex; align-items: center; gap: 1rem; min-height: 44px; font-size: .78rem; }
  .websimple-page a:focus-visible, .websimple-page summary:focus-visible { outline: 2px solid var(--brand-deep); outline-offset: 5px; }
  .ws-offer-line { margin-top: 1.35rem; font-size: .77rem; }
  .ws-offer-line strong { font-weight: 500; border-bottom: 1px solid var(--ink); }
  .ws-small { font-size: .73rem; line-height: 1.7; }
  .ws-section { padding-block: clamp(2.5rem, 5vw, 5rem); }
  .ws-heading { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; align-items: end; margin-bottom: 2rem; }
  .ws-heading h2, .ws-contact h2 { font: 400 clamp(2.3rem, 4vw, 4rem)/1.08 Georgia, 'Times New Roman', serif; letter-spacing: -.045em; margin-top: .75rem; }
  .ws-heading > p { max-width: 31rem; font-size: .9rem; }
  .ws-includes-heading { max-width: 46rem; margin: 0 auto clamp(1.75rem, 3vw, 2.75rem); text-align: center; }
  .ws-includes-heading h2 { font: 500 clamp(2rem, 1.25rem + 2.8vw, 3.8rem)/1.1 var(--font); letter-spacing: -.05em; margin-top: .85rem; text-wrap: balance; }
  .ws-includes-heading > p:last-child { max-width: 36rem; margin: 1.1rem auto 0; font-size: .88rem; line-height: 1.7; }
  .ws-includes-stage { container: includes / inline-size; max-width: 1050px; margin-inline: auto; padding: .75rem; border: 1px solid #e8edf2; border-radius: 1.75rem; background: #f1f4f8; }
  .ws-benefit-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: .65rem; padding: 0; margin: 0; list-style: none; }
  .ws-benefit-card { position: relative; display: flex; flex-direction: column; min-inline-size: 0; padding: 1.4rem; border: 1px solid #e5e9ee; border-radius: 1.35rem; background: #fff; box-shadow: 0 1px 2px #27365008; }
  .ws-benefit-card h3 { font: 500 1rem/1.3 var(--font); letter-spacing: -.035em; }
  .ws-benefit-card p { margin-top: .65rem; font-size: .72rem; line-height: 1.65; color: #58584d; }
  .ws-benefit-icon { display: grid; place-items: center; flex-shrink: 0; inline-size: 38px; block-size: 38px; border-radius: .8rem; background: #e9f0fa; color: #466488; }
  .ws-benefit-icon svg { display: block; inline-size: 23px; block-size: 23px; }
  .ws-benefit-icon-dark { background: #d3e3fd; color: #28496d; box-shadow: none; }
  .ws-benefit-page > h3 { margin-top: 1.1rem; font-size: 1.4rem; }
  .ws-benefit-preview { margin-block: 1.2rem; border: 1px solid #e1e5de; border-radius: .9rem; background: #fafbf8; box-shadow: 0 6px 16px #27365009; }
  .ws-benefit-preview-bar { display: flex; gap: 4px; padding: .5rem; border-bottom: 1px solid #e4e8df; }
  .ws-benefit-preview-bar i { inline-size: 4px; block-size: 4px; border-radius: 50%; background: #b8c8b6; }
  .ws-ux-preview { padding: .75rem; }
  .ws-ux-nav { display: flex; justify-content: space-between; align-items: center; gap: .5rem; font-size: .36rem; }
  .ws-ux-nav strong { font-weight: 500; letter-spacing: .12em; }
  .ws-ux-nav > span { color: #687362; }
  .ws-ux-hero { display: grid; grid-template-columns: 1.15fr 1fr; gap: .5rem; margin-top: .9rem; align-items: center; }
  .ws-ux-eyebrow { display: block; margin-bottom: .4rem; font-size: .32rem; letter-spacing: .02em; color: #637b56; }
  .ws-ux-hero strong { display: block; font: 400 .9rem/1.05 Georgia, serif; letter-spacing: -.035em; }
  .ws-benefit-card .ws-ux-hero p { margin-top: .4rem; font-size: .35rem; }
  .ws-ux-hero img { display: block; inline-size: 100%; block-size: 110px; object-fit: cover; border-radius: .6rem .6rem 2rem .6rem; }
  .ws-ux-cta { display: inline-block; margin-top: .65rem; padding: .32rem .45rem; border-radius: 99px; font-size: .34rem; color: #fff; background: #4c5039; }
  .ws-ux-footer { display: flex; justify-content: space-between; gap: .5rem; border-top: 1px solid #e6e9e1; padding-top: .5rem; margin-top: .7rem; font-size: .32rem; color: #697460; }
  .ws-benefit-link { display: inline-flex; align-items: center; justify-content: space-between; gap: .75rem; align-self: flex-start; min-block-size: 44px; margin-top: auto; font-size: .65rem; text-decoration: none; color: var(--ink); }
  .ws-benefit-link:hover { text-decoration: underline; text-underline-offset: .2rem; }
  .ws-benefit-link span { font-size: 1rem; }
  .ws-benefit-hosting { flex-direction: row; justify-content: space-between; align-items: center; gap: 1rem; }
  .ws-benefit-hosting h3 { font-size: .85rem; }
  .ws-benefit-hosting p { margin-top: .3rem; font-size: .62rem; }
  .ws-benefit-top { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: .5rem; }
  .ws-benefit-top h3 { font-size: .85rem; }
  .ws-benefit-tag { padding: .25rem .5rem; border-radius: 99px; background: #e8f0e5; color: #45663d; font-size: .5rem; }
  .ws-benefit-card .ws-benefit-quantity { display: flex; align-items: baseline; gap: .7rem; margin-block: .5rem 0; color: var(--ink); }
  .ws-benefit-quantity strong { font: 500 4.2rem/1.1 var(--font); letter-spacing: -.065em; }
  .ws-benefit-quantity span { max-inline-size: 8ch; font-size: .7rem; line-height: 1.4; }
  .ws-benefit-changes > p:not(.ws-benefit-quantity) { margin-top: .4rem; font-size: .63rem; }
  .ws-benefit-changes .ws-benefit-link { margin-top: .6rem; }
  .ws-benefit-domain::before { content: ''; position: absolute; inset-block-start: 1rem; inset-inline-end: 1rem; inline-size: 100px; block-size: 100px; background: radial-gradient(#d8dbcc 1px, transparent 1px) 0 0 / 8px 8px; opacity: .5; }
  .ws-benefit-globe { display: block; inline-size: 92px; block-size: 92px; margin-bottom: 1.8rem; color: #527ba6; }
  .ws-benefit-domain h3 { margin-top: auto; font-size: 1.6rem; }
  .ws-benefit-devices { flex-direction: row; align-items: center; gap: .8rem; }
  .ws-benefit-devices h3 { font-size: .85rem; }
  .ws-benefit-devices p { margin-top: .2rem; font-size: .63rem; }
  .ws-benefit-device-icons { flex-shrink: 0; margin-inline-start: auto; color: var(--brand-deep); }
  .ws-benefit-device-icons svg { display: block; inline-size: 52px; block-size: 30px; }
  .ws-includes-section > .ws-inclusion-note { text-align: center; }
  @container includes (min-width: 580px) {
    .ws-benefit-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-areas: 'page hosting' 'page changes' 'domain devices' 'metrics metrics'; }
    .ws-benefit-page { grid-area: page; }
    .ws-benefit-hosting { grid-area: hosting; }
    .ws-benefit-changes { grid-area: changes; }
    .ws-benefit-domain { grid-area: domain; }
    .ws-benefit-devices { grid-area: devices; }
    .ws-benefit-metrics { grid-area: metrics; }
  }
  @container includes (min-width: 860px) {
    .ws-benefit-grid { grid-template-columns: 1.05fr 1fr 1fr; grid-template-areas: 'page hosting domain' 'page changes domain' 'devices metrics metrics'; }
    .ws-benefit-page { padding-bottom: .75rem; }
    .ws-benefit-page .ws-benefit-preview { margin-block: 1.4rem; }
    .ws-benefit-domain { padding: 1.7rem; }
    .ws-benefit-domain p { max-inline-size: 26ch; }
    .ws-benefit-devices { flex-wrap: wrap; }
    .ws-benefit-device-icons { display: none; }
  }
  @media (max-width: 380px) {
    .ws-benefit-card { padding: 1.1rem; }
    .ws-benefit-devices { flex-wrap: wrap; }
    .ws-benefit-device-icons { margin-inline-start: 0; }
  }
  .ws-benefit-hosting .ws-benefit-icon { background: #e5efdf; color: #4e6b3e; }
  .ws-benefit-devices .ws-benefit-icon { background: #fff1cd; color: #8a6917; }
  .ws-benefit-metrics { flex-direction: row; align-items: center; gap: .8rem; }
  .ws-benefit-metrics .ws-benefit-icon { background: #eee7fa; color: #6c4c94; }
  .ws-benefit-metrics h3 { font-size: .9rem; }
  .ws-benefit-metrics p { margin-top: .25rem; font-size: .66rem; max-inline-size: 35ch; }
  .ws-metrics-chart { display: block; flex-shrink: 0; inline-size: 115px; block-size: 42px; margin-inline-start: auto; }
  @container includes (max-width: 859px) {
    .ws-benefit-devices { flex-wrap: wrap; align-content: center; }
  }
  @media (max-width: 480px) {
    .ws-benefit-metrics { flex-wrap: wrap; }
    .ws-metrics-chart { inline-size: 100%; block-size: 44px; margin-top: .4rem; }
  }
  .ws-listen { position: relative; isolation: isolate; overflow: clip; max-width: 1440px; padding-block: clamp(2.5rem, 5vw, 4rem) 3rem; margin-top: 1rem; background: var(--surface); border-radius: 2rem; }
  .ws-listen::before { content: ''; position: absolute; z-index: -2; inset: 35% 0 0; opacity: .65; background: linear-gradient(var(--surface), transparent 40%), linear-gradient(#eaeaea80 1px, transparent 1px), linear-gradient(90deg, #eaeaea80 1px, transparent 1px); background-size: auto, 80px 80px, 80px 80px; }
  .ws-listen-heading { position: relative; z-index: 2; max-width: 60rem; margin-inline: auto; text-align: center; }
  .ws-listen-kicker { font: italic 700 1.35rem/1.3 Georgia, serif; color: #6f7469; margin-bottom: 1.3rem; }
  .ws-listen h2 { font: 500 clamp(1.9rem, 1.25rem + 2vw, 3.1rem)/1.1 var(--font); letter-spacing: -.05em; color: #202020; text-wrap: balance; }
  .ws-listen-heading > p:last-child { max-width: 37rem; margin: 1.1rem auto 0; font-size: .82rem; line-height: 1.7; color: #62665c; }
  .ws-listen-options { position: relative; z-index: 2; inline-size: min(100%, 390px); margin: 2.5rem auto 1rem; padding: .7rem; border: 1px solid #e6e7e1; border-radius: 1rem; background: #fff; box-shadow: 0 6px 30px #2830200c, -7px -5px 0 -1px #ffffffaa, -8px -6px 0 -1px #e8e9e3; transform: rotate(1deg); }
  .ws-listen-options a { display: flex; align-items: flex-start; gap: .85rem; min-block-size: 78px; padding: 1rem .65rem; border-radius: .65rem; text-decoration: none; color: #272d23; }
  .ws-listen-options a:hover { background: #f2f5f0; }
  .ws-listen-options a > svg { flex-shrink: 0; display: block; inline-size: 23px; block-size: 23px; margin-top: .1rem; color: #7c8575; }
  .ws-listen-options a > span:not(.ws-listen-arrow) { min-inline-size: 0; }
  .ws-listen-options strong { display: block; font: 500 .83rem/1.4 var(--font); letter-spacing: -.02em; }
  .ws-listen-options strong + span { display: block; font-size: .65rem; line-height: 1.55; color: #72786b; margin-top: .3rem; }
  .ws-listen-arrow { margin-inline-start: auto; padding-top: .1rem; color: #72786b; font-size: .85rem; }
  @media (max-width: 760px) {
    .ws-listen { border-radius: 1.3rem; padding-bottom: 6rem; }
    .ws-listen h2 br { display: none; }
    .ws-listen-options { transform: none; margin-top: 2rem; }
  }
  .ws-pricing-stage { container: pricing / inline-size; max-width: 1050px; margin-inline: auto; padding: 0; background: none; scroll-margin-top: 110px; }
  .ws-pricing-heading { text-align: center; max-width: 48rem; margin: 0 auto 2rem; }
  .ws-pricing-heading .ws-kicker { display: inline-block; padding: .3rem .65rem; border-radius: 999px; background: #f0f0ee; font-size: .6rem; }
  .ws-pricing-heading h2 { font: 500 clamp(2rem, 1.3rem + 2vw, 3.3rem)/1.16 var(--font); letter-spacing: -.05em; margin-top: 1rem; }
  .ws-pricing-heading > p:last-child { margin-top: .8rem; font-size: .82rem; line-height: 1.6; }
  .ws-pricing-term { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: .65rem; margin-bottom: 1.5rem; font-size: .65rem; line-height: 1.5; }
  .ws-pricing-term span { color: var(--brand-deep); }
  .ws-pricing-grid { display: grid; grid-template-columns: 1fr; gap: .75rem; padding: .8rem; border-radius: 2.5rem; background: #efefed; }
  .ws-price-card { display: flex; flex-direction: column; min-width: 0; padding: clamp(1.3rem, 2.5vw, 2.25rem); border: 0; border-radius: 2rem; background: #fff; color: var(--ink); }
  .ws-price-featured { background: transparent; }
  .ws-price-card > :is(.ws-plan-label, h3, .ws-price, .ws-price-unit, .ws-card-intro), .ws-card-conditions { text-align: center; }
  .ws-plan-icon { display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: .85rem; background: #dfdfd9; margin: 0 auto 1rem; }
  .ws-plan-icon img { width: 24px; height: 24px; object-fit: contain; }
  .ws-plan-icon-color { background: radial-gradient(circle at 35% 35%, #fcf2b6, transparent 65%), linear-gradient(135deg, #ded0fa, #eacadc, #cbdcf4); }
  .ws-plan-label { font-size: .65rem; line-height: 1.5; color: var(--brand-deep); margin-bottom: .35rem; }
  .ws-price-card h3 { font: 500 1.4rem/1.3 var(--font); letter-spacing: -.035em; }
  .ws-price { font: 500 clamp(2.8rem, 2.3rem + 1.1vw, 3.6rem)/1.1 var(--font); letter-spacing: -.05em; margin-block: 1rem .15rem; }
  .ws-price-custom { font-size: clamp(2.5rem, 2rem + 1vw, 3.2rem); }
  .ws-price-unit { font-size: .7rem; line-height: 1.5; }
  .ws-card-intro { font-size: .78rem; line-height: 1.6; margin-top: .9rem; }
  .ws-features-label { font-size: .68rem; line-height: 1.5; border-top: 1px solid #22221612; padding-top: 1rem; margin-top: 1.2rem; }
  .ws-plan-features { list-style: none; padding: 0; margin-block: .75rem 1.25rem; font-size: .75rem; line-height: 1.6; }
  .ws-plan-features li { position: relative; padding-left: 1.3rem; }
  .ws-plan-features li + li { margin-top: .55rem; }
  .ws-plan-features li::before { content: ''; position: absolute; top: .48rem; left: .05rem; width: .5rem; height: .28rem; border-left: 1.5px solid var(--brand-deep); border-bottom: 1.5px solid var(--brand-deep); transform: rotate(-45deg); }
  .ws-card-conditions { border-top: 1px solid #22221612; padding-top: .9rem; margin-top: auto; font-size: .7rem; line-height: 1.6; }
  .ws-card-conditions p + p { margin-top: .5rem; }
  .ws-price-card .ws-button, .ws-pricing-consult .ws-button { background: #111; color: #fff; border-color: #111; min-height: 44px; font-size: .74rem; box-shadow: 0 0 0 2px #ffffff70, 0 0 10px #c7bed777; }
  .ws-price-card .ws-button { width: 100%; margin-top: 1.1rem; }
  .ws-price-card .ws-button:hover, .ws-pricing-consult .ws-button:hover { background: var(--brand-deep); border-color: var(--brand-deep); }
  .ws-card-footnote { margin-top: .85rem; font-size: .65rem; line-height: 1.6; }
  .ws-pricing-consult { margin-top: .8rem; padding: 1.6rem 1.25rem 1.8rem; border-radius: 2.5rem; text-align: center; background: radial-gradient(ellipse at 24% 35%, #fff6c3 0%, transparent 50%), radial-gradient(ellipse at 8% 0%, #d4c0f0 0%, transparent 48%), radial-gradient(ellipse at 13% 105%, #edbde9 0%, transparent 55%), radial-gradient(ellipse at 88% 5%, #e8cef3 0%, transparent 60%), linear-gradient(120deg, #e8deef, #d5ddf1); }
  .ws-consult-person { display: flex; justify-content: center; align-items: center; margin-bottom: .8rem; }
  .ws-consult-person img { width: 46px; height: 46px; border-radius: 50%; object-fit: cover; border: 2px solid #ffffffb3; }
  .ws-consult-person > span { display: grid; place-items: center; width: 42px; height: 42px; margin-left: -.3rem; background: #ffffffb3; border-radius: 50%; }
  .ws-consult-person svg { width: 20px; height: 20px; }
  .ws-pricing-consult h3 { font: 500 clamp(1.05rem, .9rem + .4vw, 1.3rem)/1.4 var(--font); letter-spacing: -.03em; }
  .ws-pricing-consult p { max-width: 34rem; margin: .45rem auto 1.1rem; font-size: .75rem; line-height: 1.6; }
  .ws-pricing-consult .ws-button { max-width: 100%; gap: .75rem; }
  .ws-change-guide { margin-top: clamp(3.5rem, 7vw, 6rem); }
  .ws-change-heading { max-width: 42rem; margin-inline: auto; text-align: center; }
  .ws-change-guide h3 { font: 500 clamp(1.9rem, 1.2rem + 2vw, 3rem)/1.18 var(--font); letter-spacing: -.045em; margin-top: .85rem; text-wrap: balance; scroll-margin-top: 110px; }
  .ws-change-list { position: relative; list-style: none; display: grid; gap: 1.2rem; max-width: 62rem; margin: 2.5rem auto 0; padding: 0; }
  .ws-change-list::before { content: ''; position: absolute; inset-block: 5rem; inset-inline-start: 50%; inline-size: 1px; background: var(--line); }
  .ws-change-list li { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) 3.5rem minmax(0, 1fr); align-items: center; gap: 1.25rem; min-block-size: 10rem; padding: 1.5rem 2rem; border-radius: 1.8rem; }
  .ws-change-list li:first-child { background: #efeeea; }
  .ws-change-list li::before { content: ''; position: absolute; inset-inline-start: 50%; inset-block-start: 50%; transform: translate(-50%, -50%); inline-size: 12px; block-size: 12px; border: 2px solid #d2cbc1; border-radius: 50%; background: var(--surface); }
  .ws-change-list li:first-child::before { border-color: var(--brand-deep); box-shadow: 0 0 0 5px #85866620; }
  .ws-change-symbol { grid-column: 1; grid-row: 1; display: flex; align-items: center; justify-self: end; gap: .65rem; }
  .ws-change-icon { display: grid; place-items: center; inline-size: 56px; block-size: 56px; border: 1px solid #2222160a; border-radius: 1rem; background: #efeeea; color: var(--ink); }
  .ws-change-icon svg { display: block; inline-size: 26px; block-size: 26px; }
  .ws-change-list li:first-child .ws-change-icon { background: var(--ink); color: #fff; box-shadow: inset 0 0 0 3px #ffffff12; }
  .ws-change-number { display: grid; place-items: center; inline-size: 24px; block-size: 24px; border-radius: .45rem; font-size: .62rem; background: #fff; color: var(--ink); }
  .ws-change-copy { grid-column: 3; grid-row: 1; min-inline-size: 0; }
  .ws-change-list li:nth-child(even) .ws-change-symbol { grid-column: 3; justify-self: start; flex-direction: row-reverse; }
  .ws-change-list li:nth-child(even) .ws-change-copy { grid-column: 1; text-align: end; }
  .ws-change-list h4 { font: 500 1rem/1.4 var(--font); letter-spacing: -.025em; margin: 0; }
  .ws-change-list p { font-size: .78rem; line-height: 1.7; margin-top: .55rem; }
  .ws-change-note { max-width: 53rem; margin: 2rem auto 0; font-size: .76rem; line-height: 1.75; border-top: 1px solid var(--line); padding-top: 1.25rem; text-align: center; }
  @media (max-width: 760px) {
    .ws-change-list { gap: .75rem; margin-top: 1.75rem; }
    .ws-change-list::before { inset-inline-start: 10px; inset-block: 4rem; }
    .ws-change-list li { grid-template-columns: 52px minmax(0, 1fr); gap: .85rem; padding: 1.4rem .85rem 1.4rem 1.75rem; border-radius: 1.2rem; min-block-size: 0; }
    .ws-change-list li::before { inset-inline-start: 10px; inline-size: 10px; block-size: 10px; }
    .ws-change-symbol, .ws-change-list li:nth-child(even) .ws-change-symbol { grid-column: 1; justify-self: center; flex-direction: column; gap: .5rem; }
    .ws-change-icon { inline-size: 48px; block-size: 48px; border-radius: .85rem; }
    .ws-change-copy, .ws-change-list li:nth-child(even) .ws-change-copy { grid-column: 2; text-align: start; }
    .ws-change-list h4 { font-size: .9rem; }
    .ws-change-note { text-align: start; }
  }
  @container pricing (min-width: 680px) {
    .ws-pricing-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  }
  .ws-faq { display: grid; grid-template-columns: .85fr 1.15fr; gap: clamp(2rem, 6vw, 6rem); }
  .ws-faq .ws-heading { display: block; margin: 0; }
  .ws-faq .ws-heading > p { margin-top: 1.1rem; font-size: .85rem; }
  .ws-questions { border-top: 1px solid var(--line); }
  .ws-questions details { border-bottom: 1px solid var(--line); }
  .ws-questions summary { position: relative; list-style: none; padding: 1.35rem 2rem 1.35rem 0; font-size: .86rem; line-height: 1.5; }
  .ws-questions summary::-webkit-details-marker { display: none; }
  .ws-questions summary span { position: absolute; right: .25rem; top: 1.2rem; font-size: 1.3rem; }
  .ws-questions details[open] summary span { transform: rotate(45deg); }
  .ws-questions details p { padding: 0 1rem 1.35rem 0; font-size: .8rem; }
  .ws-contact { display: grid; grid-template-columns: 1.15fr 1fr; align-items: center; gap: 2rem; padding-block: 3rem 4rem; border-top: 1px solid var(--line); margin-top: 2rem; }
  .ws-contact h2 { max-width: 14ch; }
  .ws-contact p:not(.ws-kicker) { max-width: 31rem; font-size: .85rem; margin-top: 1rem; }
  .ws-contact-actions { justify-self: end; max-width: 25rem; }
  .ws-contact-actions .ws-actions { margin: 0; }
  .ws-contact-email { display: inline-block; margin-top: 1rem; font-size: .73rem; overflow-wrap: anywhere; }

  @media (max-width: 760px) {
    .websimple-page .site-navigation { justify-content: flex-end; min-height: 76px; padding-block: .75rem; }
    .ws-heading, .ws-faq, .ws-contact { grid-template-columns: 1fr; }
    .ws-hero { padding-top: 1.5rem; }
    .ws-intro h1 { font-size: clamp(3rem, 1.5rem + 6vw, 5rem); }
    .ws-examples { display: grid; align-items: stretch; justify-content: normal; grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 72%; gap: 1rem; height: auto; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-inline: .25rem; padding: .8rem .25rem; }
    .ws-example { aspect-ratio: 3 / 4; margin: 0; transform: none; scroll-snap-align: start; }
    .ws-gallery-help { display: block; font-size: .65rem; margin-top: .35rem; }
    .ws-heading { gap: 1rem; }
    .ws-contact-actions { justify-self: start; }
    .ws-contact { padding-bottom: 3rem; }
  }
  @media (max-width: 380px) {
    .ws-pricing-grid { padding: .5rem; border-radius: 1.75rem; }
    .ws-price-card, .ws-pricing-consult { border-radius: 1.4rem; }
    .ws-price-card { padding: 1.2rem; }
  }
  @media print {
    .websimple-page .site-navigation { position: static; }
  }
}

@layer components {
  .ws-footer-art { width: 100%; overflow: hidden; }
  .ws-footer-art img { display: block; width: 100%; height: auto; }
}