:root {
     --tax11-primary: #003a80;
     --tax11-primary-soft: #0b4c99;
     --tax11-accent: #ffb400;
     --tax11-bg: #f5f7fb;
     --tax11-surface: #ffffff;
     --tax11-text: #1f2a3c;
     --tax11-text-muted: #5b6475;
     --tax11-radius-lg: 24px;
     --tax11-radius-xl: 32px;
     --tax11-shadow-soft: 0 18px 45px rgba(9, 37, 77, 0.12);

}/* Row 1 is a single 12-col grid item inside <main class="container"> */
.row-1 {
     grid-column: 1 / -1;
     display: grid;
     grid-template-columns: repeat(12, 1fr);
     gap: 1.5rem;
     padding-block: clamp(2.25rem, 4vw, 3.25rem);
     box-shadow: none;
}

/* Left hero text: columns 1–7 */
.row-1 .hero-content {
     grid-column: 1 / span 7;
     display: grid;
     row-gap: 1.5rem;
}

.row-1 .hero-eyebrow {
     font-size: 0.9rem;
     text-transform: uppercase;
     letter-spacing: 0.12em;
     color: var(--tax11-primary-soft);
     font-weight: 600;
}

.row-1 .hero-lead {
     margin: 0;
     color: var(--tax11-text-muted);
     font-size: 1rem;
     line-height: 1.6;
}

.row-1 .hero-actions {
     display: grid;
     grid-auto-flow: column;
     grid-auto-columns: max-content;
     gap: 0.9rem;
     margin-top: 0.5rem;
}

.row-1 .hero-highlights {
     margin: 1.25rem 0 0;
     padding-left: 1.2rem;
     color: var(--tax11-text-muted);
     font-size: 0.98rem;
     line-height: 1.6;
}

/* Right profile card: columns 8–12 */
.row-1 .hero-profile-card {
     grid-column: 8 / span 5;
     align-self: center;
     background: var(--tax11-surface);
     border-radius: var(--tax11-radius-xl);
     box-shadow: var(--tax11-shadow-soft);
     padding: 2rem 1.8rem;
     display: grid;
     row-gap: 1.5rem;
}

.row-1 .profile-image-wrapper {
     display: grid;
     place-items: center;
}

.row-1 .profile-image {
     width: 140px;
     height: 140px;
     object-fit: cover;
     border-radius: 50%;
     border: 5px solid var(--tax11-surface);
     box-shadow: 0 8px 30px rgba(0, 0, 0, 0.25);
}

.row-1 .profile-text {
     display: grid;
     row-gap: 0.5rem;
     text-align: left;
}

.row-1 .profile-name {
     margin: 0;
     font-size: 1.35rem;
     color: var(--tax11-primary);
     text-align: center;
}

.row-1 .profile-title {
     margin: 0;
     font-weight: 600;
     color: var(--tax11-text);
     text-align: center;
}

.row-1 .profile-subtitle {
     margin: 0;
     color: var(--tax11-text-muted);
     font-size: 0.95rem;
     text-align: center;
}

.row-1 .profile-copy {
     margin-top: 0.75rem;
     color: var(--tax11-text-muted);
     font-size: 0.95rem;
     line-height: 1.6;
}

.row-1 .profile-link {
     margin-top: 0.75rem;
     font-weight: 600;
     color: var(--tax11-primary-soft);
     text-decoration: none;
}

.row-1 .profile-link:hover {
     text-decoration: underline;
}

/* Responsive */
@media (max-width: 960px) {

     .row-1 {
          gap: 1.5rem;
     }

     .row-1 .hero-content,
     .row-1 .hero-profile-card {
          grid-column: 1 / -1;
     }

     .row-1 .hero-profile-card {
          margin-top: 0;
     }
}

@media (max-width: 720px) {
     .row-1 {
          gap: 1.5rem;
          padding: 0;
     }

     .row-1 .hero-actions {
          grid-auto-flow: row;
          grid-auto-columns: auto;
     }

     .row-1 .hero-actions .btn {
          width: 100%;
          text-align: center;
     }
}.row-2 {
     grid-column: 1 / -1;
     display: grid;
     grid-template-columns: repeat(12, 1fr);
     gap: 1.5rem;
     padding-block: 0.75rem;
     padding: 0;
}

/* all feature cards share this look */
.row-2 .feature-card {
     background: var(--tax11-surface);
     border-radius: var(--tax11-radius-lg);
     box-shadow: var(--tax11-shadow-soft);
     padding: 1.5rem 1.6rem;
     display: grid;
     row-gap: 1rem;
}

/* Alert card: wide on left (cols 1–8) */
.row-2 .feature-card--alert {
     grid-column: 1 / span 8;
}

/* Company card: right top (cols 9–12) */
.row-2 .feature-card--company {
     grid-column: 9 / span 4;
}

/* Individual card: full width under them */
.row-2 .feature-card--individual {
     grid-column: 1 / -1;
}

/* Inner styling */
.row-2 .feature-title {
     margin: 0;
     font-size: 1.3rem;
     color: var(--tax11-primary);
}

.row-2 .feature-subtitle {
     margin: 0.35rem 0 0.25rem;
     font-weight: 600;
     color: var(--tax11-text);
}

.row-2 .feature-text {
     margin: 0.4rem 0 0.75rem;
     color: var(--tax11-text-muted);
     font-size: 0.97rem;
     line-height: 1.6;
}

.row-2 .feature-image-wrapper {
     border-radius: 18px;
     overflow: hidden;
}

.row-2 .feature-image {
     width: 100%;
     height: 170px;
     object-fit: cover;
     display: block;
}

.row-2 .feature-body {
     display: grid;
     row-gap: 0.75rem;
}

.row-2 .feature-list {
     margin: 0.2rem 0 0.75rem;
     padding-left: 1.1rem;
     color: var(--tax11-text-muted);
     font-size: 0.96rem;
     line-height: 1.6;
}

.row-2 .feature-link {
     font-weight: 600;
     color: var(--tax11-primary-soft);
     text-decoration: none;
}

.row-2 .feature-link:hover {
     text-decoration: underline;
}

/* Responsive */
@media (max-width: 960px) {

     .row-2 .feature-card--alert,
     .row-2 .feature-card--company,
     .row-2 .feature-card--individual {
          grid-column: 1 / -1;
     }

     .row-2 .feature-image {
          height: 210px;
     }
}.row-3 {
     grid-column: 1 / -1;
     display: grid;
     grid-template-columns: repeat(12, 1fr);
     gap: 1.5rem;
     padding-top: 1.25rem;
     padding-bottom: 0.5rem;
}

.row-3__header {
     grid-column: 1 / -1;
}

.row-3__title {
     margin: 0;
     font-size: 1.35rem;
     color: var(--tax11-primary);
}

.row-3__cards {
     grid-column: 1 / -1;
     display: grid;
     grid-template-columns: repeat(12, 1fr);
     gap: 1.5rem;
}

.row-3__card {
     grid-column: span 4;
     background: var(--tax11-surface);
     border-radius: var(--tax11-radius-lg);
     box-shadow: var(--tax11-shadow-soft);
     padding: 1.35rem 1.4rem;
     display: grid;
     row-gap: 0.5rem;
}

.row-3__card-title {
     margin: 0;
     font-size: 1.05rem;
     color: var(--tax11-text);
}

.row-3__card-text {
     margin: 0;
     color: var(--tax11-text-muted);
     line-height: 1.6;
}

@media (max-width: 960px) {
     .row-3__card {
          grid-column: 1 / -1;
     }
}.row-4 {
     grid-column: 1 / -1;
     margin-top: 2.25rem;
     margin-bottom: 1.25rem;
}

.row-4 .cta-strip-inner {
     background: linear-gradient(135deg,
               rgba(0, 58, 128, 0.98),
               rgba(0, 95, 178, 0.97));
     border-radius: var(--tax11-radius-lg);
     padding: 2rem 1.75rem;
     color: #ffffff;
     display: grid;
     row-gap: 0.75rem;
     box-shadow: var(--tax11-shadow-soft);
}

.row-4 .cta-title {
     margin: 0;
     color: var(--accent-3);
     font-size: 1.4rem;
}

.row-4 .cta-text {
     margin: 0;
     font-size: 0.98rem;
     opacity: 0.95;
}

.row-4 .cta-actions {
     margin-top: 1rem;
     display: grid;
     grid-auto-flow: column;
     grid-auto-columns: max-content;
     gap: 0.75rem;
}

/* Keep the outline readable on the dark gradient */
.row-4 .btn-outline {
     color: #ffffff;
     border-color: rgba(255, 255, 255, 0.8);
}

.row-4 .btn-outline:hover {
     background: rgba(255, 255, 255, 0.1);
}

@media (max-width: 720px) {
     .row-4 .cta-actions {
          grid-auto-flow: row;
          grid-auto-columns: auto;
     }

     .row-4 .cta-actions .btn {
          width: 100%;
          text-align: center;
     }

     .row-4 .cta-strip-inner {
          padding: 1.75rem 1.4rem;
     }
}