.hero-section {background: #fbfbfb;padding: 3.5rem 0.9375rem;margin-bottom: 2.5rem;text-align: center;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);border-radius: 8px;}.hero-section h1 {margin-bottom: 0.5rem;font-size: 2.5rem;line-height: 1.2;color: #1a1a1a;}.hero-section h1 span {display: block;margin-top: 0.5rem;color: #666666;font-size: 1.25rem;line-height: 1.4;}.hero-section,.grid-x.grid-padding-x,.grid-x.grid-margin-y {max-width: 75rem;margin-left: auto;margin-right: auto;}.card {background: #ffffff;border: 1px solid #e0e0e0;border-radius: 8px;margin-bottom: 1.5rem;height: 100%;display: flex;flex-direction: column;box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);transition: transform 0.2s, box-shadow 0.2s;}.card:hover {transform: translateY(-3px);box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);}.card-section {padding: 2rem;text-align: center;display: flex;flex-direction: column;flex: 1;height: 100%;}.card span[class*="util-icon"] {font-size: 2.5rem;color: #3aa7fc;margin-bottom: 1.5rem;display: block;}.card h2 {margin-bottom: 1rem;font-size: 1.5rem;}.card p {margin-bottom: 1.5rem;color: #444444;flex: 1 0 auto;display: flex;align-items: center;justify-content: center;}.user-example {background: #ffffff;border: 1px solid #e0e0e0;border-radius: 8px;padding: 2rem;height: 100%;transition: transform 0.2s, box-shadow 0.2s;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);}.user-example:hover {transform: translateY(-3px);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);}.user-example span {color: #3aa7fc;font-size: 2rem;margin-bottom: 1rem;display: block;}.user-example h4 {margin-bottom: 1rem;font-size: 1.25rem;color: #333333;}.user-example p {color: #444444;line-height: 1.6;margin-bottom: 0;}.callout {background: #f9f9f9;border: 1px solid #e0e0e0;border-radius: 8px;padding: 0;box-shadow: 0 3px 10px rgba(0, 0, 0, 0.03);width: 100%;max-width: 75rem;margin-left: auto;margin-right: auto;}.callout .grid-x {padding: 1.5rem 0.9375rem;}.callout .cell {margin-bottom: 1.5rem;}.callout .cell:last-child {margin-bottom: 0;}.savings-highlight {font-weight: bold;color: #3aa7fc;}@media screen and (min-width: 40em) {.grid-x.grid-padding-x,.hero-section {padding-left: 0.9375rem;padding-right: 0.9375rem;}.card {height: 100%;}.card-section {display: flex;flex-direction: column;flex: 1;}.card p {flex: 1 0 auto;}.card .button {margin-top: auto;}.grid-margin-y > .cell {margin-bottom: 2rem;}.callout .cell {margin-bottom: 0;}}@media screen and (max-width: 39.9375em) {.hero-section {padding: 2rem 1rem;}.hero-section h1 {font-size: 2rem;}.card-section {padding: 1.5rem;}.user-example {padding: 1.5rem;}.callout .grid-x {padding: 1.5rem 0.9375rem;}.callout .cell {margin-bottom: 1.5rem;padding-left: 0.625rem;padding-right: 0.625rem;}.callout .cell:last-child {margin-bottom: 0;}}footer {margin-top: 3rem;padding-top: 1.5rem;border-top: 1px solid #eaeaea;}.text-center {text-align: center;}.align-center {justify-content: center;}.button:focus {outline: 2px solid #3aa7fc;outline-offset: 2px;}a:focus {outline: 2px dashed #3aa7fc;outline-offset: 2px;}