@charset "UTF-8";

:root {
  --brand: #4c74b9;
  --brand-600: #3e63a4;
  --brand-100: #e7eef9;
  --navy: #12243d;
  --navy-2: #1a3150;
  --text: #172033;
  --muted: #68758a;
  --line: #dfe6f0;
  --soft: #f4f7fb;
  --white: #ffffff;
  --teal: #1f9e9a;
  --green: #2f9d68;
  --amber: #c78619;
  --red: #c75959;
  --shadow-sm: 0 10px 30px rgba(24, 50, 86, .08);
  --shadow-lg: 0 28px 70px rgba(24, 50, 86, .16);
  --radius-sm: 12px;
  --radius: 20px;
  --radius-lg: 30px;
  --container: min(1180px, calc(100% - 40px));
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--text);
  background: var(--white);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.6;
  text-rendering: optimizeLegibility;
}
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
button, input, select { font: inherit; }
.container { width: var(--container); margin-inline: auto; }
.section { padding: 104px 0; position: relative; overflow: clip; }
.section--soft { background: var(--soft); }
.section--navy { background: var(--navy); color: var(--white); }

.skip-link { position: fixed; left: 12px; top: -60px; background: var(--navy); color: white; padding: 10px 16px; z-index: 999; border-radius: 8px; }
.skip-link:focus { top: 12px; }

.announcement { background: var(--navy); color: white; font-size: 14px; }
.announcement__inner { min-height: 40px; display: flex; align-items: center; justify-content: center; gap: 18px; }
.announcement a { color: #b9d2fa; font-weight: 750; border-bottom: 1px solid currentColor; }

.site-header { position: sticky; top: 0; z-index: 100; background: rgba(255,255,255,.94); backdrop-filter: blur(18px); border-bottom: 1px solid rgba(223,230,240,.8); }
.nav-wrap { min-height: 80px; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.brand img { width: 245px; height: auto; }
.main-nav { display: flex; align-items: center; gap: 28px; font-size: 14px; font-weight: 700; }
.main-nav > a:not(.button) { color: #445066; transition: color .2s ease; }
.main-nav > a:not(.button):hover { color: var(--brand); }
.nav-toggle { display: none; width: 44px; height: 44px; border: 0; background: var(--soft); border-radius: 10px; padding: 10px; }
.nav-toggle span { display: block; height: 2px; background: var(--navy); margin: 5px 0; }

.button { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 0 24px; border-radius: 12px; background: var(--brand); color: white; font-weight: 800; border: 1px solid var(--brand); box-shadow: 0 10px 24px rgba(76,116,185,.22); transition: transform .2s ease, box-shadow .2s ease, background .2s ease; cursor: pointer; }
.button:hover { transform: translateY(-2px); background: var(--brand-600); box-shadow: 0 14px 28px rgba(76,116,185,.28); }
.button--small { min-height: 42px; padding: 0 18px; border-radius: 10px; }
.button--secondary { background: white; color: var(--navy); border-color: var(--line); box-shadow: none; }
.button--secondary:hover { background: var(--soft); }
.button--outline { background: white; color: var(--brand); border-color: #c8d5e9; box-shadow: none; }
.button--ghost { background: transparent; color: var(--brand); box-shadow: none; }
.button--full { width: 100%; }

.eyebrow { display: inline-block; margin-bottom: 16px; color: var(--brand); font-size: 13px; line-height: 1; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.eyebrow--light { color: #a9c6f0; }
h1, h2, h3 { margin: 0; line-height: 1.13; letter-spacing: -.035em; }
h1 { font-size: clamp(48px, 5.5vw, 78px); }
h2 { font-size: clamp(34px, 4vw, 54px); }
h3 { font-size: 22px; }
p { margin: 0; color: var(--muted); }
.section--navy p { color: #b8c4d4; }

.hero { min-height: calc(100vh - 120px); display: flex; align-items: center; padding-top: 92px; background: radial-gradient(circle at 78% 20%, rgba(76,116,185,.13), transparent 32%), linear-gradient(180deg, #fff 0%, #f9fbfe 100%); }
.hero::before { content: ""; position: absolute; width: 560px; height: 560px; border-radius: 50%; right: -270px; top: -170px; border: 1px solid rgba(76,116,185,.15); box-shadow: 0 0 0 70px rgba(76,116,185,.035), 0 0 0 140px rgba(76,116,185,.025); }
.hero__grid { display: grid; grid-template-columns: .92fr 1.08fr; gap: 68px; align-items: center; }
.hero h1 span { color: var(--brand); }
.hero__lead { font-size: 19px; max-width: 670px; margin-top: 26px; }
.hero__actions { display: flex; gap: 14px; margin-top: 34px; }
.hero__proof { list-style: none; display: flex; flex-wrap: wrap; gap: 18px 26px; padding: 0; margin: 26px 0 0; color: #4e5b70; font-size: 14px; font-weight: 700; }
.hero__proof li::before { content: "✓"; color: var(--green); margin-right: 8px; }
.hero__visual { position: relative; min-height: 600px; display: flex; align-items: center; }
.dashboard-shell { width: 100%; background: white; border: 1px solid #dce5f1; border-radius: 24px; box-shadow: var(--shadow-lg); padding: 24px; transform: perspective(1100px) rotateY(-4deg) rotateX(1deg); }
.dashboard-topbar { display: flex; justify-content: space-between; gap: 16px; align-items: center; padding-bottom: 18px; border-bottom: 1px solid var(--line); }
.dashboard-topbar strong { display: block; font-size: 18px; }
.mini-label { display: block; color: var(--muted); font-size: 12px; text-transform: uppercase; letter-spacing: .1em; font-weight: 800; }
.progress-pill { background: var(--brand-100); color: var(--brand-600); font-size: 12px; font-weight: 850; padding: 8px 11px; border-radius: 999px; }
.stats-row { display: grid; grid-template-columns: repeat(4, 1fr); margin: 18px 0; gap: 10px; }
.stats-row div { padding: 14px; border: 1px solid var(--line); border-radius: 12px; background: #fbfcfe; }
.stats-row span { display: block; font-size: 22px; font-weight: 850; color: var(--navy); }
.stats-row small { color: var(--muted); font-size: 11px; }
.request-list { display: grid; gap: 10px; }
.request-card { display: grid; grid-template-columns: 42px 1fr auto; align-items: center; gap: 12px; padding: 14px; border: 1px solid var(--line); border-radius: 13px; }
.request-card--active { border-color: #c9d8ed; background: #f8faff; }
.request-card strong { display: block; font-size: 13px; }
.request-card small { color: var(--muted); font-size: 11px; }
.request-icon { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 10px; background: var(--brand-100); color: var(--brand); font-size: 11px; font-weight: 900; }
.status { font-size: 10px; font-weight: 850; padding: 6px 8px; border-radius: 999px; white-space: nowrap; }
.status--closed { color: #247b50; background: #e8f6ef; }
.status--review { color: #3069a8; background: #e9f1fb; }
.status--more { color: #91620f; background: #fff2d7; }
.status--pending { color: #777f8d; background: #edf0f4; }
.timeline-mini { display: grid; grid-template-columns: repeat(4, 1fr); gap: 7px; padding: 5px 14px 11px 68px; }
.timeline-mini span { position: relative; font-size: 9px; color: #8290a4; padding-top: 12px; }
.timeline-mini span::before { content: ""; position: absolute; top: 3px; left: 0; right: -7px; height: 2px; background: #dbe2eb; }
.timeline-mini span::after { content: ""; position: absolute; top: 0; left: 0; width: 8px; height: 8px; border-radius: 50%; background: #dbe2eb; }
.timeline-mini .done::before, .timeline-mini .done::after { background: var(--green); }
.timeline-mini .current { color: var(--amber); font-weight: 750; }
.timeline-mini .current::after { background: var(--amber); }
.floating-card { position: absolute; display: flex; align-items: center; gap: 11px; padding: 14px 16px; border-radius: 13px; background: white; box-shadow: var(--shadow-sm); border: 1px solid var(--line); }
.floating-card strong, .floating-card small { display: block; }
.floating-card strong { font-size: 12px; }
.floating-card small { color: var(--muted); font-size: 10px; }
.floating-icon { width: 32px; height: 32px; border-radius: 9px; display: grid; place-items: center; background: var(--brand-100); color: var(--brand); font-weight: 900; }
.floating-card--one { left: -34px; top: 68px; }
.floating-card--two { right: -28px; bottom: 56px; }
.floating-card--two .floating-icon { background: #e7f6ee; color: var(--green); }

.section-heading { max-width: 770px; margin-bottom: 52px; }
.section-heading--center { text-align: center; margin-inline: auto; }
.section-heading p { margin-top: 20px; font-size: 18px; }
.problem-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.feature-card { background: white; padding: 30px; border: 1px solid var(--line); border-radius: var(--radius); box-shadow: 0 8px 26px rgba(24,50,86,.05); }
.feature-card h3 { font-size: 20px; margin: 22px 0 12px; }
.line-icon { width: 50px; height: 50px; display: grid; place-items: center; border-radius: 14px; background: var(--brand-100); color: var(--brand); font-size: 24px; font-weight: 850; }

.split-grid { display: grid; grid-template-columns: 1fr .88fr; gap: 80px; align-items: center; }
.split-copy > p { margin-top: 24px; font-size: 18px; }
.check-list { display: grid; gap: 18px; margin-top: 30px; }
.check-list > div { display: grid; grid-template-columns: 34px 1fr; gap: 13px; align-items: start; }
.check-list span { width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; background: #e8f6ef; color: var(--green); font-weight: 900; }
.check-list p { padding-top: 2px; }
.check-list strong { color: var(--navy); }
.concept-card { border: 1px solid var(--line); border-radius: var(--radius-lg); padding: 30px; background: linear-gradient(180deg, white, #f8faff); box-shadow: var(--shadow-lg); }
.concept-header { display: flex; align-items: center; gap: 15px; padding-bottom: 24px; border-bottom: 1px solid var(--line); }
.concept-header img { width: 58px; height: 58px; object-fit: contain; }
.concept-header small, .concept-header strong { display: block; }
.concept-header small { color: var(--brand); font-weight: 850; }
.process-list { list-style: none; padding: 0; margin: 28px 0 0; display: grid; gap: 0; }
.process-list li { display: grid; grid-template-columns: 42px 1fr; gap: 16px; position: relative; padding-bottom: 24px; }
.process-list li:not(:last-child)::after { content: ""; position: absolute; width: 2px; height: calc(100% - 37px); left: 20px; top: 37px; background: #dce3ec; }
.process-list li > span { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 50%; border: 2px solid #dce3ec; color: #7c8798; font-weight: 900; background: white; }
.process-list li strong, .process-list li small { display: block; }
.process-list li small { color: var(--muted); }
.process-list li.complete > span { background: #e8f6ef; border-color: #b8dfcb; color: var(--green); }
.process-list li.complete:not(:last-child)::after { background: #b8dfcb; }
.process-list li.active > span { background: var(--brand); border-color: var(--brand); color: white; box-shadow: 0 0 0 8px var(--brand-100); }

.steps-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.step-card { padding: 30px; border-radius: var(--radius); border: 1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.055); }
.step-card > span { display: inline-block; color: #9bb9e5; font-size: 12px; letter-spacing: .14em; font-weight: 850; }
.step-card h3 { margin: 34px 0 12px; color: white; }
.step-card p { font-size: 15px; }

.capability-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.capability { padding: 30px; border: 1px solid var(--line); border-radius: var(--radius); transition: transform .2s ease, box-shadow .2s ease; }
.capability:hover { transform: translateY(-5px); box-shadow: var(--shadow-sm); }
.capability > span { font-size: 28px; color: var(--brand); }
.capability h3 { margin: 28px 0 12px; font-size: 20px; }

.dual-audience { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.audience-card { border-radius: var(--radius-lg); padding: 46px; min-height: 470px; position: relative; overflow: hidden; }
.audience-card::after { content: ""; position: absolute; width: 280px; height: 280px; border-radius: 50%; right: -130px; bottom: -130px; background: rgba(255,255,255,.08); }
.audience-card--auditor { background: var(--navy); color: white; }
.audience-card--client { background: var(--brand); color: white; }
.audience-label { display: inline-block; padding: 7px 11px; border: 1px solid rgba(255,255,255,.25); border-radius: 999px; font-size: 12px; font-weight: 800; }
.audience-card h2 { font-size: 38px; margin-top: 30px; max-width: 500px; }
.audience-card ul { padding: 0; margin: 34px 0 0; list-style: none; display: grid; gap: 16px; }
.audience-card li { display: grid; grid-template-columns: 22px 1fr; gap: 10px; color: rgba(255,255,255,.86); }
.audience-card li::before { content: "✓"; font-weight: 900; color: #c9e5ff; }

.zifra-panel { border: 1px solid #d8e3f2; border-radius: 32px; padding: 60px; display: grid; grid-template-columns: 1.1fr .9fr; gap: 50px; align-items: center; }
.zifra-copy > p { margin: 22px 0 26px; font-size: 17px; }
.inline-checks { list-style: none; display: flex; flex-wrap: wrap; gap: 10px 20px; padding: 0; margin: 0 0 30px; color: #42516a; font-size: 14px; font-weight: 750; }
.inline-checks li::before { content: "✓"; color: var(--green); margin-right: 7px; }
.integration-visual { display: grid; grid-template-columns: 1fr auto 1fr; gap: 14px; align-items: center; }
.system-card { background: white; border: 1px solid var(--line); border-radius: 20px; min-height: 210px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; box-shadow: var(--shadow-sm); }
.system-card img { width: 90px; height: 90px; object-fit: contain; margin-bottom: 12px; }
.system-card strong, .system-card small { display: block; }
.system-card small { color: var(--muted); }
.system-card--zifra { background: var(--navy); color: white; }
.zifra-mark { width: 72px; height: 72px; display: grid; place-items: center; border-radius: 18px; background: var(--brand); color: white; font-size: 40px; font-weight: 900; margin-bottom: 16px; }
.connector { text-align: center; color: var(--brand); }
.connector span { display: block; font-size: 40px; font-weight: 900; }
.connector small { color: var(--muted); font-size: 10px; }

.security-grid { display: grid; grid-template-columns: .7fr 1.3fr; gap: 70px; align-items: start; }
.security-copy { position: sticky; top: 130px; }
.security-copy p { margin-top: 24px; font-size: 18px; }
.security-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.security-card { border: 1px solid rgba(255,255,255,.13); background: rgba(255,255,255,.05); padding: 26px; border-radius: 18px; }
.security-card > span { color: #86a9d8; font-size: 12px; font-weight: 850; letter-spacing: .13em; }
.security-card h3 { margin: 26px 0 10px; color: white; font-size: 19px; }
.security-card p { font-size: 14px; }

.trial-strip { display: flex; justify-content: space-between; align-items: center; gap: 24px; padding: 22px 26px; background: var(--brand-100); border: 1px solid #cfddf0; border-radius: 18px; margin-bottom: 24px; }
.trial-strip strong, .trial-strip span { display: block; }
.trial-strip strong { color: var(--navy); font-size: 18px; }
.trial-strip span { color: var(--muted); font-size: 14px; }
.pricing-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px; align-items: stretch; }
.price-card { position: relative; display: flex; flex-direction: column; padding: 26px 22px; border: 1px solid var(--line); border-radius: 20px; background: white;}
.price-card--featured { border: 2px solid var(--brand); box-shadow: var(--shadow-lg); transform: translateY(-10px); }
.popular { position: absolute; top: -15px; left: 50%; transform: translateX(-50%); background: var(--brand); color: white; border-radius: 999px; font-size: 11px; font-weight: 850; padding: 7px 13px; white-space: nowrap; }
.plan-name { color: var(--brand); font-size: 13px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.price { margin: 25px 0 18px; }
.price strong, .price small { display: block; }
.price strong { font-size: 36px; line-height: 1; color: var(--navy); letter-spacing: -.05em; }
.price small { margin-top: 9px; color: var(--muted); font-size: 12px; }
.price-card > p { min-height: 70px; font-size: 14px; }
.price-card ul { list-style: none; padding: 0; margin: 26px 0 30px; display: grid; gap: 12px; font-size: 13px; color: #4d5b70; }
.price-card li::before { content: "✓"; color: var(--green); font-weight: 900; margin-right: 8px; }
.price-card .button { margin-top: auto; width: 100%; padding-inline: 12px; }
.estimator { margin-top: 40px; background: var(--navy); color: white; border-radius: 26px; padding: 34px; display: grid; grid-template-columns: 1.3fr .7fr; gap: 45px; align-items: center; }
.estimator h3 { font-size: 30px; margin-bottom: 22px; }
.estimator label { display: block; color: #c6d2e1; font-size: 14px; }
.estimator label strong { color: white; }
.estimator input[type="range"] { width: 100%; margin-top: 18px; accent-color: var(--brand); }
.estimator__result { background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.14); padding: 26px; border-radius: 18px; }
.estimator__result small, .estimator__result strong, .estimator__result span { display: block; }
.estimator__result small { color: #9fb2ca; text-transform: uppercase; letter-spacing: .1em; font-size: 10px; font-weight: 850; }
.estimator__result strong { margin-top: 12px; font-size: 22px; }
.estimator__result span { color: #b9d2fa; font-size: 38px; font-weight: 900; }
.estimator__result p { font-size: 13px; }
/*.zifra-price { margin-top: 24px; padding: 40px; border-radius: 24px;  border: 1px solid #d8e3f2; display: grid; grid-template-columns: 1fr auto; gap: 40px; align-items: center; }
*/
.badge { display: inline-block; border-radius: 999px; background: var(--brand); color: white; padding: 6px 10px; font-size: 11px; font-weight: 850; }
/*.zifra-price h3 { margin: 16px 0 12px; font-size: 30px; }
.zifra-price__copy > p { margin-bottom: 18px; }
.zifra-price__amount { min-width: 260px; text-align: right; }
.zifra-price__amount strong { display: block; color: var(--brand); font-size: 58px; line-height: 1; }
.zifra-price__amount span, .zifra-price__amount small { display: block; }
.zifra-price__amount span { color: #d3deee; font-weight: 800; }
.zifra-price__amount small { color: #d3deee; max-width: 260px; margin-top: 10px; }
*/
.zifra-panel p{color:#d3deee !important};
.addons-grid { margin-top: 24px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.addon { border: 1px solid var(--line); border-radius: 18px; padding: 26px; }
.addon > span { color: var(--brand); font-size: 11px; text-transform: uppercase; letter-spacing: .1em; font-weight: 850; }
.addon h3 { margin: 18px 0 10px; font-size: 19px; }
.addon p { min-height: 74px; font-size: 14px; }
.addon strong, .addon small { display: block; }
.addon strong { margin-top: 22px; color: var(--navy); font-size: 25px; }
.addon small { color: var(--muted); }

.faq-layout { display: grid; grid-template-columns: .65fr 1.35fr; gap: 80px; align-items: start; }
.accordion { display: grid; gap: 12px; }
.accordion details { background: white; border: 1px solid var(--line); border-radius: 14px; padding: 20px 22px; }
.accordion summary { cursor: pointer; list-style: none; font-weight: 800; color: var(--navy); display: flex; justify-content: space-between; gap: 20px; }
.accordion summary::-webkit-details-marker { display: none; }
.accordion summary::after { content: "+"; color: var(--brand); font-size: 20px; }
.accordion details[open] summary::after { content: "–"; }
.accordion p { padding-top: 14px; }

.cta-section { background: linear-gradient(135deg, #2c4f83 0%, var(--brand) 55%, #3f6aa9 100%); color: white; }
.cta-section::before { content: ""; position: absolute; width: 620px; height: 620px; border: 1px solid rgba(255,255,255,.1); border-radius: 50%; left: -300px; top: -260px; box-shadow: 0 0 0 80px rgba(255,255,255,.025), 0 0 0 160px rgba(255,255,255,.018); }
.cta-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 70px; align-items: center; }
.cta-copy p { margin-top: 24px; color: rgba(255,255,255,.78); font-size: 18px; }
.cta-benefits { display: grid; gap: 10px; margin-top: 30px; color: #e5efff; }
.contact-form { background: white; padding: 34px; border-radius: 24px; color: var(--text); box-shadow: var(--shadow-lg); }
.form-row { margin-bottom: 16px; }
.form-row--two { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.contact-form label { display: grid; gap: 7px; font-size: 13px; font-weight: 750; color: #48556b; }
.contact-form input, .contact-form select { width: 100%; height: 48px; border: 1px solid #d8e0eb; border-radius: 10px; padding: 0 13px; color: var(--text); background: white; outline: none; }
.contact-form input:focus, .contact-form select:focus { border-color: var(--brand); box-shadow: 0 0 0 3px rgba(76,116,185,.13); }
.consent { grid-template-columns: 18px 1fr !important; align-items: start; margin: 8px 0 20px; font-weight: 500 !important; }
.consent input { width: 17px; height: 17px; margin: 2px 0 0; }
.form-message { min-height: 20px; margin-top: 12px; text-align: center; font-size: 13px; }

.site-footer { padding: 68px 0 24px; background: white; }
.footer-grid { display: grid; grid-template-columns: 1.7fr repeat(3, 1fr); gap: 50px; }
.footer-brand img { width: 260px; }
.footer-brand p { max-width: 360px; margin-top: 22px; }
.footer-grid > div:not(.footer-brand) { display: flex; flex-direction: column; gap: 11px; }
.footer-grid strong { margin-bottom: 6px; color: var(--navy); }
.footer-grid a { color: var(--muted); font-size: 14px; }
.footer-grid a:hover { color: var(--brand); }
.footer-bottom { border-top: 1px solid var(--line); margin-top: 48px; padding-top: 22px; display: flex; justify-content: space-between; color: var(--muted); font-size: 13px; }

.reveal { opacity: 0; transform: translateY(18px); transition: opacity .65s ease, transform .65s ease; }
.reveal.is-visible { opacity: 1; transform: none; }

@media (max-width: 1100px) {
  .pricing-grid { grid-template-columns: repeat(3, 1fr); }
  .price-card--featured { transform: none; }
  .problem-grid { grid-template-columns: repeat(2, 1fr); }
  .hero__grid { gap: 35px; }
  .floating-card { display: none; }
}

@media (max-width: 900px) {
  .section { padding: 80px 0; }
  .nav-toggle { display: block; }
  .main-nav { position: absolute; top: 80px; left: 20px; right: 20px; display: none; flex-direction: column; align-items: stretch; background: white; border: 1px solid var(--line); border-radius: 16px; padding: 18px; box-shadow: var(--shadow-lg); }
  .main-nav.is-open { display: flex; }
  .main-nav .button { width: 100%; }
  .hero { min-height: auto; }
  .hero__grid, .split-grid, .zifra-panel, .security-grid, .faq-layout, .cta-grid { grid-template-columns: 1fr; }
  .hero__visual { min-height: auto; margin-top: 25px; }
  .dashboard-shell { transform: none; }
  .steps-grid, .capability-grid { grid-template-columns: repeat(2, 1fr); }
  .dual-audience { grid-template-columns: 1fr; }
  .security-copy { position: static; }
  .pricing-grid { grid-template-columns: repeat(2, 1fr); }
  .estimator, .zifra-price { grid-template-columns: 1fr; }
  .zifra-price__amount { text-align: left; }
  .addons-grid { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1.5fr 1fr 1fr; }
  .footer-grid > div:last-child { grid-column: 2; }
}

@media (max-width: 640px) {
  :root { --container: min(100% - 28px, 1180px); }
  .announcement__inner { min-height: 50px; text-align: center; font-size: 12px; }
  .announcement a { display: none; }
  .brand img { width: 205px; }
  .hero { padding-top: 64px; }
  h1 { font-size: 43px; }
  h2 { font-size: 34px; }
  .hero__lead { font-size: 17px; }
  .hero__actions { flex-direction: column; align-items: stretch; }
  .hero__proof { display: grid; gap: 10px; }
  .dashboard-shell { padding: 14px; border-radius: 18px; }
  .dashboard-topbar { align-items: flex-start; }
  .progress-pill { display: none; }
  .stats-row { grid-template-columns: repeat(2, 1fr); }
  .request-card { grid-template-columns: 38px 1fr; }
  .request-card .status { grid-column: 2; justify-self: start; }
  .timeline-mini { display: none; }
  .problem-grid, .steps-grid, .capability-grid, .security-cards, .pricing-grid { grid-template-columns: 1fr; }
  .feature-card, .capability { padding: 24px; }
  .audience-card { padding: 32px 26px; min-height: 0; }
  .audience-card h2 { font-size: 32px; }
  .zifra-panel { padding: 34px 24px; }
  .integration-visual { grid-template-columns: 1fr; }
  .connector span { transform: rotate(90deg); }
  .trial-strip { flex-direction: column; align-items: stretch; }
  .trial-strip .button { width: 100%; }
  .estimator { padding: 26px 22px; }
  .zifra-price { padding: 28px 22px; }
  .form-row--two { grid-template-columns: 1fr; }
  .contact-form { padding: 24px; }
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .footer-brand { grid-column: 1 / -1; }
  .footer-grid > div:last-child { grid-column: auto; }
  .footer-bottom { flex-direction: column; gap: 8px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
  .reveal { opacity: 1; transform: none; }
}


:root{--blue:#4a75b9;--action:#355f9f;--navy:#17243a;--ink:#24334a;--muted:#58677b;--line:#dce3ed;--soft:#f4f7fb;--green:#27664f;--radius:12px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:#fff;font:16px/1.65 Inter,"Segoe UI",Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #b77919;outline-offset:4px}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--navy);line-height:1.12;letter-spacing:-.045em}h1{font-size:clamp(2.8rem,4.6vw,4.7rem);font-weight:650;margin-bottom:25px}h2{font-size:clamp(2.2rem,3.5vw,3.4rem);font-weight:620;margin-bottom:24px}h3{font-size:1.3rem;letter-spacing:-.025em}em{font-style:normal;color:var(--blue)}p{margin-bottom:20px}small{font-size:.875rem}.wrap{max-width:1240px;margin:auto;padding-inline:36px}.section{padding-block:100px}.soft{background:var(--soft)}.header{max-width:1440px;margin:auto;min-height:100px;padding:20px 48px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{font-size:1.7rem;color:var(--blue);white-space:nowrap;letter-spacing:-.07em;font-weight:500;line-height:1.2}.brand b{font-weight:760}.brand small{display:block;font-size:.625rem;color:var(--muted);letter-spacing:.15em;margin-top:7px}.brand img{width:185px;height:auto;max-height:68px;object-fit:contain}.header nav{display:flex;gap:28px;align-items:center;font-size:.9rem;font-weight:550}.header nav>a:not(.button):hover,.text-link:hover{color:var(--blue)}.button{background:var(--action);border:1px solid var(--action);border-radius:6px;color:white;min-height:49px;padding:12px 23px;display:inline-flex;align-items:center;justify-content:center;gap:30px;font-weight:600;line-height:1.4;transition:background .15s,transform .15s}.button:hover{background:#294e86;transform:translateY(-1px)}.button.small{min-height:44px;padding:10px 18px;gap:18px}.button.secondary{color:var(--action);background:white}.button:disabled{opacity:.55;cursor:not-allowed;transform:none}.button.light{background:white;color:var(--navy);border-color:white}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1fr 1.08fr;gap:60px;align-items:center;padding-block:65px 85px}.eyebrow{font-size:.75rem;letter-spacing:.15em;color:var(--action);font-weight:750;margin-bottom:20px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--blue);margin-right:7px;vertical-align:middle}.lead{font-size:1.08rem;color:var(--muted);max-width:490px;line-height:1.8}.actions{display:flex;flex-wrap:wrap;gap:20px;align-items:center}.text-link{font-size:.95rem;font-weight:650}.hero-note{font-size:.825rem;color:var(--muted);margin:21px 0 0}.product-preview{border:1px solid #cdd8e7;border-radius:12px;box-shadow:0 24px 70px #29476b14;background:white;transform:rotate(-1deg)}.preview-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:17px 22px}.mini-brand{font-size:1rem;color:var(--blue);letter-spacing:-.05em}.demo-label{font-size:.625rem;letter-spacing:.1em;color:var(--muted)}.preview-body{padding:26px}.breadcrumb{font-size:.625rem;letter-spacing:.13em;color:var(--muted);margin-bottom:8px}.preview-body h2{font-size:1.6rem;margin-bottom:22px;letter-spacing:-.03em}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stats>div{border-right:1px solid var(--line)}.stats>div:last-child{border:0}.stats strong{display:block;font-size:1.8rem;line-height:1.2;color:var(--navy)}.stats span{font-size:.75rem;color:var(--muted)}.progress{height:5px;border-radius:4px;background:#e9edf4;margin:18px 0 14px}.progress span{display:block;width:75%;height:100%;background:var(--blue);border-radius:4px}.request{display:flex;align-items:center;gap:11px;padding:17px 0;border-bottom:1px solid #edf0f5}.request>div{flex:1}.request b{display:block;font-size:.75rem;line-height:1.4;font-weight:600}.request small{display:block;color:var(--muted);font-size:.7rem;margin-top:4px}.file-icon{display:grid;place-items:center;border:1px solid var(--line);border-radius:5px;min-width:29px;height:32px;color:var(--blue)}.badge{font-size:.625rem;white-space:nowrap;letter-spacing:0;background:#eef0f4;color:#58677b;border-radius:4px;padding:4px 7px;font-weight:600}.badge.green{background:#e9f3ed;color:#27664f}.badge.amber{background:#fbf1d9;color:#805c14}.badge.blue{background:#eaf0fb;color:#355f9f}.timeline{font-size:.625rem;display:flex;gap:7px;flex-wrap:wrap;padding:12px;background:#f4f7fc;margin-top:8px;border-radius:5px;color:#496181}.timeline span{color:#8298b7}.preview-foot{font-size:.68rem;background:#f6f8fb;padding:14px 22px;border-radius:0 0 12px 12px}.proof-strip{border-block:1px solid var(--line)}.proof-strip>.wrap{display:flex;justify-content:space-between;gap:24px;padding-block:22px;color:var(--muted);font-size:.875rem}.proof-strip span:before{content:'✓';color:var(--blue);margin-right:9px}.section-heading{max-width:780px;margin-bottom:48px}.section-heading>p:last-child:not(.eyebrow){max-width:650px;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(6,1fr);gap:26px}.steps article{border-top:1px solid var(--line);padding-top:20px}.steps article>span{font-size:.825rem;color:var(--blue);font-weight:700}.steps h3{margin-top:28px;font-size:1.1rem}.steps p{font-size:.9rem;color:var(--muted)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:24px}.panel{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:36px}.panel>p:not(.eyebrow){color:var(--muted)}.panel h3{font-size:1.65rem}.checks{list-style:none;padding:0;margin:28px 0 0}.checks li{border-top:1px solid #edf0f5;padding:12px 0;font-size:.9rem}.checks li:before{content:'✓';margin-right:12px;color:var(--blue)}.pricing-heading{display:flex;align-items:center;gap:12px;margin:40px 0 22px}.pricing-heading h3{margin:0}.pricing-heading>span:last-child{color:var(--muted);font-size:.875rem;margin-left:auto}.number{display:grid;place-items:center;border:1px solid #b9cbe5;border-radius:50%;width:30px;height:30px;color:var(--blue);font-size:.9rem}.price-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.price-card{border:1px solid var(--line);border-radius:8px;padding:22px;background:white;text-align:left;color:var(--ink);transition:border-color .15s,background .15s}.price-card:hover{border-color:var(--blue);background:#f5f8fd}.price-card strong{display:block;font-size:1.85rem;color:var(--navy);letter-spacing:-.04em;margin:22px 0 5px}.price-card span{font-size:.95rem;font-weight:600}.price-card small{display:block;color:var(--muted)}.price-card .select-plan{font-size:.75rem;color:var(--action);margin-top:22px}.note{font-size:.825rem;color:var(--muted);line-height:1.65;margin:12px 0}.storage-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px}.storage-layout>div>p{color:var(--muted)}.metric{border-left:3px solid var(--blue);background:var(--soft);padding:24px;margin:26px 0}.metric strong{font-size:2.2rem;color:var(--navy);letter-spacing:-.035em}.metric strong span{font-size:1rem;font-weight:500;letter-spacing:0}.metric p{font-size:.9rem;margin:10px 0 0}.storage-table-wrap{min-width:0}table{width:100%;border-collapse:collapse;font-size:.875rem;text-align:left}caption{text-align:left;font-weight:600;padding-bottom:12px}th{font-size:.75rem;font-weight:600;color:var(--muted);padding:12px 10px;border-bottom:1px solid var(--line)}td{padding:10px;border-bottom:1px solid #e8edf4}td:nth-child(2){font-weight:650;color:var(--navy)}th:not(:first-child),td:not(:first-child){text-align:right}.calculator-section{background:#edf3fb;border-block:1px solid #dce6f4}.calculator{display:grid;grid-template-columns:1.1fr .9fr;border:1px solid #cddbea;border-radius:14px;background:white;overflow:hidden}.controls{padding:40px 44px}.mode-field{margin:0 0 25px;padding:0;border:0}.mode-field legend{font-size:.9rem;font-weight:650;margin-bottom:9px}.mode-switch{display:flex;background:var(--soft);border:1px solid var(--line);border-radius:7px;padding:4px;gap:4px}.mode-switch label{flex:1;position:relative;cursor:pointer}.mode-switch input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.mode-switch span{display:block;padding:10px 6px;text-align:center;font-size:.85rem;border-radius:4px}.mode-switch input:checked+span{background:white;box-shadow:0 1px 4px #17243a20;color:var(--action);font-weight:650}.mode-switch input:focus-visible+span{outline:3px solid #b77919}.field{margin-bottom:24px}.field>label{display:block;font-size:.875rem;font-weight:650;margin-bottom:8px}.field label span{font-weight:400;color:var(--muted)}input:not([type=checkbox]):not([type=radio]),select,textarea{width:100%;border:1px solid #bfcbdc;border-radius:6px;min-height:48px;padding:11px 13px;background:white;color:var(--navy)}input[type=number]{font-weight:650;font-size:1.1rem}input[type=checkbox]{accent-color:var(--action);width:19px;height:19px;flex-shrink:0;margin-top:4px}.advice{background:#edf3fb;border-left:3px solid var(--blue);padding:12px 14px;font-size:.825rem;line-height:1.6;margin:12px 0}.advice.warning{background:#fff6e7;border-color:#b4771d;color:#754a0f}.inline-button{border:0;background:none;color:var(--action);font-size:.825rem;padding:0;text-decoration:underline;text-underline-offset:3px}.check-option{display:flex;gap:12px;cursor:pointer;border-top:1px solid var(--line);padding-top:22px;font-size:.9rem}.check-option small{display:block;margin-top:4px;font-size:.825rem;color:var(--muted)}.quote{background:var(--navy);color:white;padding:40px;display:flex;flex-direction:column}.quote .eyebrow{color:#bdd1f0}.quote h3{color:white;font-size:1.6rem;line-height:1.35;margin-bottom:12px}.quote .note{color:#c1cbda}.quote-row{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;border-bottom:1px solid #ffffff24;padding:17px 0;font-size:.9rem}.quote-row>span{max-width:73%}.quote-row small{display:block;color:#bec9d9;font-size:.75rem;margin-top:3px}.quote-row strong{white-space:nowrap}.total{margin-top:26px}.total>span{font-size:.825rem;color:#c1cbda}.total strong{display:block;font-size:3rem;letter-spacing:-.05em;line-height:1.3}.effective{font-size:.9rem;margin-top:8px;margin-bottom:25px;color:#d1ddef}.quote .button{margin-top:auto;background:var(--blue);border-color:var(--blue);width:100%}.quote .button:hover{background:var(--action)}.error{color:#a33636;font-size:.875rem;margin:10px 0}.zifra-panel{display:grid;grid-template-columns:1.3fr .7fr;gap:80px;background:var(--navy);color:#d3deee;padding:58px;border-radius:14px}.zifra-panel h2{color:white}.zifra-panel .eyebrow{color:#b4cdf2}.zifra-panel p{max-width:590px}.zifra-price{border-left:1px solid #ffffff33;padding-left:50px;align-self:center}.zifra-price strong{display:block;font-size:4.5rem;line-height:1.2;letter-spacing:-.07em;color:white}.zifra-price>span{font-size:1rem}.zifra-price hr{border:0;border-top:1px solid #ffffff33;margin:28px 0}.zifra-price p{font-size:.9rem;line-height:1.8;margin:0}.three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.three-col article{border-top:1px solid #cbd7e6;padding-top:25px}.feature-number{font-size:1.8rem;color:var(--blue);letter-spacing:-.04em}.three-col h3{margin:20px 0 15px}.three-col p{font-size:.95rem;color:var(--muted)}.faq{display:grid;grid-template-columns:.7fr 1.3fr;gap:75px}details{border-bottom:1px solid var(--line);padding:19px 0}details:first-child{border-top:1px solid var(--line)}summary{cursor:pointer;font-weight:600;font-size:.95rem;padding-right:20px;line-height:1.5}details p{font-size:.9rem;color:var(--muted);margin:15px 0 0}.order-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px}.order-layout>div>p:not(.eyebrow){color:var(--muted)}.order-mini{border-top:1px solid #cbd7e6;padding-top:20px;margin-top:32px;font-size:.9rem}.order-mini strong{color:var(--navy)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.full{grid-column:1/-1}textarea{resize:vertical}.order-layout .panel{padding:32px}#prepared{margin-top:30px;border-top:1px solid var(--line);padding-top:25px}#prepared h3{font-size:1.3rem}pre{white-space:pre-wrap;overflow-wrap:anywhere;font: .825rem/1.65 Inter,"Segoe UI",Arial,sans-serif;background:var(--soft);border:1px solid var(--line);padding:18px;border-radius:6px}#send-status{font-size:.875rem;margin-top:12px}.footer{display:flex;gap:22px;align-items:center;flex-wrap:wrap;padding-block:35px}.footer .brand{font-size:1.3rem}.footer p,.footer>a:not(.brand),.footer>span{margin:0;font-size:.8rem;color:var(--muted)}.footer>span{margin-left:auto}.footer .legal-note{width:100%;font-size:.75rem;border-top:1px solid var(--line);padding-top:18px}.skip{position:absolute;top:-100px;left:20px;z-index:10;background:white;padding:12px;border:2px solid var(--blue)}.skip:focus{top:10px}.noscript{padding:20px;background:#fff4db;position:fixed;bottom:0;margin:0;width:100%}[hidden]{display:none!important}@media(min-width:1600px){.hero{padding-block:85px 110px}}@media(max-width:1100px){.header{padding-inline:30px}.header nav{gap:18px}.hero{gap:30px}.steps{grid-template-columns:repeat(3,1fr)}.storage-layout{gap:35px}.controls,.quote{padding:30px}.price-card{padding:18px 14px}.zifra-panel{padding:40px;gap:40px}.order-layout{gap:35px}.request{gap:7px}.preview-body{padding:20px}}@media(max-width:800px){.header{min-height:85px;flex-wrap:wrap;padding:18px 24px}.header nav{display:none;width:100%;align-items:stretch}.header nav.open{display:flex;flex-direction:column;gap:0}.header nav a{padding:12px}.menu-toggle{display:block;background:white;border:1px solid var(--line);border-radius:5px;padding:7px 12px;font-size:.875rem}.wrap{padding-inline:24px}.hero{grid-template-columns:1fr;padding-block:40px 60px;gap:40px}.hero-copy{max-width:600px}h1{max-width:600px;font-size:3.3rem}.lead{max-width:550px}.product-preview{transform:none;max-width:640px;width:100%}.request b{font-size:.875rem}.request small{font-size:.75rem}.badge{font-size:.7rem}.proof-strip>.wrap{display:grid;grid-template-columns:1fr 1fr;gap:12px 22px;font-size:.8rem}.section{padding-block:65px}.section-heading{margin-bottom:32px}.two-col,.storage-layout,.calculator,.order-layout{grid-template-columns:1fr}.price-grid{grid-template-columns:repeat(3,1fr)}.storage-layout{gap:20px}.pricing-heading{flex-wrap:wrap}.calculator{max-width:650px}.quote{min-height:500px}.zifra-panel{grid-template-columns:1fr;gap:35px}.zifra-price{padding:25px 0 0;border-left:0;border-top:1px solid #ffffff33}.zifra-price strong{font-size:3.5rem}.three-col{gap:24px}.three-col h3{font-size:1.1rem}.three-col p{font-size:.875rem}.faq{grid-template-columns:1fr;gap:0}.footer>span{margin-left:0}}@media(max-width:480px){h1{font-size:2.65rem}h2{font-size:2.15rem}.wrap{padding-inline:20px}.header{padding-inline:20px}.brand{font-size:1.5rem}.hero{padding-top:25px}.eyebrow{font-size:.68rem;letter-spacing:.12em}.product-preview .preview-body{padding:16px}.preview-top{padding:15px}.request{flex-wrap:wrap}.request>div{min-width:150px}.request .badge{margin-left:40px}.preview-foot{font-size:.65rem;padding:12px}.steps{grid-template-columns:1fr 1fr;gap:18px}.steps h3{margin-top:15px}.panel{padding:25px}.price-grid{grid-template-columns:1fr 1fr}.price-card strong{font-size:1.65rem}.pricing-heading>span:last-child{margin-left:42px;width:100%;margin-top:-7px}.controls,.quote{padding:25px 22px}.mode-switch span{font-size:.8rem}.total strong{font-size:2.6rem}.zifra-panel{padding:28px}.three-col{grid-template-columns:1fr;gap:20px}.three-col h3{font-size:1.3rem}.three-col p{font-size:.95rem}.form-grid{grid-template-columns:1fr}.field{grid-column:1/-1}.order-layout .panel{padding:23px}.proof-strip>.wrap{grid-template-columns:1fr}.storage-table-wrap th{font-size:.7rem}td,th{padding:9px 5px}.footer{gap:14px}.footer p{width:100%}.actions{gap:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;transform:none!important}}
.zifra-rules{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:30px}.zifra-rules article{padding:25px;border:1px solid var(--line);border-radius:10px}.zifra-rules p{color:var(--muted);margin:0}.header .brand img{width:230px;max-height:65px}.footer .brand img{width:190px;height:auto}.mini-brand img{width:130px;height:auto;display:block}@media(max-width:600px){.zifra-rules{grid-template-columns:1fr;gap:16px}.header .brand img{width:200px}}