.cw-ax-page { word-break: keep-all; overflow-wrap: anywhere; }
.cw-ax-hero { position: relative; isolation: isolate; overflow: hidden; color: white; background: #172a36; }
.cw-ax-hero-image { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; }
.cw-ax-hero::after { content: ""; position: absolute; inset: 0; z-index: -1; background: rgb(12 24 32 / 74%); }
.cw-ax-hero-copy { padding-top: 64px; padding-bottom: 60px; }
body.v2 .cw-ax-hero h1 { max-width: 900px; margin: 0 0 22px; font-size: 46px; line-height: 1.3; color: white; letter-spacing: 0; }
body.v2 .cw-ax-hero p { max-width: 730px; margin: 12px 0; font-size: 17px; line-height: 1.8; color: #eef4f5; }
body.v2 .cw-ax-hero .cw-ax-lead { font-size: 24px; font-weight: 700; line-height: 1.6; }
.cw-ax-page .v2-section { padding: 64px 0; }
.cw-ax-page .v2-section-head { max-width: 820px; margin-bottom: 30px; }
.cw-ax-page .v2-section-head h2 { font-size: 32px; line-height: 1.4; }
.cw-ax-page .v2-section-head p { margin-top: 16px; }
.cw-ax-principles, .cw-ax-stage-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.cw-ax-principles article { border-top: 3px solid #17644f; padding-top: 18px; }
.cw-ax-principles article > span { color: #17644f; font-weight: 800; }
.cw-ax-principles h3 { margin: 12px 0; font-size: 22px; }
.cw-ax-steps { background: #f2f6f4; }
.cw-ax-stage { display: flex; flex-direction: column; min-width: 0; padding: 26px; border: 1px solid #cedbd6; border-radius: 8px; background: white; }
.cw-ax-stage h3 { margin: 0 0 18px; font-size: 23px; line-height: 1.5; }
body.v2 .cw-ax-stage .cw-ax-eyebrow { margin: 0 0 12px; color: #17644f; font-size: 14px; font-weight: 800; }
body.v2 .cw-ax-price { display: flex; flex-wrap: wrap; gap: 6px 12px; align-items: baseline; margin: 0 0 20px; }
.cw-ax-price strong { color: #164d3f; font-size: 30px; line-height: 1.4; }
.cw-ax-price span { color: #52636b; font-size: 14px; }
body.v2 .cw-ax-schedule { margin: 0 0 18px; padding: 16px 0; border-top: 1px solid #dce4e0; border-bottom: 1px solid #dce4e0; font-size: 15px; line-height: 1.8; }
.cw-ax-stage > p, .cw-ax-stage li { font-size: 16px; line-height: 1.8; }
.cw-ax-stage ul { margin: 6px 0 24px; padding-left: 20px; }
.cw-ax-stage li + li { margin-top: 8px; }
body.v2 .cw-ax-stage .cw-ax-stage-flow { margin: auto 0 0; padding-top: 18px; border-top: 1px solid #dce4e0; color: #17644f; font-size: 14px; font-weight: 700; }
body.v2 .cw-ax-selection { margin: 28px 0 0; padding-left: 18px; border-left: 3px solid #17644f; }
.cw-ax-use-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 28px; }
.cw-ax-use-grid article { min-width: 0; padding-top: 20px; border-top: 1px solid #cdd7d5; }
.cw-ax-use-grid h3 { margin: 0 0 16px; font-size: 21px; }
.cw-ax-use-grid ul { margin: 0; padding-left: 20px; }
.cw-ax-use-grid li { margin-top: 10px; font-size: 16px; }
.cw-ax-advanced-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.cw-ax-security { background: #f4f6f7; }
.cw-ax-security .v2-text-link { display: inline-block; margin-top: 20px; }
.cw-ax-workflow { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px 24px; margin: 0; padding: 0; list-style: none; counter-reset: ax-step; }
.cw-ax-workflow li { counter-increment: ax-step; min-width: 0; padding: 14px 0; border-bottom: 1px solid #cdd7d5; font-weight: 700; font-size: 16px; }
.cw-ax-workflow li::before { content: counter(ax-step, decimal-leading-zero); display: block; margin-bottom: 6px; color: #17644f; font-size: 13px; }
.cw-ax-message { margin-top: 40px; padding: 24px 0 0; border-top: 3px solid #17644f; }
.cw-ax-message h3 { font-size: 24px; margin: 0 0 14px; }
.cw-ax-separation { background: #f7f7f5; }
.cw-ax-compare { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 36px; }
.cw-ax-compare h3 { font-size: 23px; margin: 0 0 14px; }
.cw-ax-home { border-top: 1px solid var(--v2-line); }
.cw-ax-home .v2-shell { display: grid; grid-template-columns: 1.15fr 1fr; align-items: start; gap: 48px; }
.cw-ax-home h2 { margin: 0 0 16px; }
.cw-ax-home ol { margin: 0; padding: 0; list-style: none; }
.cw-ax-home li { padding: 18px 0; border-bottom: 1px solid #cdd7d5; }
.cw-ax-home li:first-child { padding-top: 0; }
.cw-ax-home li strong, .cw-ax-home li span { display: block; }
.cw-ax-home li strong { color: #17644f; font-size: 19px; }
.cw-ax-home li span { margin-top: 8px; font-size: 15px; }
.cw-ax-home-points { margin-top: 18px; font-size: 15px; color: #52636b; }
.cw-ax-marketing-link { border-top: 1px solid var(--v2-line); }
.cw-ax-marketing-link .v2-shell { max-width: 1180px; }
@media (max-width: 1100px) {
  .cw-ax-stage-grid { gap: 16px; }
  .cw-ax-stage { padding: 20px; }
  .cw-ax-use-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 800px) {
  .cw-ax-stage-grid, .cw-ax-principles, .cw-ax-advanced-grid, .cw-ax-compare, .cw-ax-home .v2-shell { grid-template-columns: 1fr; }
  .cw-ax-stage { padding: 24px; }
  .cw-ax-workflow { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cw-ax-home .v2-shell { gap: 28px; }
}
@media (max-width: 600px) {
  .cw-ax-hero-copy { padding-top: 38px; padding-bottom: 36px; }
  body.v2 .cw-ax-hero h1 { font-size: 30px; margin-bottom: 18px; }
  body.v2 .cw-ax-hero .cw-ax-lead { font-size: 19px; }
  body.v2 .cw-ax-hero p { font-size: 15px; line-height: 1.7; }
  .cw-ax-page .v2-section { padding: 40px 0; }
  .cw-ax-page .v2-section-head h2 { font-size: 26px; }
  .cw-ax-stage { padding: 20px; }
  .cw-ax-stage-grid { gap: 18px; }
  .cw-ax-use-grid { grid-template-columns: 1fr; gap: 24px; }
  .cw-ax-use-grid ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 22px; }
  .cw-ax-use-grid li { margin-top: 0; font-size: 15px; }
  .cw-ax-page .v2-button { min-height: 44px; padding: 12px 16px; font-size: 15px; }
  .cw-ax-page .v2-cta-box { padding: 26px 20px; border-radius: 8px; }
  .cw-ax-page .v2-cta h2 { font-size: 25px; }
}
