:root {
  --navy: #052a5e;
  --navy-2: #073f84;
  --ink: #092d5e;
  --muted: #64748b;
  --line: #dbe5ee;
  --surface: #f4f8fb;
  --white: #fff;
  --blue: #087acb;
  --blue-2: #159fe3;
  --green: #31b72a;
  --green-2: #60d32f;
  --orange: #ff8b21;
  --teal: #13a6a6;
  --shadow: 0 24px 80px rgba(7, 26, 47, .12);
  --radius: 22px;
  --container: 1200px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 90px; }
body { margin: 0; color: var(--ink); background: var(--white); font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 16px; line-height: 1.6; -webkit-font-smoothing: antialiased; }
body.modal-open { overflow: hidden; }
body::selection { background: #bbdefb; color: var(--navy); }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
img, svg { display: block; max-width: 100%; }
.container { width: min(calc(100% - 40px), var(--container)); margin-inline: auto; }
.section { padding: 112px 0; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; left: 16px; top: -60px; z-index: 200; padding: 10px 16px; border-radius: 8px; background: white; color: var(--navy); font-weight: 800; transition: top .2s; }
.skip-link:focus { top: 16px; }
:focus-visible { outline: 3px solid #53b9ff; outline-offset: 4px; }

html[dir="rtl"] body { direction: rtl; }
html[dir="rtl"] .nav-shell { flex-direction: row-reverse; }
html[dir="rtl"] .language-switcher { margin-left: 12px; margin-right: auto; }
html[dir="rtl"] .primary-nav { flex-direction: row-reverse; }
html[dir="rtl"] .hero-layout,
html[dir="rtl"] .section-heading.split,
html[dir="rtl"] .roi-calculator,
html[dir="rtl"] .plan-builder,
html[dir="rtl"] .faq-layout,
html[dir="rtl"] .trial-layout,
html[dir="rtl"] .hero-copy,
html[dir="rtl"] .section-heading.split > div,
html[dir="rtl"] .difference-feature,
html[dir="rtl"] .module-panel article,
html[dir="rtl"] .plan-summary,
html[dir="rtl"] .faq-intro,
html[dir="rtl"] .trial-copy,
html[dir="rtl"] .footer-brand,
html[dir="rtl"] .footer-links,
html[dir="rtl"] .footer-contact { text-align: right; }
html[dir="rtl"] .eyebrow,
html[dir="rtl"] .hero-actions,
html[dir="rtl"] .hero-proof,
html[dir="rtl"] .trust-strip,
html[dir="rtl"] .audience-categories,
html[dir="rtl"] .footer-main { direction: rtl; }
html[dir="rtl"] .hero-proof div { padding-left: 0; padding-right: 12px; border-left: 0; border-right: 2px solid var(--green-2); }
html[dir="rtl"] .workflow-line,
html[dir="rtl"] .journey-line { inset-inline-start: auto; inset-inline-end: 0; }
html[dir="rtl"] .workflow-visual > div,
html[dir="rtl"] .configure-window span,
html[dir="rtl"] .summary-details div,
html[dir="rtl"] .calculator-results article,
html[dir="rtl"] .module-selector label > span { text-align: right; }
html[dir="rtl"] .profile-impact-list li,
html[dir="rtl"] .site-profile-impact-list li,
html[dir="rtl"] .profile-trust-panel li { padding-left: 0; padding-right: 18px; }
html[dir="rtl"] .profile-impact-list li::before,
html[dir="rtl"] .site-profile-impact-list li::before,
html[dir="rtl"] .profile-trust-panel li::before { left: auto; right: 0; }
html[dir="rtl"] .site-profile-main,
html[dir="rtl"] .site-profile-card,
html[dir="rtl"] .site-profile-benefits article,
html[dir="rtl"] .site-profile-projects { text-align: right; }
html[dir="rtl"] .module-selector label > span { grid-template-columns: auto 1fr auto; }
html[dir="rtl"] .module-selector label > span i { order: 3; }
html[dir="rtl"] .module-selector label > span b,
html[dir="rtl"] .module-selector label > span small,
html[dir="rtl"] .module-selector label > span em { justify-self: start; }
html[dir="rtl"] .button { flex-direction: row-reverse; }
html[dir="rtl"] .hero-actions,
html[dir="rtl"] .button-group { justify-content: flex-start; }

.site-header { position: fixed; inset: 0 0 auto; z-index: 100; height: 92px; color: white; transition: background .25s, box-shadow .25s, height .25s; }
body[data-static-page] .site-header { background: rgba(5, 22, 40, .94); box-shadow: 0 8px 32px rgba(0,0,0,.18); backdrop-filter: blur(18px); }
.site-header.scrolled, .site-header.menu-open { height: 74px; background: rgba(5, 22, 40, .94); box-shadow: 0 8px 32px rgba(0,0,0,.18); backdrop-filter: blur(18px); }
.nav-shell { height: 100%; display: flex; align-items: center; justify-content: space-between; }
.brand { display: block; width: 286px; height: 74px; padding: 7px 12px; overflow: hidden; border: 1px solid rgba(255,255,255,.78); border-radius: 15px; background: #fff; box-shadow: 0 12px 34px rgba(0,20,50,.2); transition: width .25s,height .25s,border-radius .25s; }
.site-header.scrolled .brand,.site-header.menu-open .brand { width: 250px; height: 60px; border-radius: 12px; }
.brand img { width: 100%; height: 100%; object-fit: contain; }
.language-switcher { position: relative; margin-left: auto; margin-right: 12px; }
.language-current { display: grid; place-items: center; width: 44px; height: 40px; padding: 0; border: 1px solid rgba(255,255,255,.22); border-radius: 12px; color: white; background: rgba(255,255,255,.08); font-size: 13px; font-weight: 900; letter-spacing: .04em; }
.language-current span { line-height: 1; }
.site-header.scrolled .language-current,.site-header.menu-open .language-current { border-color: rgba(255,255,255,.14); background: rgba(255,255,255,.06); }
.language-menu { position: absolute; top: calc(100% + 10px); right: 0; z-index: 120; display: grid; min-width: 172px; padding: 8px; border: 1px solid rgba(255,255,255,.16); border-radius: 14px; background: rgba(5,22,40,.97); box-shadow: 0 18px 44px rgba(0,0,0,.24); opacity: 0; visibility: hidden; transform: translateY(-6px); transition: opacity .18s, visibility .18s, transform .18s; }
.language-switcher:hover .language-menu,.language-switcher:focus-within .language-menu { opacity: 1; visibility: visible; transform: translateY(0); }
.language-menu a { display: grid; grid-template-columns: 36px 1fr; align-items: center; gap: 8px; padding: 9px 10px; border-radius: 10px; color: #dceaf5; font-size: 13px; font-weight: 800; }
.language-menu a:hover,.language-menu a[aria-current="true"] { color: white; background: rgba(255,255,255,.1); }
.language-menu a span { display: grid; place-items: center; min-height: 26px; border-radius: 8px; color: #8fe0ff; background: rgba(143,224,255,.1); font-size: 11px; }
.language-menu a b { font: inherit; }
html[dir="rtl"] .language-menu { left: 0; right: auto; }
.primary-nav { display: flex; align-items: center; gap: 23px; font-size: 14px; font-weight: 700; }
.primary-nav > a:not(.button) { opacity: .78; transition: opacity .2s, color .2s; }
.primary-nav > a:hover { opacity: 1; color: #65ccff; }
@media (min-width: 1101px) {
  .language-switcher { margin-right: 22px; }
  .primary-nav { gap: 32px; }
  .primary-nav .button { margin-left: 8px; }
  html[dir="rtl"] .language-switcher { margin-left: 22px; margin-right: auto; }
  html[dir="rtl"] .primary-nav .button { margin-left: 0; margin-right: 8px; }
}
.nav-toggle { display: none; width: 44px; height: 44px; padding: 9px; border: 0; border-radius: 10px; background: rgba(255,255,255,.08); }
.nav-toggle span:not(.sr-only) { display: block; width: 100%; height: 2px; margin: 5px 0; background: white; border-radius: 2px; transition: transform .2s, opacity .2s; }

.button { display: inline-flex; align-items: center; justify-content: center; gap: 16px; min-height: 52px; padding: 0 24px; border: 1px solid var(--blue); border-radius: 12px; background: linear-gradient(135deg, #087dcc 0%, #0667b5 68%, #25a936 100%); box-shadow: 0 10px 24px rgba(8,122,203,.26); color: white; font-weight: 800; line-height: 1; transition: transform .2s, box-shadow .2s, background .2s; }
.button:hover { transform: translateY(-2px); box-shadow: 0 15px 30px rgba(14,121,232,.32); }
.button-small { min-height: 42px; padding-inline: 18px; border-radius: 10px; font-size: 13px; }
.button-ghost { background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.3); box-shadow: none; }
.button-ghost:hover { background: rgba(255,255,255,.12); box-shadow: none; }
.button-light { background: white; color: var(--navy); border-color: white; box-shadow: 0 15px 30px rgba(0,0,0,.14); }

.hero { position: relative; overflow: hidden; padding: 150px 0 0; color: white; background: radial-gradient(circle at 82% 34%, rgba(8,139,222,.42), transparent 29%), radial-gradient(circle at 14% 78%, rgba(55,192,42,.24), transparent 29%), radial-gradient(circle at 55% 100%, rgba(255,139,33,.09), transparent 22%), linear-gradient(130deg, #031a3a 0%, #063467 56%, #04234d 100%); }
.page-hero { padding-bottom: 72px; }
.roi-page-hero .hero-layout { align-items: center; }
.roi-page-hero .hero-media { aspect-ratio: 4 / 3; }
.hero::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(52,170,255,.6), transparent); }
.hero-grid-glow { position: absolute; inset: 0; opacity: .09; background-image: linear-gradient(rgba(255,255,255,.18) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.18) 1px, transparent 1px); background-size: 52px 52px; mask-image: linear-gradient(90deg, transparent, #000 60%, transparent); transform: perspective(800px) rotateX(60deg) translateY(20%); transform-origin: bottom; }
.hero-layout { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(380px, .98fr); gap: 42px; align-items: start; min-height: auto; }
.hero-copy { max-width: 650px; }
.eyebrow { display: flex; align-items: center; gap: 10px; margin: 0 0 18px; color: #76cfff; font-size: 12px; font-weight: 850; letter-spacing: .16em; text-transform: uppercase; }
.eyebrow > span { width: 24px; height: 2px; background: currentColor; }
.eyebrow.dark { color: var(--blue); }
h1, h2, h3, p { margin-top: 0; }
h1 { max-width: 960px; margin-bottom: 22px; font-size: clamp(40px, 5vw, 68px); line-height: 1.02; letter-spacing: -.045em; }
h1 em { color: #69d84c; font-style: normal; text-shadow: 0 0 34px rgba(68,196,55,.18); }
.hero-media { position: relative; min-width: 0; aspect-ratio: 4 / 5; margin: 0; overflow: hidden; border: 1px solid rgba(118,207,255,.26); border-radius: 28px; background: #082c58; box-shadow: 0 32px 80px rgba(0,0,0,.3); }
.hero-media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 55%, rgba(2,20,44,.78)); pointer-events: none; }
.hero-media img { width: 100%; height: 100%; object-fit: cover; object-position: 72% center; }
.hero-media figcaption { position: absolute; left: 22px; right: 22px; bottom: 20px; z-index: 1; display: flex; justify-content: space-between; align-items: flex-end; gap: 16px; color: white; }
.hero-media figcaption strong, .hero-media figcaption span { display: block; }
.hero-media figcaption strong { font-size: 17px; }
.hero-media figcaption span { color: #c7dcec; font-size: 11px; text-align: right; }
.hero-lead { max-width: 760px; margin-bottom: 22px; color: #b8cadb; font-size: 16px; line-height: 1.62; }
.hero-intro { max-width: 720px; margin: -8px 0 24px; color: #d8e8f4; font-size: 14px; line-height: 1.7; }
.hero-standard { display: inline-flex; align-items: center; gap: 10px; max-width: 760px; margin: 0 0 22px; padding: 10px 14px; border: 1px solid rgba(118,207,255,.18); border-radius: 14px; color: #d8eefb; background: rgba(255,255,255,.06); font-size: 13px; line-height: 1.5; }
.hero-standard strong { color: #8fe0ff; font-weight: 900; }
.hero-actions { display: flex; gap: 14px; flex-wrap: wrap; }
.hero-actions .button:first-child {
  border-color: rgba(255,255,255,.12);
  background: linear-gradient(135deg, #1d92ff 0%, #0b72d1 52%, #30bf42 100%);
  box-shadow: 0 16px 36px rgba(6, 47, 92, .36);
}
.hero-actions .button:first-child:hover { box-shadow: 0 18px 40px rgba(6, 47, 92, .44); }
.hero-actions .button-ghost {
  border-color: rgba(255,255,255,.22);
  background: rgba(255,255,255,.08);
  backdrop-filter: blur(10px);
}
.hero-proof { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; padding-top: 16px; border-top: 1px solid rgba(255,255,255,.11); max-width: 760px; }
.hero-proof div { min-width: 0; flex: 1 1 180px; padding: 8px 12px; border: 1px solid rgba(119, 255, 109, .18); border-left: 3px solid var(--green-2); border-radius: 12px; background: rgba(255,255,255,.04); }
.hero-proof strong, .hero-proof span { display: block; }
.hero-proof strong { font-size: 12px; }
.hero-proof span { color: #b5c8d8; font-size: 12px; line-height: 1.3; }
.hero-product { display: none; }
.hero-aside { position: relative; z-index: 1; display: flex; align-self: stretch; }
.hero-aside-panel {
  width: 100%;
  padding: 24px;
  border: 1px solid rgba(118,207,255,.18);
  border-radius: 24px;
  background:
    radial-gradient(circle at 30% 20%, rgba(31,127,190,.18), transparent 24%),
    radial-gradient(circle at 84% 18%, rgba(42,170,53,.14), transparent 22%),
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 20px 60px rgba(1, 16, 35, .26);
  backdrop-filter: blur(8px);
}
.hero-aside-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; margin-bottom: 18px; }
.hero-aside-eyebrow { display: block; margin-bottom: 6px; color: #82d4ff; font-size: 12px; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }
.hero-aside-header strong { display: block; font-size: clamp(26px, 2.2vw, 36px); line-height: 1.04; letter-spacing: -.04em; }
.hero-aside-pill { flex: none; padding: 8px 12px; border-radius: 999px; color: #dff5ff; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.12); font-size: 11px; font-weight: 800; }
.hero-aside-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 14px;
}
.hero-aside-metrics div {
  padding: 12px 12px 11px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.11);
  background: linear-gradient(180deg, rgba(7,29,52,.72), rgba(10,43,74,.58));
}
.hero-aside-metrics strong, .hero-aside-metrics span { display: block; }
.hero-aside-metrics strong { margin-bottom: 4px; color: #f4fbff; font-size: 13px; font-weight: 900; letter-spacing: .02em; }
.hero-aside-metrics span { color: #b9d9ea; font-size: 11px; line-height: 1.25; }
.hero-aside-stack { display: grid; gap: 12px; }
.hero-aside-card {
  padding: 16px 16px 15px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(7,29,52,.88), rgba(10,43,74,.72));
  box-shadow: 0 14px 36px rgba(0,0,0,.18);
}
.hero-aside-card span { display: block; margin-bottom: 6px; color: #8fe0ff; font-size: 11px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.hero-aside-card strong { display: block; color: #f4fbff; font-size: 14px; line-height: 1.55; font-weight: 700; }
.section-photo { position: relative; height: clamp(240px, 27vw, 330px); margin: 0 0 38px; overflow: hidden; border: 1px solid rgba(5,42,94,.1); border-radius: 24px; background: #dce8ef; box-shadow: 0 22px 55px rgba(5,42,94,.12); }
.section-photo::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 52%, rgba(3,25,52,.72)); pointer-events: none; }
.section-photo img { width: 100%; height: 100%; object-fit: cover; }
.section-photo-admin img { object-position: center 42%; }
.section-photo-dark { border-color: rgba(118,207,255,.2); box-shadow: 0 28px 65px rgba(0,0,0,.25); }
.section-photo figcaption { position: absolute; left: 22px; bottom: 18px; z-index: 1; padding: 8px 12px; border: 1px solid rgba(255,255,255,.22); border-radius: 999px; color: white; background: rgba(3,28,58,.58); backdrop-filter: blur(8px); font-size: 12px; font-weight: 800; }
.product-window { overflow: hidden; border: 2px solid rgba(118,207,255,.42); border-radius: 22px; background: #f7fafc; box-shadow: 0 45px 110px rgba(0,0,0,.5), 0 0 90px rgba(18,126,227,.22); color: var(--ink); }
.window-bar { height: 44px; padding: 0 16px; display: flex; align-items: center; justify-content: space-between; color: #6b7a8c; background: white; border-bottom: 1px solid #e7eef4; font-size: 10px; }
.window-dots { display: flex; gap: 5px; }
.window-dots i { width: 7px; height: 7px; border-radius: 50%; background: #dae2e9; }
.live-pill { display: flex; gap: 5px; align-items: center; padding: 4px 8px; color: #128251; background: #e8f8f0; border-radius: 20px; font-weight: 800; }
.live-pill i { width: 5px; height: 5px; border-radius: 50%; background: #1eb871; box-shadow: 0 0 0 3px rgba(30,184,113,.13); }
.dashboard { min-height: 425px; display: flex; }
.dash-sidebar { width: 56px; flex: none; display: flex; align-items: center; flex-direction: column; gap: 22px; padding-top: 15px; background: var(--navy); }
.dash-mark { display: grid; place-items: center; width: 30px; height: 30px; margin-bottom: 15px; border-radius: 9px; color: white; background: linear-gradient(145deg,var(--blue),var(--green)); font-weight: 900; }
.dash-sidebar > i { width: 16px; height: 16px; border: 2px solid #5d7186; border-radius: 5px; }
.dash-sidebar > i.active { border-color: #53b9ff; background: #53b9ff; box-shadow: 0 0 0 6px rgba(83,185,255,.1); }
.dash-main { flex: 1; padding: 24px; overflow: hidden; }
.dash-heading { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }
.dash-heading small, .dash-heading strong { display: block; }
.dash-heading small { color: #91a0ad; font-size: 7px; letter-spacing: .12em; }
.dash-heading strong { font-size: 17px; }
.avatar-stack { display: flex; align-items: center; }
.avatar-stack i, .avatar-stack b { width: 25px; height: 25px; margin-left: -7px; border: 2px solid white; border-radius: 50%; background: #c3d5e5; }
.avatar-stack i:nth-child(2) { background: #e9b692; }
.avatar-stack i:nth-child(3) { background: #9bc7a9; }
.avatar-stack b { display: grid; place-items: center; color: white; background: var(--blue); font-size: 7px; }
.dash-kpis { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; }
.dash-kpis article { position: relative; padding: 14px; border: 1px solid #e7edf2; border-radius: 11px; background: white; box-shadow: 0 8px 20px rgba(7,26,47,.04); }
.dash-kpis .icon { display: grid; place-items: center; width: 27px; height: 27px; margin-bottom: 12px; border-radius: 8px; background: #e8f3ff; color: var(--blue); font-size: 11px; font-weight: 900; }
.dash-kpis .icon.green { color: var(--green); background: #e8f8ef; }
.dash-kpis .icon.orange { color: var(--orange); background: #fff3e7; }
.dash-kpis small, .dash-kpis strong { display: block; }
.dash-kpis small { color: #7e8b97; font-size: 8px; }
.dash-kpis strong { font-size: 19px; }
.dash-kpis b { position: absolute; right: 11px; bottom: 13px; color: var(--green); font-size: 7px; }
.dash-panels { display: grid; grid-template-columns: 1.45fr .8fr; gap: 12px; margin-top: 12px; }
.chart-card, .activity-card { padding: 16px; border: 1px solid #e7edf2; border-radius: 11px; background: white; }
.card-heading { display: flex; justify-content: space-between; align-items: center; margin-bottom: 6px; font-size: 9px; font-weight: 800; }
.card-heading small { color: #8796a5; font-size: 7px; font-weight: 500; }
.grid-line { fill: none; stroke: #edf1f5; }
.area { fill: url(#area); }
.line { fill: none; stroke: var(--blue); stroke-width: 3; }
.points circle { fill: white; stroke: var(--blue); stroke-width: 3; }
.chart-labels { display: flex; justify-content: space-between; color: #9aa6b1; font-size: 7px; }
.activity-card ul { margin: 15px 0 0; padding: 0; list-style: none; }
.activity-card li { display: flex; align-items: center; gap: 8px; padding: 10px 0; border-bottom: 1px solid #edf1f4; }
.activity-card li:last-child { border-bottom: 0; }
.activity-card li > i { display: grid; place-items: center; width: 23px; height: 23px; flex: none; border-radius: 7px; color: var(--blue); background: #eaf4ff; font-size: 8px; font-style: normal; font-weight: 900; }
.activity-card li > i.green { color: var(--green); background: #e9f9f0; }
.activity-card li > i.orange { color: var(--orange); background: #fff3e8; }
.activity-card strong, .activity-card span { display: block; white-space: nowrap; }
.activity-card strong { font-size: 7px; }
.activity-card span { color: #9aa6b1; font-size: 6px; }
.float-card { position: absolute; display: flex; align-items: center; gap: 10px; min-width: 175px; padding: 12px 15px; border: 1px solid rgba(255,255,255,.3); border-radius: 12px; color: var(--ink); background: rgba(255,255,255,.94); box-shadow: 0 15px 35px rgba(0,0,0,.23); backdrop-filter: blur(10px); }
.float-card i { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; color: white; background: var(--green); font-style: normal; font-weight: 900; }
.float-card strong, .float-card span, .float-card small { display: block; }
.float-card strong { font-size: 10px; }
.float-card span, .float-card small { color: #738293; font-size: 8px; }
.float-one { right: -22px; bottom: 55px; }
.float-two { left: -35px; top: 110px; }
.float-two > span { color: var(--blue); font-size: 22px; font-weight: 900; }
.trust-strip { position: relative; z-index: 2; display: flex; justify-content: space-between; align-items: center; min-height: 115px; margin-top: 45px; border-top: 1px solid rgba(255,255,255,.1); color: #a9c0d2; font-size: 14px; }
.trust-strip p { margin: 0; }
.audience-categories { display: grid; grid-template-columns: repeat(4,auto); align-items: center; gap: 26px; color: #d9e8f3; font-weight: 750; }
.audience-categories > span { display: flex; align-items: center; gap: 9px; white-space: nowrap; }
.audience-icon { display: grid; place-items: center; width: 34px; height: 34px; flex: none; border: 1px solid rgba(86,190,255,.3); border-radius: 10px; color: #67caff; background: rgba(35,151,224,.12); }
.audience-icon svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.audience-icon.training-icon { color: #74dc5e; border-color: rgba(116,220,94,.3); background: rgba(49,183,42,.12); }
.audience-icon.daycare-icon { color: #ffab59; border-color: rgba(255,139,33,.3); background: rgba(255,139,33,.12); }
.audience-icon.activity-icon { color: #66d6d1; border-color: rgba(102,214,209,.3); background: rgba(19,166,166,.12); }

.profile-section { position: relative; overflow: hidden; min-height: 100vh; padding: 126px 0 88px; background: linear-gradient(180deg, #f7fbff 0%, #eef5f9 55%, #ffffff 100%); }
.profile-section::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 12% 12%, rgba(8,122,203,.14), transparent 28%), radial-gradient(circle at 88% 8%, rgba(49,183,42,.11), transparent 24%); pointer-events: none; }
.profile-section > .container { position: relative; z-index: 1; }
.profile-hero { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(300px, .62fr); gap: 34px; align-items: stretch; }
.profile-intro { align-self: center; }
.profile-intro h1 { max-width: 760px; margin-bottom: 12px; color: var(--navy); font-size: clamp(44px, 5.4vw, 76px); line-height: .98; letter-spacing: -.035em; }
.profile-role { display: inline-flex; margin: 0 0 18px; padding: 9px 13px; border: 1px solid #cfe0ed; border-radius: 999px; color: #06406d; background: #fff; font-size: 13px; font-weight: 900; box-shadow: 0 8px 22px rgba(5,42,94,.06); }
.profile-summary { max-width: 760px; margin-bottom: 0; color: #506477; font-size: 17px; line-height: 1.75; }
.profile-metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; max-width: 680px; margin-top: 28px; }
.profile-metrics div { min-height: 88px; padding: 16px; border: 1px solid #d6e4ee; border-radius: 8px; background: rgba(255,255,255,.86); box-shadow: 0 12px 30px rgba(5,42,94,.06); }
.profile-metrics strong, .profile-metrics span { display: block; }
.profile-metrics strong { color: var(--blue); font-size: 24px; line-height: 1; }
.profile-metrics span { margin-top: 5px; color: #5c6f82; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
.profile-portrait { position: relative; margin: 0; align-self: stretch; min-height: 520px; overflow: hidden; border: 1px solid rgba(5,42,94,.12); border-radius: 8px; background: #dde8f0; box-shadow: 0 30px 80px rgba(5,42,94,.18); }
.profile-portrait::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 58%, rgba(5,42,94,.76)); pointer-events: none; }
.profile-portrait img { width: 100%; height: 100%; object-fit: cover; object-position: center 18%; }
.profile-portrait figcaption { text-align: center;position: absolute; left: 18px; right: 18px; bottom: 18px; z-index: 1; padding: 14px 15px; border: 1px solid rgba(255,255,255,.24); border-radius: 8px; color: white; background: rgba(4, 26, 53, .72); backdrop-filter: blur(10px); }
.profile-portrait figcaption strong, .profile-portrait figcaption span { display: block; }
.profile-portrait figcaption strong { font-size: 14px; line-height: 1.35; }
.profile-portrait figcaption span { margin-top: 4px; color: #c7deec; font-size: 12px; overflow-wrap: anywhere; }
.profile-content { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 20px; align-items: stretch; margin-top: 28px; }
.profile-story, .profile-contact-card, .profile-point, .profile-cost-benefit, .profile-expertise, .profile-projects, .profile-project-grid article { border: 1px solid #d9e6ef; border-radius: 8px; background: #fff; box-shadow: 0 14px 40px rgba(5,42,94,.06); }
.profile-story { padding: 26px; }
.profile-story h2, .profile-section-heading h2 { margin-bottom: 12px; color: var(--navy); font-size: clamp(26px, 2.7vw, 38px); line-height: 1.1; letter-spacing: -.02em; }
.profile-story p:last-child { margin-bottom: 0; color: var(--muted); line-height: 1.72; }
.profile-contact-card { padding: 24px; }
.profile-label { margin: 0 0 9px; color: var(--blue); font-size: 11px; font-weight: 900; letter-spacing: .15em; text-transform: uppercase; }
.profile-contact-list { display: grid; gap: 10px; margin: 16px 0 18px; }
.profile-contact-row { display: grid; grid-template-columns: 36px minmax(0, 1fr); gap: 6px; align-items: center; min-height: 58px; padding: 10px; border: 1px solid #d8e5ee; border-radius: 8px; color: var(--navy); background: linear-gradient(180deg, #fff, #f6fafc); }
.profile-contact-row i { position: relative; display: grid; place-items: center; width: 36px; height: 36px; border-radius: 8px; color: var(--blue); background: #e8f3ff; }
.profile-contact-row svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.profile-contact-row b { position: absolute; right: -4px; bottom: -5px; padding: 2px 4px; border: 2px solid #fff; border-radius: 999px; color: #fff; background: #128c4a; font-size: 8px; font-style: normal; line-height: 1; letter-spacing: 0; }
.profile-contact-row span, .profile-contact-row small { display: block; min-width: 0; }
.profile-contact-row span { color: var(--navy); font-size: 16px; font-weight: 900; line-height: 1.25; overflow-wrap: anywhere; }
.profile-contact-email { white-space: nowrap; overflow-wrap: normal; word-break: normal; font-size: clamp(11px, .95vw, 14px); letter-spacing: -.01em; }
.profile-contact-row small { margin-bottom: 4px; color: var(--muted); font-size: 10px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.profile-contact-whatsapp { color: #128c4a; background: #e8f8ef; }
.profile-contact-card p:last-child { margin-bottom: 0; color: var(--muted); font-size: 14px; line-height: 1.6; }
.profile-business { margin-top: 24px; }
.profile-section-heading { max-width: 760px; margin-bottom: 16px; }
.profile-section-heading h2 { margin-bottom: 0; }
.profile-card-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 14px; }
.profile-point { display: grid; grid-template-rows: 46px 104px 238px auto; min-height: 0; padding: 22px; }
.profile-point span { display: block; margin-bottom: 12px; color: var(--blue); font-size: 11px; font-weight: 900; letter-spacing: .15em; text-transform: uppercase; }
.profile-point strong { display: block; margin-bottom: 9px; color: var(--navy); font-size: 18px; line-height: 1.35; }
.profile-point p { margin-bottom: 0; color: var(--muted); font-size: 14px; line-height: 1.65; }
.profile-impact-list { margin-top: 0; padding-top: 14px; border-top: 1px solid #e4edf3; }
.profile-impact-list b { display: block; margin-bottom: 9px; color: var(--navy); font-size: 13px; line-height: 1.25; }
.profile-impact-list ul { display: grid; gap: 7px; margin: 0; padding: 0; list-style: none; }
.profile-impact-list li { position: relative; padding-left: 18px; color: #536779; font-size: 13px; line-height: 1.45; }
.profile-impact-list li::before { content: ""; position: absolute; left: 0; top: .62em; width: 6px; height: 6px; border-radius: 50%; background: var(--green); }
.profile-cost-benefit { margin-top: 24px; padding: 28px; }
.profile-cost-benefit .profile-section-heading { max-width: 900px; }
.profile-cost-benefit .profile-section-heading p:last-child { margin: 12px 0 0; color: var(--muted); font-size: 16px; line-height: 1.7; }
.profile-cost-layout { display: grid; grid-template-columns: 340px minmax(0, 1fr); gap: 18px; align-items: stretch; }
.profile-trust-panel { padding: 20px; border: 1px solid #d8e5ee; border-radius: 8px; background: linear-gradient(180deg, #f7fbff, #eef8f1); }
.profile-trust-panel strong { display: block; margin-bottom: 14px; color: var(--navy); font-size: 18px; line-height: 1.3; }
.profile-trust-panel ul { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.profile-trust-panel li { position: relative; padding-left: 18px; color: #536779; font-size: 14px; line-height: 1.55; }
.profile-trust-panel li::before { content: ""; position: absolute; left: 0; top: .7em; width: 6px; height: 6px; border-radius: 50%; background: var(--blue); }
.profile-cost-table { overflow: hidden; border: 1px solid #d8e5ee; border-radius: 8px; background: #fff; }
.profile-cost-row { display: grid; grid-template-columns: .82fr 1.18fr 1fr; min-height: 82px; border-top: 1px solid #e4edf3; }
.profile-cost-row:first-child { border-top: 0; }
.profile-cost-row span { display: flex; align-items: center; padding: 14px 16px; border-left: 1px solid #e4edf3; color: #536779; font-size: 14px; line-height: 1.5; }
.profile-cost-row span:first-child { border-left: 0; color: var(--navy); font-weight: 900; }
.profile-cost-head { min-height: 48px; background: #071a2f; }
.profile-cost-head span, .profile-cost-head span:first-child { color: #fff; font-size: 11px; font-weight: 900; letter-spacing: .12em; line-height: 1.3; text-transform: uppercase; }
.profile-cost-summary { margin: 18px 0 0; padding: 16px 18px; border-left: 4px solid var(--green); border-radius: 8px; color: #31495d; background: #f4faf5; font-size: 15px; font-weight: 800; line-height: 1.6; }
html[dir="rtl"] .profile-cost-summary { border-left: 0; border-right: 4px solid var(--green); }
html[dir="rtl"] .profile-cost-row span { border-left: 0; border-right: 1px solid #e4edf3; }
html[dir="rtl"] .profile-cost-row span:first-child { border-right: 0; }
.profile-expertise { margin-top: 20px; padding: 28px; }
.profile-skill-grid { display: flex; flex-wrap: wrap; gap: 10px; align-content: flex-start; }
.profile-skill-grid span { padding: 10px 13px; border: 1px solid #d3e1eb; border-radius: 999px; background: linear-gradient(180deg, #fff, #f2f8fb); color: var(--ink); font-size: 13px; font-weight: 850; }
.profile-projects { margin-top: 20px; padding: 28px; }
.profile-project-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 12px; }
.profile-project-grid article { display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 12px; align-items: center; min-height: 82px; padding: 15px; box-shadow: none; }
.profile-project-grid span { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 8px; color: #fff; background: linear-gradient(135deg, var(--blue), var(--green)); font-size: 12px; font-weight: 900; }
.profile-project-grid strong { color: var(--navy); font-size: 15px; line-height: 1.32; }

.section-heading { margin-bottom: 52px; }
.section-heading.split { display: grid; grid-template-columns: 1.25fr .75fr; align-items: end; gap: 80px; }
.section-heading.centered { max-width: 780px; margin-inline: auto; text-align: center; }
.section-heading.centered .eyebrow { justify-content: center; }
.section-heading h2 { margin-bottom: 0; font-size: clamp(34px, 4.4vw, 58px); line-height: 1.1; letter-spacing: -.04em; }
.section-heading > p, .section-heading.split > p { margin: 0; color: var(--muted); font-size: 17px; }
.section-heading.centered > p:last-child { margin-top: 20px; }

.roi-section { position: relative; background: radial-gradient(circle at 5% 12%, rgba(21,159,227,.12), transparent 20%), radial-gradient(circle at 96% 72%, rgba(49,183,42,.1), transparent 22%), linear-gradient(180deg,#f4f9fc,#eef7f3); }
.roi-calculator { display: grid; grid-template-columns: 1fr 1.65fr; border: 1px solid rgba(8,122,203,.24); border-top: 4px solid var(--blue); border-radius: var(--radius); background: white; box-shadow: 0 18px 60px rgba(5,42,94,.09); overflow: hidden; }
.calculator-input { padding: 28px 32px; border-right: 1px solid #e0e9f0; }
.calc-title { display: flex; align-items: center; justify-content: space-between; margin-bottom: 32px; }
.calc-title span { font-size: 18px; font-weight: 850; }
.calc-title small { padding: 5px 9px; border-radius: 20px; color: #6d7885; background: #eef3f6; font-size: 11px; text-transform: uppercase; letter-spacing: .08em; }
.calculator-input label { display: flex; align-items: center; justify-content: space-between; color: #5c6e80; font-size: 13px; font-weight: 700; }
.calculator-input output { color: var(--navy); font-size: 24px; font-weight: 900; }
input[type="range"] { width: 100%; height: 6px; margin: 25px 0 8px; appearance: none; border-radius: 10px; background: linear-gradient(90deg, var(--blue) 0 20.8%, #dce6ee 20.8%); }
input[type="range"]::-webkit-slider-thumb { width: 20px; height: 20px; appearance: none; border: 4px solid white; border-radius: 50%; background: var(--blue); box-shadow: 0 2px 8px rgba(14,121,232,.5); }
input[type="range"]::-moz-range-thumb { width: 14px; height: 14px; border: 4px solid white; border-radius: 50%; background: var(--blue); box-shadow: 0 2px 8px rgba(14,121,232,.5); }
.range-labels { display: flex; justify-content: space-between; color: #9aa8b5; font-size: 10px; }
.calculator-results { display: grid; grid-template-columns: repeat(3,1fr); align-items: center; }
.calculator-results article { padding: 20px 28px; border-right: 1px solid #e5edf2; }
.calculator-results article:last-child { border: 0; }
.calculator-results span, .calculator-results strong, .calculator-results small { display: block; }
.calculator-results span { min-height: 38px; color: #5f7285; font-size: 13px; }
.calculator-results strong { color: var(--blue); font-size: 32px; line-height: 1.2; }
.calculator-results article:nth-child(2) strong { color: var(--green); }
.calculator-results article:nth-child(3) strong { color: var(--orange); }
.calculator-results small { color: #82929f; font-size: 12px; }
.projection-note { margin: 14px 0 25px; color: #6f7f8c; font-size: 12px; text-align: right; }
.kpi-grid { display: grid; grid-template-columns: repeat(6,1fr); gap: 12px; margin-bottom: 12px; }
.kpi-grid article { display: grid; grid-template-columns: auto 1fr; gap: 12px; padding: 18px; border: 1px solid #d8e7ef; border-top: 3px solid var(--blue); border-radius: 15px; background: white; box-shadow: 0 8px 24px rgba(5,42,94,.05); }
.kpi-grid article:nth-child(2), .kpi-grid article:nth-child(4) { border-top-color: var(--green); }
.kpi-grid article:nth-child(3) { border-top-color: var(--orange); }
.kpi-grid article:nth-child(5) { border-top-color: var(--navy); }
.kpi-grid article:nth-child(6) { border-top-color: var(--teal); }
.metric-icon { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 9px; color: var(--blue); background: #e9f4ff; font-style: normal; font-weight: 900; }
.metric-icon.green { color: var(--green); background: #eaf9f1; }
.metric-icon.orange { color: var(--orange); background: #fff2e7; }
.metric-icon.teal { color: var(--teal); background: #e6f8f8; }
.metric-icon.navy { color: var(--navy); background: #e9eef3; }
.kpi-grid span, .kpi-grid strong { display: block; }
.kpi-grid span { color: #687989; font-size: 12px; }
.kpi-grid strong { font-size: 20px; line-height: 1.3; }
.kpi-grid small { grid-column: 2; color: #7f8f9c; font-size: 11px; }
.kpi-grid small.up { color: var(--green); font-weight: 800; }
.cost-benefit { margin-top: 46px; padding: clamp(24px,4vw,42px); border: 1px solid rgba(8,122,203,.2); border-radius: 22px; background: #fff; box-shadow: 0 18px 55px rgba(5,42,94,.08); }
.cost-benefit-head { display: grid; grid-template-columns: 1.15fr .85fr; gap: 50px; align-items: end; margin-bottom: 28px; }
.cost-benefit-head .eyebrow { margin-bottom: 10px; }
.cost-benefit-head h3 { margin: 0; font-size: clamp(26px,3vw,38px); line-height: 1.15; letter-spacing: -.035em; }
.cost-benefit-head > p { margin: 0; color: var(--muted); font-size: 14px; }
.cost-benefit-layout { display: grid; grid-template-columns: minmax(260px,.7fr) minmax(0,1.3fr); gap: 20px; }
.cost-assumptions { padding: 24px; border-radius: 16px; background: linear-gradient(145deg,#071f3a,#0b3768); color: #fff; }
.cost-assumptions-head { display: flex; gap: 14px; align-items: flex-start; justify-content: space-between; margin-bottom: 8px; }
.cost-assumptions h4 { margin: 0; font-size: 18px; }
.cost-assumptions .currency-field { display: block; padding: 0; border: 0; color: #afc5d8; font-size: 9px; }
.currency-field span { display: block; margin-bottom: 4px; text-transform: uppercase; letter-spacing: .08em; }
.currency-field select { min-width: 105px; min-height: 36px; padding: 7px 28px 7px 10px; border: 1px solid rgba(255,255,255,.25); border-radius: 9px; color: var(--navy); background: #fff; font: inherit; font-size: 12px; font-weight: 800; cursor: pointer; }
.cost-assumptions label { display: grid; grid-template-columns: minmax(0,1fr) 118px; gap: 12px; align-items: center; padding: 12px 0; border-bottom: 1px solid rgba(255,255,255,.12); color: #dce9f4; font-size: 12px; font-weight: 750; }
.money-input { position: relative; display: block; }
.money-input b { position: absolute; z-index: 1; left: 11px; top: 50%; color: #557085; transform: translateY(-50%); }
.cost-assumptions input:not([type="range"]) { min-height: 40px; margin: 0; padding-left: 27px; border: 0; background: #fff; }
.cost-assumptions > small { display: block; margin-top: 16px; color: #afc5d8; font-size: 10px; line-height: 1.5; }
.cost-benefit-results { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; }
.cost-benefit-results article { padding: 18px; border: 1px solid #dce8ef; border-radius: 14px; background: #f9fcfd; }
.cost-benefit-results article.featured { border-color: rgba(49,183,42,.35); background: #effaf1; }
.cost-benefit-results article.featured.negative { border-color: rgba(216,56,56,.28); background: #fff3f3; }
.cost-benefit-results span,.cost-benefit-results strong,.cost-benefit-results small { display: block; }
.cost-benefit-results span { min-height: 34px; color: #627687; font-size: 11px; font-weight: 750; }
.cost-benefit-results strong { margin: 4px 0; color: var(--navy); font-size: clamp(20px,2vw,27px); line-height: 1.2; }
.cost-benefit-results .featured strong { color: #19833d; }
.cost-benefit-results .featured.negative strong { color: #b52c2c; }
.cost-benefit-results small { color: #8796a2; font-size: 10px; }
.cost-benefit-note { margin: 18px 0 0; color: #71828f; font-size: 11px; }
.analytics-grid { display: grid; grid-template-columns: repeat(12,1fr); gap: 12px; }
.analytics-card { min-height: 310px; padding: 24px; border: 1px solid #e0e8ee; border-radius: 18px; background: white; box-shadow: 0 10px 28px rgba(7,26,47,.04); }
.analytics-card { grid-column: span 6; }
.analytics-head { display: flex; justify-content: space-between; align-items: flex-start; min-height: 45px; }
.analytics-head span, .analytics-head small { display: block; }
.analytics-head span { font-size: 14px; font-weight: 850; }
.analytics-head small { color: #7c8b97; font-size: 11px; }
.analytics-head > b { padding: 5px 9px; border-radius: 8px; color: var(--green); background: #e9f8f0; font-size: 12px; }
.analytics-head > i { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 8px; color: var(--green); background: #e9f8f0; font-style: normal; font-weight: 900; }
.bar-group { display: grid; gap: 13px; margin-top: 10px; }
.bar-group label { display: flex; justify-content: space-between; color: #526575; font-size: 11px; }
.bar-group b { color: var(--ink); }
.bars { height: 12px; display: flex; flex-direction: column; gap: 3px; }
.bars i { width: var(--w); height: 4px; border-radius: 4px; background: #cbd6df; }
.bars i.after { background: linear-gradient(90deg,var(--blue),var(--green)); }
.legend { display: flex; gap: 20px; margin-top: 14px; color: #6f7f8d; font-size: 10px; }
.legend span { display: flex; align-items: center; gap: 5px; }
.legend i { width: 8px; height: 8px; border-radius: 2px; background: #cbd6df; }
.legend i.after { background: var(--blue); }
.trend-card svg { height: 185px; }
.chart-grid { fill: none; stroke: #edf1f4; }
.trend-area { fill: url(#trendArea); }
.trend-line { fill: none; stroke: var(--green); stroke-width: 4; }
.trend-card svg circle { fill: white; stroke: var(--green); stroke-width: 3; }
.donut-layout { display: grid; grid-template-columns: 1fr .8fr; align-items: center; gap: 20px; margin-top: 30px; }
.donut { position: relative; width: 150px; max-width: 100%; aspect-ratio: 1; border-radius: 50%; background: conic-gradient(var(--blue) 0 32%, var(--green) 32% 59%, var(--orange) 59% 81%, #70cfe5 81%); }
.donut::after { content: ""; position: absolute; inset: 22px; border-radius: 50%; background: white; }
.donut > div { position: absolute; inset: 0; z-index: 1; display: grid; place-content: center; text-align: center; }
.donut strong, .donut span { display: block; }
.donut strong { font-size: 26px; line-height: 1; }
.donut span { color: #758691; font-size: 10px; }
.donut-card ul { margin: 0; padding: 0; list-style: none; }
.donut-card li { display: grid; grid-template-columns: auto 1fr auto; gap: 7px; align-items: center; margin: 12px 0; color: #657786; font-size: 11px; }
.donut-card li i { width: 7px; height: 7px; border-radius: 2px; background: var(--blue); }
.donut-card li .d2 { background: var(--green); }.donut-card li .d3 { background: var(--orange); }.donut-card li .d4 { background: #70cfe5; }
.donut-card li b { color: var(--ink); }
.funnel { display: flex; flex-direction: column; align-items: center; gap: 5px; margin-top: 15px; }
.funnel > div { display: flex; justify-content: space-between; width: var(--w); min-width: 42%; padding: 7px 12px; border-radius: 5px; color: white; background: linear-gradient(90deg,#0c73da,#20a979); font-size: 10px; }
.funnel > div:nth-child(2) { opacity: .9; }.funnel > div:nth-child(3) { opacity: .8; }.funnel > div:nth-child(4) { opacity: .7; }.funnel > div:nth-child(5) { opacity: .62; }
.bubble-plot { position: relative; height: 205px; margin: 14px 0 0 24px; border-left: 1px solid #ccd8e1; border-bottom: 1px solid #ccd8e1; background-image: linear-gradient(#edf2f5 1px, transparent 1px), linear-gradient(90deg,#edf2f5 1px,transparent 1px); background-size: 25% 25%; }
.bubble-plot > i { position: absolute; left: var(--x); bottom: var(--y); display: grid; place-items: center; width: var(--s); height: var(--s); transform: translate(-50%,50%); border: 1px solid rgba(14,121,232,.5); border-radius: 50%; color: #0c68bd; background: rgba(41,154,255,.22); font-style: normal; }
.bubble-plot > i:nth-of-type(4), .bubble-plot > i:nth-of-type(5) { color: #087445; border-color: rgba(24,167,104,.5); background: rgba(24,167,104,.2); }
.bubble-plot b { font-size: 7px; }
.axis-y { position: absolute; left: -26px; bottom: 50%; color: #8b99a5; font-size: 7px; writing-mode: vertical-rl; transform: rotate(180deg); }
.axis-x { position: absolute; bottom: -21px; right: 0; color: #8b99a5; font-size: 7px; }
.impact-label { position: absolute; right: 5px; top: 4px; color: var(--green); font-size: 8px; font-weight: 800; }
.progress-list { display: grid; gap: 15px; margin-top: 15px; }
.progress-list label { display: flex; justify-content: space-between; margin-bottom: 5px; color: #586d7c; font-size: 11px; }
.progress-list label b { color: var(--ink); }
.progress-list > div > i { display: block; height: 5px; overflow: hidden; border-radius: 4px; background: #e6edf2; }
.progress-list em { display: block; width: var(--w); height: 100%; border-radius: 4px; background: linear-gradient(90deg,var(--blue),var(--green)); }
.manual-reduction { display: flex; gap: 12px; align-items: center; margin-top: 24px; padding: 13px; border-radius: 10px; background: #edf9f3; }
.manual-reduction > i { color: var(--green); font-size: 21px; font-style: normal; font-weight: 900; }
.manual-reduction strong, .manual-reduction span { display: block; }
.manual-reduction strong { font-size: 12px; }.manual-reduction span { color: #64796b; font-size: 10px; }

.difference-section { background: radial-gradient(circle at 10% 75%,rgba(49,183,42,.07),transparent 22%),radial-gradient(circle at 90% 20%,rgba(8,122,203,.08),transparent 24%),white; }
.platform-overview { position: relative; background: radial-gradient(circle at 8% 72%,rgba(49,183,42,.08),transparent 24%),radial-gradient(circle at 92% 12%,rgba(8,122,203,.1),transparent 25%),#fff; }
.anchor-alias { position: absolute; top: 0; }
.platform-gallery { display: grid; grid-template-columns: 1.35fr .65fr; grid-template-rows: repeat(2,210px); gap: 14px; margin-bottom: 18px; }
.platform-gallery figure { position: relative; min-width: 0; margin: 0; overflow: hidden; border-radius: 20px; background: #dce9f0; box-shadow: 0 18px 45px rgba(5,42,94,.12); }
.platform-gallery-main { grid-row: 1 / 3; }
.platform-gallery img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
.platform-gallery figure:hover img { transform: scale(1.025); }
.platform-gallery figcaption { position: absolute; inset: auto 0 0; padding: 44px 22px 18px; color: #fff; background: linear-gradient(transparent,rgba(3,24,49,.86)); }
.platform-gallery figcaption strong,.platform-gallery figcaption span { display: block; }
.platform-gallery figcaption strong { font-size: 17px; }.platform-gallery figcaption span { margin-top: 3px; color: #d8e7f3; font-size: 12px; }
.roadmap-highlight { display: grid; grid-template-columns: auto minmax(0,1fr) auto; gap: 20px; align-items: center; margin: 0 0 28px; padding: 22px 24px; overflow: hidden; border: 1px solid rgba(8,122,203,.2); border-radius: 18px; background: linear-gradient(110deg,#edf7ff,#f1fbf3 72%,#fff8ef); box-shadow: 0 12px 32px rgba(5,42,94,.07); }
.roadmap-icon { position: relative; display: flex; align-items: center; gap: 4px; width: 58px; height: 58px; padding: 12px; border-radius: 16px; color: #fff; background: linear-gradient(145deg,var(--blue),var(--green)); }
.roadmap-icon span { width: 7px; border-radius: 5px; background: rgba(255,255,255,.9); }.roadmap-icon span:nth-child(1) { height: 12px; }.roadmap-icon span:nth-child(2) { height: 22px; }.roadmap-icon span:nth-child(3) { height: 32px; }
.roadmap-icon i { position: absolute; right: 7px; top: 4px; font-size: 16px; font-style: normal; font-weight: 900; transform: rotate(-35deg); }
.roadmap-label { margin: 0 0 4px; color: var(--blue); font-size: 10px; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }
.roadmap-highlight h3 { margin: 0 0 5px; font-size: 21px; }.roadmap-highlight div > p:last-child { max-width: 760px; margin: 0; color: var(--muted); font-size: 13px; line-height: 1.55; }
.roadmap-status { display: inline-flex; align-items: center; gap: 7px; padding: 9px 12px; border: 1px solid rgba(49,183,42,.25); border-radius: 99px; color: #177b2a; background: rgba(255,255,255,.72); font-size: 11px; font-weight: 850; white-space: nowrap; }
.roadmap-status i { width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 4px rgba(49,183,42,.12); }
.platform-modules { display: grid; grid-template-columns: repeat(4,1fr); gap: 14px; }
.platform-module { position: relative; min-height: 220px; padding: 24px 22px; overflow: hidden; border: 1px solid #dbe7ee; border-radius: 18px; background: #fbfdfe; transition: transform .25s,box-shadow .25s,border-color .25s; }
.platform-module::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 4px; background: var(--blue); }
.platform-module:nth-child(2n)::after { background: var(--green); }.platform-module:nth-child(3n)::after { background: var(--orange); }
.platform-module:hover { transform: translateY(-5px); border-color: #bed9e8; box-shadow: 0 18px 42px rgba(5,42,94,.1); }
.platform-module h3 { margin: 9px 0 9px; font-size: 20px; line-height: 1.25; }
.platform-module p { margin: 0 0 18px; color: var(--muted); font-size: 13px; line-height: 1.6; }
.platform-module small { position: absolute; left: 22px; right: 22px; bottom: 20px; color: #5d7c91; font-size: 10px; font-weight: 800; }
.difference-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
.difference-feature { padding: 18px 18px 28px; border: 1px solid #dbe7ee; border-bottom: 4px solid var(--blue); border-radius: 20px; background: #fbfdfe; transition: transform .25s, box-shadow .25s; }
.difference-feature:nth-child(2) { border-bottom-color: var(--green); }
.difference-feature:nth-child(3) { border-bottom-color: var(--orange); }
.difference-feature:nth-child(4) { border-bottom-color: var(--green); }
.difference-feature:nth-child(5) { border-bottom-color: var(--navy); }
.difference-feature:nth-child(6) { border-bottom-color: var(--teal); }
.difference-feature:nth-child(7) { border-bottom-color: var(--blue); }
.difference-feature:nth-child(8) { border-bottom-color: var(--green); }
.difference-feature:nth-child(9) { border-bottom-color: var(--orange); }
.difference-feature:nth-child(10) { border-bottom-color: var(--teal); }
.difference-feature:hover { transform: translateY(-6px); box-shadow: var(--shadow); }
.feature-visual { position: relative; height: 250px; margin-bottom: 26px; overflow: hidden; border-radius: 14px; background: linear-gradient(145deg,#eaf5ff,#f3fbf7); }
.number { color: var(--blue); font-size: 10px; font-weight: 900; letter-spacing: .15em; }
.difference-feature h3 { margin: 8px 0 10px; font-size: 22px; }
.difference-feature p { margin: 0; color: var(--muted); font-size: 14px; }
.security-mini-visual .configure-window span i { width: 24px; }
.connected-visual .core-node { position: absolute; left: 50%; top: 50%; z-index: 2; display: grid; place-items: center; width: 85px; height: 85px; transform: translate(-50%,-50%); border-radius: 50%; color: white; background: linear-gradient(145deg,var(--blue),var(--green)); box-shadow: 0 12px 35px rgba(14,121,232,.3); }
.core-node b { font-size: 27px; line-height: 1; }.core-node span { font-size: 8px; }
.connected-visual .node { position: absolute; z-index: 2; padding: 8px 12px; border: 1px solid #d9e6ef; border-radius: 8px; color: #536879; background: white; box-shadow: 0 6px 18px rgba(7,26,47,.08); font-size: 8px; font-style: normal; font-weight: 800; }
.connected-visual .n1 { left: 15px; top: 30px; }.connected-visual .n2 { right: 20px; top: 32px; }.connected-visual .n3 { left: 13px; bottom: 29px; }.connected-visual .n4 { right: 17px; bottom: 31px; }
.connected-visual svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.connected-visual svg path { fill: none; stroke: #72b9e9; stroke-width: 1.5; stroke-dasharray: 5 5; }
.workflow-visual { padding: 36px 35px; }
.workflow-visual > div { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 9px; padding: 11px; border: 1px solid #dce6ed; border-radius: 9px; background: white; box-shadow: 0 6px 15px rgba(7,26,47,.05); }
.workflow-visual div i { display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; color: white; background: var(--blue); font-size: 8px; font-style: normal; font-weight: 900; }
.workflow-visual div:nth-of-type(2) i { background: var(--orange); }.workflow-visual div:nth-of-type(3) i { background: var(--green); }
.workflow-visual div span { font-size: 8px; font-weight: 800; }.workflow-visual div b { color: var(--green); font-size: 7px; }
.workflow-visual em { display: block; width: 1px; height: 16px; margin: 0 0 0 22px; border-left: 1px dashed #9db3c5; }
.control-visual { display: flex; align-items: center; justify-content: center; gap: 30px; }
.shield { display: grid; place-items: center; width: 100px; height: 115px; color: white; background: linear-gradient(145deg,var(--blue),var(--navy)); clip-path: polygon(50% 0,95% 15%,89% 72%,50% 100%,11% 72%,5% 15%); font-size: 37px; font-weight: 900; filter: drop-shadow(0 15px 16px rgba(7,26,47,.22)); }
.control-lines { display: grid; gap: 12px; }.control-lines span { display: flex; align-items: center; gap: 7px; color: #5a6d7e; font-size: 8px; font-weight: 750; }.control-lines i { width: 6px; height: 6px; border-radius: 50%; background: var(--green); }
.configure-visual { display: grid; place-content: center; padding: 30px; background: linear-gradient(145deg,#edf8f1,#edf6fc); }
.configure-window { width: min(300px,100%); overflow: hidden; border: 1px solid #d5e4ec; border-radius: 12px; background: white; box-shadow: 0 14px 30px rgba(5,42,94,.1); }
.configure-window span { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 9px; padding: 13px; border-bottom: 1px solid #e7eef2; color: #476176; font-size: 8px; font-weight: 750; }
.configure-window span:last-child { border-bottom: 0; }
.configure-window i { color: #a4b2bd; font-style: normal; letter-spacing: -2px; }
.configure-window b { padding: 3px 6px; border-radius: 5px; color: var(--green); background: #eaf8ee; font-size: 6px; }
.configure-visual > em { margin-top: 13px; color: var(--blue); font-size: 8px; font-style: normal; font-weight: 850; text-align: center; text-transform: uppercase; letter-spacing: .1em; }
.visibility-visual { display: grid; grid-template-columns: repeat(3,1fr); align-content: start; gap: 8px; padding: 34px 22px; background: linear-gradient(145deg,#eaf5ff,#f1fbf5); }
.visibility-kpi { position: relative; z-index: 2; padding: 12px; border: 1px solid #dae7ee; border-radius: 10px; background: white; box-shadow: 0 8px 20px rgba(5,42,94,.07); }
.visibility-kpi small,.visibility-kpi strong { display: block; }.visibility-kpi small { color: #7d8e9b; font-size: 6px; }.visibility-kpi strong { font-size: 17px; }
.visibility-kpi i { display: block; width: 70%; height: 3px; margin-top: 8px; border-radius: 3px; background: var(--green); }
.visibility-kpi:nth-child(2) i { width: 64%; background: var(--blue); }.visibility-kpi:nth-child(3) i { width: 80%; background: var(--orange); }
.visibility-visual svg { grid-column: 1/-1; width: 100%; height: 85px; margin-top: 8px; overflow: visible; }
.visibility-visual svg path { fill: none; stroke: var(--blue); stroke-width: 4; stroke-linecap: round; filter: drop-shadow(0 5px 5px rgba(8,122,203,.18)); }
.communication-visual { display: grid; place-content: center; padding: 30px; background: linear-gradient(145deg,#fff5eb,#eef8f2); }
.portal-card { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 10px; min-width: 285px; padding: 14px; border: 1px solid #dbe6ec; border-radius: 11px; background: white; box-shadow: 0 10px 25px rgba(5,42,94,.08); }
.portal-card > i { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 9px; color: white; background: var(--blue); font-size: 10px; font-style: normal; font-weight: 900; }
.tutor-card > i { background: var(--green); }
.portal-card strong,.portal-card small { display: block; }.portal-card strong { color: var(--ink); font-size: 9px; }.portal-card small { color: #8594a0; font-size: 7px; }.portal-card > b { color: var(--green); font-size: 7px; }
.message-line { display: flex; flex-direction: column; gap: 4px; width: 30px; padding: 7px 0; margin: auto; }
.message-line span { height: 2px; border-radius: 2px; background: var(--orange); }.message-line span:nth-child(2) { width: 65%; margin-left: auto; }
.commercial-strip { display: grid; grid-template-columns: repeat(3,1fr); margin-top: 18px; overflow: hidden; border: 1px solid #d9e6ed; border-radius: 18px; background: linear-gradient(115deg,#f1f8fd,#eff9f1); }
.commercial-strip > div { display: flex; gap: 14px; padding: 24px; border-right: 1px solid #d9e6ed; }
.commercial-strip > div:last-child { border-right: 0; }
.commercial-strip i { display: grid; place-items: center; width: 32px; height: 32px; flex: none; border-radius: 9px; color: white; background: var(--blue); font-size: 8px; font-style: normal; font-weight: 900; }
.commercial-strip > div:nth-child(2) i { background: var(--green); }.commercial-strip > div:nth-child(3) i { background: var(--orange); }
.commercial-strip strong,.commercial-strip span { display: block; }.commercial-strip strong { margin-bottom: 3px; color: var(--ink); font-size: 11px; }.commercial-strip span { color: #687c8d; font-size: 9px; }

.modules-section { color: white; background: radial-gradient(circle at 90% 10%,rgba(21,159,227,.28),transparent 24%),radial-gradient(circle at 6% 85%,rgba(49,183,42,.18),transparent 26%),linear-gradient(135deg,#031b3e,#063266 62%,#062a50); }
.modules-section .section-heading > p { color: #9eb3c5; }
.module-tabs { display: flex; gap: 8px; padding: 6px; border: 1px solid rgba(255,255,255,.1); border-radius: 14px; background: rgba(255,255,255,.04); }
.module-tabs button { flex: 1; min-height: 54px; border: 0; border-radius: 9px; color: #b4c7d6; background: transparent; font-size: 15px; font-weight: 800; }
.module-tabs button[aria-selected="true"] { color: white; background: linear-gradient(135deg,#087acb,#159fe3 72%,#31b72a); box-shadow: 0 8px 20px rgba(0,0,0,.2); }
.module-panels { margin-top: 18px; }
.module-panel { display: grid; grid-template-columns: repeat(2,1fr); gap: 12px; }
.module-panel[hidden] { display: none; }
.module-panel article { display: flex; gap: 18px; min-height: 185px; padding: 28px; border: 1px solid rgba(255,255,255,.14); border-radius: 16px; background: rgba(255,255,255,.055); transition: background .2s, transform .2s, border-color .2s; }
.module-panel article:hover { transform: translateY(-3px); border-color: rgba(78,185,255,.38); background: rgba(255,255,255,.075); }
.module-panel article > i { display: grid; place-items: center; width: 46px; height: 46px; flex: none; border-radius: 12px; color: #64c5ff; background: rgba(34,148,231,.14); font-size: 20px; font-style: normal; font-weight: 900; }
.module-panel h3 { margin-bottom: 7px; font-size: 21px; }.module-panel p { margin-bottom: 18px; color: #b1c2d0; font-size: 15px; line-height: 1.6; }
.module-panel div > span { display: inline-block; margin: 0 5px 5px 0; padding: 5px 9px; border: 1px solid rgba(255,255,255,.15); border-radius: 20px; color: #b9cad7; font-size: 11px; }

.pricing-section { background: radial-gradient(circle at 5% 15%,rgba(49,183,42,.1),transparent 22%),radial-gradient(circle at 95% 80%,rgba(8,122,203,.1),transparent 25%),#f5fafc; }
.plan-builder { display: grid; grid-template-columns: minmax(0,1fr) 340px; align-items: start; overflow: hidden; border: 1px solid #d7e5ed; border-radius: 24px; background: white; box-shadow: 0 28px 80px rgba(5,42,94,.1); }
.plan-options { padding: 32px; }
.builder-heading { display: flex; align-items: center; justify-content: space-between; margin-bottom: 22px; }
.builder-heading > div { display: flex; align-items: center; gap: 12px; }
.builder-heading > div > span,.builder-choices legend > span { display: inline-grid; place-items: center; width: 30px; height: 30px; border-radius: 9px; color: white; background: var(--blue); font-size: 10px; font-weight: 900; }
.builder-heading p { margin: 0; }.builder-heading strong,.builder-heading small { display: block; }.builder-heading strong { font-size: 18px; }.builder-heading small { color: #687b8a; font-size: 12px; font-weight: 500; }
.builder-heading button { border: 0; color: var(--blue); background: transparent; font-size: 12px; font-weight: 850; }
.module-selector { display: grid; grid-template-columns: repeat(2,1fr); gap: 9px; }
.module-selector label { position: relative; }
.module-selector input { position: absolute; opacity: 0; }
.module-selector label > span { display: grid; grid-template-columns: auto 1fr auto; grid-template-rows: auto auto; column-gap: 13px; min-height: 108px; padding: 17px; border: 1px solid #d4e1e9; border-radius: 12px; color: var(--ink); background: #fbfdfe; cursor: pointer; transition: border-color .2s, background .2s, transform .2s; }
.module-selector label > span > i { grid-row: span 2; display: grid; place-items: center; width: 40px; height: 40px; border-radius: 11px; color: var(--blue); background: #e8f4fd; font-size: 15px; font-style: normal; font-weight: 900; }
.module-selector label > span > b { font-size: 14px; }.module-selector label > span > small { color: #687b89; font-size: 11px; line-height: 1.5; }
.module-selector label > span > em { grid-row: span 2; align-self: center; padding: 5px 8px; border-radius: 15px; color: #657886; background: #edf2f5; font-size: 10px; font-style: normal; font-weight: 850; }
.module-selector input:checked + span { border-color: var(--green); background: #f0faef; transform: translateY(-1px); }
.module-selector input:checked + span > i { color: white; background: var(--green); }
.module-selector input:checked + span > em { color: white; background: var(--green); }.module-selector input:checked + span > em::before { content: "✓ "; }
.module-selector input:focus-visible + span,.choice-pills input:focus-visible + span { outline: 3px solid #53b9ff; outline-offset: 2px; }
.builder-choices { display: grid; grid-template-columns: .8fr 1.2fr; gap: 24px; margin-top: 27px; padding-top: 25px; border-top: 1px solid #e2eaf0; }
.builder-choices fieldset { margin: 0; }
.builder-choices legend { display: flex; align-items: center; gap: 9px; margin-bottom: 12px; color: var(--ink); font-size: 14px; font-weight: 850; }
.builder-choices legend > span { width: 26px; height: 26px; background: var(--green); }
.choice-pills { display: flex; flex-wrap: wrap; gap: 6px; }
.choice-pills label { position: relative; }
.choice-pills input { position: absolute; opacity: 0; }
.choice-pills label > span { display: block; padding: 10px 12px; border: 1px solid #d3e0e8; border-radius: 8px; color: #566d7e; background: #fbfdfe; cursor: pointer; font-size: 12px; font-weight: 800; }
.choice-pills input:checked + span { color: white; border-color: var(--blue); background: var(--blue); }
.plan-summary { position: relative; align-self: stretch; padding: 34px 28px; color: white; background: radial-gradient(circle at 100% 0,rgba(49,183,42,.25),transparent 28%),linear-gradient(145deg,#03295a,#075a9f); }
.summary-kicker { margin-bottom: 5px; color: #79d4ff; font-size: 11px; font-weight: 900; text-transform: uppercase; letter-spacing: .15em; }
.plan-summary h3 { margin-bottom: 25px; font-size: 22px; line-height: 1.25; }
.summary-count { display: flex; align-items: center; gap: 12px; padding-bottom: 22px; border-bottom: 1px solid rgba(255,255,255,.14); }
.summary-count strong { font-size: 52px; line-height: 1; }.summary-count span { color: #c0d2df; font-size: 12px; line-height: 1.35; }
.summary-details { display: grid; grid-template-columns: repeat(2,1fr); gap: 8px; margin: 18px 0; }
.summary-details div { padding: 10px; border-radius: 9px; background: rgba(255,255,255,.07); }
.summary-details span,.summary-details b { display: block; }.summary-details span { color: #a7bed0; font-size: 10px; }.summary-details b { font-size: 12px; }
.plan-summary ul { min-height: 80px; margin: 0 0 18px; padding-left: 18px; color: #d2dfe8; font-size: 12px; }
.plan-summary li { margin: 5px 0; }
.no-upfront { display: flex; gap: 10px; align-items: center; padding: 12px; border: 1px solid rgba(104,220,85,.25); border-radius: 10px; background: rgba(49,183,42,.13); }
.no-upfront > i { display: grid; place-items: center; width: 27px; height: 27px; flex: none; border-radius: 50%; color: #0d5f28; background: #74df62; font-size: 9px; font-style: normal; font-weight: 900; }
.no-upfront strong,.no-upfront span { display: block; }.no-upfront strong { color: white; font-size: 12px; }.no-upfront span { color: #c8ddce; font-size: 10px; }
.plan-summary .button { width: 100%; margin: 20px 0 10px; border-color: #58ce47; background: linear-gradient(135deg,#39b934,#219b3a); }
.plan-summary > small { display: block; color: #a8bdcd; font-size: 10px; text-align: center; }

.workflow-section { background: linear-gradient(180deg,#f9fcfe,#eef8f1); }
.journey { position: relative; display: grid; grid-template-columns: repeat(5,1fr); gap: 16px; }
.journey-line { position: absolute; left: 10%; right: 10%; top: 55px; height: 2px; background: #d7e2ea; }
.journey-line i { display: block; width: 78%; height: 100%; background: linear-gradient(90deg,var(--blue),var(--green)); }
.journey article { position: relative; z-index: 1; padding: 0 15px; text-align: center; }
.journey article > span { color: #9aa8b4; font-size: 9px; font-weight: 900; }
.journey article > i { display: grid; place-items: center; width: 64px; height: 64px; margin: 13px auto 22px; border: 6px solid #f7fafc; border-radius: 50%; color: var(--blue); background: white; box-shadow: 0 6px 20px rgba(7,26,47,.12); font-size: 20px; font-style: normal; font-weight: 900; }
.journey article:nth-of-type(5) > i { color: white; background: var(--green); }
.journey h3 { margin-bottom: 8px; font-size: 19px; }.journey p { color: var(--muted); font-size: 14px; }

.deployment-section { background: white; }
.deployment-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px,1fr)); gap: 15px; }
.deployment-card { position: relative; padding: 30px; overflow: hidden; border: 1px solid #d9e5ec; border-radius: 19px; background: linear-gradient(145deg,#fff,#f7fafc); box-shadow: 0 12px 35px rgba(5,42,94,.06); }
.deployment-card::after { content: ""; position: absolute; inset: auto 0 0; height: 4px; background: var(--blue); }
.deployment-card.featured::after { background: var(--green); }.deployment-card:nth-child(3)::after { background: var(--orange); }.deployment-card:nth-child(4)::after { background: var(--blue2); }
.deployment-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 25px; }
.deployment-top i { display: grid; place-items: center; width: 45px; height: 45px; border-radius: 13px; color: var(--blue); background: #e9f5fd; font-size: 17px; font-style: normal; }
.deployment-card.featured .deployment-top i { color: var(--green); background: #ebf9e9; }.deployment-card:nth-child(3) .deployment-top i { color: var(--orange); background: #fff3e8; }.deployment-card:nth-child(4) .deployment-top i { color: var(--blue2); background: #e7f7fd; }
.deployment-top span { padding: 5px 8px; border-radius: 20px; color: var(--green); background: #eaf8e9; font-size: 10px; font-weight: 900; text-transform: uppercase; letter-spacing: .08em; }
.deployment-card h3 { margin-bottom: 10px; font-size: 23px; }.deployment-card > p { min-height: 78px; color: var(--muted); font-size: 14px; line-height: 1.65; }
.deployment-card ul { margin: 20px 0 0; padding: 17px 0 0; border-top: 1px solid #e1e8ed; list-style: none; }
.deployment-card li { position: relative; margin: 10px 0; padding-left: 20px; color: #53697b; font-size: 12px; font-weight: 700; }
.deployment-card li::before { content: "✓"; position: absolute; left: 0; color: var(--green); font-weight: 900; }
.deployment-note { margin: 18px 0 0; color: #6f7f8c; font-size: 12px; text-align: center; }

.integration-section { background: radial-gradient(circle at 8% 18%,rgba(8,122,203,.09),transparent 22%),radial-gradient(circle at 92% 78%,rgba(49,183,42,.08),transparent 20%),linear-gradient(180deg,#f8fbfd,#eef6fb); }
.integration-section .section-heading > p { color: var(--muted); }
.integration-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 18px; }
.integration-feature { position: relative; min-height: 300px; padding: 24px 22px; overflow: hidden; border: 1px solid #d9e6ee; border-bottom: 4px solid var(--blue); border-radius: 20px; background: white; box-shadow: 0 14px 40px rgba(7,26,47,.06); }
.integration-feature:nth-child(2) { border-bottom-color: var(--green); }
.integration-feature:nth-child(3) { border-bottom-color: var(--orange); }
.integration-feature:nth-child(4) { border-bottom-color: var(--teal); }
.integration-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 34px; }
.integration-top > i { display: grid; place-items: center; width: 48px; height: 48px; border: 1px solid rgba(109,205,255,.28); border-radius: 14px; color: #0b79c5; background: rgba(20,146,224,.12); font-size: 17px; font-style: normal; font-weight: 900; }
.integration-feature:nth-child(2) .integration-top > i { color: #35ad2d; border-color: rgba(118,223,103,.26); background: rgba(49,183,42,.12); }
.integration-feature:nth-child(3) .integration-top > i { color: #ff8b21; border-color: rgba(255,173,97,.26); background: rgba(255,139,33,.12); }
.integration-feature:nth-child(4) .integration-top > i { color: #13a6a6; border-color: rgba(107,214,208,.26); background: rgba(19,166,166,.12); }
.integration-top > span { display: flex; align-items: center; gap: 6px; padding: 5px 8px; border-radius: 20px; color: #68859d; background: rgba(7,26,47,.05); font-size: 10px; font-weight: 850; text-transform: uppercase; letter-spacing: .06em; }
.integration-top > span b { width: 5px; height: 5px; border-radius: 50%; background: currentColor; box-shadow: 0 0 0 4px rgba(0,0,0,.05); }
.integration-feature > small { color: #7a93a8; font-size: 10px; font-weight: 900; letter-spacing: .13em; }
.integration-feature h3 { margin: 8px 0 11px; color: var(--ink); font-size: 20px; line-height: 1.2; }
.integration-feature > p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.65; }

.faq-section { background: linear-gradient(145deg,#f7fafc,#edf7f1); }
.faq-layout { display: grid; grid-template-columns: .65fr 1fr; gap: 85px; align-items: start; }
.faq-intro { position: sticky; top: 110px; }.faq-intro h2 { margin-bottom: 18px; font-size: clamp(34px,4vw,52px); line-height: 1.1; letter-spacing: -.04em; }.faq-intro > p:not(.eyebrow) { color: var(--muted); }
.button-ghost-dark { margin-top: 15px; color: var(--blue); border-color: #b7d2e4; background: transparent; box-shadow: none; }.button-ghost-dark:hover { color: white; background: var(--blue); }
.faq-list { display: grid; gap: 9px; }
.faq-list details { overflow: hidden; border: 1px solid #dae5ec; border-radius: 13px; background: white; box-shadow: 0 6px 18px rgba(5,42,94,.04); }
.faq-list summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 21px 23px; color: var(--ink); cursor: pointer; list-style: none; font-size: 15px; font-weight: 850; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary i { display: grid; place-items: center; width: 25px; height: 25px; flex: none; border-radius: 7px; color: var(--blue); background: #eaf5fc; font-size: 15px; font-style: normal; transition: transform .2s; }
.faq-list details[open] summary i { transform: rotate(45deg); color: white; background: var(--green); }
.faq-list details p { margin: 0; padding: 0 23px 22px; color: var(--muted); font-size: 14px; line-height: 1.75; }

.trial-section { background: radial-gradient(circle at 5% 80%,rgba(49,183,42,.12),transparent 25%),radial-gradient(circle at 96% 8%,rgba(8,122,203,.14),transparent 24%),linear-gradient(145deg,#f8fbfd,#edf7f1); }
.trial-layout { display: grid; grid-template-columns: .8fr 1fr; gap: 90px; align-items: center; }
.trial-copy h2 { margin-bottom: 20px; font-size: clamp(36px,4.2vw,56px); line-height: 1.1; letter-spacing: -.04em; }
.trial-copy > p:not(.eyebrow) { color: var(--muted); }
.trial-copy ul { margin: 30px 0; padding: 0; list-style: none; }
.trial-copy li { display: flex; align-items: center; gap: 10px; margin: 14px 0; font-size: 13px; font-weight: 700; }
.trial-copy li i { display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; color: white; background: var(--green); font-size: 8px; font-style: normal; }
.trial-note { display: flex; gap: 12px; align-items: center; padding: 18px; border-left: 3px solid var(--blue); border-radius: 0 12px 12px 0; background: white; box-shadow: 0 8px 25px rgba(7,26,47,.05); }
.trial-note > i { color: var(--blue); font-size: 23px; font-style: normal; }.trial-note strong,.trial-note span { display: block; }.trial-note strong { font-size: 14px; }.trial-note span { color: #697c8b; font-size: 12px; }
.form-card { min-height: 660px; padding: 30px; border: 1px solid rgba(8,122,203,.23); border-top: 5px solid var(--green); border-radius: 22px; background: white; box-shadow: 0 30px 80px rgba(5,42,94,.14); }
.form-heading { display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; }
.form-heading span, .form-heading small { display: block; }.form-heading span { font-size: 23px; font-weight: 900; }.form-heading small { color: #70818e; font-size: 13px; }
.form-heading > i { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 11px; color: var(--blue); background: #e9f4ff; font-style: normal; font-weight: 900; }
.form-progress { display: none; align-items: center; margin: -4px 0 25px; }
.js .form-progress { display: flex; }
.form-progress > div { display: flex; align-items: center; gap: 7px; color: #7e8f9b; font-size: 11px; font-weight: 850; }
.form-progress i { display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; color: #788895; background: #e8eef2; font-size: 8px; font-style: normal; }
.form-progress .active { color: var(--blue); }.form-progress .active i { color: white; background: var(--blue); }
.form-progress .complete { color: var(--green); }.form-progress .complete i { color: white; background: var(--green); }
.form-progress em { width: 45px; height: 1px; margin: 0 8px; background: #dce5eb; }
.step-intro { margin-bottom: 18px; padding: 12px 14px; border-left: 3px solid var(--blue); border-radius: 0 9px 9px 0; background: #f3f8fb; }
.step-intro strong,.step-intro span { display: block; }.step-intro strong { font-size: 13px; }.step-intro span { color: #687b89; font-size: 11px; }
.step-next,.step-back { display: none; }
.js .step-next { display: inline-flex; }
.js .form-step { display: none; }.js .form-step.active { display: block; }
.form-row { display: grid; grid-template-columns: repeat(2,1fr); gap: 14px; }
#trial-form > label, .form-row label, fieldset { display: block; margin-bottom: 15px; color: #42566a; font-size: 13px; font-weight: 800; }
#trial-form label > span, legend span { color: var(--orange); }
input:not([type="range"],[type="checkbox"],[type="hidden"]), select, textarea { width: 100%; min-height: 45px; margin-top: 6px; padding: 10px 12px; border: 1px solid #d7e1e8; border-radius: 9px; color: var(--ink); background: #fbfdfe; outline: 0; transition: border-color .2s, box-shadow .2s; }
textarea { min-height: 90px; resize: vertical; }
input:focus, select:focus, textarea:focus { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(14,121,232,.1); }
input.invalid, select.invalid, textarea.invalid, fieldset.invalid { border-color: #d83838; }
fieldset { margin: 0 0 15px; padding: 0; border: 0; }
legend { margin-bottom: 7px; }
.interest-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 7px; }
.interest-grid label { position: relative; margin: 0; }
.interest-grid input { position: absolute; opacity: 0; }
.interest-grid span { display: grid; place-items: center; min-height: 40px; padding: 6px 8px; border: 1px solid #dce5eb; border-radius: 8px; color: #526878; background: #fbfdfe; text-align: center; font-size: 11px; }
.interest-grid input:checked + span { color: var(--blue); border-color: var(--blue); background: #edf6ff; }
.interest-grid input:focus-visible + span { outline: 3px solid #53b9ff; outline-offset: 2px; }
.optional-choices label { position: relative; }.optional-choices label > small { float: right; color: #7a8b97; font-size: 10px; font-weight: 600; }
.plan-transfer-note { display: flex; align-items: center; gap: 10px; margin: 3px 0 15px; padding: 11px 12px; border: 1px solid #cde7cc; border-radius: 9px; background: #f0faef; }
.plan-transfer-note[hidden] { display: none; }.plan-transfer-note > i { display: grid; place-items: center; width: 25px; height: 25px; flex: none; border-radius: 50%; color: white; background: var(--green); font-size: 8px; font-style: normal; font-weight: 900; }
.plan-transfer-note strong,.plan-transfer-note small { display: block; }.plan-transfer-note strong { color: #216e29; font-size: 12px; }.plan-transfer-note small { color: #58735c; font-size: 10px; }
.form-navigation { display: grid; grid-template-columns: auto 1fr; gap: 9px; align-items: center; }
.js .step-back { align-items: center; gap: 5px; min-height: 46px; padding: 0 14px; border: 1px solid #d5e0e7; border-radius: 10px; color: #637686; background: white; font-size: 12px; font-weight: 850; }
.submit-button { width: 100%; border: 0; }
.submit-button:disabled { cursor: wait; opacity: .65; transform: none; }
.privacy-note { margin: 12px auto 0; max-width: 460px; color: #758590; font-size: 11px; text-align: center; }
.honeypot { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }
.form-error { margin-bottom: 12px; padding: 11px 13px; border-radius: 8px; color: #9f2323; background: #fff0f0; font-size: 12px; }
.success-state { min-height: 600px; place-content: center; text-align: center; }
.success-state:not([hidden]) { display: grid; }
.success-mark { display: grid; place-items: center; width: 76px; height: 76px; margin: 0 auto 28px; border-radius: 50%; color: white; background: linear-gradient(145deg,var(--green),#43c98b); box-shadow: 0 15px 40px rgba(24,167,104,.25); font-size: 33px; font-weight: 900; }
.success-state .eyebrow { justify-content: center; }
.success-state h3 { margin-bottom: 14px; font-size: 30px; line-height: 1.2; }
.success-state > p:not(.eyebrow) { max-width: 430px; margin: 0 auto 18px; color: var(--muted); }

.brochure-modal { position: fixed; inset: 0; z-index: 180; display: grid; place-items: center; padding: 26px; }
.brochure-modal[hidden] { display: none; }
.brochure-backdrop { position: absolute; inset: 0; background: rgba(4, 15, 28, .78); backdrop-filter: blur(9px); }
.brochure-dialog { position: relative; z-index: 1; display: grid; grid-template-columns: .9fr 1fr; gap: 22px; width: min(980px, 100%); max-height: calc(100dvh - 52px); overflow-x: hidden; overflow-y: auto; padding: 24px; border: 0; border-radius: 26px; background: linear-gradient(145deg, #061e3b 0%, #0a2f60 58%, #f8fbfe 58%, #f8fbfe 100%); box-shadow: 0 28px 90px rgba(0, 0, 0, .38), inset 0 0 0 1px rgba(255,255,255,.08); scrollbar-width: none; -webkit-overflow-scrolling: touch; isolation: isolate; }
.brochure-dialog::-webkit-scrollbar { display: none; width: 0; height: 0; }
.brochure-dialog::before { content: ""; position: absolute; inset: 0 auto auto 0; width: 420px; height: 420px; background: radial-gradient(circle, rgba(115, 201, 255, .22), transparent 68%); pointer-events: none; z-index: 0; }
.brochure-dialog::after { content: ""; position: absolute; right: 0; bottom: 0; width: 260px; height: 260px; background: radial-gradient(circle at 100% 100%, rgba(48, 171, 58, .18), transparent 70%); pointer-events: none; z-index: 0; }
.brochure-close { position: absolute; right: 16px; top: 16px; z-index: 2; display: grid; place-items: center; width: 46px; height: 46px; border: 1px solid rgba(5,42,94,.12); border-radius: 50%; color: var(--navy); background: rgba(255,255,255,.96); font-size: 30px; line-height: 1; box-shadow: 0 14px 28px rgba(0,0,0,.18); transition: transform .2s, box-shadow .2s, background .2s; }
.brochure-close:hover { background: white; transform: scale(1.04); box-shadow: 0 16px 30px rgba(0,0,0,.22); }
.brochure-copy, .brochure-form-card { position: relative; z-index: 1; }
.brochure-copy { padding: 16px 8px 8px 4px; color: white; }
.brochure-kicker { margin: 0 0 10px; max-width: 430px; color: #ffffff; font-size: 14px; font-style: italic; line-height: 1.45; letter-spacing: .01em; opacity: 1; }
.brochure-copy h2 { max-width: 480px; margin-bottom: 14px; font-size: clamp(28px, 2.7vw, 40px); line-height: 1.06; letter-spacing: -.04em; }
.brochure-copy > p:not(.eyebrow) { max-width: 430px; color: #deebf7; }
.brochure-copy ul { margin: 22px 0 0; padding: 0; list-style: none; display: grid; gap: 10px; max-width: 430px; }
.brochure-copy li { display: flex; gap: 10px; align-items: flex-start; font-size: 13px; color: #f1f8fe; }
.brochure-copy li i { display: grid; place-items: center; width: 22px; height: 22px; flex: none; margin-top: 1px; border-radius: 50%; color: #c7ffd3; background: rgba(255,255,255,.12); font-size: 10px; font-style: normal; font-weight: 900; }
.brochure-form-card { padding: 22px; border-radius: 22px; border: 1px solid rgba(225, 233, 241, .78); background: #fff; box-shadow: 0 18px 45px rgba(5,42,94,.08); }
.brochure-form-card .form-heading { margin-bottom: 14px; display: flex; justify-content: space-between; gap: 14px; padding-bottom: 12px; border-bottom: 1px solid #e7eef4; }
.brochure-form-card .form-heading span { display: block; font-size: 18px; color: var(--navy); }
.brochure-form-card .form-heading small { display: block; margin-top: 4px; color: #6f8091; font-weight: 700; }
.brochure-form-card .form-heading i { display: grid; place-items: center; flex: none; width: 40px; height: 40px; border-radius: 50%; color: white; background: linear-gradient(135deg, #087dcc, #30ab3a); font-size: 18px; font-style: normal; box-shadow: 0 10px 24px rgba(8,122,203,.22); }
.brochure-form-card label { display: block; margin-bottom: 12px; color: #42566a; font-size: 13px; font-weight: 800; }
.brochure-form-card .optional-label { color: #7a8997; font-weight: 600; }
.brochure-form-card input:not([type="hidden"]), .brochure-form-card select, .brochure-form-card textarea { width: 100%; min-height: 42px; margin-top: 6px; padding: 9px 11px; border: 1px solid #d7e1e8; border-radius: 12px; color: var(--ink); background: #fbfdfe; outline: 0; transition: border-color .2s, box-shadow .2s, transform .2s, background .2s; }
.brochure-form-card textarea { min-height: 82px; resize: vertical; }
.brochure-form-card input:focus, .brochure-form-card select:focus, .brochure-form-card textarea:focus { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(14,121,232,.1); background: white; transform: translateY(-1px); }
.brochure-form-card .privacy-note { max-width: none; text-align: left; margin: 14px 0 0; }
.brochure-navigation { margin-top: 8px; }
.captcha-box { margin: 8px 0 0; padding: 16px; border: 1px solid #d8e4ec; border-radius: 14px; background: linear-gradient(180deg,#f8fbfd,#eff6fb); }
.captcha-box-head { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.captcha-box-head strong { color: var(--navy); font-size: 13px; }
.captcha-box-head span { color: #70808e; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; }
.turnstile-box { min-height: 65px; display: grid; place-items: center; }
.captcha-fallback { margin-bottom: 0 !important; }
.brochure-success { position: relative; min-height: 380px; padding: 22px 18px 18px; border: 1px solid #e4edf5; border-radius: 22px; background: linear-gradient(180deg, #ffffff, #f7fbff); box-shadow: 0 18px 50px rgba(5,42,94,.08); overflow: hidden; }
.brochure-success::before { content: ""; position: absolute; inset: 0 0 auto; height: 150px; background: linear-gradient(135deg, rgba(8,125,204,.12), rgba(48,171,58,.08)); pointer-events: none; }
.brochure-success .eyebrow, .brochure-success .success-mark, .brochure-success h3, .brochure-success .success-lead, .brochure-success .success-badges, .brochure-success .button, .brochure-success .success-footnote { position: relative; z-index: 1; }
.brochure-success .success-mark { margin-top: 2px; background: linear-gradient(145deg, #087dcc, #30ab3a); box-shadow: 0 16px 40px rgba(8,122,203,.22); }
.brochure-success h3 { color: var(--navy); font-size: clamp(28px, 2.6vw, 36px); letter-spacing: -.03em; }
.brochure-success .success-lead { color: #5f7183; }
.success-badges { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin: 0 auto 22px; }
.success-badges span { display: inline-flex; align-items: center; min-height: 32px; padding: 0 12px; border: 1px solid #dfe8f1; border-radius: 999px; color: #0f2f63; background: #fff; font-size: 12px; font-weight: 800; }
.brochure-success .button { width: min(100%, 280px); margin: 0 auto; }
.success-footnote { margin-top: 16px; color: #74879a; font-size: 12px; }

.final-cta { padding: 80px 0; color: white; background: radial-gradient(circle at 75% 20%,rgba(255,139,33,.22),transparent 18%),linear-gradient(110deg,#075fae,#087dcc 48%,#2aaa35); }
.final-cta-inner { display: flex; justify-content: space-between; align-items: center; gap: 40px; }
.final-cta-inner.final-cta-centered { justify-content: center; text-align: center; }
.final-cta-centered > div { width: 100%; }
.final-cta-centered .eyebrow { justify-content: center; }
.final-cta .eyebrow { margin-bottom: 12px; color: #bfeaff; }.final-cta h2 { margin: 0; font-size: clamp(36px,4.5vw,58px); line-height: 1.05; letter-spacing: -.04em; }
.site-profile-section { display: block; padding: 78px 0; background: linear-gradient(180deg, #f7fbff 0%, #edf5f9 100%); }
.site-profile-section[data-profile-lang="ar"] { display: none; }
html[lang="ar"] .site-profile-section[data-profile-lang="en"] { display: none; }
html[lang="ar"] .site-profile-section[data-profile-lang="ar"] { display: block; }
.site-profile-inner { display: grid; grid-template-columns: minmax(0, 1.05fr) 300px; gap: 22px; align-items: stretch; }
.site-profile-main, .site-profile-card, .site-profile-benefits article, .site-profile-skills, .site-profile-projects { border: 1px solid #d8e5ee; border-radius: 8px; background: #fff; box-shadow: 0 16px 44px rgba(5,42,94,.07); }
.site-profile-main { padding: 30px; }
.site-profile-main h2 { max-width: 820px; margin-bottom: 14px; color: var(--navy); font-size: clamp(30px, 3.5vw, 48px); line-height: 1.08; letter-spacing: -.02em; }
.site-profile-main p:not(.eyebrow) { max-width: 900px; margin-bottom: 0; color: #536779; font-size: 16px; line-height: 1.72; }
.site-profile-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; }
.site-profile-actions .button-ghost-dark { border-color: #c7d8e5; background: white; box-shadow: none; color: var(--navy); }
.site-profile-card { display: grid; grid-template-columns: 92px minmax(0, 1fr); gap: 15px; align-items: center; padding: 18px; }
.site-profile-card img { width: 92px; height: 118px; border-radius: 8px; object-fit: cover; object-position: center 18%; background: #dbe7ef; }
.site-profile-card strong, .site-profile-card span, .site-profile-card a { display: block; }
.site-profile-card strong { color: var(--navy); font-size: 18px; line-height: 1.2; }
.site-profile-card span { margin-top: 6px; color: #5a6d7e; font-size: 12px; line-height: 1.45; }
.site-profile-card a { margin-top: 10px; color: var(--blue); font-size: 12px; font-weight: 900; overflow-wrap: anywhere; }
.site-profile-benefits { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 14px; }
.site-profile-benefits article { display: grid; grid-template-rows: 42px 76px 170px auto; min-height: 0; padding: 20px; }
.site-profile-benefits span { display: block; margin-bottom: 10px; color: var(--blue); font-size: 10px; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }
.site-profile-benefits strong { display: block; margin-bottom: 8px; color: var(--navy); font-size: 17px; line-height: 1.32; }
.site-profile-benefits p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.58; }
.site-profile-impact-list { margin-top: 0; padding-top: 12px; border-top: 1px solid #e4edf3; }
.site-profile-impact-list b { display: block; margin-bottom: 8px; color: var(--navy); font-size: 12px; line-height: 1.25; }
.site-profile-impact-list ul { display: grid; gap: 6px; margin: 0; padding: 0; list-style: none; }
.site-profile-impact-list li { position: relative; padding-left: 16px; color: #536779; font-size: 12px; line-height: 1.4; }
.site-profile-impact-list li::before { content: ""; position: absolute; left: 0; top: .62em; width: 6px; height: 6px; border-radius: 50%; background: var(--green); }
.site-profile-skills { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 9px; padding: 18px; }
.site-profile-skills span { padding: 8px 11px; border: 1px solid #d3e1eb; border-radius: 999px; background: linear-gradient(180deg, #fff, #f2f8fb); color: var(--ink); font-size: 12px; font-weight: 850; }
.site-profile-projects { grid-column: 1 / -1; padding: 18px; }
.site-profile-projects > strong { display: block; margin-bottom: 12px; color: var(--navy); font-size: 16px; line-height: 1.25; }
.site-profile-projects > div { display: flex; flex-wrap: wrap; gap: 9px; }
.site-profile-projects span { padding: 8px 11px; border: 1px solid #cfe0ed; border-radius: 8px; color: #0b3868; background: #f6fafc; font-size: 12px; font-weight: 850; }
.site-footer { padding: 55px 0 20px; color: #93a7b8; background: linear-gradient(135deg,#021329,#042554); }
.footer-main { display: grid; grid-template-columns: 1.5fr .7fr .8fr 1fr; gap: 60px; }
.footer-brand .brand { width: 280px; height: 80px; margin-bottom: 16px; }.footer-brand p,.footer-contact p { max-width: 300px; font-size: 14px; }.footer-links,.footer-contact { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; font-size: 13px; }.footer-links strong,.footer-contact strong { margin-bottom: 5px; color: white; font-size: 14px; }.footer-links a:hover { color: #61c7ff; }
.footer-contact-direct { display: grid; gap: 10px; width: min(100%, 340px); margin: 4px 0 6px; }
.footer-contact-direct a { display: block; padding: 12px 14px; border: 1px solid rgba(118,207,255,.24); border-radius: 12px; background: rgba(255,255,255,.07); color: white; }
.footer-contact-direct a:hover { border-color: rgba(118,207,255,.48); background: rgba(255,255,255,.11); }
.footer-contact-direct span, .footer-contact-direct b { display: block; }
.footer-contact-direct span { margin-bottom: 3px; color: #93c7e8; font-size: 11px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.footer-contact-direct b { overflow-wrap: anywhere; color: #fff; font-size: 15px; line-height: 1.35; }
.footer-bottom { display: flex; justify-content: space-between; margin-top: 45px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,.08); font-size: 11px; }
.mobile-trial-cta { position: fixed; left: 14px; right: 14px; bottom: max(12px,env(safe-area-inset-bottom)); z-index: 90; display: none; align-items: center; justify-content: space-between; min-height: 52px; padding: 0 18px; border: 1px solid rgba(255,255,255,.35); border-radius: 13px; color: white; background: linear-gradient(135deg,#087dcc,#2aaa35); box-shadow: 0 16px 40px rgba(3,28,62,.3); font-size: 12px; font-weight: 900; transform: translateY(90px); transition: transform .25s; }
.mobile-trial-cta.visible { transform: translateY(0); }
.mobile-trial-cta i { font-style: normal; font-size: 18px; }
.whatsapp-float { position: fixed; right: 22px; bottom: 22px; z-index: 120; display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; padding: 9px; border: 2px solid rgba(255,255,255,.9); border-radius: 50%; color: #fff; background: #25d366; box-shadow: 0 10px 26px rgba(5,42,44,.28); transition: transform .22s ease,box-shadow .22s ease,background .22s ease; }
.whatsapp-float svg { width: 28px; height: 28px; flex: none; }
.whatsapp-float span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.whatsapp-float:hover,.whatsapp-float:focus-visible { z-index: 9999; color: #fff; background: #1fbd5b; box-shadow: 0 18px 44px rgba(5,42,44,.4); transform: translateY(-5px) scale(1.03); }

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

@media (max-width: 1100px) {
  .hero-layout { grid-template-columns: 1fr; gap: 24px; align-items: start; min-height: auto; padding-bottom: 20px; }
  .hero-copy { width: 100%; text-align: left; }
  .hero-media { width: 100%; aspect-ratio: 16 / 8; }
  .hero-media img { object-position: center 48%; }
  .hero-copy .eyebrow, .hero-actions { justify-content: flex-start; }
  .hero-lead { margin-inline: 0; }
  .hero-aside-panel { padding: 22px; }
  .difference-grid { grid-template-columns: repeat(2,1fr); }
  .platform-modules { grid-template-columns: repeat(2,1fr); }
  .float-two { left: -10px; }.float-one { right: -10px; }
  .kpi-grid { grid-template-columns: repeat(3,1fr); }
  .profile-hero { grid-template-columns: minmax(0, 1fr) 330px; gap: 28px; }
  .profile-portrait { min-height: 500px; }
  .profile-content { grid-template-columns: 1fr; }
  .profile-expertise { grid-template-columns: 1fr; }
  .profile-card-grid { grid-template-columns: repeat(2,1fr); }
  .profile-cost-layout { grid-template-columns: 1fr; }
  .profile-points { grid-template-columns: repeat(2,1fr); }
  .site-profile-inner { grid-template-columns: 1fr; }
  .site-profile-benefits { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .donut-card,.funnel-card,.bubble-card,.progress-card { grid-column: span 6; }
  .audience-categories { grid-template-columns: repeat(2,auto); gap: 12px 22px; }
  .integration-grid { grid-template-columns: repeat(2,1fr); }
  .trial-layout { gap: 50px; }
}
@media (max-width: 860px) {
  .section { padding: 82px 0; }
  .nav-shell, html[dir="rtl"] .nav-shell { flex-direction: row; justify-content: flex-start; }
  .nav-toggle { display: block; order: -1; flex: none; margin-right: 10px; }
  .brand { order: 0; }
  .language-switcher, html[dir="rtl"] .language-switcher { order: 1; margin-left: auto; margin-right: 0; }
  .language-current { width: 42px; height: 38px; font-size: 12px; }
  .primary-nav { position: absolute; left: 20px; right: 20px; top: 64px; display: none; align-items: stretch; flex-direction: column; gap: 0; padding: 15px; border: 1px solid rgba(255,255,255,.12); border-radius: 14px; background: #081d34; box-shadow: 0 22px 45px rgba(0,0,0,.3); }
  .primary-nav.open { display: flex; }.primary-nav a { padding: 12px; }.primary-nav .button { margin-top: 5px; }
  .nav-toggle[aria-expanded="true"] span:nth-child(1) { transform: translateY(7px) rotate(45deg); }.nav-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }.nav-toggle[aria-expanded="true"] span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
  .section-heading.split { grid-template-columns: 1fr; gap: 20px; align-items: start; }
  .roi-calculator { grid-template-columns: 1fr; }.calculator-input { border-right: 0; border-bottom: 1px solid #e0e9f0; }
  .cost-benefit-head,.cost-benefit-layout { grid-template-columns: 1fr; gap: 18px; }
  .difference-grid { grid-template-columns: 1fr; }.feature-visual { height: 280px; }
  .platform-gallery { grid-template-columns: 1fr 1fr; grid-template-rows: 300px 190px; }
  .platform-gallery-main { grid-column: 1 / 3; grid-row: auto; }
  .roadmap-highlight { grid-template-columns: auto 1fr; }.roadmap-status { grid-column: 2; justify-self: start; }
  .plan-builder { grid-template-columns: 1fr; }.plan-summary { min-height: auto; }.builder-choices { grid-template-columns: 1fr; }
  .deployment-grid { grid-template-columns: 1fr; }.deployment-card > p { min-height: 0; }
  .trial-layout { grid-template-columns: 1fr; }
  .faq-layout { grid-template-columns: 1fr; gap: 40px; }.faq-intro { position: static; }
  .journey { grid-template-columns: repeat(3,1fr); row-gap: 35px; }.journey-line { display: none; }
  .footer-main { grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 650px) {
  .whatsapp-float { right: 14px; bottom: 76px; width: 46px; height: 46px; padding: 8px; }
  .platform-gallery { display: grid; grid-template-columns: 1fr; grid-template-rows: 260px 180px 180px; }
  .platform-gallery-main { grid-column: auto; }
  .platform-modules { grid-template-columns: 1fr; }
  .platform-module { min-height: 205px; }
  .roadmap-highlight { grid-template-columns: 1fr; padding: 20px; }.roadmap-icon { width: 50px; height: 50px; }.roadmap-status { grid-column: auto; }
  .container { width: min(calc(100% - 28px), var(--container)); }
  .cost-benefit { padding: 20px; }
  .cost-benefit-results { grid-template-columns: 1fr 1fr; }
  .cost-assumptions label { grid-template-columns: 1fr; }
  .money-input { width: 100%; }
  .site-header { height: 76px; }.site-header.scrolled,.site-header.menu-open { height: 68px; }.brand,.site-header.scrolled .brand,.site-header.menu-open .brand { width: 188px; height: 56px; padding: 5px 8px; border-radius: 11px; }
  .nav-toggle { margin-right: 8px; }
  .language-switcher, html[dir="rtl"] .language-switcher { margin-left: auto; margin-right: 0; }
  .language-current { width: 40px; height: 36px; font-size: 12px; }
  .hero { padding-top: 120px; padding-bottom: 18px; }
  .hero-layout { min-height: auto; gap: 18px; align-items: center; justify-items: center; }
  .hero-copy { width: 100%; max-width: 42rem; text-align: center; }
  .hero-media { width: 100%; max-width: 100%; aspect-ratio: 4 / 3; border-radius: 20px; }
  .hero-media figcaption { left: 16px; right: 16px; bottom: 14px; }
  .hero-media figcaption strong { font-size: 14px; }
  .hero-media figcaption span { font-size: 10px; }
  .hero-copy .eyebrow, .hero-actions { justify-content: center; }
  .hero-copy > :not(.hero-actions):not(.hero-proof) { margin-inline: auto; }
  .hero-aside { width: 100%; max-width: 42rem; }
  .hero-aside-panel { padding: 18px; }
  .hero-aside-header { flex-direction: column; }
  .hero-aside-header strong { font-size: 24px; }
  .hero-aside-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
  .hero-aside-metrics div { padding: 10px; }
  .hero-aside-metrics strong { font-size: 12px; }
  h1 { font-size: 42px; line-height: 1.02; margin-bottom: 18px; }
  .hero-lead { max-width: 34rem; margin-bottom: 24px; font-size: 16px; line-height: 1.65; }
  .hero-standard { justify-content: center; max-width: 34rem; margin: 0 auto 24px; padding: 11px 14px; font-size: 13px; text-align: center; }
  .hero-actions { flex-direction: column; align-items: stretch; gap: 10px; width: 100%; max-width: 34rem; }
  .hero-actions .button { width: 100%; min-height: 50px; padding-inline: 18px; font-size: 15px; }
  .hero-proof { gap: 10px; width: 100%; max-width: 34rem; margin-top: 22px; padding-top: 14px; }
  .hero-proof div { flex: 1 1 100%; padding: 10px 12px; text-align: center; }
  .hero-proof strong { font-size: 12px; }
  .hero-proof span { font-size: 11px; line-height: 1.35; }
  .profile-section { padding-top: 104px; }
  .profile-hero { grid-template-columns: 1fr; }
  .profile-portrait { width: min(100%, 430px); min-height: 520px; margin-inline: auto; }
  .profile-metrics { grid-template-columns: 1fr; }
  .profile-card-grid { grid-template-columns: 1fr; }
  .profile-point { grid-template-rows: none; min-height: 0; }
  .profile-cost-row, .profile-cost-head { grid-template-columns: 1fr; }
  .profile-cost-head { display: none; }
  .profile-cost-row { min-height: 0; padding: 14px 0; }
  .profile-cost-row span { min-height: 0; padding: 7px 16px; border-left: 0; }
  .profile-cost-row span:first-child { font-size: 15px; }
  html[dir="rtl"] .profile-cost-row span { border-right: 0; }
  .profile-points { grid-template-columns: 1fr; }
  .trust-strip { align-items: center; flex-direction: column; gap: 18px; padding: 25px 0; text-align: center; }
  .audience-categories { width: 100%; grid-template-columns: repeat(2,1fr); gap: 10px; justify-items: center; }
  .audience-categories > span { white-space: normal; font-size: 12px; justify-content: center; text-align: center; }
  .audience-icon { width: 32px; height: 32px; }
  .section-heading h2 { font-size: 37px; }.section-heading { margin-bottom: 38px; }
  .section-photo { width: 100%; max-width: 100%; height: 210px; margin-bottom: 26px; border-radius: 18px; }
  .section-photo figcaption { left: 14px; bottom: 12px; max-width: calc(100% - 28px); padding: 7px 10px; font-size: 10px; }
  .calculator-results { grid-template-columns: 1fr; }.calculator-results article { display: grid; grid-template-columns: 1fr auto; align-items: center; border-right: 0; border-bottom: 1px solid #e5edf2; }.calculator-results span { min-height: 0; }.calculator-results small { grid-column: 1; }.calculator-results strong { grid-row: 1 / 3; grid-column: 2; }
  .kpi-grid { grid-template-columns: repeat(2,1fr); }.analytics-card { grid-column: span 12; }
  .analytics-card { min-height: auto; }.trend-card svg { height: auto; }
  .module-tabs { overflow-x: auto; }.module-tabs button { min-width: 145px; }.module-panel { grid-template-columns: 1fr; }
  .plan-options { padding: 22px 16px; }.module-selector { grid-template-columns: 1fr; }.builder-heading { align-items: flex-start; gap: 10px; }.builder-heading button { white-space: nowrap; }.plan-summary { padding: 28px 22px; }
  .communication-visual { padding: 16px; }.portal-card { min-width: 0; width: 100%; }.portal-card > b { display: none; }
  .journey { grid-template-columns: repeat(2,1fr); }.journey article:last-child { grid-column: span 2; max-width: 50%; margin: auto; }
  .integration-grid { grid-template-columns: 1fr; }.integration-feature { min-height: 260px; }
  .form-card { min-height: 0; padding: 22px 17px; }.form-row { grid-template-columns: 1fr; gap: 0; }.interest-grid { grid-template-columns: repeat(2,1fr); }.form-navigation { grid-template-columns: 1fr; }.js .step-back { justify-content: center; order: 2; }
  .brochure-modal { padding: 0; align-items: stretch; }
  .brochure-dialog { grid-template-columns: 1fr; width: 100%; max-height: 100dvh; padding: calc(72px + env(safe-area-inset-top)) 16px 16px; border-radius: 0; gap: 16px; border: 0; background: linear-gradient(145deg, #061e3b 0%, #0a2f60 66%, #f8fbfe 66%, #f8fbfe 100%); box-shadow: 0 26px 90px rgba(0, 0, 0, .35), inset 0 0 0 1px rgba(255,255,255,.06); }
  .brochure-dialog::before, .brochure-dialog::after { width: 260px; height: 260px; }
  .brochure-close { top: 12px; right: 12px; width: 44px; height: 44px; font-size: 28px; }
  .brochure-copy { padding: 0; }
  .brochure-kicker { max-width: none; margin-bottom: 10px; font-size: 14px; }
  .brochure-copy h2 { margin-bottom: 12px; font-size: clamp(28px, 8vw, 36px); line-height: 1.08; }
  .brochure-copy > p:not(.eyebrow) { max-width: none; }
  .brochure-copy ul { margin-top: 18px; }
  .brochure-form-card { padding: 18px 14px; border-radius: 20px; }
  .brochure-form-card .form-heading { margin-bottom: 14px; padding-bottom: 12px; }
  .brochure-form-card .form-heading span { font-size: 17px; }
  .brochure-form-card input:not([type="hidden"]), .brochure-form-card select, .brochure-form-card textarea { min-height: 46px; }
  .brochure-form-card textarea { min-height: 100px; }
  .brochure-success { min-height: 340px; padding: 20px 14px 16px; border-radius: 20px; }
  .brochure-success h3 { font-size: 26px; }
  .success-badges { gap: 8px; margin-bottom: 18px; }
  .success-badges span { min-height: 30px; font-size: 11px; }
  .success-state { min-height: 500px; }
  .final-cta-inner { align-items: flex-start; flex-direction: column; }.final-cta-inner.final-cta-centered { align-items: center; }.final-cta-inner .button { width: 100%; }
  .site-profile-section { padding: 62px 0; }
  .site-profile-main, .site-profile-card, .site-profile-skills, .site-profile-projects { padding: 18px; }
  .site-profile-actions { flex-direction: column; align-items: stretch; }
  .site-profile-actions .button { width: 100%; }
  .site-profile-benefits { grid-template-columns: 1fr; }
  .site-profile-benefits article { grid-template-rows: none; min-height: 0; padding: 18px; }
  .footer-main { grid-template-columns: 1fr; gap: 30px; }.footer-bottom { flex-direction: column; gap: 6px; }
  .mobile-trial-cta { display: flex; }
  html[dir="rtl"] .hero-copy { text-align: center; }
  html[dir="rtl"] .hero-copy .eyebrow,
  html[dir="rtl"] .hero-actions { justify-content: center; }
  html[dir="rtl"] .hero-copy > :not(.hero-actions):not(.hero-proof) { margin-inline: auto; }
  html[dir="rtl"] .hero-proof div { padding-left: 12px; padding-right: 12px; border-left: 0; border-right: 0; }
  html[dir="rtl"] .trust-strip { text-align: center; }
  html[dir="rtl"] .audience-categories > span { justify-content: center; text-align: center; }
}
@media (max-width: 480px) {
  .hero { padding-top: 108px; }
  .hero-layout { gap: 16px; }
  h1 { font-size: 35px; }
  .hero-lead { margin-bottom: 20px; font-size: 15px; line-height: 1.6; }
  .hero-standard { margin-bottom: 20px; padding: 10px 12px; font-size: 12px; }
  .hero-actions { max-width: 100%; }
  .hero-actions .button { min-height: 48px; font-size: 14px; }
  .hero-proof { margin-top: 18px; padding-top: 14px; }
  .hero-proof div { padding: 9px 11px; }
  .hero-aside-card { padding: 14px; }
  .profile-intro h1 { font-size: 42px; }
  .profile-portrait { min-height: 470px; border-radius: 18px; }
  .profile-story, .profile-contact-card, .profile-point, .profile-cost-benefit, .profile-expertise { border-radius: 8px; }
  .profile-story, .profile-contact-card, .profile-cost-benefit, .profile-expertise, .profile-projects { padding: 20px; }
  .profile-point { padding: 16px; }
  .profile-skill-grid span { width: 100%; text-align: center; }
  .site-profile-card { grid-template-columns: 78px minmax(0, 1fr); }
  .site-profile-card img { width: 78px; height: 102px; }
  .site-profile-main h2 { font-size: 30px; }
  .site-profile-skills span { width: 100%; text-align: center; }
  .site-profile-projects span { width: 100%; text-align: center; }
  .dashboard { min-height: 240px; }
  .dash-main { padding: 12px; }
  .dash-sidebar { width: 36px; gap: 18px; }
  .dash-mark { width: 26px; height: 26px; margin-bottom: 10px; }
  .dash-kpis { gap: 8px; }
  .dash-kpis article { padding: 8px; }
  .dash-kpis .icon { width: 24px; height: 24px; margin-bottom: 5px; }
  .dash-kpis strong { font-size: 13px; }
  .dash-kpis small { font-size: 7px; }
  .dash-panels { gap: 8px; margin-top: 8px; }
  .chart-card, .activity-card { padding: 12px; }
  .window-bar { height: 40px; padding: 0 12px; }
  html[dir="rtl"] .hero-product { margin-top: -12px; }
}
@media (max-width: 390px) {
  .brand,.site-header.scrolled .brand,.site-header.menu-open .brand { width: 166px; height: 52px; }
  .nav-toggle { width: 42px; height: 42px; margin-right: 6px; }
  .language-current { width: 38px; height: 34px; font-size: 11px; }
  .language-menu { min-width: 160px; }
  .hero { padding-top: 102px; }
  h1 { font-size: 33px; text-align: center; }
  .hero-copy { max-width: 100%; text-align: center; }
  .hero-copy .eyebrow, .hero-actions { justify-content: center; }
  .hero-lead { max-width: 30rem; }
  .hero-standard { max-width: 30rem; margin-bottom: 18px; }
  .hero-proof { gap: 8px; }
  .hero-proof div { padding: 8px 10px; min-height: 0; }
  .hero-aside-panel { padding: 16px; border-radius: 18px; }
  .hero-aside-header strong { font-size: 22px; }
  .hero-aside-metrics { gap: 7px; }
  .hero-aside-metrics div { padding: 9px; border-radius: 14px; }
  .hero-aside-metrics strong { font-size: 11px; }
  .hero-aside-metrics span { font-size: 10px; }
  .hero-aside-card strong { font-size: 12px; line-height: 1.45; }
  .hero-proof strong { font-size: 11px; }
  .hero-proof span { font-size: 10px; }
  .hero-media figcaption { display: block; }
  .hero-media figcaption span { display: none; }
  .section-photo { height: 185px; }
  .kpi-grid { grid-template-columns: 1fr; }
  .calculator-input { padding: 22px 20px; }
  .calc-title { align-items: flex-start; flex-direction: column; gap: 7px; }
  .donut-layout { grid-template-columns: 1fr; }
  .donut { margin: auto; }
  .dashboard { min-height: 220px; }
  .dash-main { padding: 10px; }
  .dash-sidebar { width: 34px; gap: 16px; }
  .dash-heading { margin-bottom: 14px; }
  .dash-heading strong { font-size: 15px; }
  .dash-kpis article { padding: 7px; }
  .dash-kpis .icon { margin-bottom: 4px; }
  .dash-kpis strong { font-size: 12px; }
  .dash-panels { gap: 6px; margin-top: 6px; }
  html[dir="rtl"] .hero-copy { text-align: center; }
}
@media (max-width: 360px) {
  .hero { padding-top: 96px; }
  h1 { font-size: 31px; }
  .hero-lead { font-size: 14px; line-height: 1.55; }
  .hero-standard { font-size: 11px; }
  .hero-actions .button { min-height: 46px; font-size: 13px; }
  .hero-proof div { padding: 7px 9px; }
  .hero-proof strong { font-size: 10px; }
  .hero-proof span { font-size: 9px; }
  .dashboard { min-height: 196px; }
  .dash-main { padding: 9px; }
  .dash-sidebar { width: 32px; gap: 14px; }
  .dash-mark { width: 24px; height: 24px; margin-bottom: 8px; }
  .dash-kpis article { padding: 6px; }
  .dash-kpis .icon { width: 22px; height: 22px; font-size: 10px; }
  .dash-kpis strong { font-size: 11px; }
  .dash-kpis small { font-size: 6px; }
  .window-bar { height: 38px; padding: 0 10px; font-size: 9px; }
  html[dir="rtl"] .hero-actions .button { justify-content: center; }
}
@media (max-width: 320px) {
  .container { width: min(calc(100% - 20px), var(--container)); }
  .brand,.site-header.scrolled .brand,.site-header.menu-open .brand { width: 154px; height: 48px; }
  .nav-toggle { width: 40px; height: 40px; margin-right: 5px; padding: 8px; }
  .language-current { width: 36px; height: 32px; font-size: 10px; }
  .hero { padding-top: 92px; }
  .hero-layout { gap: 14px; }
  h1 { font-size: 28px; letter-spacing: -.04em; }
  .hero-copy { max-width: 100%; }
  .hero-lead { margin-bottom: 16px; font-size: 13px; line-height: 1.5; }
  .hero-standard { margin-bottom: 16px; padding: 9px 10px; font-size: 10px; line-height: 1.45; }
  .hero-actions { gap: 8px; }
  .hero-actions .button { min-height: 44px; padding-inline: 14px; font-size: 12px; border-radius: 10px; }
  .hero-proof { margin-top: 18px; padding-top: 14px; gap: 7px; }
  .hero-proof div { padding: 8px 10px; border-radius: 10px; }
  .hero-aside-card { padding: 12px; }
  .hero-aside-metrics { grid-template-columns: 1fr; }
  .hero-aside-metrics div { padding: 8px 10px; }
  .hero-aside-card span { font-size: 10px; }
  .hero-aside-card strong { font-size: 11px; line-height: 1.4; }
  .hero-proof strong { font-size: 10px; }
  .hero-proof span { font-size: 9px; line-height: 1.3; }
  .hero-product { width: 100%; max-width: 312px; margin-top: -6px; }
  .product-window { border-radius: 12px; }
  .dashboard { min-height: 184px; }
  .dash-main { padding: 8px; }
  .dash-sidebar { width: 30px; gap: 12px; padding-top: 10px; }
  .dash-mark { width: 22px; height: 22px; margin-bottom: 6px; border-radius: 7px; font-size: 11px; }
  .dash-heading { margin-bottom: 10px; }
  .dash-heading strong { font-size: 13px; }
  .dash-kpis { gap: 6px; }
  .dash-kpis article { padding: 6px; border-radius: 9px; }
  .dash-kpis .icon { width: 20px; height: 20px; margin-bottom: 3px; border-radius: 6px; font-size: 9px; }
  .dash-kpis strong { font-size: 10px; }
  .dash-kpis small { font-size: 6px; }
  .dash-kpis b { right: 8px; bottom: 9px; font-size: 6px; }
  .dash-panels { gap: 5px; margin-top: 5px; }
  .chart-card { padding: 10px; border-radius: 9px; }
  .card-heading { margin-bottom: 4px; }
  .card-heading span { font-size: 8px; }
  .card-heading small { font-size: 6px; }
  .chart-labels { font-size: 6px; }
  .window-bar { height: 36px; padding: 0 8px; font-size: 8px; }
  .live-pill { padding: 3px 7px; font-size: 8px; }
  html[dir="rtl"] .hero-copy { text-align: center; }
  html[dir="rtl"] .hero-actions { justify-content: center; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .js .reveal { opacity: 1; transform: none; }
}