/* Wettax's council workflow panels follow the same refined product family. */
.wettax-preview, .benefit-card { border-radius: 18px; padding: 28px; border: 1px solid #dce7ed; box-shadow: 0 24px 55px -35px #25455c55; }
.wettax-preview { position: relative; overflow: hidden; background: linear-gradient(145deg, #fff, #f6fbfc); }
.wettax-preview::before { content: ""; position: absolute; inset: 0 0 auto; height: 3px; background: linear-gradient(90deg, #377ba0, #59bde5); }
.wettax-preview-header strong, .benefit-card-header strong { font-size: 18px; font-weight: 600; }
.wettax-preview-header span, .benefit-card-header span { font-size: 11px; font-weight: 500; }
.wettax-preview-grid div { border-radius: 10px; background: #f2f8fb; }
.wettax-preview-grid strong { font-size: 17px; font-weight: 600; }
.wettax-preview-list div { border-radius: 9px; padding: 13px 14px; transition: background-color 300ms ease, border-color 300ms ease; }
.wettax-preview-list span { font-size: 12px; font-weight: 500; }
.wettax-preview-list strong { font-size: 11px; font-weight: 600; }
.benefit-list div { border-radius: 10px; background: #f5f9fc; }
.benefit-list span { font-size: 15px; font-weight: 600; }
.benefit-list p { font-size: 14px; line-height: 1.7; }
.workflow-grid h2 { font-size: clamp(28px, 3vw, 40px); font-weight: 600; line-height: 1.18; letter-spacing: -.035em; }
.workflow-grid p { font-size: 15px; line-height: 1.8; }
.workflow-section { background: #f5f9fc; }
.council-grid h2 { font-size: clamp(28px, 3vw, 40px); }
@media(hover:hover) and (pointer:fine) { .wettax-preview-list div:hover { background: #eff8fa; border-color: #c3dce5; } }
@media(max-width:760px) {
 .wettax-preview, .benefit-card { padding: 22px; min-width: 0; width: 100%; }
 .wettax-preview-grid { grid-template-columns: 1fr; }
 .wettax-preview-list div { flex-wrap: wrap; gap: 8px; }
 .wettax-preview-header, .benefit-card-header { flex-wrap: wrap; gap: 12px; }
}
/* Small Wettax signatures: ledger rules, precise numbering and cool highlights. */
.nav-links > a:not(.nav-cta) { position: relative; }
.nav-links > a:not(.nav-cta)::after {
 content: ""; position: absolute; left: 0; right: 0; bottom: -7px; height: 2px;
 background: linear-gradient(90deg, #384b9b, #80c6da); transform: scaleX(0);
 transform-origin: left; transition: transform 280ms ease;
}
.nav-links > a:is(:hover, :focus-visible, [aria-current="location"])::after { transform: scaleX(1); }
.nav-links > a[aria-current="location"] { color: #384b9b; }
.hero .eyebrow { display: flex; align-items: center; gap: 12px; }
.hero .eyebrow::before { content: ""; width: 24px; height: 2px; background: #388fb6; flex-shrink: 0; }
.flyer-fallback { position: relative; overflow: hidden; }
.flyer-fallback::after {
 content: ""; position: absolute; right: -22px; top: -22px; width: 150px; height: 150px;
 border: 1px solid #3484af10; border-radius: 50%; pointer-events: none;
 background: repeating-linear-gradient(0deg, transparent 0 23px, #3484af09 23px 24px),
             repeating-linear-gradient(90deg, transparent 0 23px, #3484af09 23px 24px);
}
.flyer-fallback h2, .flyer-fallback p, .flyer-fallback ul { position: relative; z-index: 1; }
.feature-card { transition: border-color 300ms ease, box-shadow 300ms ease, transform 300ms ease; }
.feature-card::before { height: 2px; background: linear-gradient(90deg, #384b9b, #9bd5e4); }
.feature-card > span {
 display: inline-grid; place-items: center; width: 34px; height: 34px;
 border: 1px solid #dce6f1; border-radius: 9px; background: #f3f8fc;
}
.report-panel { position: relative; overflow: hidden; }
.report-panel::before {
 content: ""; position: absolute; top: 0; left: 26px; right: 26px; height: 2px;
 background: linear-gradient(90deg, #428aaf, #c6e0ed, transparent);
}
.report-list div { transition: background-color 300ms ease, border-color 300ms ease; }
.report-list strong { font-size: 12px; font-weight: 600; }
.report-panel-header > span { font-size: 11px; font-weight: 500; }
.implementation-steps { position: relative; }
.implementation-steps::before {
 content: ""; position: absolute; left: 40px; top: 35px; bottom: 35px;
 width: 1px; background: #b6d9e933; pointer-events: none;
}
.implementation-steps div { position: relative; }
.implementation-steps strong { position: relative; box-shadow: 0 0 0 5px #ffffff05; }
.operation-item { border-top: 2px solid #c4dce9; }
.preview-stats div { position: relative; }
.preview-stats div::after {
 content: ""; position: absolute; top: 12px; right: 12px; width: 4px; height: 4px;
 border-radius: 50%; background: #6d9fb4; box-shadow: 0 0 0 4px #6d9fb409;
}
.footer-grid a { text-underline-offset: 5px; text-decoration: underline; text-decoration-color: transparent; transition: text-decoration-color 250ms ease; }
.footer-grid a:is(:hover, :focus-visible) { text-decoration-color: #9bc8df; }
@media (hover:hover) and (pointer:fine) {
 .feature-card:hover { transform: translateY(-3px); border-color: #b7ccdf; box-shadow: 0 15px 30px -22px #315c7640; }
 .report-list div:hover { background: #f2f8fc; border-color: #c8dce8; }
}
@media(prefers-reduced-motion:reduce) { .feature-card:hover { transform: none; } }

/* Wettax keeps its red identity within ALMA's quieter visual system. */
:root { --blue: #384b9b; --blue-dark: #293b7e; --green: #39a9db; --teal: #408bc5; --ink: #202a3b; --text: #566174; --line: #e4e6ed; --soft: #f7f8fb; }
body { font-family: "Segoe UI", Arial, sans-serif; -webkit-font-smoothing: antialiased; }
.shell { width: min(1200px, calc(100% - 48px)); }
h1, h2, h3 { text-wrap: balance; }
section[id], main[id] { scroll-margin-top: 100px; }
a:focus-visible, button:focus-visible { outline: 3px solid #384b9b; outline-offset: 5px; }
.skip-link { position: fixed; top: -80px; left: 16px; padding: 12px; background: white; z-index: 1000; }
.skip-link:focus { top: 12px; }
.site-header { background: #fffffff5; backdrop-filter: blur(16px); box-shadow: 0 3px 24px #202a3b06; border-bottom: 1px solid var(--line); }
.nav { min-height: 86px; height: auto; }
.brand strong { font-size: 16px; color: #384b9b; }
.brand small { font-size: 11px; }
.nav-links { gap: 24px; }
.nav-links > a { font-size: 13px; font-weight: 600; }
.nav-cta, .button { border-radius: 8px; font-size: 13px; font-weight: 650; }
.language-switcher { padding: 3px; border: 0; border-radius: 7px; background: #f6f7fa; }
.language-option { padding: 6px 8px; border-radius: 5px; font-size: 11px; }
.language-option img { display: none; }
.hero { padding: 72px 0; background: radial-gradient(ellipse at 90% 30%, #e7f2fc, transparent 57%), #f8f9fc; }
.hero::before {
 inset: auto 0 0; width: 100%; height: 110px; border-radius: 0; opacity: 1;
 background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 110' preserveAspectRatio='none'%3E%3Cpath d='M0 65 Q180 20 360 65 T720 65 T1080 65 T1440 65 V110 H0Z' fill='%2339a9db' fill-opacity='.035'/%3E%3Cpath d='M0 65 Q180 20 360 65 T720 65 T1080 65 T1440 65 M0 82 Q180 37 360 82 T720 82 T1080 82 T1440 82 M0 99 Q180 54 360 99 T720 99 T1080 99 T1440 99' fill='none' stroke='%23408bc5' stroke-opacity='.12' stroke-width='1'/%3E%3C/svg%3E") center bottom / 100% 100% no-repeat;
 pointer-events: none;
}
.language-option.active, .language-option:hover { background: #384b9b0c; color: #384b9b; }
.wettax-preview-header span { background: #e9f2fc; color: #384b9b; }
.wettax-preview-grid small { color: #637998; }
.wettax-preview::after {
 content: ""; position: absolute; right: -66px; bottom: -66px; width: 140px; height: 140px;
 border: 1px solid #39a9db16; border-radius: 50%; box-shadow: 0 0 0 18px #39a9db06, 0 0 0 36px #39a9db04;
 pointer-events: none;
}
.wettax-preview > * { position: relative; z-index: 1; }
.feature-card > span { color: #384b9b; border-color: #dae3f4; background: #f3f6fc; }
.module-flow-row span { color: #384b9b; }
.council-section .eyebrow.light, .contact-section .eyebrow.light { color: #bcdaf4; }
.contact-section { position: relative; overflow: hidden; }
.contact-section::after {
 content: ""; position: absolute; right: -110px; bottom: -235px; width: 380px; height: 380px;
 border: 1px solid #9fd9ff18; border-radius: 50%; box-shadow: 0 0 0 30px #9fd9ff05, 0 0 0 60px #9fd9ff04;
 pointer-events: none;
}
.hero-grid { gap: 60px; grid-template-columns: 1.15fr 1fr; }
.eyebrow { padding: 0; background: none; border-radius: 0; font-size: 10px; font-weight: 700; letter-spacing: .12em; line-height: 1.8; }
.eyebrow.light { background: none; color: #b7d8e4; }
.hero h1 { font-size: clamp(38px, 4.6vw, 62px); line-height: 1.08; font-weight: 600; letter-spacing: -.045em; color: var(--ink); }
.hero-lead { font-size: 16px; line-height: 1.85; }
.button { padding: 14px 20px; transition: box-shadow 250ms ease, transform 250ms ease; }
.primary { background: linear-gradient(135deg, #3a58b0, #30438e); box-shadow: 0 6px 18px #304b9820; }
.hero-tags { gap: 8px 16px; }
.hero-tags span { padding: 0; background: none; border: 0; font-size: 11px; font-weight: 500; }
.hero-tags span::before { content: "·"; margin-right: 7px; color: #528ab0; }
.flyer-fallback { border: 1px solid #dfe6ef; border-radius: 20px; padding: 32px; box-shadow: 0 24px 55px -35px #253f5c66; }
.flyer-fallback::before { height: 3px; }
.flyer-fallback h2 { font-weight: 600; font-size: 28px; }
.flyer-fallback li { font-size: 14px; font-weight: 500; line-height: 1.65; }
.trust-strip { background: #fff; border-block: 1px solid var(--line); color: var(--ink); }
.trust-grid div { padding: 26px 24px; border-color: var(--line); }
.trust-grid span { color: var(--text); font-size: 12px; line-height: 1.65; }
.trust-grid strong { font-size: 14px; font-weight: 650; }
.section { padding: 80px 0; }
.section-heading { max-width: 780px; }
.section-heading h2, .council-section h2, .product-grid h2, .contact-box h2, .reports-grid h2, .implementation-grid h2 {
 font-size: clamp(28px, 3vw, 40px); font-weight: 600; letter-spacing: -.035em; line-height: 1.18;
}
.section-heading p, .council-section p, .product-grid p, .contact-box p, .reports-grid p, .implementation-grid p { font-size: 15px; line-height: 1.8; }
.feature-card, .operation-item { border-radius: 14px; padding: 26px; box-shadow: 0 10px 26px -22px #202a3b33; border-color: var(--line); }
.feature-card span, .operation-item span { font-size: 13px; font-weight: 600; color: #567ea9; }
.feature-card h3, .operation-item h3 { font-size: 18px; font-weight: 600; }
.feature-card p, .operation-item p, .module-card p, .module-card li { font-size: 14px; line-height: 1.7; }
.council-section, .implementation-section { background: radial-gradient(ellipse at 100% 0, #365d9d, transparent 65%), #18284f; }
.council-list div, .implementation-steps div { border-radius: 10px; background: #ffffff07; border-color: #ffffff20; font-size: 14px; font-weight: 500; }
.module-card { border-radius: 15px; background: #f7f8fb; border-color: var(--line); padding: 26px; }
.module-card h3 { font-size: 21px; font-weight: 600; }
.module-card.large { background: linear-gradient(155deg, #273e74, #3469a6); }
.module-flow-card { background: #ffffff08; border-radius: 12px; }
.module-flow-row { background: #ffffff09; border-radius: 8px; }
.reports-section, .product-section { background: #f6f8fb; }
.report-panel, .software-preview { padding: 26px; border-radius: 18px; box-shadow: 0 20px 50px -35px #202a3b55; }
.report-list div, .preview-stats div { border-radius: 9px; background: #f7f8fb; }
.report-tags span { border-radius: 6px; font-size: 11px; font-weight: 500; }
.preview-stats strong { font-size: 18px; font-weight: 600; }
.preview-table { border-radius: 10px; font-size: 13px; }
.preview-table strong { font-size: 12px; white-space: nowrap; }
.contact-section { background: linear-gradient(125deg, #324e91, #1e2d59); }
.site-footer { background: #1c2030; }
.footer-grid h4 { font-size: 11px; text-transform: uppercase; letter-spacing: .1em; }
.footer-grid a, .footer-grid p, .footer-bottom { font-size: 12px; }
.menu-toggle { margin-left: auto; background: #fff; border: 1px solid var(--line); border-radius: 7px; padding: 10px 12px; color: var(--ink); font: inherit; font-size: 13px; }
.menu-toggle[hidden] { display: none; }
@media (hover:hover) and (pointer:fine) { .button:hover { transform: translateY(-2px); } }
@media (max-width: 980px) { .hero-grid { grid-template-columns: 1fr; gap: 36px; } .hero-visual { max-width: 580px; } }
@media (max-width: 760px) {
 .shell { width: calc(100% - 40px); }
 .nav { flex-direction: row; flex-wrap: wrap; align-items: center; padding: 14px 0; gap: 14px; }
 .brand img { width: 42px; height: 42px; }
 .nav-links { width: 100%; flex-wrap: wrap; gap: 16px; padding-top: 8px; }
 .nav-links[data-collapsed="true"] { display: none; }
 .hero { padding: 44px 0; } .hero h1 { font-size: 40px; }
 .section { padding: 56px 0; } .flyer-fallback { padding: 26px; }
 .feature-grid, .operations-grid { grid-template-columns: 1fr; }
 .trust-grid { grid-template-columns: 1fr 1fr; } .trust-grid div { padding: 20px 12px; border: 0; }
 .report-panel, .software-preview { padding: 20px; min-width: 0; }
 .preview-table div { flex-wrap: wrap; gap: 8px; } .preview-stats { grid-template-columns: 1fr; }
 .footer-grid { grid-template-columns: 1fr 1fr; } .footer-grid > div:first-child { grid-column: 1/-1; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior: auto; } *, *::before, *::after { transition: none !important; animation: none !important; } .button:hover { transform: none; } }