:root {
  --paper: #ffffff;
  --ink: #17243c;
  --muted: #627086;
  --line: #e4eaf2;
  --blue: #245bd6;
  --soft: #f7f9fc;
  --pale: #edf3ff;
  --body: "Segoe UI", Arial, sans-serif;
  --heading: "Segoe UI", Arial, sans-serif;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 100px; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: var(--body); font-size: 16px; line-height: 1.7; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
button, a, summary { touch-action: manipulation; -webkit-tap-highlight-color: transparent; }
button { color: inherit; cursor: pointer; }
a:focus-visible, button:focus-visible, summary:focus-visible, input:focus-visible, [tabindex]:focus-visible { outline: 3px solid #82a7f8; outline-offset: 5px; }
p, h1, h2, h3, figure { margin: 0; }
p { color: var(--muted); }
h1, h2, h3 { font-family: var(--heading); letter-spacing: -.04em; line-height: 1.2; font-weight: 650; }
h2 { font-size: clamp(30px, 3vw, 42px); }
h3 { font-size: 23px; }
.wrap { width: min(1240px, calc(100% - 96px)); margin-inline: auto; }
.skip { position: absolute; top: -70px; left: 12px; background: var(--pale); padding: 10px; z-index: 100; }
.skip:focus { top: 10px; }
.header { position: sticky; top: 0; z-index: 20; background: rgba(255,255,255,.96); backdrop-filter: blur(12px); border-bottom: 1px solid var(--line); }
.nav { height: 84px; display: flex; justify-content: space-between; align-items: center; gap: 24px; }
.brand { display: inline-flex; align-items: center; font-size: 28px; letter-spacing: -1.5px; font-weight: 750; line-height: 1; }
.brand-dot { color: var(--blue); }
.brand-mark { height: 26px; display: flex; align-items: flex-end; gap: 3px; margin-right: 11px; transform: skew(-12deg); }
.brand-mark i { width: 6px; background: var(--blue); }
.brand-mark i:nth-child(1) { height: 13px; }
.brand-mark i:nth-child(2) { height: 20px; }
.brand-mark i:nth-child(3) { height: 26px; }
.nav nav { display: flex; gap: 30px; font-size: 13px; font-weight: 500; color: #5d6a80; }
.nav nav a:hover, .text-link:hover { color: var(--blue); }
.button { display: inline-flex; justify-content: center; align-items: center; min-height: 52px; padding: 15px 22px; gap: 22px; font-size: 13px; font-weight: 600; border-radius: 7px; border: 1px solid transparent; line-height: 1.5; transition: background .18s, transform .18s, box-shadow .18s; }
.button span { font-size: 19px; line-height: 1; }
.button:hover { transform: translateY(-2px); box-shadow: 0 6px 18px #245bd61a; }
.button.dark, .button.yellow { background: var(--blue); color: #fff; }
.button.dark:hover, .button.yellow:hover { background: #194cb9; }
.button.small { min-height: 42px; padding: 10px 17px; font-size: 12px; gap: 16px; }
.button.full { width: 100%; }
.eyebrow { font-size:12px; letter-spacing: 1.5px; color: var(--blue); font-weight: 600; display: flex; align-items: center; gap: 8px; line-height: 1.6; }
.live-dot { width: 6px; height: 6px; border-radius: 50%; background: #3a86d1; display: inline-block; flex: none; }
.hero { display: grid; grid-template-columns: .92fr 1.24fr; align-items: center; gap: 50px; padding-block: 90px 80px; }
.hero h1 { font-size: clamp(42px, 4.2vw, 60px); line-height: 1.15; letter-spacing: -2.6px; margin-top: 23px; font-weight: 650; }
.highlight { color: var(--blue); white-space: nowrap; }
.hero-desc { font-size: 15px; line-height: 1.9; max-width: 450px; margin-top: 23px; }
.hero-desc strong { display: block; font-weight: 600; color: #354763; margin-bottom: 6px; }
.hero-actions { display: flex; align-items: center; gap: 26px; margin-top: 28px; }
.text-link { font-size: 12px; font-weight: 500; display: inline-flex; align-items: center; gap: 12px; }
.hero-proof { display: flex; gap: 16px; flex-wrap: wrap; font-size:12px; color: #77859b; margin-top: 25px; }
.hero-proof b { color: #3679bb; margin-right: 4px; }
.developer-credit { margin-top:17px;font-size:12px;color:#7a8ca7; }
.developer-credit strong { font-weight:600;color:#48658e; }
.hero-visual { min-width: 0; }
.hero-visual figcaption { display: flex; gap: 12px; align-items: center; justify-content: space-between; font-size:12px; color: #8a96a9; margin-top: 17px; }
.capture-badge { display: flex; align-items: center; gap: 6px; color: #5e7ba1; }
.capture-badge .live-dot { width: 4px; height: 4px; }
.industry-strip { border-block: 1px solid var(--line); background: #fbfcfe; }
.industry-strip .wrap { display: flex; align-items: center; justify-content: space-between; gap: 35px; padding-block: 25px; }
.industry-strip .wrap>span { font-size:12px; letter-spacing: 1px; color: #8492a7; max-width: 150px; line-height: 1.8; }
.industry-strip .wrap>div { flex: 1; display: flex; align-items: center; justify-content: space-between; gap: 24px; font-size: 13px; font-weight: 550; color: #53627a; }
.industry-strip i { font-style: normal; color: #a6bad6; font-size: 12px; }
.section { padding-block: 90px; }
.section-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 50px; margin-bottom: 38px; }
.section-heading h2 { margin-top: 16px; }
.section-heading>p { max-width: 350px; font-size: 13px; line-height: 1.9; }
.problem-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.problem-grid article { padding: 28px; border: 1px solid var(--line); border-radius: 8px; background: #fff; }
.line-icon { display: flex; align-items: center; justify-content: center; width: 39px; height: 39px; background: #f0f5ff; border-radius: 7px; color: #4274c6; font-size: 23px; margin-bottom: 25px; }
.card-index { font-size:12px; letter-spacing: 1.2px; color: #8a98ad; font-weight: 600; }
.problem-grid h3 { font-size: 23px; line-height: 1.3; letter-spacing: -.7px; margin: 13px 0 17px; }
.problem-grid p { font-size: 12px; line-height: 1.9; min-height: 70px; }
.solution-line { display: flex; align-items: flex-start; gap: 9px; font-size:12px; line-height: 1.9; color: #4e6b95; border-top: 1px solid var(--line); margin-top: 23px; padding-top: 19px; }
.solution-line>span { font-size: 17px; line-height: 1.4; }
.problem-grid article { display:flex;flex-direction:column; }
.problem-grid article>p { min-height:94px; }
.solution-line { margin-top:auto;padding-top:20px; }
.solution-line>div { min-width:0; }
.solution-label { font-size:12px;letter-spacing:1.1px;font-weight:650;color:#4d80cc; }
.solution-line h4 { margin:7px 0 9px;font-size:14px;line-height:1.5;font-weight:600;letter-spacing:-.2px;color:#234675; }
.problem-grid .solution-line p { min-height:0;font-size:12px;line-height:1.85;color:#64758d; }
.solution-module { display:block;margin-top:15px;font-size:12px;letter-spacing:.1px;color:#6c8ebc; }
.problem-outcome { display:flex;align-items:center;gap:30px;justify-content:space-between;margin-top:25px;padding:24px 27px;border:1px solid #dde7f7;border-radius:8px;background:#f7faff; }
.problem-outcome p { font-size:12px;line-height:1.9;max-width:830px; }
.problem-outcome strong { display:block;color:#3a567e;font-weight:600;margin-bottom:4px; }
.problem-outcome>a { flex-shrink:0;color:var(--blue); }
.company-band { display:grid;grid-template-columns:1fr 1.25fr;gap:70px;padding:35px 0 55px;border-top:1px solid var(--line); }
.company-band h2 { font-size:30px;margin-top:14px;letter-spacing:-.7px; }
.company-band>div>p:not(.eyebrow) { font-size:13px;line-height:1.9; }
.company-band>div>p+p { margin-top:12px; }
.footer-developer { display:inline-block;margin-top:5px;color:#7890b0;font-size:12px; }
@media(max-width:780px) { .problem-grid article>p {min-height:0;margin-bottom:22px}.problem-outcome {flex-direction:column;align-items:flex-start;gap:14px;padding:20px}.company-band {grid-template-columns:1fr;gap:20px;padding:30px 0 40px}.company-band h2 {font-size:27px}.developer-credit {font-size:12px;line-height:1.7} }
.workflow-section { padding-block: 80px; background: var(--soft); border-block: 1px solid #edf1f7; }
.flow { display: flex; align-items: center; justify-content: space-between; gap: 12px; border-block: 1px solid #dfe7f3; padding-block: 23px; }
.flow span { display: inline-flex; gap: 10px; align-items: center; font-size: 12px; font-weight: 500; }
.flow b { font-size:12px; font-weight: 500; color: #97aac7; }
.flow i { font-style: normal; font-size: 16px; color: #9eb3d2; }
.module-layout { margin-top: 33px; }
.module-tabs { display: grid; grid-template-columns: repeat(4,1fr); gap: 5px; margin-bottom: 20px; border-bottom: 1px solid #dfe7f3; }
.module-tabs button { display: flex; align-items: center; text-align: left; gap: 12px; font-size: 12px; padding: 16px 14px; background: transparent; border: 0; border-bottom: 2px solid transparent; color: #687b96; }
.module-tabs button span { color: #91a3be; font-size:12px; }
.module-tabs button b { margin-left: auto; opacity: 0; font-size: 17px; font-weight: 400; }
.module-tabs button[aria-selected=true] { border-bottom-color: var(--blue); color: var(--blue); background: #eff4ff; border-radius: 5px 5px 0 0; }
.module-tabs button[aria-selected=true] b { opacity: 1; }
.module-tabs button:hover { background: #f0f4fa; }
.module-panel { display: grid; grid-template-columns: .8fr 1.35fr; gap: 40px; align-items: center; border: 1px solid #e0e7f1; border-radius: 8px; background: #fff; padding: 28px; }
.mini-label { font-size:12px; color: #6b89b5; letter-spacing: 1px; }
.module-text { padding: 6px; }
.module-text h3 { font-size: 29px; line-height: 1.25; margin-top: 12px; letter-spacing: -1px; }
.module-text p { font-size: 13px; line-height: 1.9; margin-top: 18px; }
.module-text ul { padding: 0; margin: 22px 0 0; list-style: none; font-size:12px; display: grid; gap: 10px; color: #516985; }
.module-text li:before { content: '✓'; margin-right: 10px; color: #4280c4; }
.calculator-section { display: grid; grid-template-columns: 1fr 1.05fr; gap: 100px; align-items: center; }
.calculator-copy h2 { margin-top: 16px; }
.calculator-copy>p:not(.eyebrow) { font-size: 13px; line-height: 1.9; max-width: 390px; margin-top: 22px; }
.calculator-copy .calc-note { font-size:12px!important; color: #8b97aa; }
.calculator { border: 1px solid #dee6f2; border-radius: 8px; overflow: hidden; background: #fff; box-shadow: 0 10px 35px #2d518408; }
.calc-fields { padding: 27px 30px; }
.calc-fields label { display: flex; align-items: center; justify-content: space-between; gap: 15px; font-size:12px; font-weight: 500; }
.calc-fields label span { font-size:12px; color: #8a9bb2; font-weight: 400; white-space: nowrap; }
.calc-fields input[type=range] { width: 100%; margin: 18px 0 25px; height: 4px; accent-color: var(--blue); cursor: pointer; }
.calc-fields input[type=number] { width: 100%; border: 1px solid #dfe7f3; background: #fbfcfe; border-radius: 4px; padding: 11px 13px; font-size: 13px; margin: 9px 0 18px; color: #3f5e8c; }
.calc-fields input:last-child { margin-bottom: 0; }
.calc-result { padding: 25px 30px; background: #f0f5ff; border-top: 1px solid #dfe8f8; }
.calc-result>span { font-size:12px; color: #6d85ac; }
.calc-result>strong { display: block; font-size: 35px; letter-spacing: -1.2px; line-height: 1.4; margin-top: 4px; font-weight: 600; color: #234d94; }
.calc-result>div { display: flex; justify-content: space-between; gap: 15px; font-size:12px; border-top: 1px solid #dbe5f6; padding-top: 15px; margin-top: 15px; }
.calc-result>div span { color: #7389aa; }
.calc-result small { display: block; font-size:12px; line-height: 1.8; color: #8b9ab3; margin-top: 13px; }
.offer-section { padding-block: 85px; background: #f8faff; border-block: 1px solid #e7edf8; }
.offer-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 100px; align-items: center; }
.offer-copy h2 { margin-top: 22px; font-size: clamp(35px,3.4vw,46px); line-height: 1.25; }
.offer-copy h2 span { color: var(--blue); }
.offer-copy>p:not(.eyebrow) { font-size: 14px; max-width: 390px; line-height: 1.9; margin-top: 24px; }
.assurance { display: flex; gap: 16px; border-top: 1px solid #dce6f6; margin-top: 32px; padding-top: 25px; max-width: 390px; }
.assurance>span { font-size: 24px; line-height: 1.3; color: #5a81be; }
.assurance strong { font-size: 13px; font-weight: 550; }
.assurance p { font-size: 12px; line-height: 1.8; margin-top: 7px; }
.price-card { background: #fff; border: 1px solid #ccdaf2; border-radius: 9px; padding: 32px; box-shadow: 0 16px 45px #294e8b0a; }
.price-kicker { display: flex; align-items: center; justify-content: space-between; gap: 10px; font-size:12px; letter-spacing: .8px; color: #6d84a8; }
.price-tag { padding: 4px 8px; font-size:12px; color: #567bae; background: #f1f6ff; border: 1px solid #dfe8f8; border-radius: 4px; }
.price { color: #1b3b6e; font-size: clamp(36px,3.6vw,49px); font-weight: 600; line-height: 1.3; letter-spacing: -2px; margin-top: 25px; }
.price .price-currency { font-size: 24px; font-weight: 400; letter-spacing: -.5px; margin-right: 5px; }
.price-sub { font-size: 12px; color: #7f8fa5; margin-top: 9px; }
.price-card hr { border: 0; border-top: 1px solid var(--line); margin: 25px 0; }
.price-card ul { list-style: none; display: grid; gap: 13px; margin: 0 0 28px; padding: 0; font-size: 12px; color: #536580; }
.price-card li { display: flex; align-items: flex-start; gap: 11px; }
.price-card li span { color: #4e86c5; }
.price-note { font-size:12px; line-height: 1.85; margin-top: 17px; color: #8a98ad; }
.getting-started { display: grid; grid-template-columns: 1fr 1fr; gap: 100px; border-bottom: 1px solid var(--line); }
.getting-started h2 { margin-top: 16px; }
.start-steps { display: grid; gap: 28px; }
.start-steps article { display: flex; gap: 19px; }
.start-steps article>span { display: grid; place-items: center; flex: none; width: 32px; height: 32px; border: 1px solid #e0e8f4; background: #f3f7fd; color: #6688b9; border-radius: 50%; font-size:12px; }
.start-steps h3 { font-size: 15px; line-height: 1.5; letter-spacing: -.2px; font-weight: 600; }
.start-steps p { max-width: 390px; font-size: 12px; line-height: 1.9; margin-top: 7px; }
.faq-section { display: grid; grid-template-columns: 1fr 1.4fr; gap: 80px; padding-block: 80px; }
.faq-section h2 { margin-top: 16px; }
.faq-list details { border-bottom: 1px solid var(--line); }
.faq-list details:first-child { border-top: 1px solid var(--line); }
.faq-list summary { list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-block: 21px; font-size: 13px; font-weight: 500; cursor: pointer; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary span { font-size: 20px; color: #688cc5; transition: transform .18s; }
.faq-list details[open] summary span { transform: rotate(45deg); }
.faq-list p { font-size: 12px; line-height: 1.9; padding-bottom: 20px; }
.final-cta { display: flex; align-items: center; justify-content: space-between; gap: 35px; background: #f0f5ff; border: 1px solid #d9e5fb; border-radius: 9px; padding: 43px 45px; margin-bottom: 80px; }
.final-cta .eyebrow { font-size:12px; }
.final-cta h2 { font-size: 36px; margin-top: 14px; }
.final-cta p:not(.eyebrow) { font-size: 13px; margin-top: 17px; }
.final-cta .button { flex-shrink: 0; }
footer { border-top: 1px solid var(--line); padding: 35px 0 22px; background: #fff; }
.footer-main { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.footer-main .brand { font-size: 25px; }
.footer-main p { font-size: 12px; }
.footer-main>a:last-child { font-size: 13px; color: #486c9e; }
.footer-bottom { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-top: 20px; margin-top: 28px; border-top: 1px solid var(--line); font-size:12px; color: #929eb0; }
.mobile-cta { display: none; }
::selection { background: #dbe8ff; color: #18376a; }
@media(min-width:1450px) { .hero { padding-block: 100px 90px; } }
@media(max-width:1100px) {
 .wrap { width: calc(100% - 64px); }.hero { gap: 32px; grid-template-columns: 1fr 1.15fr; padding-block: 70px; }.hero h1 { font-size: 46px; }.hero-desc { font-size: 13px; }.hero-actions { gap: 20px; }.hero-actions .button { font-size: 12px; padding-inline: 17px; gap: 14px; }.hero-proof { font-size:12px; gap: 10px; }.hero-visual figcaption { font-size:12px; }.industry-strip .wrap>div { font-size:12px; gap: 14px; }.industry-strip .wrap>span { font-size:12px; max-width: 125px; }.problem-grid { gap: 16px; }.problem-grid article { padding: 23px; }.problem-grid h3 { font-size: 20px; }.module-panel { gap: 28px; padding: 23px; }.module-text h3 { font-size: 25px; }.module-text p { font-size: 12px; }.module-text ul { font-size:12px; }.flow span { font-size:12px; gap: 6px; }.offer-layout,.calculator-section,.getting-started { gap: 55px; }.price-card { padding: 27px; }.final-cta { padding: 35px; }.final-cta h2 { font-size: 32px; }
}
@media(max-width:780px) {
 .wrap { width: calc(100% - 40px); }.nav { height: 72px; }.brand { font-size: 25px; }.nav nav { display: none; }.nav .button { font-size:12px; gap: 12px; padding: 10px 13px; }.hero { grid-template-columns: 1fr; padding-block: 43px 48px; gap: 35px; }.hero-copy { max-width: 560px; }.hero h1 { font-size: clamp(42px,7.6vw,60px); margin-top: 20px; letter-spacing: -2.1px; }.hero-desc { max-width: 550px; font-size: 14px; }.eyebrow { font-size:12px; letter-spacing: 1.2px; }.hero-proof { font-size:12px; gap: 16px; }.hero-visual { width: 100%; max-width: 680px; justify-self: center; }.hero-visual figcaption { font-size:12px; margin-top: 12px; }.industry-strip .wrap { flex-direction: column; align-items: flex-start; gap: 11px; padding-block: 20px; }.industry-strip .wrap>span { max-width: none; }.industry-strip .wrap>div { flex-wrap: wrap; justify-content: flex-start; gap: 10px 15px; }.industry-strip i { font-size:12px; }.section { padding-block: 60px; }.section-heading { flex-direction: column; align-items: flex-start; gap: 20px; margin-bottom: 28px; }.section-heading>p { max-width: 530px; }.problem-grid { grid-template-columns: 1fr; gap: 16px; }.problem-grid article { padding: 26px; }.problem-grid h3 { font-size: 25px; }.problem-grid .line-icon { float: right; margin: 0; }.problem-grid p { min-height: 0; font-size: 13px; max-width: 470px; }.solution-line { font-size: 12px; margin-top: 19px; padding-top: 16px; }.workflow-section { padding-block: 57px; }.flow { flex-wrap: wrap; justify-content: flex-start; gap: 13px 10px; padding-block: 20px; }.flow span { font-size:12px; }.flow i { font-size: 12px; }.module-tabs { grid-template-columns: 1fr 1fr; gap: 5px; border-bottom: 0; margin-bottom: 16px; }.module-tabs button { font-size:12px; gap: 8px; padding: 13px 11px; border: 1px solid #e1e8f3; border-radius: 4px; }.module-tabs button[aria-selected=true] { border: 1px solid #c1d5f8; border-radius: 4px; }.module-panel { grid-template-columns: 1fr; padding: 24px; gap: 25px; }.module-text { padding: 0; }.module-text h3 { font-size: 29px; }.module-text p { font-size: 13px; }.module-text ul { font-size: 12px; gap: 10px; }.calculator-section { grid-template-columns: 1fr; gap: 28px; }.calculator-copy>p:not(.eyebrow) { max-width: 550px; margin-top: 17px; }.calc-fields { padding: 23px; }.calc-result { padding: 23px; }.offer-section { padding-block: 60px; }.offer-layout { grid-template-columns: 1fr; gap: 33px; }.offer-copy h2 { font-size: 37px; }.offer-copy>p:not(.eyebrow) { max-width: 550px; }.assurance { max-width: 550px; margin-top: 25px; padding-top: 20px; }.price-card { padding: 28px; }.price { font-size: 46px; }.price-kicker { font-size:12px; }.price-card ul { gap: 14px; font-size: 13px; }.price-note { font-size:12px; }.getting-started { grid-template-columns: 1fr; gap: 32px; }.start-steps p { max-width: 550px; font-size: 13px; }.faq-section { grid-template-columns: 1fr; gap: 28px; padding-block: 57px; }.faq-section h2 br { display: none; }.faq-list summary { font-size: 13px; }.faq-list p { font-size: 13px; }.final-cta { flex-direction: column; align-items: flex-start; gap: 25px; padding: 30px 25px; margin-bottom: 55px; }.final-cta h2 { font-size: 33px; }.final-cta .button { width: 100%; }.footer-main { flex-wrap: wrap; gap: 19px; }.footer-main p { order: 3; width: 100%; font-size:12px; }.footer-bottom { flex-direction: column; align-items: flex-start; gap: 6px; font-size:12px; margin-top: 20px; }.mobile-cta { position: fixed; bottom: 0; left: 0; right: 0; display: flex; align-items: center; justify-content: space-between; gap: 14px; z-index: 25; padding: 11px 20px calc(11px + env(safe-area-inset-bottom)); background: #fffffff5; border-top: 1px solid #e1e8f3; backdrop-filter: blur(10px); }.mobile-cta>span { font-size: 15px; font-weight: 600; line-height: 1.4; }.mobile-cta small { display: block; font-size:12px; font-weight: 400; color: #8b98ac; }.mobile-cta .button { font-size:12px; padding-inline: 15px; }footer { padding-bottom: 95px; }
}
@media(max-width:430px) {
 .hero h1 { font-size: 43px; letter-spacing: -2.2px; }.hero-desc { font-size: 13px; }.hero-actions { gap: 18px; }.hero-actions .button { font-size:12px; gap: 14px; padding: 13px 17px; }.text-link { font-size:12px; gap: 8px; }.hero-proof { font-size:12px; gap: 12px; }.hero-visual figcaption { font-size:12px; }.module-panel { padding: 22px; }.module-text h3 { font-size: 27px; }.calc-fields label { font-size:12px; }.calc-fields label span { font-size:12px; }.calc-result>strong { font-size: 31px; }.calc-result>div { font-size:12px; }.price-card { padding: 25px; }.price { font-size: 39px; }.price .price-currency { font-size: 22px; }.price-kicker { font-size:12px; }.final-cta h2 { font-size: 30px; }
}
.cost-concept { display: block; width: 100%; height: auto; border-radius: 16px; box-shadow: 0 18px 55px -28px #244d9626; }
.module-panel { grid-template-columns: 1fr 1.05fr; gap: 60px; padding: 35px 38px; }
.module-concept { padding: 21px 25px; border: 1px solid #e2eaf7; border-radius: 8px; background: linear-gradient(140deg,#fcfdff,#f5f8fe); min-width: 0; }
.concept-kicker { display: flex; align-items: center; gap: 9px; font-size:12px; letter-spacing: 1px; color: #7f98bc; margin-bottom: 19px; }
.concept-mark { display: grid; place-items: center; width: 24px; height: 24px; background: #eaf1fd; border-radius: 6px; color: #5b83bf; font-size: 16px; }
.concept-flow { display: grid; gap: 18px; }
.concept-node { position: relative; display: flex; align-items: center; gap: 13px; border: 1px solid #e0e8f5; border-radius: 6px; padding: 11px 14px; background: #fff; }
.concept-node:not(:last-child):after { content: '↓'; position: absolute; left: 29px; bottom: -19px; font-size: 13px; color: #94afd6; }
.node-number { flex: none; display: grid; place-items: center; width: 29px; height: 29px; background: #f2f6fd; color: #7292c0; border-radius: 50%; font-size:12px; }
.concept-node>div { display: flex; flex-direction: column; gap: 2px; }
.concept-node strong { font-weight: 550; font-size: 12px; color: #3f5d89; }
.concept-node small { font-size:12px; color: #8b9db7; }
.concept-outcome { background: #edf4ff; border-color: #cfdef6; }
.concept-outcome .node-number { color: #4d7ec2; background: #dce9fc; font-size: 13px; }
.module-concept figcaption { font-size:12px; line-height: 1.7; margin-top: 15px; color: #94a4bd; text-align: center; }
@media(max-width:1100px) { .module-panel { gap: 32px; padding: 28px; }.module-concept { padding: 20px; } }
@media(max-width:780px) { .module-panel { grid-template-columns: 1fr; padding: 24px; gap: 25px; }.module-concept { padding: 22px; }.concept-node strong { font-size: 13px; }.concept-node small { font-size:12px; }.module-concept figcaption { font-size:12px; } }
@media(max-width:430px) { .module-panel { padding: 22px; }.module-concept { padding: 17px; }.concept-node { gap: 10px; padding: 11px; }.concept-node strong { font-size: 12px; }.concept-node small { font-size:12px; }.concept-kicker { font-size:12px; letter-spacing: .5px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior: auto; } *,*:before,*:after { transition: none!important; animation: none!important; } }

/* Corvia ERP: selected screenshots from the actual application. */
.brand { font-size:27px; letter-spacing:-1.2px; }
.brand-mark { width:34px;height:34px;margin-right:9px;transform:none;background:url("assets/corvia-ikon.svg") center/contain no-repeat; }
.brand-mark i { display:none; }.nav nav { gap:23px; }
.hero { grid-template-columns:1fr 1.05fr;padding-block:75px;gap:70px; }
.product-visual { padding:23px 12px 5px 23px;position:relative;isolation:isolate; }
.product-visual:before { content:'';position:absolute;z-index:-1;inset:0 0 24px;border:1px solid #e4ecfa;background:linear-gradient(145deg,#f2f6ff,#fbfdff);border-radius:22px; }
.product-window { position:relative;padding:14px;border:1px solid #dbe5f6;border-radius:13px;background:white;box-shadow:0 20px 60px -26px #244d9642; }
.product-window-head { display:flex;align-items:center;gap:7px;margin:0 3px 13px;font-size:12px;font-weight:700;letter-spacing:1.4px;color:#3c567f; }
.product-window-head>span:last-child { margin-left:auto;font-size:12px;font-weight:500;letter-spacing:1px;color:#91a2bb; }
.hero-app-shot { display:block;width:100%;height:auto;border-radius:10px; }
.hero-forecast { width:78%;margin:14px -26px -9px auto;position:relative;padding:12px;background:#fff;border:1px solid #dce6f6;border-radius:10px;box-shadow:0 13px 35px -18px #244d9650; }
.hero-forecast>.mini-label { display:block;font-size:12px;margin:0 4px 8px;letter-spacing:1.2px; }
.hero-forecast img { display:block;width:100%;height:auto;border-radius:5px; }
.hero-warehouse>.mini-label { display:block;font-size:12px;letter-spacing:1px;margin:7px 6px 12px;color:#56749d; }
.hero-warehouse-button { display:block;position:relative;width:100%;padding:0;overflow:hidden;border:1px solid #dce6f6;border-radius:9px;background:#f1f5f9;cursor:zoom-in; }
.hero-warehouse-button>img { display:block;width:100%;height:auto; }
.hero-supporting { display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px; }
.hero-supporting>div { min-width:0;padding:12px 9px 8px;border:1px solid #e1e9f6;border-radius:8px;background:#fff; }
.hero-supporting .mini-label { display:block;font-size:12px;letter-spacing:.65px;margin:0 3px 10px;color:#7b91ae; }
.hero-supporting img { display:block;width:100%;height:auto;aspect-ratio:1.55;object-fit:contain;border-radius:4px; }
.product-gallery { border-top:1px solid var(--line); }
.gallery-toolbar { display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px; }
.gallery-toolbar>p { flex-shrink:0;font-size:12px; }
.gallery-filters { display:flex;flex-wrap:wrap;gap:7px; }
.gallery-filters button { border:1px solid #e0e8f4;border-radius:6px;background:white;padding:9px 13px;color:#657791;font-size:12px;font-weight:500;line-height:1.5; }
.gallery-filters button:hover { border-color:#9ab7ec; }
.gallery-filters button[aria-pressed=true] { background:var(--blue);border-color:var(--blue);color:#fff; }
.gallery-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px; }
.product-card { min-width:0;overflow:hidden;border:1px solid #e0e8f4;background:white;border-radius:12px; }
.product-card[hidden] { display:none; }
.product-card-heading { display:flex;gap:12px;align-items:center;justify-content:space-between;padding:19px 22px 16px; }
.product-card-heading .mini-label { line-height:1.6;letter-spacing:.8px;font-size:12px; }
.demo-tag { flex-shrink:0;font-size:12px;letter-spacing:1px;color:#7e91ae;border:1px solid #e3eaf5;border-radius:4px;padding:3px 6px; }
.product-shot-button { display:flex;position:relative;align-items:center;justify-content:center;width:100%;height:310px;border:0;border-block:1px solid #edf1f7;padding:22px;background:#f5f8fd;cursor:zoom-in; }
.product-shot-button img { display:block;width:100%;height:100%;object-fit:contain;object-position:center;border-radius:6px; }
.shot-expand { display:grid;place-items:center;position:absolute;bottom:12px;right:12px;width:28px;height:28px;border:1px solid #d9e4f5;border-radius:6px;color:var(--blue);background:#fffffff2;font-size:16px; }
.product-shot-button:hover .shot-expand { background:var(--blue);color:white; }
.product-card-copy { padding:20px 23px 24px; }
.product-card-copy h3 { font-size:19px;letter-spacing:-.5px; }
.product-card-copy p { font-size:12px;line-height:1.9;margin-top:10px;max-width:490px; }
.gallery-note { display:flex;align-items:center;gap:12px;margin-top:25px;padding:20px 23px;border:1px solid #e1e9f6;border-radius:8px;background:#fafcff; }
.gallery-note p { font-size:12px;line-height:1.8;flex:1; }
.gallery-note a { flex-shrink:0;font-size:12px;color:var(--blue); }
.module-panel { grid-template-columns:1fr 1.2fr;gap:32px; }
.module-screenshot { min-width:0;display:flex;flex-direction:column;justify-content:center;padding:18px;border:1px solid #e1e9f6;border-radius:8px;background:#f5f8fd; }
.module-screenshot img { display:block;width:100%;height:auto;max-height:390px;object-fit:contain; }
.module-screenshot figcaption { font-size:12px;color:#8a9bb4;margin-top:13px;text-align:center; }
.shot-open { overflow:hidden; }
.shot-dialog { width:min(1100px,calc(100% - 48px));max-height:calc(100dvh - 48px);padding:0;border:1px solid #d8e3f5;border-radius:14px;color:var(--ink);box-shadow:0 30px 100px #0d244c40; }
.shot-dialog::backdrop { background:#11213c99;backdrop-filter:blur(5px); }
.shot-dialog-header { position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:19px 24px;border-bottom:1px solid var(--line);background:white; }
.shot-dialog-header .mini-label { font-size:12px;letter-spacing:1.2px; }
.shot-dialog h2 { font-size:20px;letter-spacing:-.4px;margin-top:7px; }
.shot-close { flex:none;width:36px;height:36px;border:1px solid #dce5f3;border-radius:50%;background:#f5f8fd;font-size:14px; }
.shot-dialog-body { padding:24px;background:#f3f7fd;overflow:auto;text-align:center; }
.shot-dialog-body img { display:block;width:auto;max-width:100%;max-height:calc(100dvh - 220px);height:auto;margin:auto;object-fit:contain; }
.shot-dialog>p { padding:12px 24px;font-size:12px; }
@media(max-width:1100px) { .hero {gap:35px}.nav nav {gap:15px;font-size:12px}.brand {font-size:25px}.product-shot-button {height:270px;padding:16px}.gallery-toolbar {align-items:flex-start;flex-direction:column;gap:12px} }
@media(max-width:780px) {
 .hero {grid-template-columns:1fr;padding-block:45px;gap:35px}.product-visual {max-width:560px;width:100%;margin-inline:auto;padding:18px 18px 0 12px}.product-window {padding:12px}.hero-forecast {margin-right:-23px;width:75%}.hero-app-shot {max-height:330px;object-fit:contain}.product-visual figcaption {font-size:12px;margin-top:21px}.gallery-grid {grid-template-columns:1fr;gap:20px}.gallery-filters {gap:6px}.gallery-filters button {padding:8px 11px;font-size:12px}.product-shot-button {height:auto;aspect-ratio:1.55;padding:16px}.product-card-heading {padding:17px 18px 14px}.product-card-copy {padding:19px}.product-card-copy h3 {font-size:20px}.gallery-note {flex-wrap:wrap;padding:17px;align-items:flex-start}.gallery-note p {flex-basis:calc(100% - 25px)}.gallery-note a {margin-left:18px}.module-panel {grid-template-columns:1fr}.module-screenshot {padding:12px}.shot-dialog {width:calc(100% - 24px);max-height:calc(100dvh - 32px);border-radius:10px}.shot-dialog-header {padding:15px}.shot-dialog h2 {font-size:17px}.shot-dialog-body {padding:12px}.shot-dialog-body img {max-height:calc(100dvh - 210px)}.shot-dialog>p {padding:12px 15px}.brand {font-size:25px}
}

/* Readable typography at every viewport. */
.hero-proof {line-height:1.7;gap:12px 18px}.eyebrow {letter-spacing:1px;line-height:1.8}.nav nav {gap:18px}.hero-supporting .mini-label {min-height:36px;line-height:1.5;letter-spacing:.3px}.product-window-head {flex-wrap:wrap;letter-spacing:.7px}.product-window-head>span:last-child {letter-spacing:.5px}.hero-warehouse>.mini-label {line-height:1.7;letter-spacing:.5px}.product-card-heading .mini-label {letter-spacing:.3px;line-height:1.7}.hero-visual figcaption {flex-wrap:wrap;line-height:1.7}.industry-strip .wrap>span {max-width:210px}.industry-strip .wrap>div {flex-wrap:wrap}.card-index,.solution-label {letter-spacing:.6px}.problem-grid article>p {min-height:115px}.product-card-copy p {font-size:14px}.problem-grid article>p,.problem-grid .solution-line p {font-size:14px}.footer-bottom {flex-wrap:wrap;line-height:1.8}.gallery-toolbar>p {white-space:normal}.price-kicker {flex-wrap:wrap;line-height:1.7}.gallery-note {flex-wrap:wrap}.gallery-note p {min-width:0}
@media(max-width:1100px){.nav nav{display:none}.section-heading{gap:30px}.section-heading h2{font-size:32px}.section-heading>p{max-width:330px}}
@media(max-width:780px){.nav{gap:12px}.nav .button{padding:10px 12px;gap:10px}.hero-proof{gap:10px 14px}.hero-actions{flex-wrap:wrap;gap:16px}.hero-supporting{grid-template-columns:1fr}.hero-supporting .mini-label{min-height:0}.hero-supporting img{max-height:220px}.hero-visual figcaption{gap:6px}.problem-grid article>p{min-height:0}.industry-strip .wrap>span{max-width:none}.industry-strip .wrap>div{justify-content:flex-start;gap:12px}.gallery-note p{flex-basis:calc(100% - 25px)}.footer-bottom{gap:12px}.hero h1{font-size:42px}.highlight{white-space:normal}.mobile-cta .button{padding-inline:12px}.module-tabs{gap:8px}.module-tabs button{padding-inline:8px}}

/* Three transparent offers: license plus scoped initial implementation. */
.pricing-section .section-heading {align-items:flex-end}.pricing-section .section-heading h2 .highlight {white-space:normal}.pricing-section .section-heading>div {max-width:720px}.pricing-section .section-heading>p {max-width:340px}
.plan-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}
.plan-card {display:flex;flex-direction:column;min-width:0;padding:28px 25px;border-radius:12px;box-shadow:0 12px 35px #294e8b07}
.plan-featured {border-color:#6f9bea;box-shadow:0 15px 45px #245bd614;position:relative}.plan-featured:before {content:'';position:absolute;inset:0 24px auto;height:3px;border-radius:0 0 5px 5px;background:var(--blue)}
.plan-label {font-size:12px;letter-spacing:.7px;line-height:1.8;color:#6784ae;margin-bottom:10px;min-height:43px}.plan-card h3 {font-size:28px;letter-spacing:-.6px;color:#233d64}.plan-description {font-size:14px;line-height:1.85;margin-top:14px;min-height:104px}
.plan-price-block {margin-top:22px}.plan-start {font-size:12px;color:#758baa}.plan-card .price {font-size:36px;letter-spacing:-1.4px;margin-top:7px;white-space:nowrap}.plan-card .price-currency {font-size:20px;margin-right:3px}.plan-card .price-sub {font-size:12px;min-height:42px;margin-top:8px;line-height:1.8}
.plan-breakdown {margin:18px 0 25px;padding:15px 0;border-block:1px solid var(--line);display:grid;gap:9px}.plan-breakdown>div {display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:12px;line-height:1.8}.plan-breakdown dt {color:#7386a1}.plan-breakdown dd {margin:0;color:#3f5d88;font-weight:550;white-space:nowrap}
.plan-card ul {flex:1;gap:13px;margin-bottom:28px;font-size:13px;line-height:1.8}.plan-card li {gap:8px}.plan-card .button {font-size:12px;gap:10px;min-height:54px;padding-inline:12px}.plan-button {background:#eef4ff;color:#245bd6;border-color:#d6e3fb}.plan-button:hover {background:#e1ecff}
.pricing-scope {display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:30px;padding:27px;background:#fff;border:1px solid #e0e8f5;border-radius:9px}.pricing-scope h3 {font-size:17px;letter-spacing:-.3px;line-height:1.5}.pricing-scope p {font-size:13px;line-height:1.9;margin-top:12px}.payment-note {margin-top:22px;display:flex;align-items:baseline;gap:25px;padding-inline:4px}.payment-note .mini-label {font-size:12px;flex-shrink:0;letter-spacing:.7px}.payment-note p {font-size:12px;line-height:1.9}
.calc-fields select {width:100%;font:inherit;font-size:13px;line-height:1.7;border:1px solid #dfe7f3;border-radius:5px;color:#3f5e8c;background:#fbfcfe;padding:11px 10px;margin:10px 0 24px}
@media(max-width:1100px){.plan-grid{gap:15px}.plan-card{padding:25px 19px}.plan-card .price{font-size:31px}.plan-description{min-height:130px}.plan-breakdown>div{flex-wrap:wrap;gap:0 10px}.plan-label{letter-spacing:.3px}.pricing-section .section-heading{align-items:flex-start}}
@media(max-width:780px){.plan-grid{grid-template-columns:1fr;gap:22px}.plan-card{padding:28px 24px}.plan-label{min-height:0;margin-bottom:8px}.plan-description{min-height:0;max-width:520px}.plan-card .price{font-size:38px}.plan-card .price-sub{min-height:0}.plan-breakdown>div{flex-wrap:nowrap}.plan-card ul{font-size:14px}.pricing-scope{grid-template-columns:1fr;gap:25px;padding:24px}.payment-note{flex-direction:column;gap:10px}.pricing-section .section-heading{align-items:flex-start}.pricing-section .section-heading>p{max-width:530px}}
@media(max-width:350px){.plan-card{padding:25px 19px}.plan-card .price{font-size:33px}.plan-breakdown>div{flex-wrap:wrap}}

/* Prominent inbound/outbound monitoring, using cropped application views. */
.monitoring-section {padding-block:85px;background:linear-gradient(180deg,#f1f6ff,#fbfdff);border-bottom:1px solid #e2eafb}
.monitoring-section .section-heading>div {max-width:770px}.monitoring-section .highlight {white-space:normal}.monitoring-section .section-heading>p {max-width:340px}
.monitoring-highlights {display:flex;flex-wrap:wrap;gap:10px;margin-bottom:35px}.monitoring-highlights span {padding:8px 13px;border:1px solid #d7e4fa;border-radius:6px;background:#fff;font-size:12px;color:#4c6c9c;line-height:1.6}
.monitoring-feature {display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,2fr);gap:36px;align-items:center;padding:30px;background:white;border:1px solid #d8e5f9;border-radius:14px;box-shadow:0 20px 55px -35px #245bd649}
.monitoring-feature+.monitoring-feature {margin-top:28px}.monitoring-copy {min-width:0}.monitoring-number {font-size:12px;font-weight:600;letter-spacing:.8px;color:#6484b4}.monitoring-copy h3 {font-size:30px;letter-spacing:-.8px;margin-top:14px;line-height:1.25;color:#1c3e73}
.monitoring-copy .monitoring-lead {font-size:17px;font-weight:550;color:#35557f;line-height:1.7;margin-top:18px}.monitoring-copy>p:not(.monitoring-lead) {font-size:14px;line-height:1.9;margin-top:13px}.monitoring-copy ul {padding-left:18px;margin:19px 0 0;color:#6380a6;font-size:13px;line-height:1.9;display:grid;gap:9px}
.monitoring-visual {min-width:0;border:1px solid #dce7f7;border-radius:10px;padding:12px;background:#f6f9fe}.monitoring-window-bar {display:flex;align-items:center;gap:8px;padding:3px 5px 13px;font-size:12px;line-height:1.6;letter-spacing:.3px;color:#5879aa}.monitoring-window-bar .live-dot {width:5px;height:5px}
.monitoring-shot {display:block;position:relative;width:100%;padding:0 0 45px;border:0;border-radius:6px;background:#fff;overflow:hidden;cursor:zoom-in}.monitoring-shot img {display:block;width:100%;height:auto;border-radius:5px}.monitoring-expand {position:absolute;bottom:10px;right:13px;display:flex;align-items:center;gap:12px;font-size:12px;color:var(--blue);line-height:1.7}.monitoring-expand>span {font-size:18px}.monitoring-shot:hover {box-shadow:0 0 0 2px #9bbaf4}.monitoring-visual figcaption {padding:11px 4px 2px;font-size:12px;line-height:1.7;color:#8194b0}
.monitoring-outbound {grid-template-columns:minmax(0,2fr) minmax(0,.82fr)}.monitoring-outbound .monitoring-copy {order:2}.monitoring-outbound .monitoring-visual {order:1}
.monitoring-cta {display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:28px;padding:24px 28px;border:1px solid #d6e4fa;border-radius:9px;background:#eaf2ff}.monitoring-cta p {font-size:13px;line-height:1.9;max-width:760px}.monitoring-cta strong {display:block;color:#3c5a83;font-weight:600}.monitoring-cta .button {flex-shrink:0}
@media(max-width:1100px){.monitoring-feature,.monitoring-outbound {grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:25px;padding:24px}.monitoring-copy h3{font-size:26px}.monitoring-copy .monitoring-lead{font-size:16px}.monitoring-outbound .monitoring-copy{order:0}.monitoring-outbound .monitoring-visual{order:1}}
@media(max-width:780px){.monitoring-section{padding-block:55px}.monitoring-feature,.monitoring-outbound{grid-template-columns:1fr;gap:25px;padding:24px 19px}.monitoring-copy h3{font-size:28px}.monitoring-highlights{gap:8px;margin-bottom:25px}.monitoring-highlights span{padding:7px 10px}.monitoring-copy .monitoring-lead{margin-top:13px}.monitoring-visual{padding:8px}.monitoring-window-bar{font-size:12px;letter-spacing:0;align-items:flex-start}.monitoring-visual figcaption{padding-inline:3px}.monitoring-copy ul{font-size:14px}.monitoring-cta{flex-direction:column;align-items:flex-start;padding:22px;gap:18px}.monitoring-cta .button{width:100%}}

/* AI leads the product story; module cards reveal selected benefits only. */
.ai-section {padding-block:85px;background:linear-gradient(140deg,#f1f6ff,#fff 70%);border-bottom:1px solid #dfe8f8}.ai-section .highlight {white-space:normal}.ai-section .section-heading>div {max-width:780px}.ai-spark {font-size:22px;color:#356cdf;line-height:1}
.ai-workbench {display:grid;grid-template-columns:1fr 1.12fr;gap:40px;border:1px solid #cbdcf8;border-radius:14px;background:white;padding:32px;box-shadow:0 20px 65px -35px #245bd64d}.ai-selector {min-width:0}.ai-tabs {display:flex;flex-wrap:wrap;gap:8px;margin-bottom:30px}.ai-tabs button {border:1px solid #dbe5f6;border-radius:6px;padding:10px 12px;background:#f7faff;color:#5a759e;font-size:12px;line-height:1.7;display:inline-flex;gap:8px;align-items:center}.ai-tabs button[aria-selected=true] {background:var(--blue);border-color:var(--blue);color:white}
#ai-feature-kicker {font-size:12px;letter-spacing:.5px;line-height:1.8;color:#6b89b5}#ai-feature-title {font-size:30px;margin-top:14px;line-height:1.3;letter-spacing:-.8px}#ai-feature-description {font-size:14px;line-height:1.9;margin-top:18px}.ai-example {margin-top:22px;padding:18px;border:1px solid #dce7fa;border-radius:8px;background:#f6f9ff}.ai-example>span {font-size:12px;letter-spacing:.5px;color:#7090bc}.ai-example blockquote {margin:10px 0 0;font-size:16px;line-height:1.8;color:#345b91}#ai-feature-benefits {padding-left:19px;font-size:13px;line-height:1.9;color:#647e9f;display:grid;gap:7px;margin:20px 0 0}
.ai-visual {min-width:0;align-self:center;background:#f4f8ff;border:1px solid #dce7fa;border-radius:10px;padding:15px}.ai-visual-header {display:flex;gap:9px;align-items:center;padding:2px 3px 15px;font-size:12px;letter-spacing:.3px;line-height:1.7;color:#5778a8}.ai-shot {position:relative;display:block;width:100%;padding:16px 12px 46px;border:0;border-radius:7px;background:white;cursor:zoom-in}.ai-shot img {display:block;width:100%;height:380px;object-fit:contain}.ai-visual figcaption {font-size:12px;color:#7d92b1;line-height:1.8;margin-top:13px}.ai-review-link {display:flex;gap:10px;align-items:center;border:0;background:none;text-align:left;padding:14px 0 0;color:var(--blue);font-size:12px;line-height:1.8;text-decoration:underline;text-underline-offset:3px}
.ai-extras {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:25px}.ai-extras article {padding:25px;border:1px solid #dfe8f8;border-radius:9px;background:#fff}.ai-extras h3 {font-size:20px;letter-spacing:-.3px;margin-top:16px}.ai-extras p {font-size:14px;line-height:1.9;margin-top:12px}.ai-note {display:flex;align-items:center;gap:30px;justify-content:space-between;margin-top:26px;padding:24px;border:1px solid #dce6f7;border-radius:8px;background:#fafcff}.ai-note p {font-size:12px;line-height:1.9;max-width:800px}.ai-note strong {display:block;color:#45638e;font-size:14px;margin-bottom:6px}.ai-note .button {flex-shrink:0}
.module-highlights {margin-bottom:38px}.module-highlights-heading {margin-bottom:26px}.module-highlights-heading h3 {font-size:26px;margin-top:12px}.module-highlights-heading>p:last-child {font-size:14px;line-height:1.9;max-width:770px;margin-top:14px}.module-highlight-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.module-highlight-card {display:flex;gap:18px;padding:25px;border:1px solid #dfe7f4;border-radius:9px;background:white;min-width:0}.module-highlight-index {flex:none;display:grid;place-items:center;align-self:flex-start;width:32px;height:32px;border-radius:7px;background:#edf3ff;color:#6d8bb6;font-size:12px}.module-highlight-card>div {min-width:0}.module-highlight-card h4 {margin:0;font-size:19px;letter-spacing:-.3px;line-height:1.5}.module-highlight-card p {font-size:13px;line-height:1.8;margin-top:8px}.module-highlight-card ul {margin:15px 0 0;padding-left:17px;display:grid;gap:7px;font-size:13px;line-height:1.8;color:#59769d}
.accounting-feature {display:grid;grid-template-columns:1fr 1.6fr;gap:35px;align-items:center;background:#fff;border:1px solid #d9e5f7;border-radius:10px;padding:30px;margin-bottom:38px}.accounting-feature h3 {font-size:27px;line-height:1.3;margin-top:15px}.accounting-feature p:not(.eyebrow) {font-size:14px;line-height:1.9;margin-top:18px}.accounting-feature ul {font-size:13px;line-height:1.9;color:#6580a5;padding-left:17px;margin-top:20px}.accounting-feature figure {min-width:0;padding:10px;background:#f5f8fd;border:1px solid #e0e9f7;border-radius:7px}.accounting-feature figcaption {font-size:12px;line-height:1.8;color:#8295b1;margin-top:12px}
@media(max-width:1100px){.ai-workbench{gap:28px;padding:25px;grid-template-columns:1fr 1fr}.ai-tabs{gap:6px}.ai-tabs button{padding-inline:10px}#ai-feature-title{font-size:26px}.ai-shot img{height:340px}.ai-note{align-items:flex-start;flex-direction:column;gap:18px}.accounting-feature{grid-template-columns:1fr 1.2fr;gap:25px}.module-highlight-card{gap:13px;padding:22px}}
@media(max-width:780px){.ai-section{padding-block:55px}.ai-workbench{grid-template-columns:1fr;padding:24px 19px;gap:25px}.ai-tabs{margin-bottom:24px}.ai-tabs button{padding:9px 10px}#ai-feature-title{font-size:28px}.ai-visual{padding:10px}.ai-shot{padding:10px 6px 42px}.ai-shot img{height:290px}.ai-extras{grid-template-columns:1fr;gap:17px}.ai-extras article{padding:24px}.ai-note{padding:22px}.ai-note .button{width:100%}.module-highlight-grid{grid-template-columns:1fr}.module-highlight-card{padding:24px 20px}.module-highlights-heading h3{font-size:24px}.module-highlight-card p,.module-highlight-card ul{font-size:14px}.accounting-feature{grid-template-columns:1fr;padding:24px 19px}.accounting-feature h3{font-size:27px}}

/* Owner-approved SOP positioning, with a readable two-part promise. */
.hero h1 {font-size:clamp(40px,3.7vw,52px);line-height:1.18;letter-spacing:-1.7px}
.hero-promise {display:block;margin-top:19px;color:var(--blue);font-size:clamp(28px,2.5vw,35px);line-height:1.35;letter-spacing:-.8px;font-weight:600}
.hero-desc>p+p {margin-top:16px}.hero-desc {max-width:530px}
@media(max-width:780px){.hero h1{font-size:42px;letter-spacing:-1.5px}.hero-promise{font-size:30px;margin-top:17px}.hero-desc{max-width:560px}.hero-desc>p+p{margin-top:15px}}
@media(max-width:350px){.hero h1{font-size:36px;letter-spacing:-1.2px}.hero-promise{font-size:27px;letter-spacing:-.6px}}