.wa-page{--wa-green:#096442;--wa-mint:#dbf5e7;--wa-ink:#17162b;--wa-copy:#596079;--wa-line:#e5e1f1}.wa-page section[id]{scroll-margin-top:140px}.wa-hero{padding:115px 0 70px;background:linear-gradient(125deg,#f8f6fc 40%,#edf8f1)}.wa-split{display:grid;grid-template-columns:1.05fr 1fr;gap:58px;align-items:center}.wa-hero h1{font-size:clamp(36px,4.1vw,58px);line-height:1.14;margin-top:20px}.wa-hero h1 em{font-style:normal;color:var(--wa-green)}.wa-lead{font-size:19px;line-height:1.65;color:var(--wa-copy);margin-top:24px}.wa-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.wa-checks{display:flex;flex-wrap:wrap;gap:10px 20px;padding:0;margin:24px 0 0;list-style:none;font-size:13px;font-weight:800;color:#4b5266}.wa-checks li::before{content:'✓';color:var(--wa-green);margin-right:7px}.wa-console{border:1px solid #d6ded9;border-radius:18px;background:#fff;box-shadow:0 24px 65px #142d2420;overflow:hidden}.wa-console-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid #e8edea;font-size:13px}.wa-console-top strong{color:#2f1c67}.wa-console-top strong span{color:#727990;font-weight:600}.wa-tag{font-size:10px;font-weight:900;letter-spacing:.02em;border-radius:5px;padding:5px 8px;background:#eff3f0;color:#526758}.wa-console-body{padding:24px}.wa-contact{display:flex;align-items:center;gap:12px}.wa-contact>div{flex:1}.wa-contact strong{display:block;font-size:19px}.wa-contact small{display:block;color:#697584;font-size:12px;margin-top:3px}.wa-contact>.msym{color:var(--wa-green);font-size:26px}.wa-avatar{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--wa-mint);color:var(--wa-green);font-weight:900;flex-shrink:0}.wa-call-state{display:flex;align-items:center;gap:8px;background:#e9f8ef;color:#096442;border-radius:8px;margin:22px 0;padding:13px 12px;font-size:13px}.wa-call-state strong{margin-left:auto;font-variant-numeric:tabular-nums}.wa-dot{width:7px;height:7px;background:#118756;border-radius:50%;flex-shrink:0}.wa-context{margin-top:18px}.wa-label{text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:900;color:#68767b}.wa-context p{font-size:14px;line-height:1.6;margin-top:6px;color:#414b60}.wa-next{display:flex;gap:10px;align-items:center;background:#f6f3fc;padding:14px;border-radius:8px;margin-top:22px;color:#2f1c67}.wa-next div{flex:1}.wa-next strong,.wa-next small{display:block}.wa-next strong{font-size:13px}.wa-next small{font-size:12px;margin-top:4px;color:#687086}.wa-console-foot{padding:13px 20px;background:#f8faf9;color:#536b60;border-top:1px solid #e8edea;font-size:11px;font-weight:800;text-align:center}.wa-subnav{background:#fff;border-block:1px solid var(--wa-line)}.wa-subnav>div{display:flex;gap:25px;overflow-x:auto;padding-block:18px}.wa-subnav a{white-space:nowrap;font-size:13px;font-weight:900;color:#53536a}.wa-subnav a:hover{color:#087746}.wa-page a:focus-visible,.wa-page button:focus-visible,.wa-page summary:focus-visible,.wa-page input:focus-visible{outline:3px solid #118756;outline-offset:4px}@media(max-width:900px){.wa-split{grid-template-columns:1fr;gap:36px}.wa-hero{padding-top:100px}.wa-console{max-width:580px;width:100%;margin:auto}.wa-hero h1{max-width:650px}}@media(max-width:540px){.wa-hero{padding:100px 0 42px}.wa-hero h1{font-size:36px}.wa-lead{font-size:17px}.wa-actions .gp-button{width:100%}.wa-console-body{padding:18px}.wa-console-top{padding:16px 12px}.wa-console-top strong span{display:none}.wa-checks{display:grid;gap:9px}.wa-console-foot{font-size:10px;padding-inline:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.wa-section { padding: 84px 0; }
.wa-soft { background: #f7f6fa; }
.wa-section-head { max-width: 790px; margin-bottom: 36px; }
.wa-section-head h2 { font-size: clamp(28px, 3.2vw, 42px); line-height: 1.2; margin: 16px 0; }
.wa-section-head > p { color: var(--wa-copy); font-size: 18px; line-height: 1.65; }
.wa-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.wa-grid-four { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.wa-card { border: 1px solid var(--wa-line); background: white; padding: 28px; border-radius: 12px; }
.wa-card-icon { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 10px; background: #e9f7ef; color: #096442; font-size: 25px; margin-bottom: 22px; }
.wa-card h3 { font-size: 18px; letter-spacing: -.025em; line-height: 1.4; margin-bottom: 12px; }
.wa-card p { color: var(--wa-copy); line-height: 1.7; font-size: 16px; }
.wa-card a { display: block; color: #2f1c67; font-size: 14px; font-weight: 900; margin-top: 16px; }
.wa-card a:hover, .wa-related a:hover { text-decoration: underline; }
.wa-steps { margin: 0; padding: 0; list-style: none; display: grid; gap: 0; }
.wa-steps li { display: flex; align-items: flex-start; gap: 24px; padding: 24px 0; border-top: 1px solid var(--wa-line); }
.wa-step-num { color: #096442; font-size: 24px; font-weight: 900; line-height: 1.4; min-width: 36px; font-variant-numeric: tabular-nums; }
.wa-steps h3 { font-size: 19px; margin-bottom: 8px; }
.wa-steps p { font-size: 17px; line-height: 1.7; color: var(--wa-copy); max-width: 910px; }
.wa-dark { --wa-copy: #c4ccd5; --wa-line: #ffffff25; background: #172a25; color: white; }
.wa-dark h2, .wa-dark h3 { color: white; }
.wa-dark .gp-kicker, .wa-dark .wa-step-num { color: #9ce4b8; }
.wa-detail { gap: 55px; align-items: start; }
.wa-note-panel { padding: 32px; background: #233b32; border: 1px solid #ffffff25; border-radius: 14px; }
.wa-note-panel .wa-tag { display: inline-block; background: #315645; color: #d8f1df; }
.wa-note-panel h3 { font-size: 22px; margin-top: 20px; }
.wa-note-panel blockquote { margin: 24px 0; padding-left: 18px; border-left: 3px solid #9ce4b8; color: #ecf9ef; font-size: 19px; line-height: 1.6; }
.wa-note-panel dl { margin: 0 0 24px; }
.wa-note-panel dt { font-size: 11px; font-weight: 900; text-transform: uppercase; letter-spacing: .08em; color: #a5c8b7; margin-top: 16px; }
.wa-note-panel dd { margin: 5px 0 0; font-size: 15px; }
.wa-small { color: var(--wa-copy); font-size: 13px; line-height: 1.65; }
.wa-use-list { display: grid; grid-template-columns: 1fr 1fr; gap: 0 40px; }
.wa-use-list article { padding: 26px 0; border-top: 1px solid var(--wa-line); }
.wa-use-list h3 { font-size: 19px; }
.wa-use-list p { color: var(--wa-copy); font-size: 16px; line-height: 1.65; margin: 12px 0 16px; }
.wa-use-list article > span { display: block; font-size: 12px; color: #096442; font-weight: 900; }
.wa-calculator { display: grid; grid-template-columns: 1.3fr 1fr; gap: 24px; align-items: start; }
.wa-calculator-inputs { border: 1px solid var(--wa-line); background: white; padding: 28px; border-radius: 14px; }
.wa-calculator fieldset { border: 0; padding: 0; margin: 0 0 26px; min-width: 0; }
.wa-calculator legend { font-size: 17px; font-weight: 900; margin-bottom: 16px; color: #2f1c67; }
.wa-input-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.wa-input-grid label { display: flex; flex-direction: column; justify-content: space-between; gap: 9px; font-size: 12px; font-weight: 800; line-height: 1.5; }
.wa-input-grid input { display: block; width: 100%; min-width: 0; min-height: 46px; border: 1px solid #b9bdc9; border-radius: 7px; padding: 10px 9px; font-size: 16px; color: #17162b; background: #fbfcfb; }
.wa-input-grid input::placeholder { font-size: 11px; color: #6b7380; }
.wa-calculator-inputs .wa-small { margin-top: 14px; font-size: 12px; }
.wa-text-button { border: 0; background: transparent; text-decoration: underline; color: #53536a; font-size: 13px; font-weight: 800; cursor: pointer; min-height: 44px; }
.wa-calculator-result { background: #172a25; color: #fff; border-radius: 14px; padding: 30px; }
.wa-calculator-result .wa-label { color: #a1ccb7; }
.wa-calculator-result h3 { color: #fff; font-size: 22px; margin: 10px 0 16px; }
.wa-calculator-result output { display: block; font: 800 clamp(25px, 3vw, 39px) Poppins, sans-serif; color: #a7ecc1; overflow-wrap: anywhere; }
.wa-result-caption { color: #c1d5ca; line-height: 1.5; font-size: 12px; margin-top: 8px; }
.wa-calculator-result dl { margin: 28px 0 20px; }
.wa-calculator-result dl > div { display: flex; justify-content: space-between; gap: 15px; border-top: 1px solid #ffffff20; padding: 13px 0; align-items: baseline; }
.wa-calculator-result dt { color: #c7d9d0; font-size: 12px; }
.wa-calculator-result dd { margin: 0; text-align: right; font-size: 14px; font-weight: 900; font-variant-numeric: tabular-nums; }
.wa-result-status { background: #ffffff0b; padding: 13px; border: 1px solid #ffffff20; border-radius: 7px; color: #d6e6dc; font-size: 12px; line-height: 1.6; }
.wa-calculator-result .gp-button { margin-top: 24px; background: #d3f4df; border-color: #d3f4df; color: #17452d; box-shadow: none; width: 100%; font-size: 13px; }
.wa-method { border: 1px solid var(--wa-line); padding: 20px 24px; border-radius: 10px; margin-top: 24px; background: #fff; }
.wa-method summary { cursor: pointer; color: #2f1c67; font-weight: 900; }
.wa-method p { font-size: 14px; line-height: 1.7; color: var(--wa-copy); margin-top: 14px; }
.wa-integration-flow { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 20px; padding: 28px; margin-bottom: 30px; background: #f0f8f3; border-radius: 12px; color: #096442; font-weight: 800; font-size: 16px; }
.wa-integration-flow strong { background: #096442; color: white; padding: 16px 22px; border-radius: 8px; }
.wa-table-wrap { width: 100%; overflow-x: auto; border: 1px solid var(--wa-line); border-radius: 12px; background: #fff; }
.wa-table-wrap table { border-collapse: collapse; width: 100%; min-width: 780px; font-size: 14px; text-align: left; }
.wa-table-wrap caption { text-align: left; padding: 18px 20px; font-weight: 900; color: #2f1c67; }
.wa-table-wrap th, .wa-table-wrap td { padding: 18px 20px; border-top: 1px solid var(--wa-line); vertical-align: top; line-height: 1.6; }
.wa-table-wrap thead { background: #eef6f1; color: #096442; }
.wa-table-wrap td { color: var(--wa-copy); width: 27%; }
.wa-table-wrap tbody th { color: #2f1c67; }
.wa-source { margin-top: 20px; }
.wa-source a { text-decoration: underline; color: #2f1c67; }
.wa-investment-cta { display: flex; gap: 28px; flex-wrap: wrap; align-items: center; justify-content: space-between; margin-top: 30px; padding: 25px; background: #f2f8f4; border-radius: 12px; }
.wa-investment-cta p { font-size: 16px; line-height: 1.6; max-width: 430px; color: #426151; }
.wa-faq { max-width: 950px; }
.wa-faq details { border-bottom: 1px solid var(--wa-line); }
.wa-faq summary { padding: 23px 30px 23px 0; color: #2f1c67; font-size: 17px; font-weight: 900; line-height: 1.5; cursor: pointer; }
.wa-faq summary::marker { color: #096442; }
.wa-faq p { padding: 0 24px 24px; color: var(--wa-copy); font-size: 16px; line-height: 1.75; }
.wa-related { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.wa-related a { display: flex; justify-content: space-between; gap: 14px; align-items: center; border: 1px solid var(--wa-line); border-radius: 8px; padding: 20px; color: #2f1c67; font-size: 14px; font-weight: 900; }
@media (max-width: 1050px) {
  .wa-calculator { grid-template-columns: 1.15fr 1fr; }
  .wa-input-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 900px) {
  .wa-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wa-calculator { grid-template-columns: 1fr; }
  .wa-input-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .wa-related { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 600px) {
  .wa-section { padding: 54px 0; }
  .wa-section-head { margin-bottom: 26px; }
  .wa-section-head > p { font-size: 16px; }
  .wa-grid, .wa-use-list, .wa-related { grid-template-columns: 1fr; }
  .wa-card { padding: 24px; }
  .wa-steps li { gap: 16px; }
  .wa-steps h3 { font-size: 17px; }
  .wa-steps p { font-size: 16px; }
  .wa-note-panel { padding: 24px; }
  .wa-input-grid { grid-template-columns: 1fr 1fr; }
  .wa-calculator-inputs, .wa-calculator-result { padding: 22px; }
  .wa-calculator-result dd { font-size: 13px; }
  .wa-integration-flow { flex-direction: column; gap: 12px; }
  .wa-integration-flow > span[aria-hidden] { transform: rotate(90deg); }
  .wa-investment-cta { padding: 22px; }
  .wa-faq summary { font-size: 16px; padding-right: 0; }
}