/* Visible deliverable examples, aligned across paired desktop cards. */
#get[data-benefits] { position: relative; z-index: 4; margin-top: -28px; padding: clamp(62px, 6vw, 112px) 0 clamp(56px, 6vw, 110px); border-radius: 32px 32px 0 0; background: #f9f6ef; }
.benefits__wrap { max-width: none; padding-inline: 4.5vw; }
.benefits__heading { display: grid; grid-template-columns: 1.2fr .8fr; align-items: end; gap: 7vw; margin-bottom: clamp(30px, 3.5vw, 64px); }
.benefits__eyebrow { font-size: clamp(12px, .8vw, 16px); font-weight: 800; letter-spacing: .14em; text-transform: uppercase; margin-bottom: 16px; }
.benefits__heading h2 { font-size: clamp(36px, 3.9vw, 78px); line-height: 1.08; letter-spacing: -.035em; max-width: 22ch; text-wrap: balance; }
.benefits__heading .section-lead { margin: 0 0 3px; font-size: clamp(18px, 1.3vw, 26px); max-width: 39ch; line-height: 1.55; }
.benefits__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: stretch; gap: clamp(18px, 2vw, 36px); }
.benefit { min-width: 0; background: #fff; padding: clamp(26px, 3vw, 54px); border-radius: 24px; }
.benefit--standard { display: grid; grid-template-rows: subgrid; grid-row: span 5; row-gap: 0; }
.benefit__label { font-size: clamp(12px, .8vw, 16px); letter-spacing: .08em; line-height: 1.5; font-weight: 800; text-transform: uppercase; color: #5b5b51; }
.benefit h3 { font-size: clamp(30px, 2.7vw, 52px); line-height: 1.12; letter-spacing: -.03em; margin: 15px 0 18px; text-wrap: balance; }
.benefit__description { color: #55544f; font-size: clamp(17px, 1.2vw, 24px); line-height: 1.55; max-width: 45ch; margin-bottom: 24px; }
.benefit__items { margin: 0; padding: 20px 0 0; list-style: none; border-top: 1px solid #e7e4dc; display: grid; align-content: start; gap: 12px; font-size: clamp(16px, 1.1vw, 22px); line-height: 1.5; }
.benefit__items li { position: relative; padding-left: 28px; }
.benefit__items li::before { content: "✓"; position: absolute; left: 0; top: 0; font-weight: 800; }
.benefit__items small { display: block; color: #5b5b51; font-size: .85em; margin-top: 2px; }
.benefit--site { grid-column: 1 / -1; display: grid; grid-template-columns: 1.1fr .9fr; padding-bottom: 0; gap: 5vw; background: var(--yellow); overflow: hidden; align-items: center; }
.benefit--site .benefit__copy { padding-bottom: clamp(32px, 3.5vw, 64px); max-width: 42ch; }
.benefit--site h3 { font-size: clamp(40px, 4.2vw, 84px); }
.benefit--site .benefit__label, .benefit--site .benefit__description { color: #494120; }
.benefit--site .benefit__items { border-color: rgba(23,23,20,.2); }
.benefit__website { position: relative; align-self: end; display: flex; justify-content: center; padding-top: 14px; max-height: clamp(370px, 35vw, 680px); overflow: hidden; }
.benefit__phone { width: clamp(235px, 24vw, 450px); flex: none; background: #171714; border: 8px solid #171714; border-bottom: 0; border-radius: 32px 32px 0 0; overflow: hidden; box-shadow: 0 14px 50px rgba(74,52,0,.19); }
.benefit__phone img { width: 100%; height: auto; }
.benefit__address { padding: 16px 22px; border-radius: 14px; margin: 0; background: #fff; text-align: center; font-size: clamp(28px, 2.7vw, 48px); font-weight: 800; letter-spacing: -.04em; line-height: 1.2; }
.benefit__address span { color: #68685e; }
.benefit__preview { min-height: 380px; border-radius: 16px; margin: 0 0 24px; background: #f9f6ef; padding: 20px; min-width: 0; overflow: hidden; }
.preview__label { font-size: 12px; line-height: 1.4; font-weight: 800; color: #67675e; letter-spacing: .035em; }
.benefit__preview--identity { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 26px; text-align: center; }
.preview__brand-logo { width: min(290px, 82%); height: auto; }
.preview__palette { display: flex; gap: 10px; }
.preview__palette span { width: 24px; height: 24px; border-radius: 50%; background: #bd3b22; }
.preview__palette span:nth-child(2) { background: #d3a431; }
.preview__palette span:nth-child(3) { background: #30302d; }
.benefit__preview--professional { display: grid; grid-template-rows: auto 1fr; gap: 16px; }
.preview__mail { padding: 14px; border-radius: 10px; background: #fff; min-width: 0; }
.preview__mail-address { display: block; margin-top: 8px; font-size: 18px; line-height: 1.25; overflow-wrap: anywhere; }
.preview__signature { display: flex; align-items: center; gap: 12px; padding-top: 13px; margin-top: 12px; border-top: 1px solid #e7e4dc; }
.preview__signature img { width: 76px; height: auto; }
.preview__signature > div { min-width: 0; border-left: 2px solid #bd3b22; padding-left: 12px; }
.preview__signature strong { display: block; font-size: 15px; line-height: 1.4; }
.preview__signature span { display: block; font-size: 12px; line-height: 1.5; color: #66665e; }
.preview__stationery { display: grid; grid-template-columns: .82fr 1.18fr; align-items: center; gap: 15px; }
.preview__stationery figure, .preview__cover { margin: 0; min-width: 0; }
.preview__stationery figcaption, .preview__cover figcaption { font-size: 12px; line-height: 1.4; color: #66665e; margin-top: 8px; text-align: center; }
.preview__letter-sheet { background: #fff; width: min(135px, 100%); height: 136px; padding: 12px; margin: 0 auto; position: relative; border-top: 3px solid #bd3b22; box-shadow: 0 5px 15px rgba(74,52,0,.07); }
.preview__letter-sheet img { width: 54px; height: auto; margin-bottom: 14px; }
.preview__letter-sheet strong { display: block; font-size: 12px; line-height: 1.4; }
.preview__letter-lines { display: block; width: 86%; height: 29px; margin-top: 7px; background: repeating-linear-gradient(180deg, #e7e4dc 0, #e7e4dc 1px, transparent 1px, transparent 8px); }
.preview__letter-sheet small { position: absolute; bottom: 9px; font-size: 11px; color: #77766e; }
.preview__card img { width: 100%; height: auto; max-height: 136px; object-fit: contain; border-radius: 5px; }
.benefit__preview--payment { padding: 0; position: relative; }
.benefit__preview--payment > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.preview__momo { position: absolute; left: 18px; right: 18px; bottom: 18px; display: flex; justify-content: space-between; align-items: center; gap: 14px; padding: 17px; background: var(--yellow); color: #171714; border-radius: 12px; }
.preview__momo strong { font-size: clamp(19px, 1.5vw, 28px); line-height: 1.2; }
.preview__momo span { font-size: 13px; line-height: 1.4; text-align: right; }
.benefit__preview--contact { display: grid; grid-template-rows: auto 1fr; gap: 16px; }
.preview__cover img { width: 100%; height: 120px; object-fit: contain; }
.preview__whatsapp { background: #eee9df; padding: 12px; border-radius: 11px; display: flex; flex-direction: column; align-items: flex-start; gap: 8px; min-width: 0; }
.preview__wa-heading { align-self: stretch; display: flex; gap: 10px; align-items: center; margin: -12px -12px 3px; padding: 11px 12px; background: #fff; border-radius: 11px 11px 0 0; }
.preview__wa-heading img { width: 46px; height: auto; }
.preview__wa-heading strong { display: block; font-size: 15px; line-height: 1.3; }
.preview__wa-heading span { display: block; font-size: 12px; line-height: 1.4; color: #66665e; }
.preview__wa-message { background: #fff; padding: 8px 11px; border-radius: 2px 10px 10px; font-size: 13px; line-height: 1.4; max-width: 90%; }
.preview__wa-message--reply { align-self: flex-end; background: #d9efcd; border-radius: 10px 2px 10px 10px; }
.benefit--security { grid-column: 1 / -1; background: #171714; color: #fff; display: grid; grid-template-columns: 1.1fr .9fr; align-items: center; gap: 24px 5vw; }
.benefit--security h3 { color: var(--yellow); margin-top: 0; }
.benefit--security .benefit__description { color: #d1d1c8; margin: 0; }
.benefit__security-item { grid-column: 1; padding-top: 20px; border-top: 1px solid #46463d; font-size: clamp(17px, 1.2vw, 24px); }
.benefit__security-item p { color: #d1d1c8; font-size: .82em; margin-top: 7px; }
.benefit__protection { grid-column: 2; grid-row: 1 / span 2; max-width: 500px; justify-self: end; width: 100%; }
.preview__protection-card { background: #007a68; color: #fff; border-radius: 16px; padding: 28px; display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 10px 17px; }
.preview__protection-card strong { font-size: clamp(26px, 2.4vw, 44px); line-height: 1.2; }
.preview__protection-card span { grid-column: 1 / -1; font-size: 15px; line-height: 1.5; }
.preview__devices { display: flex; gap: 34px; justify-content: center; margin-top: 22px; color: #d1d1c8; }
.preview__devices > span { display: flex; align-items: center; gap: 10px; font-size: 13px; }
.preview__computer { display: block; width: 35px; height: 23px; border: 2px solid #d1d1c8; border-radius: 3px; position: relative; }
.preview__computer::after { content: ''; position: absolute; width: 20px; height: 2px; background: #d1d1c8; bottom: -7px; left: 6px; }
.preview__mobile { display: block; width: 15px; height: 25px; border: 2px solid #d1d1c8; border-radius: 3px; }
.benefits__footer { display: flex; align-items: center; justify-content: space-between; gap: 32px; margin-top: 34px; }
.benefits__footer p { color: #55544f; max-width: 72ch; font-size: clamp(16px, 1.1vw, 22px); }
.benefits__footer .btn { flex: none; }
.prices .pick button { min-width: 0; overflow-wrap: anywhere; }
@media (max-width: 1000px) {
  .prices .pick button { font-size: 14px; min-height: 46px; padding: 7px 5px; line-height: 1.25; }
}
@media (max-width: 700px) {
  #get[data-benefits] { margin-top: -22px; border-radius: 26px 26px 0 0; padding-top: 46px; }
  .benefits__wrap { padding-inline: 22px; }
  .benefits__heading { grid-template-columns: 1fr; gap: 20px; margin-bottom: 28px; }
  .benefits__heading h2 { font-size: clamp(34px, 8vw, 48px); max-width: 23ch; text-wrap: initial; }
  .benefits__heading .section-lead { font-size: 17px; }
  .benefits__eyebrow { font-size: 11px; margin-bottom: 13px; }
  .benefits__grid { grid-template-columns: 1fr; gap: 18px; }
  .benefit { padding: 25px; border-radius: 20px; }
  .benefit--standard { display: block; grid-row: auto; }
  .benefit h3 { font-size: 31px; text-wrap: initial; margin: 13px 0 16px; }
  .benefit__description { font-size: 17px; margin-bottom: 21px; }
  .benefit__items { font-size: 16px; gap: 11px; padding-top: 17px; }
  .benefit--site { grid-template-columns: 1fr; gap: 0; padding-bottom: 0; }
  .benefit--site h3 { font-size: 40px; }
  .benefit--site .benefit__copy { padding-bottom: 14px; }
  .benefit__website { max-height: 290px; padding-top: 12px; }
  .benefit__phone { width: 208px; border-width: 6px; border-radius: 25px 25px 0 0; }
  .benefit__preview { min-height: 370px; padding: 14px; margin-bottom: 22px; }
  .benefit__preview--identity { min-height: 300px; gap: 24px; }
  .benefit__address { padding: 14px; font-size: 30px; }
  .preview__signature { gap: 8px; }
  .preview__signature img { width: 54px; }
  .preview__signature > div { padding-left: 9px; }
  .preview__stationery { gap: 10px; }
  .preview__letter-sheet { height: 136px; }
  .benefit__preview--payment { padding: 0; min-height: 300px; }
  .preview__momo { left: 12px; right: 12px; bottom: 12px; padding: 13px; }
  .preview__cover img { height: 104px; }
  .preview__wa-message { font-size: 12px; }
  .benefit--security { grid-template-columns: 1fr; gap: 20px; }
  .benefit--security h3 { margin-top: 0; }
  .benefit__security-item { grid-column: 1; border-top: 1px solid #46463d; padding-top: 18px; }
  .benefit__protection { grid-column: 1; grid-row: auto; width: 100%; justify-self: stretch; }
  .preview__protection-card { padding: 22px; gap: 10px 12px; }
  .preview__protection-card strong { font-size: 27px; }
  .preview__devices { gap: 24px; }
  .benefits__footer { display: block; margin-top: 26px; }
  .benefits__footer .btn { margin-top: 22px; }
}
@media (max-width: 350px) {
  .benefits__wrap { padding-inline: 18px; }
  .benefit { padding: 22px; }
  .benefit--site { padding-bottom: 0; }
  .benefit--site h3 { font-size: 36px; }
  .preview__mail { padding: 13px; }
  .preview__mail-address { font-size: 16px; }
  .preview__stationery figcaption { font-size: 11px; }
  .preview__signature img { width: 42px; }
  .preview__signature span { font-size: 11px; }
  .preview__wa-message { font-size: 11px; }
  .prices .pick { gap: 5px; }
  .prices .pick button { font-size: 12px; }
}