.acumatica-retail-page {
--bg: #ffffff;
--text: #1a1a1a;
--muted: #666666;
--border: #e8e8e8;
--brand: #33ccff;
--brand-2: #0066cc;
--danger: #ff4444;
--card: #f8f8f8;
--shadow-md: 0 10px 28px rgba(17, 24, 39, 0.14);
--shadow-lg: 0 16px 40px rgba(17, 24, 39, 0.18);
--radius: 12px;
}

.acumatica-retail-page * {
box-sizing: border-box;
}

.acumatica-retail-page {
height: 100%;
}

.acumatica-retail-page {
margin: 0;
background: var(--bg);
color: var(--text);
font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji",
    "Segoe UI Emoji";
line-height: 1.5;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.acumatica-retail-page img {
max-width: 100%;
display: block;
}

.acumatica-retail-page a {
color: inherit;
text-decoration: none;
}

.acumatica-retail-page .main {
width: 100%;
background: #fff;
}

.acumatica-retail-page .container {
max-width: 80rem; /* ~7xl */
margin: 0 auto;
padding-left: 16px;
padding-right: 16px;
}

.acumatica-retail-page .section {
width: 100%;
}

.acumatica-retail-page .py-20 {
padding-top: 80px;
padding-bottom: 80px;
}

.acumatica-retail-page .py-16 {
padding-top: 64px;
padding-bottom: 64px;
}

.acumatica-retail-page .text-center {
text-align: center;
}

.acumatica-retail-page .h2 {
margin: 0 0 16px;
font-weight: 800;
color: var(--brand-2);
letter-spacing: -0.02em;
line-height: 1.15;
font-size: 28px;
}

.acumatica-retail-page .p-muted {
margin: 0;
color: var(--muted);
}

.acumatica-retail-page .lead {
font-size: 18px;
color: var(--muted);
line-height: 1.7;
}

.acumatica-retail-page .hero-top {
padding-top: 24px;
padding-bottom: 24px;
border-bottom: 1px solid var(--border);
}

.acumatica-retail-page .hero-logo {
height: 48px;
width: auto;
object-fit: contain;
}

.acumatica-retail-page .hero {
position: relative;
width: 100%;
min-height: 600px;
display: grid;
}

.acumatica-retail-page .hero-bg {
position: absolute;
inset: 0;
}

.acumatica-retail-page .hero-bg img {
width: 100%;
height: 100%;
object-fit: cover;
}

.acumatica-retail-page .hero-overlay {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.35);
}

.acumatica-retail-page .hero-content-wrap {
position: relative;
display: flex;
align-items: flex-end;
justify-content: center;
padding-bottom: 80px;
}

.acumatica-retail-page .hero-content {
max-width: 42rem;
margin: 0 auto;
text-align: center;
padding-left: 16px;
padding-right: 16px;
}

.acumatica-retail-page .hero-title {
margin: 0 0 32px;
font-weight: 800;
color: #fff;
letter-spacing: -0.02em;
line-height: 1.05;
font-size: 34px;
}

.acumatica-retail-page .hero-subtitle {
margin: 0;
color: rgba(255, 255, 255, 0.95);
font-size: 18px;
}

.acumatica-retail-page .benefit-image {
max-width: 448px;
margin: 0 auto 32px;
object-fit: contain;
}

.acumatica-retail-page .mb-12 {
margin-bottom: 48px;
}

.acumatica-retail-page .mb-16 {
margin-bottom: 64px;
}

.acumatica-retail-page .mb-8 {
margin-bottom: 32px;
}

.acumatica-retail-page .mb-4 {
margin-bottom: 16px;
}

.acumatica-retail-page .grid {
display: grid;
gap: 24px;
}

.acumatica-retail-page .grid-2 {
grid-template-columns: 1fr;
}

.acumatica-retail-page .grid-3 {
grid-template-columns: 1fr;
}

.acumatica-retail-page .grid-5 {
grid-template-columns: 1fr;
}

.acumatica-retail-page .cards-row {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 24px;
}

.acumatica-retail-page .pain-card {
width: 100%;
max-width: 320px;
background: linear-gradient(135deg, #f8f8f8, #efefef);
border: 1px solid #e0e0e0;
border-radius: var(--radius);
padding: 32px;
text-align: center;
box-shadow: 0 12px 30px rgba(17, 24, 39, 0.12);
transition: transform 150ms ease, box-shadow 150ms ease;
}

.acumatica-retail-page .pain-card:hover {
transform: translateY(-2px);
box-shadow: var(--shadow-lg);
}

.acumatica-retail-page .pain-icon-wrap {
width: 112px;
height: 112px;
margin: 0 auto 24px;
border-radius: 10px;
background: #fff;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 6px 16px rgba(17, 24, 39, 0.12);
padding: 16px;
}

.acumatica-retail-page .pain-icon {
width: 96px;
height: 96px;
object-fit: contain;
filter: drop-shadow(0 6px 10px rgba(17, 24, 39, 0.15));
}

.acumatica-retail-page .pain-title {
margin: 0 0 12px;
font-weight: 700;
color: var(--brand-2);
font-size: 18px;
}

.acumatica-retail-page .value-kicker {
max-width: 42rem;
margin: 0 auto 48px;
}

.acumatica-retail-page .compare {
display: grid;
gap: 32px;
grid-template-columns: 1fr;
margin-bottom: 48px;
}

.acumatica-retail-page .compare-card {
border-radius: 10px;
padding: 32px;
}

.acumatica-retail-page .compare-traditional {
background: #f0f0f0;
border-left: 4px solid #d1d1d4;
}

.acumatica-retail-page .compare-acumatica {
background: #e8f8ff;
border-left: 4px solid var(--brand);
}

.acumatica-retail-page .compare-title {
margin: 0 0 24px;
font-weight: 800;
font-size: 20px;
}

.acumatica-retail-page .compare-title.traditional {
color: var(--muted);
}

.acumatica-retail-page .compare-title.acumatica {
color: var(--brand);
}

.acumatica-retail-page .list {
display: grid;
gap: 16px;
}

.acumatica-retail-page .list-item {
display: flex;
align-items: center;
gap: 16px;
}

.acumatica-retail-page .icon-sm {
width: 40px;
height: 40px;
flex: 0 0 auto;
}

.acumatica-retail-page .result-cards {
display: grid;
gap: 24px;
grid-template-columns: 1fr;
margin-bottom: 48px;
}

.acumatica-retail-page .result-card {
background: #e8f8ff;
border-radius: 10px;
padding: 24px;
text-align: center;
border: 1px solid rgba(51, 204, 255, 0.3);
}

.acumatica-retail-page .icon-md {
width: 64px;
height: 64px;
margin: 0 auto 16px;
}

.acumatica-retail-page .result-title {
margin: 0 0 8px;
font-weight: 700;
color: var(--brand-2);
font-size: 18px;
}

.acumatica-retail-page .areas {
margin-bottom: 64px;
}

.acumatica-retail-page .h3 {
margin: 0 0 8px;
font-weight: 800;
color: var(--brand-2);
letter-spacing: -0.02em;
line-height: 1.2;
font-size: 22px;
text-align: center;
}

.acumatica-retail-page .areas-subtitle {
text-align: center;
color: var(--muted);
margin: 0 0 32px;
}

.acumatica-retail-page .area-grid {
display: grid;
gap: 16px;
grid-template-columns: 1fr;
}

.acumatica-retail-page .area-card {
background: linear-gradient(135deg, #e8f8ff, #d4f0ff);
border-radius: 10px;
padding: 24px;
text-align: center;
border: 1px solid rgba(51, 204, 255, 0.5);
}

.acumatica-retail-page .area-icon {
width: 56px;
height: 56px;
margin: 0 auto 12px;
filter: drop-shadow(0 10px 14px rgba(17, 24, 39, 0.18));
}

.acumatica-retail-page .area-title {
margin: 0 0 8px;
font-weight: 700;
color: var(--brand-2);
font-size: 13px;
}

.acumatica-retail-page .area-desc {
margin: 0;
color: var(--muted);
font-size: 12px;
}

.acumatica-retail-page .cta-band {
text-align: center;
margin-bottom: 48px;
padding: 48px 16px;
border-radius: 10px;
background: linear-gradient(90deg, var(--brand), rgba(51, 204, 255, 0.8));
color: #fff;
}

.acumatica-retail-page .cta-title {
margin: 0 0 16px;
font-weight: 900;
font-size: 28px;
letter-spacing: -0.02em;
}

.acumatica-retail-page .cta-text {
margin: 0 auto 24px;
max-width: 42rem;
color: rgba(255, 255, 255, 0.92);
}

.acumatica-retail-page .cta-btn {
display: inline-block;
background: #fff;
color: var(--brand);
padding: 16px 32px;
border-radius: 10px;
font-weight: 800;
font-size: 18px;
transition: opacity 150ms ease;
}

.acumatica-retail-page .cta-btn:hover {
opacity: 0.92;
}

.acumatica-retail-page .executives {
text-align: center;
margin-bottom: 48px;
}

.acumatica-retail-page .executives h3 {
margin: 0 0 32px;
font-weight: 800;
color: var(--brand-2);
font-size: 20px;
}

.acumatica-retail-page .executives-card {
margin: 0 auto;
max-width: 448px;
border-radius: 10px;
overflow: hidden;
box-shadow: var(--shadow-md);
}

.acumatica-retail-page .form-section {
background: var(--card);
}

.acumatica-retail-page .form-wrap {
max-width: 42rem;
margin: 0 auto;
}

.acumatica-retail-page .form-title {
margin: 0 0 24px;
font-weight: 900;
color: var(--brand-2);
text-align: center;
font-size: 26px;
line-height: 1.2;
letter-spacing: -0.02em;
}

.acumatica-retail-page .form-cta {
text-align: center;
margin-bottom: 32px;
}

.acumatica-retail-page .btn-primary {
display: inline-block;
background: var(--brand);
color: #fff;
padding: 12px 32px;
border-radius: 10px;
font-weight: 800;
transition: opacity 150ms ease;
}

.acumatica-retail-page .btn-primary:hover {
opacity: 0.92;
}

.acumatica-retail-page form {
background: #fff;
border-radius: 10px;
box-shadow: var(--shadow-md);
padding: 32px;
display: grid;
gap: 20px;
}

.acumatica-retail-page label {
display: block;
font-size: 13px;
font-weight: 800;
margin-bottom: 8px;
}

.acumatica-retail-page .required {
color: var(--danger);
}

.acumatica-retail-page input[type="text"],
.acumatica-retail-page input[type="email"],
.acumatica-retail-page select {
width: 100%;
padding: 10px 14px;
border: 1px solid var(--border);
border-radius: 10px;
outline: none;
font-size: 14px;
background: #fff;
}

.acumatica-retail-page input[type="text"]:focus,
.acumatica-retail-page input[type="email"]:focus,
.acumatica-retail-page select:focus {
border-color: var(--brand);
box-shadow: 0 0 0 4px rgba(51, 204, 255, 0.2);
}

.acumatica-retail-page .check-row {
display: flex;
gap: 12px;
align-items: flex-start;
}

.acumatica-retail-page .check-row input[type="checkbox"] {
width: 16px;
height: 16px;
margin-top: 3px;
}

.acumatica-retail-page .check-row .check-label {
margin: 0;
font-size: 13px;
color: var(--muted);
font-weight: 500;
}

.acumatica-retail-page .form-actions {
display: flex;
justify-content: center;
padding-top: 8px;
}

.acumatica-retail-page button[type="submit"] {
border: 0;
cursor: pointer;
font: inherit;
}

/* Responsive */
@media (min-width: 768px) {
.acumatica-retail-page .h2 {
    font-size: 34px;
}
.acumatica-retail-page .hero-title {
    font-size: 46px;
}
.acumatica-retail-page .hero-subtitle {
    font-size: 20px;
}
.acumatica-retail-page .grid-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.acumatica-retail-page .grid-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.acumatica-retail-page .area-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.acumatica-retail-page .compare {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.acumatica-retail-page .result-cards {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.acumatica-retail-page .h3 {
    font-size: 28px;
}
.acumatica-retail-page .executives h3 {
    font-size: 24px;
}
}

@media (min-width: 1024px) {
.acumatica-retail-page .hero {
    min-height: 780px;
}
.acumatica-retail-page .hero-content-wrap {
    padding-bottom: 112px;
}
.acumatica-retail-page .hero-title {
    font-size: 56px;
}
.acumatica-retail-page .area-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}
}