.simples-page {
  --tc-red: #dc2d31;
  --tc-red-dark: #bd2025;
  --tc-text: #22252b;
  --tc-muted: #5b606a;
  --tc-line: #eceff3;
  --tc-bg: #fff;
  --tc-max: 680px;
  --tc-radius: 12px;
  --tc-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  background: var(--tc-bg);
  color: var(--tc-text);
  font-family: var(--tc-font);
  line-height: 1.75;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.simples-page * { box-sizing: border-box; }
.simples-page .tc-page { width: min(100% - 32px, var(--tc-max)); margin-inline: auto; padding: 42px 0 52px; }
.simples-page .tc-hero { text-align: center; margin-bottom: 52px; }
.simples-page .tc-hero h1 { margin: 0 0 14px; color: var(--tc-red); font-size: clamp(25px, 3.2vw, 34px); line-height: 1.2; font-weight: 800; letter-spacing: -0.035em; }
.simples-page .tc-hero p { max-width: 620px; margin: 0 auto 22px; color: var(--tc-muted); font-size: 13px; line-height: 1.6; }

.simples-page .tc-btn { display: inline-flex; align-items: center; justify-content: center; gap: 12px; width: min(100%, 560px); min-height: 48px; padding: 14px 24px; border: 0; border-radius: var(--tc-radius); background: var(--tc-red); color: #fff; text-decoration: none; text-transform: uppercase; font-size: 13px; font-weight: 900; letter-spacing: 0.03em; transition: background .2s ease, transform .2s ease, box-shadow .2s ease; box-shadow: 0 10px 24px rgba(220, 45, 49, .14); }
.simples-page .tc-btn:hover,
.simples-page .tc-btn:focus-visible { background: var(--tc-red-dark); transform: translateY(-1px); outline: 0; box-shadow: 0 14px 30px rgba(220, 45, 49, .22); }
.simples-page .tc-btn .tc-circle { display: inline-grid; place-items: center; width: 20px; height: 20px; border: 2px solid currentColor; border-radius: 50%; font-size: 12px; line-height: 1; }
.simples-page .tc-note { margin-top: 8px !important; color: #9ca3ad !important; font-size: 10px !important; }

.simples-page .tc-content h2 { position: relative; margin: 0 0 28px; padding-left: 16px; color: #121417; font-size: clamp(28px, 3.5vw, 38px); line-height: 1.2; font-weight: 850; letter-spacing: -0.04em; }
.simples-page .tc-content h2::before { content: ""; position: absolute; left: 0; top: .14em; width: 3px; height: 1.35em; background: var(--tc-red); border-radius: 3px; }
.simples-page .tc-content p { margin: 0 0 24px; color: #383b43; font-size: 19px; line-height: 1.72; letter-spacing: .01em; }

.simples-page .tc-mid-cta { text-align: center; margin: 24px 0 34px; }

.simples-page .tc-faq { margin-top: 38px; border-top: 1px solid var(--tc-line); }
.simples-page .tc-faq-item { border-bottom: 1px solid var(--tc-line); }
.simples-page .tc-faq-btn { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 22px; padding: 26px 0; border: 0; background: transparent; color: #191b20; cursor: pointer; text-align: left; font: inherit; font-size: 17px; font-weight: 850; line-height: 1.35; }
.simples-page .tc-faq-btn:hover,
.simples-page .tc-faq-btn:focus-visible { color: var(--tc-red); outline: 0; }
.simples-page .tc-faq-icon { position: relative; flex: 0 0 18px; width: 18px; height: 18px; color: var(--tc-red); }
.simples-page .tc-faq-icon::before,
.simples-page .tc-faq-icon::after { content: ""; position: absolute; left: 50%; top: 50%; width: 12px; height: 2px; background: currentColor; border-radius: 999px; transform: translate(-50%, -50%); transition: transform .22s ease; }
.simples-page .tc-faq-icon::after { transform: translate(-50%, -50%) rotate(90deg); }
.simples-page .tc-faq-btn[aria-expanded="true"] .tc-faq-icon::after { transform: translate(-50%, -50%) rotate(0deg); }
.simples-page .tc-faq-panel { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .24s ease; }
.simples-page .tc-faq-panel[aria-hidden="false"] { grid-template-rows: 1fr; }
.simples-page .tc-faq-panel > div { overflow: hidden; }
.simples-page .tc-faq-panel p { margin: 0; padding: 0 0 24px; color: var(--tc-muted); font-size: 16px; line-height: 1.65; }

@media (max-width: 767px) {
  .simples-page .tc-page { width: min(100% - 24px, var(--tc-max)); padding: 32px 0 42px; }
  .simples-page .tc-hero { margin-bottom: 40px; }
  .simples-page .tc-content p { font-size: 16px; line-height: 1.7; margin-bottom: 20px; }
  .simples-page .tc-content h2 { font-size: 28px; margin-bottom: 22px; }
  .simples-page .tc-faq-btn { font-size: 15px; padding: 22px 0; }
  .simples-page .tc-btn { font-size: 12px; min-height: 46px; }
}
