@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/fonts/tajawal-400-arabic.woff2') format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+200C-200E, U+2010-2011, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
}
@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/fonts/tajawal-400-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+2000-206F, U+20AC, U+2122;
}
@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/assets/fonts/tajawal-500-arabic.woff2') format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+200C-200E, U+2010-2011, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
}
@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/assets/fonts/tajawal-500-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+2000-206F, U+20AC, U+2122;
}
@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/assets/fonts/tajawal-700-arabic.woff2') format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+200C-200E, U+2010-2011, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
}
@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/assets/fonts/tajawal-700-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+2000-206F, U+20AC, U+2122;
}
@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('/assets/fonts/tajawal-800-arabic.woff2') format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+200C-200E, U+2010-2011, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
}
@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('/assets/fonts/tajawal-800-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+2000-206F, U+20AC, U+2122;
}

:root {
  --navy: #0F1B3D;
  --navy-hover: #1C2C55;
  --blue: #2952E3;
  --blue-hover: #4A6EF0;
  --blue-text: #2143C9;
  --blue-bg: #E5EAFB;
  --bg: #F6F7F9;
  --white: #FFFFFF;
  --border: #E3E7EE;
  --border-soft: #EEF2F8;
  --text: #0F1B3D;
  --text-muted: #5A6478;
  --text-faint: #8A93A6;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: 'Tajawal', system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
}
a { color: var(--navy); }
a:hover { color: var(--blue); }
img { max-width: 100%; }
::selection { background: var(--blue-bg); }

.eyebrow { font-size: 12px; letter-spacing: 0.12em; color: var(--text-faint); text-transform: uppercase; }

.site-nav { position: sticky; top: 0; z-index: 40; background: var(--navy); color: #F3F5F8; }
.nav-inner { max-width: 1140px; margin: 0 auto; padding: 0 28px; height: 70px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.nav-brand { display: flex; align-items: baseline; gap: 10px; text-decoration: none; }
.nav-logo { height: 26px; width: auto; display: block; }
.nav-tagline { font-size: 11px; letter-spacing: 0.16em; color: var(--blue); text-transform: uppercase; }
.nav-links { display: flex; align-items: center; gap: 24px; font-size: 15px; }
.nav-links a { text-decoration: none; color: #C7CFDD; }
.nav-links a:hover { color: #FFFFFF; }
.nav-lang { display: inline-flex; align-items: center; gap: 6px; background: rgba(255,255,255,0.06); border: 1px solid #2A3A63; border-radius: 999px; padding: 0 16px; height: 38px; font-size: 13px; font-weight: 700; letter-spacing: 0.06em; }
.nav-lang:hover { background: var(--blue); border-color: var(--blue); color: #FFFFFF; }

.section { max-width: 1140px; margin: 0 auto; padding: 76px 28px 0; }
.section:first-of-type { padding-top: 0; }
.section-head { display: flex; flex-direction: column; gap: 8px; margin-bottom: 28px; }
.service-icon { width: 44px; height: 44px; border-radius: 10px; background: var(--blue-bg); color: var(--blue); display: flex; align-items: center; justify-content: center; margin-bottom: 4px; }
.service-icon svg { width: 24px; height: 24px; }
.h2-icon { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; border-radius: 7px; background: var(--blue-bg); color: var(--blue); vertical-align: -7px; margin-inline-end: 10px; }
.h2-icon svg { width: 15px; height: 15px; }
.section-title { margin: 0; font-size: 26px; font-weight: 800; }
.rule { width: 44px; height: 3px; background: var(--blue); }

.hero { background: var(--white); border-bottom: 1px solid var(--border); }
.hero-inner { max-width: 1140px; margin: 0 auto; padding: 72px 28px 76px; display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 44px 60px; align-items: center; }
.hero-copy { display: flex; flex-direction: column; gap: 22px; }
.badge { display: inline-flex; align-self: flex-start; align-items: center; gap: 8px; background: var(--blue-bg); color: var(--blue-text); font-size: 13px; font-weight: 500; padding: 7px 13px; border-radius: 999px; }
.hero h1 { margin: 0; font-size: clamp(28px, 3.2vw, 40px); line-height: 1.5; font-weight: 700; letter-spacing: -0.01em; }
.hero p { margin: 0; font-size: 16px; line-height: 1.9; color: var(--text-muted); max-width: 520px; }
.hero-actions { display: flex; gap: 12px; flex-wrap: wrap; }
.hero-art { aspect-ratio: 4 / 3; border-radius: 4px; border: 1px solid var(--border); background: repeating-linear-gradient(135deg, #F7F9FC 0 10px, #EEF2F8 10px 20px); display: flex; align-items: center; justify-content: center; }
.hero-art span { font-size: 12px; letter-spacing: 0.1em; color: #93A0B5; text-transform: uppercase; }

.btn { display: inline-flex; align-items: center; text-decoration: none; padding: 15px 26px; font-size: 15px; font-weight: 700; border-radius: 3px; min-height: 44px; box-sizing: border-box; }
.btn-primary { background: var(--navy); color: #FFFFFF; }
.btn-primary:hover { background: var(--navy-hover); color: #FFFFFF; }
.btn-secondary { padding: 15px 22px; color: var(--text); border: 1px solid #CBD3E0; background: var(--white); }
.btn-secondary:hover { border-color: var(--blue); color: var(--blue-text); }

.service-links { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 18px; margin-bottom: 40px; }
.service-link-card { display: flex; align-items: center; gap: 14px; background: var(--white); border: 1px solid var(--border); border-radius: 5px; padding: 18px 20px; text-decoration: none; color: var(--text); min-height: 44px; transition: border-color 240ms ease, transform 240ms ease; }
.service-link-card:hover { border-color: var(--blue); color: var(--text); transform: translateY(-2px); }
.service-link-dot { width: 34px; height: 34px; border-radius: 50%; background: var(--blue-bg); flex-shrink: 0; display: flex; align-items: center; justify-content: center; }
.service-link-dot span { width: 11px; height: 11px; border-radius: 50%; background: var(--blue); }
.service-link-title { font-size: 17px; font-weight: 700; display: block; }
.service-link-sub { font-size: 11px; letter-spacing: 0.12em; color: var(--text-faint); text-transform: uppercase; display: block; }

.product-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 18px; }
.product-card { background: var(--white); border: 1px solid var(--border); border-radius: 5px; padding: 30px 26px; display: flex; flex-direction: column; gap: 16px; box-shadow: 0 1px 2px rgba(15,27,61,0.04); }
.product-card h3 { margin: 0; font-size: 22px; font-weight: 800; }
.product-card p { margin: 0; font-size: 15px; line-height: 1.9; color: var(--text-muted); }
.provider-list { display: flex; flex-direction: column; }
.provider-list .provider-list-label { font-size: 11px; letter-spacing: 0.14em; color: var(--text-faint); text-transform: uppercase; padding-bottom: 8px; border-bottom: 1px solid var(--border); }
.provider-list .provider { display: flex; align-items: center; gap: 10px; padding: 9px 0; border-bottom: 1px solid var(--border-soft); font-size: 14px; color: #16233F; }
.provider .dot { width: 5px; height: 5px; border-radius: 50%; background: var(--blue); flex-shrink: 0; }
.product-card .quote-link { margin-top: auto; align-self: flex-start; color: var(--blue); text-decoration: none; font-weight: 700; }
.footnote { margin: 24px 0 0; font-size: 14px; line-height: 1.9; color: #7B869B; max-width: 720px; }

.tabs-buttons { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-bottom: 26px; }
.tab-button { font-family: 'Tajawal', sans-serif; background: var(--white); color: var(--text); border: 1px solid var(--border); border-radius: 999px; padding: 12px 22px; font-size: 15px; font-weight: 700; cursor: pointer; min-height: 44px; }
.tab-button.is-active { background: var(--navy); color: #FFFFFF; }
.tool-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 14px; }
[data-tab-panel][hidden] { display: none; }
.tool-card { background: var(--white); border: 1px solid var(--border); border-radius: 6px; padding: 18px 14px; display: flex; flex-direction: column; align-items: center; gap: 12px; }
.tool-card .tool-mark { width: 64px; height: 64px; border-radius: 6px; border: 1px solid var(--border); background: var(--white); color: var(--navy); display: flex; align-items: center; justify-content: center; }
.tool-card .tool-mark svg { width: 32px; height: 32px; }
.tool-card .tool-mark.tool-mark-mono { background: var(--navy); border-color: var(--navy); }
.tool-card .tool-mark.tool-mark-mono span { color: #FFFFFF; font-weight: 800; font-size: 14px; letter-spacing: 0.02em; }
.tool-card span.tool-name { font-size: 14px; font-weight: 700; text-align: center; }

.process-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px; align-items: stretch; }
.process-card { position: relative; overflow: hidden; background: var(--white); color: var(--text); border: 1px solid var(--border); border-radius: 6px; padding: 30px 26px 32px; display: flex; flex-direction: column; gap: 16px; transition: transform 380ms cubic-bezier(0.2,0.8,0.2,1), background 380ms ease, color 380ms ease, border-color 380ms ease, box-shadow 380ms ease; }
.process-card:hover { transform: translateY(-8px); background: var(--navy); color: #FFFFFF; border-color: var(--navy); box-shadow: 0 24px 48px rgba(15,27,61,0.22); }
.process-step-number { position: absolute; top: -18px; inset-inline-end: 6px; font-size: 92px; font-weight: 800; line-height: 1; color: currentColor; opacity: 0.07; pointer-events: none; }
.process-card .rule { width: 40px; height: 3px; background: var(--blue); }
.process-card h3 { margin: 0; font-size: 22px; font-weight: 800; color: inherit; }
.process-card ul { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 11px; }
.process-card li { display: flex; align-items: flex-start; gap: 10px; font-size: 15px; line-height: 1.65; color: inherit; opacity: 0.85; }
.process-card li .step-dot { width: 16px; height: 16px; border-radius: 50%; border: 1.5px solid currentColor; opacity: 0.5; flex-shrink: 0; margin-top: 4px; }

.cta-banner { background: #0B1226; margin: 76px 0 0; padding: 40px 28px; }
.cta-inner { max-width: 1140px; margin: 0 auto; display: flex; align-items: center; gap: 26px; flex-wrap: wrap; background: var(--navy); color: #FFFFFF; border-radius: 8px; padding: 30px 32px; }
.cta-badge { font-size: 13px; font-weight: 700; letter-spacing: 0.14em; color: #6E9BFF; text-transform: uppercase; display: block; }
.cta-heading { font-size: clamp(22px, 2.6vw, 30px); font-weight: 800; line-height: 1.3; margin: 6px 0 0; flex: 1; min-width: 200px; }
.cta-button { display: inline-flex; align-items: center; background: var(--blue); color: #FFFFFF; text-decoration: none; padding: 14px 26px; border-radius: 999px; font-size: 15px; font-weight: 700; min-height: 44px; box-sizing: border-box; }
.cta-button:hover { background: var(--blue-hover); color: #FFFFFF; }

.contact-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 36px 56px; align-items: start; }
.contact-card { display: flex; align-items: center; gap: 16px; text-decoration: none; color: var(--text); background: var(--white); border: 1px solid var(--border); border-radius: 6px; padding: 18px 20px; min-height: 44px; margin-bottom: 12px; transition: border-color 260ms ease, transform 260ms ease, box-shadow 260ms ease; }
.contact-card:hover { border-color: var(--blue); transform: translateY(-2px); box-shadow: 0 10px 24px rgba(41,82,227,0.12); color: var(--text); }
.contact-icon { width: 40px; height: 40px; border-radius: 50%; background: var(--blue-bg); color: var(--blue); flex-shrink: 0; display: flex; align-items: center; justify-content: center; }
.contact-label { font-size: 11px; font-weight: 500; letter-spacing: 0.14em; color: var(--text-faint); text-transform: uppercase; display: block; }
.contact-value { font-size: 19px; font-weight: 700; letter-spacing: -0.01em; display: block; }
.contact-hours { font-size: 13px; color: var(--text-faint); }
.contact-form { display: flex; flex-direction: column; gap: 13px; background: var(--white); border: 1px solid var(--border); border-radius: 6px; padding: 28px 26px; box-shadow: 0 1px 2px rgba(22,35,63,0.04); }
.contact-form input, .contact-form select, .contact-form textarea { font-family: 'Tajawal', sans-serif; font-size: 15px; padding: 13px 14px; border: 1px solid #D7DDE8; border-radius: 4px; background: #FBFCFE; color: var(--text); min-height: 44px; box-sizing: border-box; }
.contact-form textarea { resize: vertical; }
.contact-form button { font-family: 'Tajawal', sans-serif; background: var(--navy); color: #FFFFFF; border: none; padding: 15px 20px; font-size: 15px; font-weight: 700; border-radius: 4px; cursor: pointer; min-height: 44px; }
.contact-form button:hover { background: var(--blue); }
.contact-form small { font-size: 13px; color: var(--text-faint); }

.vendor-disclaimer { font-size: 12px; line-height: 1.7; color: var(--text-faint); max-width: 760px; margin: 14px 0 0; }

.sibling-links { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; padding: 24px 0 8px; font-size: 14px; }
.sibling-links-label { color: var(--text-faint); font-size: 12px; letter-spacing: 0.1em; text-transform: uppercase; }
.sibling-links a { text-decoration: none; font-weight: 700; }

.site-footer { background: #0B1226; }
.footer-inner { max-width: 1140px; margin: 0 auto; padding: 26px 28px; display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.footer-logo { height: 20px; width: auto; display: block; }
.footer-copy { font-size: 13px; color: rgba(255,255,255,0.55); }
.footer-social { display: flex; align-items: center; gap: 6px; }
.footer-social a { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; color: rgba(255,255,255,0.75); transition: color 200ms ease, background-color 200ms ease; }
.footer-social a:hover { color: #FFFFFF; background: rgba(255,255,255,0.08); }
.footer-social svg { width: 18px; height: 18px; fill: currentColor; }

.whatsapp-float { position: fixed; bottom: 24px; inset-inline-start: 24px; z-index: 50; display: inline-flex; align-items: center; gap: 10px; background: var(--blue); color: #FFFFFF; text-decoration: none; padding: 0 22px; height: 48px; border-radius: 999px; font-size: 15px; font-weight: 700; box-shadow: 0 6px 20px rgba(41,82,227,0.35); transition: transform 240ms ease, box-shadow 240ms ease; }
.whatsapp-float:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(41,82,227,0.45); color: #FFFFFF; }

.not-found { max-width: 640px; margin: 120px auto; padding: 0 28px; text-align: center; }

/* Advisory website structure — reuses the existing D3 card, spacing, and color system. */
.advisory-page-hero { border-top: 1px solid var(--border-soft); }
.advisory-collection-section { padding-top: 64px; padding-bottom: 36px; }
.advisory-api-grid { min-height: 96px; }
.advisory-card { gap: 12px; }
.advisory-card-link { color: var(--text); }
.advisory-card-link:hover { color: var(--text); border-color: var(--blue); transform: translateY(-3px); }
.advisory-card h3 { margin: 0; }
.advisory-card .service-icon { margin-bottom: 2px; }
.advisory-card .service-icon span { font-size: 18px; font-weight: 800; }
.advisory-meta { display: block; font-size: 13px; line-height: 1.7; color: var(--text-faint); }
.advisory-status { margin: 0; padding: 20px 0; color: var(--text-muted); font-size: 15px; line-height: 1.8; }
.advisory-status.is-error { color: #A63B42; }
.advisory-detail-note { max-width: 720px; margin: -12px 0 28px; color: var(--text-muted); line-height: 1.8; }
.advisory-graph-visual { min-height: 170px; aspect-ratio: auto; padding: 24px; flex-direction: column; gap: 24px; background: linear-gradient(135deg, #F7F9FC, #E5EAFB); }
.advisory-graph-visual .home2-app-bar { width: 100%; }
.advisory-graph-flow { display: flex; align-items: center; justify-content: center; gap: 12px; flex-wrap: wrap; color: var(--navy); font-size: 16px; font-weight: 800; }
.advisory-graph-flow span { background: var(--white); border: 1px solid var(--border); border-radius: 999px; padding: 10px 14px; }
.advisory-graph-flow i { color: var(--blue); font-style: normal; }
.advisory-home-section .home2-flow-head { align-items: flex-end; }

@media (max-width: 720px) {
  .advisory-graph-flow { gap: 7px; font-size: 14px; }
  .advisory-graph-flow span { padding: 8px 10px; }
  .advisory-home-section .home2-flow-head { align-items: flex-start; }
}

@media (max-width: 620px) {
  .nav-tagline { display: none; }
  .nav-links { gap: 14px; font-size: 13px; }
}


/* ============================================================
   HOME V2 — redesigned landing page (home page only)
   Additive: nothing above this line was changed.
   RTL-safe: logical properties only (inset-inline, padding-inline).
   ============================================================ */

.home2 { --h2-navy:#0F1B3D; --h2-blue:#2952E3; --h2-blue-dark:#1B3ECB; --h2-blue-soft:#E5EAFB; --h2-violet:#8A3FD1; --h2-violet-soft:#F1E7FB; --h2-teal:#0E8080; --h2-teal-soft:#DFF3F3; --h2-line:#E7ECF7; }
.home2-nav-pin { position:sticky; top:10px; z-index:45; padding:18px 18px 10px; background:linear-gradient(180deg,#EEF1FF 0%,rgba(238,241,255,0) 100%); }
.home2 [id] { scroll-margin-top:96px; }
.home2-hero { position:relative; overflow:hidden; background:linear-gradient(160deg,#EEF1FF 0%,#DCE6FF 34%,#C9DAFF 62%,#E8F0FF 100%); padding:0 18px; }

/* floating nav pill (home only) */
.home2-nav { position:relative; z-index:2; display:flex; align-items:center; justify-content:space-between; gap:20px; background:#FFFFFF; border-radius:999px; padding-block:10px; padding-inline:22px 14px; box-shadow:0 2px 14px rgba(15,27,61,0.07); }
.home2-nav-brand { display:flex; align-items:center; gap:10px; text-decoration:none; flex-shrink:0; }
.home2-nav-brand img { height:22px; width:auto; display:block; }
.home2-nav-links { display:flex; align-items:center; gap:26px; font-size:15px; font-weight:500; min-width:0; flex-wrap:wrap; }
.home2-nav-links a { text-decoration:none; color:#2B3757; }
.home2-nav-links a:hover { color:var(--h2-blue); }
.home2-nav-actions { display:flex; align-items:center; gap:8px; flex-shrink:0; }
.home2-nav-lang, .home2-nav-cta { display:inline-flex; align-items:center; height:40px; border-radius:999px; text-decoration:none; font-size:14px; font-weight:700; white-space:nowrap; }
.home2-nav-lang { padding-inline:16px; border:1px solid #DCE1EC; color:var(--h2-navy); }
.home2-nav-lang:hover { border-color:var(--h2-blue); color:var(--h2-blue); }
.home2-nav-cta { padding-inline:20px; background:var(--h2-blue); color:#FFFFFF; }
.home2-nav-cta:hover { background:var(--h2-blue-dark); color:#FFFFFF; }

/* hero copy */
.home2-hero-inner { position:relative; z-index:2; max-width:900px; margin:0 auto; padding:64px 20px 0; display:flex; flex-direction:column; align-items:center; text-align:center; gap:26px; }
.home2-eyebrow { display:inline-flex; align-items:center; gap:12px; font-size:12.5px; font-weight:700; letter-spacing:0.18em; text-transform:uppercase; color:#3B4B72; }
.home2-eyebrow span { width:26px; height:1px; background:rgba(15,27,61,0.25); }
.home2-hero h1 { margin:0; font-size:clamp(36px,5.4vw,72px); line-height:1.1; font-weight:800; letter-spacing:-0.03em; color:var(--h2-navy); text-wrap:balance; }
.lang-ar .home2-hero h1 { line-height:1.28; letter-spacing:0; }
.home2-hero-sub { margin:0; font-size:19px; line-height:1.7; color:#37456A; max-width:720px; text-wrap:pretty; }
.lang-ar .home2-hero-sub { line-height:1.9; }
.home2-hero-sub a { color:var(--h2-navy); font-weight:700; text-decoration:underline; text-decoration-thickness:2px; text-underline-offset:3px; }
.home2-actions { display:flex; gap:12px; flex-wrap:wrap; justify-content:center; }
.home2-btn { display:inline-flex; align-items:center; height:52px; padding-inline:28px; border-radius:999px; text-decoration:none; font-size:16px; font-weight:800; box-sizing:border-box; }
.home2-btn-primary { background:var(--h2-blue); color:#FFFFFF; box-shadow:0 10px 24px rgba(41,82,227,0.28); }
.home2-btn-primary:hover { background:var(--h2-blue-dark); color:#FFFFFF; }
.home2-btn-ghost { background:#FFFFFF; color:var(--h2-navy); border:1px solid rgba(15,27,61,0.12); font-weight:700; }
.home2-btn-ghost:hover { border-color:var(--h2-blue); color:var(--h2-blue); }

/* tool logo row */
.home2-toolrow { display:flex; flex-direction:column; align-items:center; gap:18px; padding-top:14px; }
.home2-toolrow-label { display:flex; align-items:center; gap:12px; font-size:14px; color:#4A5878; flex-wrap:wrap; justify-content:center; }
.home2-toolrow-label a { text-decoration:none; color:var(--h2-navy); font-weight:700; }
.home2-toolrow-logos { display:flex; align-items:center; justify-content:center; gap:30px; flex-wrap:wrap; color:#1B2547; opacity:0.82; }
.home2-toolrow-logos svg { width:30px; height:30px; }

/* dashboard mock */
.home2-app { width:100%; max-width:1120px; margin-top:34px; border-radius:14px 14px 0 0; background:#FFFFFF; box-shadow:0 -2px 40px rgba(15,27,61,0.18); overflow:hidden; text-align:start; }
.home2-app-bar { display:flex; align-items:center; gap:12px; height:44px; padding-inline:14px; background:var(--h2-navy); }
.home2-app-logo { display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; border-radius:6px; background:var(--h2-blue); color:#FFF; font-size:10px; font-weight:800; }
.home2-app-name { font-size:12px; color:#FFFFFF; font-weight:700; white-space:nowrap; }
.home2-app-search { flex:1; display:flex; align-items:center; gap:8px; height:26px; padding-inline:10px; border-radius:8px; background:rgba(255,255,255,0.09); color:#8FA0C4; font-size:11px; min-width:0; }
.home2-app-search svg { width:13px; height:13px; flex-shrink:0; }
.home2-app-search span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.home2-app-tools { display:inline-flex; align-items:center; gap:12px; color:#8FA0C4; }
.home2-app-tools svg { width:14px; height:14px; }
.home2-app-avatar { display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:var(--h2-blue); color:#FFF; font-size:9.5px; font-weight:800; }
.home2-app-body { display:grid; grid-template-columns:96px 1fr 300px; min-height:330px; }
.home2-app-rail { display:flex; flex-direction:column; gap:4px; padding:12px 8px; border-inline-end:1px solid var(--border-soft); }
.home2-app-rail span { display:flex; align-items:center; gap:9px; padding:8px 9px; border-radius:9px; font-size:11px; font-weight:700; color:#6B7590; }
.home2-app-rail span svg { width:15px; height:15px; flex-shrink:0; }
.home2-app-rail span.is-active { background:var(--h2-blue-soft); color:#2143C9; }
.home2-app-main { padding:22px 24px; display:flex; flex-direction:column; gap:18px; min-width:0; }
.home2-app-hello { font-size:22px; font-weight:800; }
.home2-app-hello-sub { font-size:13px; color:var(--text-faint); margin-top:4px; }
.home2-kpis { display:grid; grid-template-columns:repeat(4,1fr); border:1px solid var(--border-soft); border-radius:10px; overflow:hidden; }
.home2-kpi { padding:12px; border-inline-end:1px solid var(--border-soft); display:flex; flex-direction:column; gap:4px; }
.home2-kpi-label { display:inline-flex; align-items:center; gap:6px; font-size:9.5px; letter-spacing:0.08em; color:var(--text-faint); text-transform:uppercase; }
.home2-kpi-label svg { width:12px; height:12px; }
.home2-kpi-value { font-size:24px; font-weight:800; letter-spacing:-0.02em; }
.home2-kpi-delta { font-size:10px; font-weight:700; color:#1D7A4F; }
.home2-kpi-delta.is-warn { color:#B4711A; }
.home2-kpi-delta.is-mute { color:var(--text-faint); }
.home2-activity-head { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.home2-activity-head span:first-child { font-size:12px; letter-spacing:0.1em; color:var(--text-faint); text-transform:uppercase; }
.home2-pill-live { display:inline-flex; align-items:center; gap:6px; font-size:10.5px; font-weight:700; color:#1D7A4F; background:#E4F5EC; border-radius:999px; padding:3px 9px; }
.home2-activity-row { display:flex; align-items:center; gap:10px; font-size:12.5px; color:#42506F; border-bottom:1px solid #F4F7FB; padding-bottom:8px; }
.home2-activity-icon { display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:7px; flex-shrink:0; }
.home2-activity-icon svg { width:12px; height:12px; }
.home2-activity-row span.txt { flex:1; }
.home2-activity-row span.time { color:#9AA5BC; }
.home2-app-side { border-inline-start:1px solid var(--border-soft); padding:18px; display:flex; flex-direction:column; gap:14px; background:#FBFCFE; }
.home2-side-head { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.home2-side-head span:first-child { font-size:11px; letter-spacing:0.1em; color:var(--text-faint); text-transform:uppercase; }
.home2-side-chip { display:inline-flex; align-items:center; gap:5px; font-size:10.5px; font-weight:700; color:var(--text-muted); border:1px solid var(--h2-line); border-radius:7px; padding:3px 8px; background:#FFF; }
.home2-side-chip svg { width:10px; height:10px; }
.home2-side-total { display:flex; align-items:flex-end; gap:8px; }
.home2-side-total b { font-size:27px; font-weight:800; letter-spacing:-0.02em; line-height:1; }
.home2-side-total i { font-style:normal; font-size:11px; font-weight:800; color:#1D7A4F; }
.home2-chart { display:flex; align-items:flex-end; gap:5px; height:92px; padding-inline:2px; }
.home2-chart span { flex:1; border-radius:4px 4px 2px 2px; background:#C6D5FB; }
.home2-chart span.is-now { background:var(--h2-blue); }
.home2-chart-axis { display:flex; justify-content:space-between; font-size:9.5px; color:#9AA5BC; letter-spacing:0.04em; }
.home2-channels { display:flex; flex-direction:column; gap:9px; }
.home2-channel { display:flex; flex-direction:column; gap:5px; }
.home2-channel-top { display:flex; align-items:center; justify-content:space-between; font-size:11.5px; color:#42506F; }
.home2-channel-top b { font-weight:700; }
.home2-channel-track { height:5px; border-radius:3px; background:var(--border-soft); overflow:hidden; }
.home2-channel-fill { display:block; height:100%; border-radius:3px; background:var(--h2-blue); }

/* light panel holding the rest of the page */
.home2-panel { background:#FFFFFF; border-radius:30px; margin:16px; padding:76px 0 84px; }
.home2-section { max-width:1140px; margin:0 auto; padding-inline:32px; }
.home2-section + .home2-section { padding-top:84px; }
.home2-h2 { margin:0; font-size:clamp(28px,3.2vw,40px); line-height:1.15; font-weight:800; letter-spacing:-0.02em; max-width:620px; }
.lang-ar .home2-h2 { line-height:1.35; letter-spacing:0; }
.home2-lede { margin:0 0 34px; font-size:16px; line-height:1.8; color:var(--text-muted); max-width:660px; }

/* step flow */
.home2-flow-head { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; flex-wrap:wrap; margin-bottom:8px; }
.home2-flow-head a { text-decoration:none; color:var(--h2-blue); font-weight:700; font-size:15px; }
.home2-flow { position:relative; }
.home2-flow-line { position:absolute; inset-inline:0; top:44px; height:3px; background:var(--h2-line); border-radius:2px; overflow:hidden; }
.home2-flow-line span { display:block; height:100%; width:100%; transform-origin:left; background:linear-gradient(90deg,var(--h2-blue),#7FA0FF); animation:home2Draw 1500ms cubic-bezier(0.22,0.8,0.2,1) 200ms both; }
[dir="rtl"] .home2-flow-line span { transform-origin:right; }
.home2-flow-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:18px; }
.home2-step { position:relative; overflow:hidden; display:flex; flex-direction:column; gap:12px; background:linear-gradient(180deg,#FFFFFF 0%,#F4F7FF 100%); border:1px solid #E1E8F8; border-radius:22px; padding:72px 22px 26px; text-decoration:none; color:var(--h2-navy); box-shadow:0 6px 18px rgba(15,27,61,0.06); animation:home2Rise 660ms cubic-bezier(0.22,0.8,0.2,1) both; transition:transform 260ms cubic-bezier(0.22,0.8,0.2,1), border-color 240ms ease, box-shadow 260ms ease; }
.home2-step:nth-child(1) { animation-delay:120ms; }
.home2-step:nth-child(2) { animation-delay:280ms; }
.home2-step:nth-child(3) { animation-delay:440ms; }
.home2-step:nth-child(4) { animation-delay:600ms; }
.home2-step:hover { transform:translateY(-8px); border-color:var(--h2-blue); box-shadow:0 26px 46px rgba(41,82,227,0.20); color:var(--h2-navy); }
.home2-step-bar { position:absolute; top:0; inset-inline:0; height:4px; background:linear-gradient(90deg,var(--h2-blue),#7FA0FF); }
.home2-step-ghost { position:absolute; top:12px; inset-inline-end:14px; color:var(--h2-blue); opacity:0.10; pointer-events:none; }
.home2-step-ghost svg { width:82px; height:82px; }
.home2-step-badge { position:absolute; top:22px; inset-inline-start:22px; display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; border-radius:14px; background:var(--h2-blue); color:#FFFFFF; box-shadow:0 0 0 7px #FFFFFF, 0 8px 18px rgba(41,82,227,0.35); }
.home2-step-badge svg { width:22px; height:22px; }
.home2-step-tag { font-size:11px; letter-spacing:0.14em; color:#2143C9; text-transform:uppercase; font-weight:700; }
.home2-step-title { font-size:20px; font-weight:800; line-height:1.25; letter-spacing:-0.01em; }
.home2-step-body { font-size:14px; line-height:1.7; color:var(--text-muted); }
.home2-step-result { display:inline-flex; align-items:center; gap:8px; margin-top:auto; padding-top:14px; font-size:13.5px; font-weight:800; color:var(--h2-blue); }
@keyframes home2Rise { from { opacity:0; transform:translateY(22px); } to { opacity:1; transform:translateY(0); } }
@keyframes home2Draw { from { transform:scaleX(0); } to { transform:scaleX(1); } }
@media (prefers-reduced-motion: reduce) { .home2-step, .home2-flow-line span { animation:none; } }

/* products: tabs + detail panel */
.home2-products { display:flex; flex-direction:column; gap:28px; }
.home2-products-note { margin:0 2px; font-size:13px; line-height:1.7; color:var(--text-faint); }
.home2-ppanel { position:relative; overflow:hidden; background:#FFFFFF; border:1px solid var(--h2-line); border-radius:24px; box-shadow:0 10px 30px rgba(15,27,61,0.07); }
.home2-ppanel-bar { position:absolute; top:0; inset-inline:0; height:5px; }
.home2-ppanel-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr)); gap:28px; padding:34px 30px 32px; }
.home2-ppanel-copy { display:flex; flex-direction:column; gap:16px; min-width:0; }
.home2-ptag { display:inline-flex; align-self:flex-start; align-items:center; height:28px; padding-inline:13px; border-radius:999px; font-size:11px; font-weight:800; letter-spacing:0.14em; }
.home2-ppanel-copy h3 { margin:0; font-size:26px; font-weight:800; line-height:1.2; letter-spacing:-0.02em; }
.home2-ppanel-copy p { margin:0; font-size:15.5px; line-height:1.8; color:#42506F; }
.home2-plist { margin:0; padding:0; list-style:none; display:flex; flex-direction:column; gap:10px; }
.home2-plist li { display:flex; align-items:flex-start; gap:10px; font-size:14.5px; line-height:1.6; color:#42506F; }
.home2-plist li i { font-style:normal; width:7px; height:7px; border-radius:50%; flex-shrink:0; margin-top:7px; }
.home2-vendors-label { font-size:11px; letter-spacing:0.14em; color:var(--text-faint); text-transform:uppercase; }
.home2-vendors { display:flex; align-items:center; gap:16px; flex-wrap:wrap; color:#1B2547; }
.home2-vendor { display:inline-flex; align-items:center; gap:8px; font-size:13.5px; font-weight:700; }
.home2-vendor svg { width:22px; height:22px; }
.home2-pcta { align-self:flex-start; margin-top:6px; display:inline-flex; align-items:center; height:48px; padding-inline:24px; border-radius:999px; text-decoration:none; font-size:15px; font-weight:800; color:#FFFFFF; }
.home2-pcta:hover { color:#FFFFFF; opacity:0.9; }
.home2-pmock { min-width:0; border-radius:18px; border:1px solid var(--border-soft); background:#FBFCFE; padding:16px; display:flex; flex-direction:column; gap:12px; }
.home2-pmock-head { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.home2-pmock-head span:first-child { font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:10.5px; letter-spacing:0.08em; color:#93A0B5; text-transform:uppercase; }
.home2-pmock-dots { display:flex; gap:5px; }
.home2-pmock-dots i { width:7px; height:7px; border-radius:50%; background:var(--border); }
.home2-doc { background:#FFFFFF; border:1px solid var(--border-soft); border-radius:14px; padding:16px; display:flex; flex-direction:column; gap:12px; }
.home2-doc-head { display:flex; align-items:flex-start; justify-content:space-between; gap:10px; }
.home2-doc-head b { font-size:15px; font-weight:800; }
.home2-tagpill { font-size:10px; font-weight:800; letter-spacing:0.1em; border-radius:999px; padding:4px 9px; }
.home2-doc-row { display:flex; align-items:center; justify-content:space-between; gap:10px; font-size:12.5px; color:var(--text-muted); border-bottom:1px solid #F4F7FB; padding-bottom:7px; }
.home2-doc-row b { font-weight:700; color:#16233F; }
.home2-doc-total { display:flex; align-items:center; justify-content:space-between; gap:10px; font-size:14px; font-weight:800; }
.home2-doc-note { display:flex; align-items:center; gap:8px; font-size:11.5px; color:var(--text-faint); }
.home2-doc-note i { width:6px; height:6px; border-radius:50%; }
.home2-pipeline { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.home2-pipeline-col { background:#FFFFFF; border:1px solid var(--border-soft); border-radius:12px; padding:10px 9px; display:flex; flex-direction:column; gap:8px; }
.home2-pipeline-col > span:first-child { font-size:10px; font-weight:800; letter-spacing:0.08em; color:var(--text-faint); text-transform:uppercase; }
.home2-deal { display:flex; flex-direction:column; gap:3px; background:#F7F9FE; border-radius:9px; padding:8px 9px; }
.home2-deal b { font-size:11.5px; font-weight:700; color:#16233F; }
.home2-deal span { font-size:10.5px; color:#7B869B; }

/* tools + process + contact (v2 skins) */
.home2-center { display:flex; flex-direction:column; align-items:center; text-align:center; gap:10px; margin-bottom:26px; }
.home2-center p { margin:0; font-size:15px; line-height:1.8; color:var(--text-muted); max-width:620px; }
.home2-tabs { display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin-bottom:24px; }
.home2-tab { font-family:'Tajawal',sans-serif; border:1px solid var(--h2-line); border-radius:999px; padding:11px 20px; font-size:14.5px; font-weight:700; cursor:pointer; min-height:44px; background:#FFFFFF; color:var(--h2-navy); }
.home2-tab.is-active { background:var(--h2-navy); color:#FFFFFF; }
.home2-toolgrid { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:12px; }
.home2-toolcard { background:#F7F9FE; border:1px solid var(--h2-line); border-radius:16px; padding:20px 14px; display:flex; flex-direction:column; align-items:center; gap:12px; }
.home2-toolmark { width:52px; height:52px; border-radius:14px; background:#FFFFFF; border:1px solid var(--h2-line); color:var(--h2-navy); display:flex; align-items:center; justify-content:center; }
.home2-toolmark svg { width:26px; height:26px; }
.home2-toolmark.is-mono { background:var(--h2-navy); border-color:var(--h2-navy); color:#FFFFFF; font-size:13px; font-weight:800; }
.home2-toolname { font-size:13.5px; font-weight:700; text-align:center; }
.home2-steps { display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:16px; }
.home2-stage { position:relative; overflow:hidden; background:#F7F9FE; border:1px solid var(--h2-line); border-radius:20px; padding:26px 24px 28px; display:flex; flex-direction:column; gap:14px; transition:transform 340ms cubic-bezier(0.2,0.8,0.2,1), background 340ms ease, color 340ms ease, box-shadow 340ms ease; }
.home2-stage:hover { transform:translateY(-6px); background:var(--h2-navy); color:#FFFFFF; box-shadow:0 22px 44px rgba(15,27,61,0.22); }
.home2-stage-num { position:absolute; top:-14px; inset-inline-end:8px; font-size:82px; font-weight:800; line-height:1; color:currentColor; opacity:0.07; pointer-events:none; }
.home2-stage h3 { margin:0; font-size:20px; font-weight:800; color:inherit; }
.home2-stage ul { margin:0; padding:0; list-style:none; display:flex; flex-direction:column; gap:9px; }
.home2-stage li { display:flex; align-items:flex-start; gap:9px; font-size:14.5px; line-height:1.6; color:inherit; opacity:0.85; }
.home2-stage li i { width:14px; height:14px; border-radius:50%; border:1.5px solid currentColor; opacity:0.5; flex-shrink:0; margin-top:3px; }
.home2-contact { display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:32px 56px; align-items:start; background:linear-gradient(150deg,#EEF1FF 0%,#DCE6FF 55%,#E8F0FF 100%); border-radius:26px; padding:36px 34px 40px; }
.home2-contact-copy { display:flex; flex-direction:column; gap:14px; }
.home2-contact-copy h2 { margin:0; font-size:clamp(26px,3vw,36px); font-weight:800; letter-spacing:-0.02em; line-height:1.15; }
.lang-ar .home2-contact-copy h2 { line-height:1.35; letter-spacing:0; }
.home2-contact-copy p { margin:0; font-size:15px; line-height:1.8; color:#37456A; max-width:420px; }
.home2-contact-card { display:flex; align-items:center; gap:14px; background:#FFFFFF; border-radius:16px; padding:16px 18px; text-decoration:none; color:var(--h2-navy); max-width:340px; }
.home2-contact-card:hover { color:var(--h2-blue); }
.home2-contact-icon { width:38px; height:38px; border-radius:50%; background:var(--h2-blue-soft); color:var(--h2-blue); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.home2-contact-icon svg { width:18px; height:18px; }
.home2-contact-label { display:block; font-size:11px; letter-spacing:0.14em; color:var(--text-faint); text-transform:uppercase; }
.home2-contact-value { display:block; font-size:18px; font-weight:800; overflow-wrap:anywhere; }
.home2-form { display:flex; flex-direction:column; gap:12px; background:#FFFFFF; border-radius:20px; padding:26px 24px 28px; }
.home2-form input, .home2-form select, .home2-form textarea { font-family:'Tajawal',sans-serif; font-size:15px; padding:14px 16px; border:1px solid #E1E7F3; border-radius:12px; background:#FBFCFE; color:var(--h2-navy); min-height:48px; box-sizing:border-box; }
.home2-form textarea { resize:vertical; }
.home2-form button { font-family:'Tajawal',sans-serif; background:var(--h2-blue); color:#FFFFFF; border:none; padding:16px 20px; font-size:15px; font-weight:800; border-radius:999px; cursor:pointer; min-height:50px; }
.home2-form button:hover { background:var(--h2-blue-dark); }
.home2-form small { font-size:12.5px; color:var(--text-faint); }
.home2-form .hp-field { position:absolute; inset-inline-start:-9999px; width:1px; height:1px; opacity:0; pointer-events:none; }
.form-status { display:none; margin:0; font-size:14px; font-weight:700; }
.form-status.is-ok { display:block; color:var(--h2-teal); }
.form-status.is-error { display:block; color:#C0392B; }
.home2-disclaimer { font-size:12px; line-height:1.7; color:var(--text-faint); max-width:760px; margin:18px 0 0; }

@media (max-width: 900px) {
  .home2-app-body { grid-template-columns:1fr; }
  .home2-app-rail { flex-direction:row; overflow-x:auto; border-inline-end:none; border-bottom:1px solid var(--border-soft); }
  .home2-kpis { grid-template-columns:repeat(2,1fr); }
  .home2-app-side { border-inline-start:none; border-top:1px solid var(--border-soft); }
}
@media (max-width: 720px) {
  .home2-nav { flex-wrap:wrap; border-radius:22px; padding:12px 14px; }
  .home2-nav-links { order:3; width:100%; justify-content:center; gap:16px; font-size:14px; }
  .home2-hero-inner { padding-top:44px; }
  .home2-panel { margin:8px; padding-inline:8px; }
  .home2-section { padding-inline:20px; }
  .home2-ppanel-grid { padding:24px 18px 22px; gap:20px; }
  .home2-pipeline { grid-template-columns:1fr 1fr; gap:8px; }
}

/* small phones: mockup cards (pipeline / invoice / payslip / kpis)
   were staying at a fixed column count and getting crushed */
@media (max-width: 480px) {
  .home2-pipeline { grid-template-columns:1fr; }
  .home2-kpis { grid-template-columns:repeat(2,1fr); }
  .home2-kpi { padding:10px; }
  .home2-kpi-value { font-size:20px; }
  .home2-app-main { padding:16px; }
  .home2-app-side { padding:14px; }
  .home2-pmock { padding:12px; }
  .home2-doc, .home2-app { border-radius:10px; }
}

/* tone helpers used by home v2 (data-driven classes) */
.home2-activity-icon.is-blue { background:var(--h2-blue-soft); color:#2143C9; }
.home2-activity-icon.is-violet { background:var(--h2-violet-soft); color:#7A34C0; }
.home2-activity-icon.is-green { background:#E4F5EC; color:#1D7A4F; }
.home2-activity-icon.is-teal { background:var(--h2-teal-soft); color:var(--h2-teal); }
.home2-activity-icon.is-amber { background:#FDF0DC; color:#B4711A; }
.home2-channel-fill.is-strong { background:var(--h2-blue); }
.home2-channel-fill.is-mid { background:#7FA0FF; }
.home2-channel-fill.is-soft { background:#C6D5FB; }

/* per-product accents (ERP blue · CRM violet · HR teal) */
.home2-ppanel.is-erp .home2-ppanel-bar { background:var(--h2-blue); }
.home2-ppanel.is-crm .home2-ppanel-bar { background:var(--h2-violet); }
.home2-ppanel.is-hr .home2-ppanel-bar { background:var(--h2-teal); }
.home2-ppanel.is-erp .home2-ptag { background:var(--h2-blue-soft); color:var(--h2-blue); }
.home2-ppanel.is-crm .home2-ptag { background:var(--h2-violet-soft); color:var(--h2-violet); }
.home2-ppanel.is-hr .home2-ptag { background:var(--h2-teal-soft); color:var(--h2-teal); }
.home2-ppanel.is-erp .home2-plist li i, .home2-ppanel.is-erp .home2-doc-note i { background:var(--h2-blue); }
.home2-ppanel.is-crm .home2-plist li i, .home2-ppanel.is-crm .home2-doc-note i { background:var(--h2-violet); }
.home2-ppanel.is-hr .home2-plist li i, .home2-ppanel.is-hr .home2-doc-note i { background:var(--h2-teal); }
.home2-ppanel.is-erp .home2-pcta { background:var(--h2-blue); }
.home2-ppanel.is-crm .home2-pcta { background:var(--h2-violet); }
.home2-ppanel.is-hr .home2-pcta { background:var(--h2-teal); }
.home2-tagpill.is-paid { color:#1D7A4F; background:#E4F5EC; }
.home2-tagpill.is-staff { color:var(--h2-teal); background:var(--h2-teal-soft); }
[data-tab-panel][hidden] { display:none; }


/* Vendor logos in original brand colours */
svg[data-logo="shopify"] { color:#95BF47; fill:#95BF47; }
svg[data-logo="salla"] { color:#00B9AE; fill:#00B9AE; }
svg[data-logo="woocommerce"] { color:#7F54B3; fill:#7F54B3; }
svg[data-logo="odoo"] { color:#714B67; fill:#714B67; }
svg[data-logo="zoho"] { color:#E42527; fill:#E42527; }
svg[data-logo="sap"] { color:#0FAAFF; fill:#0FAAFF; }
svg[data-logo="quickbooks"] { color:#2CA01C; fill:#2CA01C; }
svg[data-logo="xero"] { color:#13B5EA; fill:#13B5EA; }
svg[data-logo="hubspot"] { color:#FF7A59; fill:#FF7A59; }
svg[data-logo="zapier"] { color:#FF4F00; fill:#FF4F00; }
svg[data-logo="make"] { color:#6D00CC; fill:#6D00CC; }
svg[data-logo="n8n"] { color:#EA4B71; fill:#EA4B71; }
svg[data-logo="whatsapp"] { color:#25D366; fill:#25D366; }
svg[data-logo="googlesheets"] { color:#0F9D58; fill:#0F9D58; }


/* ============================================================
   v2.1 — five-step hexagon chain, frameless tool logos,
   per-product accents, image logos, web & apps mock
   ============================================================ */

/* step chain */
.home2-chain { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:8px 10px; align-items:stretch; }
.home2-link { display:flex; flex-direction:column; align-items:center; justify-content:space-between; min-height:360px; padding:14px 10px; border-radius:22px; border:1px solid transparent; text-decoration:none; color:var(--h2-navy); text-align:center;
  transition:transform 240ms cubic-bezier(.22,.8,.2,1), background 220ms ease, border-color 220ms ease, box-shadow 240ms ease;
  animation:home2Rise 660ms cubic-bezier(.22,.8,.2,1) both; }
.home2-link.is-down { flex-direction:column-reverse; }
.home2-link:nth-child(1) { animation-delay:120ms; --s:#2952E3; --s2:#7FA0FF; --ss:#E5EAFB; --sd:#1B3ECB; }
.home2-link:nth-child(2) { animation-delay:280ms; --s:#0E8080; --s2:#57C9C0; --ss:#DFF3F3; --sd:#0A6666; }
.home2-link:nth-child(3) { animation-delay:440ms; --s:#8A3FD1; --s2:#C08CF0; --ss:#F1E7FB; --sd:#6E2FAF; }
.home2-link:nth-child(4) { animation-delay:600ms; --s:#B5389B; --s2:#E08BD2; --ss:#F9E8F6; --sd:#8C2777; }
.home2-link:nth-child(5) { animation-delay:760ms; --s:#E0761B; --s2:#F6B25C; --ss:#FCEEDD; --sd:#B45C0F; }
.home2-link:hover { transform:translateY(-8px) scale(1.035); background:var(--ss); border-color:var(--s); box-shadow:0 22px 44px rgba(15,27,61,.16); color:var(--h2-navy); }
.home2-link-copy { display:flex; flex-direction:column; align-items:center; justify-content:flex-end; gap:7px; flex:1; padding:0 4px; }
.home2-link-tag { font-size:12px; letter-spacing:.16em; text-transform:uppercase; font-weight:800; color:var(--sd); }
.home2-link-title { font-size:20px; font-weight:800; line-height:1.22; letter-spacing:-.015em; }
.home2-link-body { font-size:14px; line-height:1.65; color:var(--text-muted); }
.home2-link-result { font-size:13.5px; font-weight:800; color:var(--sd); }
.home2-link-dash { width:0; height:22px; border-left:2px dashed #CBD5EA; }
.home2-hex { position:relative; width:100%; max-width:114px; aspect-ratio:1/1.08; flex-shrink:0; display:flex; align-items:center; justify-content:center;
  clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%); background:var(--s2); transition:transform 260ms cubic-bezier(.22,.8,.2,1); }
.home2-link:hover .home2-hex { transform:scale(1.05); }
.home2-hex i { position:absolute; inset:9px; clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%); background:var(--s); }
.home2-hex svg { position:relative; width:34px; height:34px; color:#FFFFFF; }
@media (prefers-reduced-motion: reduce) { .home2-link { animation:none; } }

/* product tag: rule + spaced caps instead of a pill */
.home2-ptag { display:flex; align-items:center; gap:10px; height:auto; padding:0; border-radius:0; background:none !important;
  font-size:12.5px; font-weight:800; letter-spacing:.22em; text-transform:uppercase; white-space:nowrap; }
.home2-ptag::before { content:""; width:26px; height:2px; border-radius:2px; background:currentColor; flex-shrink:0; }
.home2-ppanel-copy h3 { margin-top:-4px; }

/* keyword highlights inside product copy */
.home2-ppanel-copy strong { font-weight:800; }
.home2-ppanel.is-erp .home2-ppanel-copy strong { color:#2952E3; }
.home2-ppanel.is-crm .home2-ppanel-copy strong { color:#8A3FD1; }
.home2-ppanel.is-hr  .home2-ppanel-copy strong { color:#0E8080; }
.home2-ppanel.is-web .home2-ppanel-copy strong { color:#E0761B; }
.home2-ppanel.is-web .home2-ppanel-bar { background:#E0761B; }
.home2-ppanel.is-web .home2-ptag { color:#E0761B; }
.home2-ppanel.is-web .home2-plist li i { background:#E0761B; }
.home2-ppanel.is-web .home2-pcta { background:#E0761B; color:#FFFFFF; }

/* logos in original brand colours (image marks) */
.home2-toolrow-logos img { height:26px; width:auto; object-fit:contain; display:block; }
.home2-vendor img { height:18px; width:auto; object-fit:contain; display:block; }

/* tool cards: bare logo, name underneath */
.home2-toolcard { min-height:113px; padding:22px 14px 18px; gap:14px; justify-content:center; }
.home2-toolmark { width:auto; min-width:40px; height:40px; border-radius:0; background:none; border:none; }
.home2-toolmark svg { width:38px; height:38px; }
.home2-toolmark img { max-width:64px; max-height:38px; width:auto; height:auto; object-fit:contain; display:block; }
.home2-toolmark b { display:flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:12px; background:var(--h2-navy); color:#FFFFFF; font-size:15px; font-weight:800; }
.home2-toolname { font-size:13.5px; font-weight:700; text-align:center; color:#42506F; }

/* web & apps mock */
.home2-screens { display:grid; grid-template-columns:1fr 92px; gap:12px; align-items:stretch; }
.home2-screen-web { background:#FFFFFF; border:1px solid #EEF2F8; border-radius:14px; overflow:hidden; display:flex; flex-direction:column; }
.home2-screen-bar { display:flex; align-items:center; gap:6px; padding:9px 11px; border-bottom:1px solid #F1F4F9; }
.home2-screen-bar i { width:7px; height:7px; border-radius:50%; background:#E3E7EE; }
.home2-screen-bar span { flex:1; height:14px; border-radius:7px; background:#F4F7FB; }
.home2-screen-body { padding:13px; display:flex; flex-direction:column; gap:9px; }
.home2-screen-body .hero, .home2-screen-phone .hero { height:34px; border-radius:9px; background:linear-gradient(120deg,#FCEEDD,#F7DCBC); }
.home2-screens .line { height:9px; border-radius:5px; background:#EDF1F7; }
.home2-screens .w70 { width:70%; } .home2-screens .w48 { width:48%; }
.home2-screens .w80 { width:80%; } .home2-screens .w60 { width:60%; }
.home2-screen-body .tiles { display:grid; grid-template-columns:repeat(3,1fr); gap:7px; }
.home2-screen-body .tiles i { height:38px; border-radius:9px; background:#F4F7FB; }
.home2-screen-body .btn { height:26px; width:104px; border-radius:999px; background:#E0761B; }
.home2-screen-phone { background:#FFFFFF; border:1px solid #EEF2F8; border-radius:16px; padding:8px; display:flex; flex-direction:column; gap:7px; }
.home2-screen-phone .notch { height:5px; width:28px; border-radius:3px; background:#E3E7EE; align-self:center; }
.home2-screen-phone .hero { height:44px; }
.home2-screen-phone .btn { margin-top:auto; height:22px; border-radius:999px; background:#E0761B; }


/* Compact homepage credibility and connected-systems positioning. */
.home2-trust { width:100%; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; list-style:none; margin:6px 0 0; padding:22px 0; border-block:1px solid var(--h2-line); }
.home2-trust li { display:flex; flex-direction:column; gap:7px; }
.home2-trust strong { font-size:14px; line-height:1.5; color:var(--h2-navy); }
.home2-trust span { font-size:13px; line-height:1.5; color:var(--text-muted); }
.home2-why { display:grid; grid-template-columns:1fr 1.4fr; gap:40px; }
.home2-why-title { margin:16px 0 0; font-size:22px; line-height:1.5; font-weight:700; color:var(--h2-navy); }
.home2-why-copy .home2-lede { margin:0 0 16px; }
.home2-why-copy .home2-lede:last-child { margin-bottom:0; }
@media (max-width:680px) {
  .home2-trust { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 12px; }
  .home2-why { grid-template-columns:1fr; gap:22px; }
}

/* D3 Advisory homepage refresh: restrained, bordered, and intentionally scoped. */
.d3-home-page { background:#FFFFFF; color:#111213; }
.d3-home { --d3-black:#111213; --d3-muted:#565656; --d3-border:#E8E8E8; --d3-border-strong:#BEBEBE; --d3-cyan:#57D2EE; --d3-teal:#45BFDB; --d3-warm:#F6F5EE; background:#FFFFFF; color:var(--d3-black); }
.d3-home *, .d3-home *::before, .d3-home *::after { box-sizing:border-box; }
.d3-home a { color:inherit; }
.d3-home-container { width:min(1200px,calc(100% - 64px)); margin:0 auto; }
.d3-home-nav { width:min(1200px,calc(100% - 64px)); min-height:64px; margin:20px auto 0; padding:0 18px 0 22px; display:flex; align-items:center; gap:28px; border:1px solid var(--d3-border); border-radius:10px; background:#FFFFFF; }
.d3-home-brand { display:flex; align-items:center; flex:0 0 auto; }
.d3-home-brand img { display:block; width:104px; height:auto; }
.d3-home-links { display:flex; align-items:center; justify-content:center; gap:26px; flex:1; }
.d3-home-links a, .d3-home-lang a { font-size:14px; line-height:1.2; text-decoration:none; color:var(--d3-muted); }
.d3-home-links a:hover, .d3-home-lang a:hover { color:var(--d3-black); }
.d3-home-lang { flex:0 0 auto; }
.d3-home-lang a { display:inline-flex; min-height:36px; align-items:center; padding:0 13px; border:1px solid var(--d3-border-strong); border-radius:10px; }
.d3-home-main { overflow:hidden; }
.d3-home-hero { padding:112px 0 104px; text-align:center; }
.d3-home-hero-inner { display:flex; flex-direction:column; align-items:center; }
.d3-eyebrow { margin:0 0 18px; color:#4EAFC5; font-size:12px; font-weight:800; letter-spacing:.18em; line-height:1.4; text-transform:uppercase; }
.d3-home h1, .d3-home h2, .d3-home h3, .d3-home p { margin-top:0; }
.d3-home h1 { max-width:820px; margin-bottom:24px; font-size:clamp(42px,6.5vw,76px); font-weight:750; letter-spacing:-.055em; line-height:1.04; }
.d3-home-hero-lede { max-width:640px; margin-bottom:34px; color:var(--d3-muted); font-size:19px; line-height:1.7; }
.d3-home-actions { display:flex; align-items:center; gap:28px; }
.d3-button { display:inline-flex; min-height:48px; align-items:center; justify-content:center; padding:0 22px; border:1px solid var(--d3-black); border-radius:10px; font:inherit; font-size:14px; font-weight:800; text-decoration:none; cursor:pointer; }
.d3-button-primary { border-color:var(--d3-cyan); background:var(--d3-cyan); color:#071015 !important; }
.d3-button-primary:hover { background:#79DDF1; border-color:#79DDF1; }
.d3-text-link { display:inline-flex; align-items:center; gap:8px; color:var(--d3-black); font-size:14px; font-weight:800; text-decoration:none; }
.d3-text-link:hover { color:#1689A2; }
.d3-home-section { padding:96px 0; border-top:1px solid var(--d3-border); }
.d3-section-neutral { background:var(--d3-warm); }
.d3-section-intro { max-width:620px; }
.d3-section-intro h2 { margin-bottom:14px; font-size:clamp(30px,4vw,48px); font-weight:750; letter-spacing:-.04em; line-height:1.08; }
.d3-section-intro > p:last-child { margin-bottom:0; color:var(--d3-muted); font-size:17px; line-height:1.7; }
.d3-section-heading-row { display:flex; align-items:flex-end; justify-content:space-between; gap:32px; margin-bottom:36px; }
.d3-section-heading-row .d3-section-intro { margin:0; }
.d3-home-grid { display:grid; gap:14px; }
.d3-home-grid-3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
.d3-home-grid-4 { grid-template-columns:repeat(4,minmax(0,1fr)); }
.d3-home .advisory-card { min-height:180px; padding:22px; display:flex; flex-direction:column; align-items:flex-start; gap:12px; border:1px solid var(--d3-border-strong); border-radius:10px; background:#FFFFFF; color:var(--d3-black); text-decoration:none; }
.d3-home .advisory-card:hover { border-color:var(--d3-black); }
.d3-home .advisory-card .service-icon { width:34px; height:34px; display:flex; align-items:center; justify-content:center; border:1px solid var(--d3-border-strong); border-radius:10px; background:#FFFFFF; color:var(--d3-black); }
.d3-home .advisory-card .service-icon span { font-size:13px; font-weight:800; }
.d3-home .advisory-card h3 { margin:0; font-size:19px; font-weight:750; letter-spacing:-.02em; line-height:1.2; }
.d3-home .advisory-card p { margin:0; color:var(--d3-muted); font-size:14px; line-height:1.55; }
.d3-home .advisory-meta { display:block; color:var(--d3-muted); font-size:12px; line-height:1.5; }
.d3-home .advisory-status, .d3-home .d3-data-state { margin:0; color:var(--d3-muted); font-size:15px; line-height:1.6; }
.d3-home .advisory-status.is-error, .d3-home .d3-data-error { color:#9D2F2F; }
.d3-map-section { padding-top:88px; }
.d3-advisory-map { margin-top:36px; padding:26px; border:1px solid var(--d3-border-strong); border-radius:10px; background:#FFFFFF; }
.d3-map-path { display:grid; grid-template-columns:1fr auto 1fr auto 1fr auto 1fr; align-items:stretch; gap:12px; }
.d3-map-path + .d3-map-path { margin-top:14px; }
.d3-map-node { min-height:114px; padding:18px; display:flex; flex-direction:column; justify-content:center; gap:8px; border:1px solid var(--d3-border); border-radius:10px; background:#FFFFFF; }
.d3-map-node-product { border-color:var(--d3-cyan); }
.d3-map-node-label { color:var(--d3-muted); font-size:11px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.d3-map-node strong { font-size:18px; font-weight:750; line-height:1.2; }
.d3-map-arrow { align-self:center; color:#5BBED2; font-size:22px; }
.d3-process-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:0; margin-top:38px; border-top:1px solid var(--d3-border-strong); border-bottom:1px solid var(--d3-border-strong); }
.d3-process-step { min-height:190px; padding:24px 20px; border-inline-start:1px solid var(--d3-border); }
.d3-process-step:first-child { border-inline-start:0; }
.d3-process-number { display:block; margin-bottom:35px; color:#4EAFC5; font-size:12px; font-weight:800; letter-spacing:.12em; }
.d3-process-step h3 { margin-bottom:10px; font-size:17px; font-weight:750; line-height:1.25; }
.d3-process-step p { margin-bottom:0; color:var(--d3-muted); font-size:14px; line-height:1.55; }
.d3-contact-section { padding-bottom:96px; }
.d3-contact-panel { display:grid; grid-template-columns:.8fr 1.2fr; gap:64px; padding:48px; border:1px solid var(--d3-border-strong); border-radius:10px; background:var(--d3-warm); }
.d3-contact-copy h2 { margin-bottom:16px; font-size:clamp(30px,4vw,50px); font-weight:750; letter-spacing:-.04em; line-height:1.05; }
.d3-contact-copy > p:not(.d3-eyebrow) { max-width:390px; margin-bottom:28px; color:var(--d3-muted); font-size:17px; line-height:1.65; }
.d3-contact-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.d3-contact-form label { display:flex; flex-direction:column; gap:7px; color:var(--d3-muted); font-size:12px; font-weight:700; }
.d3-contact-form input, .d3-contact-form select, .d3-contact-form textarea { width:100%; padding:13px 14px; border:1px solid var(--d3-border-strong); border-radius:10px; background:#FFFFFF; color:var(--d3-black); font:inherit; font-size:14px; }
.d3-contact-form textarea { resize:vertical; }
.d3-contact-form input:focus, .d3-contact-form select:focus, .d3-contact-form textarea:focus { outline:2px solid var(--d3-cyan); outline-offset:1px; }
.d3-form-wide { grid-column:1/-1; }
.d3-contact-form .form-status { grid-column:1/-1; }
.d3-contact-form small { color:var(--d3-muted); font-size:12px; line-height:1.5; }
.d3-home-page .cta-banner { display:none; }
.d3-home-page .site-footer { border-top:1px solid var(--d3-border); background:#FFFFFF; color:var(--d3-black); }
.d3-home-page .footer-copy { color:var(--d3-muted); }
.d3-home-page .footer-social a { color:var(--d3-black); }
.d3-home-page .footer-logo { filter:invert(1); }
.d3-home-page .whatsapp-float { box-shadow:none; }
@media (max-width:900px) {
  .d3-home-grid-4 { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .d3-map-path { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .d3-map-arrow { display:none; }
  .d3-process-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .d3-process-step:nth-child(4) { border-inline-start:0; border-top:1px solid var(--d3-border); }
  .d3-process-step:nth-child(5) { border-top:1px solid var(--d3-border); }
  .d3-contact-panel { grid-template-columns:1fr; gap:38px; }
}
@media (max-width:680px) {
  .d3-home-container, .d3-home-nav { width:min(100% - 32px,1200px); }
  .d3-home-nav { min-height:0; padding:14px 16px; flex-wrap:wrap; gap:14px 18px; }
  .d3-home-links { order:3; flex-basis:100%; justify-content:flex-start; gap:16px; overflow-x:auto; padding-top:4px; }
  .d3-home-links a { white-space:nowrap; font-size:13px; }
  .d3-home-lang { margin-inline-start:auto; }
  .d3-home-hero { padding:76px 0 72px; }
  .d3-home h1 { font-size:clamp(38px,12vw,54px); }
  .d3-home-hero-lede { font-size:17px; }
  .d3-home-actions { flex-direction:column; gap:18px; }
  .d3-home-section { padding:68px 0; }
  .d3-section-heading-row { align-items:flex-start; flex-direction:column; gap:18px; }
  .d3-home-grid-3, .d3-home-grid-4 { grid-template-columns:1fr; }
  .d3-advisory-map { padding:14px; }
  .d3-map-path { grid-template-columns:1fr; gap:8px; }
  .d3-map-path + .d3-map-path { margin-top:20px; padding-top:20px; border-top:1px solid var(--d3-border); }
  .d3-map-node { min-height:88px; }
  .d3-process-grid { grid-template-columns:1fr; }
  .d3-process-step, .d3-process-step:nth-child(4), .d3-process-step:nth-child(5) { min-height:0; border-inline-start:0; border-top:1px solid var(--d3-border); }
  .d3-process-step:first-child { border-top:0; }
  .d3-contact-panel { padding:26px 18px; }
  .d3-contact-form { grid-template-columns:1fr; }
  .d3-contact-form label, .d3-form-wide { grid-column:1/-1; }
  .d3-home-page .whatsapp-float { bottom:14px; }
}

/* Extended Goodnotes-inspired homepage refinement: quiet chrome, editorial rhythm, and flat system surfaces. */
.d3-home-nav { position:sticky; top:16px; z-index:20; width:min(1200px,calc(100% - 64px)); min-height:60px; margin:16px auto 0; padding:0 0 0 2px; border:0; border-bottom:1px solid var(--d3-border-strong); border-radius:0; }
.d3-home-brand { padding-inline:0 28px; }
.d3-home-links { justify-content:flex-start; gap:26px; }
.d3-home-links a { color:var(--d3-black); }
.d3-home-lang { margin-inline-start:auto; }
.d3-nav-cta { display:inline-flex; min-height:40px; align-items:center; justify-content:center; margin-inline-start:14px; padding:0 16px; border:1px solid var(--d3-cyan); border-radius:10px; background:var(--d3-cyan); color:#071015; font-size:13px; font-weight:800; text-decoration:none; white-space:nowrap; }
.d3-nav-cta:hover { border-color:#79DDF1; background:#79DDF1; }
.d3-home-hero { padding:136px 0 72px; }
.d3-home h1 { max-width:760px; margin-bottom:22px; font-size:clamp(48px,6vw,72px); font-weight:700; letter-spacing:-.065em; line-height:.99; }
.d3-home-hero-lede { max-width:560px; margin-bottom:30px; font-size:16px; line-height:1.65; }
.d3-home-section { padding:88px 0; }
.d3-section-intro h2 { font-size:clamp(32px,4vw,42px); font-weight:700; letter-spacing:-.055em; }
.d3-home .advisory-card { min-height:198px; padding:24px; border-color:var(--d3-border-strong); border-radius:10px; }
.d3-home .advisory-card:hover { border-color:var(--d3-black); transform:translateY(-2px); }
.d3-advisory-map { margin-top:42px; padding:34px; border-color:var(--d3-black); border-radius:10px; }
.d3-map-path { gap:16px; }
.d3-map-node { min-height:132px; padding:20px; border-color:var(--d3-border); }
.d3-map-node-product { border-color:var(--d3-cyan); background:#f8fdfe; }
.d3-map-node strong { font-size:20px; font-weight:700; letter-spacing:-.025em; }
.d3-map-arrow { color:#0299e0; font-size:20px; }
.d3-needs-browser { margin-top:42px; border:1px solid var(--d3-border-strong); border-radius:10px; background:#FFFFFF; }
.d3-tabs { display:flex; gap:0; overflow-x:auto; border-bottom:1px solid var(--d3-border); scrollbar-width:thin; }
.d3-tab { flex:0 0 auto; min-height:52px; padding:0 18px; border:0; border-bottom:2px solid transparent; background:transparent; color:var(--d3-muted); font:inherit; font-size:14px; font-weight:700; cursor:pointer; white-space:nowrap; }
.d3-tab:hover, .d3-tab:focus-visible { color:var(--d3-black); }
.d3-tab:focus-visible { outline:2px solid var(--d3-cyan); outline-offset:-2px; }
.d3-home .d3-tab.is-active { border-bottom-color:var(--d3-black); color:var(--d3-black); }
.d3-tab-panel { min-height:176px; padding:28px 30px; }
.d3-tab-panel-content { max-width:610px; }
.d3-panel-index { display:block; margin-bottom:22px; color:#0299e0; font-size:12px; font-weight:800; letter-spacing:.12em; }
.d3-tab-panel h3 { margin-bottom:10px; font-size:24px; font-weight:700; letter-spacing:-.035em; }
.d3-tab-panel p { max-width:600px; margin:0; color:var(--d3-muted); font-size:15px; line-height:1.65; }
.d3-solution-feature { display:grid; grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr); gap:14px; align-items:stretch; }
.d3-feature-copy { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; min-height:330px; padding:34px; border:1px solid var(--d3-black); border-radius:10px; background:var(--d3-teal, #45BFDB); }
.d3-feature-copy h2 { margin-bottom:14px; font-size:clamp(32px,4vw,44px); font-weight:700; letter-spacing:-.055em; line-height:1.02; }
.d3-feature-copy > p:not(.d3-eyebrow) { margin-bottom:26px; color:#15333a; font-size:16px; line-height:1.65; }
.d3-feature-copy .d3-text-link { margin-top:auto; }
.d3-feature-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.d3-feature-links .advisory-card { min-height:158px; }
.d3-products-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.d3-products-list .advisory-card { min-height:0; display:grid; grid-template-columns:auto 1fr; grid-template-rows:auto auto auto; align-items:start; column-gap:16px; row-gap:8px; }
.d3-products-list .advisory-card .service-icon { grid-row:1 / span 3; }
.d3-products-list .advisory-card h3 { align-self:end; }
.d3-products-list .advisory-card p, .d3-products-list .advisory-card .advisory-meta { grid-column:2; }
.d3-process-grid { margin-top:42px; }
.d3-process-step { min-height:178px; padding:24px; }
.d3-home .d3-dark-shell { border-color:var(--d3-black); background:var(--d3-black); color:#FFFFFF; }
.d3-dark-shell .d3-contact-copy h2 { color:#FFFFFF; }
.d3-dark-shell .d3-contact-copy > p:not(.d3-eyebrow) { color:#C6C6C6; }
.d3-dark-shell .d3-contact-form label, .d3-dark-shell .d3-contact-form small { color:#C6C6C6; }
.d3-dark-shell .d3-contact-form input, .d3-dark-shell .d3-contact-form select, .d3-dark-shell .d3-contact-form textarea { border-color:#5B5B5B; }
.d3-home .d3-reveal { opacity:1; transform:none; }
.d3-motion-ready .d3-reveal { opacity:0; transform:translateY(12px); transition:opacity 520ms ease, transform 520ms ease; }
.d3-motion-ready .d3-reveal.is-visible { opacity:1; transform:none; }
[dir="rtl"] .d3-home h1, [dir="rtl"] .d3-section-intro h2, [dir="rtl"] .d3-feature-copy h2, [dir="rtl"] .d3-tab-panel h3 { letter-spacing:0; }
@media (prefers-reduced-motion: reduce) {
  .d3-motion-ready .d3-reveal, .d3-motion-ready .d3-reveal.is-visible { opacity:1; transform:none; transition:none; }
  .d3-home .advisory-card:hover { transform:none; }
}
@media (max-width:900px) {
  .d3-home-nav { top:10px; }
  .d3-nav-cta { margin-inline-start:auto; }
  .d3-solution-feature { grid-template-columns:1fr; }
  .d3-feature-copy { min-height:260px; }
}
@media (max-width:680px) {
  .d3-home-nav { top:8px; padding:12px 0 0; }
  .d3-home-brand { padding-inline-end:0; }
  .d3-home-links { order:4; flex-basis:100%; padding-top:4px; }
  .d3-home-lang { margin-inline-start:auto; }
  .d3-nav-cta { min-height:36px; padding:0 12px; font-size:12px; }
  .d3-home-hero { padding:94px 0 60px; }
  .d3-home h1 { font-size:clamp(42px,12vw,56px); }
  .d3-home-section { padding:70px 0; }
  .d3-advisory-map { padding:16px; }
  .d3-needs-browser { margin-top:30px; }
  .d3-tab { padding-inline:14px; }
  .d3-tab-panel { min-height:156px; padding:24px 20px; }
  .d3-feature-links, .d3-products-list { grid-template-columns:1fr; }
  .d3-contact-panel { padding:26px 18px; }
}

/* Goodnotes reference composition: one large system panel, a quiet brand strip, and alternating features. */
.d3-map-toolbar { display:flex; align-items:center; justify-content:space-between; gap:20px; min-height:42px; margin:-34px -34px 26px; padding:0 20px; border-bottom:1px solid var(--d3-border); background:#FFFFFF; color:var(--d3-black); font-size:12px; font-weight:700; letter-spacing:.04em; }
.d3-map-toolbar-status { color:var(--d3-muted); font-size:11px; font-weight:400; }
.d3-advisory-map [data-advisory-map-content] { min-height:132px; }
.d3-feature-section { display:grid; grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr); gap:48px; align-items:center; }
.d3-feature-section-reverse { grid-template-columns:minmax(0,1.18fr) minmax(280px,.82fr); }
.d3-feature-copy { min-height:0; padding:0; border:0; background:transparent; }
.d3-feature-copy-plain { align-items:flex-start; justify-content:center; }
.d3-feature-copy-plain .d3-text-link { margin-top:26px; }
.d3-feature-copy-teal { min-height:330px; padding:34px; border:1px solid var(--d3-black); border-radius:10px; background:var(--d3-teal); }
.d3-feature-copy-teal > p:not(.d3-eyebrow) { margin-bottom:26px; color:#15333A; }
.d3-feature-panel { min-width:0; padding:24px; border:1px solid var(--d3-border-strong); border-radius:10px; background:#FFFFFF; }
.d3-feature-panel .d3-needs-browser { margin-top:0; border:0; border-radius:0; }
.d3-feature-panel .d3-home-grid { margin:0; }
.d3-feature-panel .d3-products-list { margin:0; }
.d3-feature-panel .advisory-card { min-height:166px; }
.d3-feature-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.d3-feature-links .advisory-card { min-height:142px; }
.d3-marquee { overflow:hidden; margin:0 auto; border-top:1px solid var(--d3-border); border-bottom:1px solid var(--d3-border); background:#FFFFFF; }
.d3-marquee-track { display:flex; width:max-content; align-items:center; gap:26px; min-height:62px; padding:0 26px; animation:d3-marquee 28s linear infinite; color:var(--d3-muted); font-size:13px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
.d3-marquee-item { display:inline-flex; align-items:center; min-width:max-content; }
.d3-marquee-dot { color:var(--d3-cyan); font-size:22px; line-height:1; }
.d3-marquee-copy { display:inline-flex; align-items:center; gap:26px; }
@keyframes d3-marquee { from { transform:translateX(0); } to { transform:translateX(-50%); } }
@media (prefers-reduced-motion: reduce) {
  .d3-marquee-track { animation:none; }
}
@media (max-width:900px) {
  .d3-feature-section, .d3-feature-section-reverse { grid-template-columns:1fr; gap:30px; }
  .d3-feature-section-reverse .d3-feature-copy { grid-row:1; }
  .d3-feature-section-reverse .d3-feature-panel { grid-row:2; }
}
@media (max-width:680px) {
  .d3-map-toolbar { margin:-16px -16px 20px; padding:0 14px; }
  .d3-feature-panel { padding:16px; }
  .d3-feature-copy-teal { min-height:260px; padding:26px; }
  .d3-feature-links { grid-template-columns:1fr; }
  .d3-marquee-track { min-height:54px; gap:20px; padding-inline:18px; font-size:11px; }
  .d3-marquee-copy { gap:20px; }
}

/* Shared public-page extension of the approved homepage system. */
body.d3-advisory-page { --d3-black:#111213; --d3-muted:#565656; --d3-border:#E8E8E8; --d3-border-strong:#BEBEBE; --d3-cyan:#57D2EE; --d3-teal:#45BFDB; --d3-warm:#F6F5EE; background:#FFFFFF; color:var(--d3-black); }
.d3-site-nav .d3-home-links a.is-current { color:var(--d3-black); font-weight:800; }
.d3-site-nav .d3-home-links a.is-current::after { display:block; height:2px; margin-top:7px; background:var(--d3-cyan); content:""; }
.d3-advisory-shell { background:#FFFFFF; color:var(--d3-black); }
.d3-advisory-container { width:min(1200px,calc(100% - 64px)); margin:0 auto; }
.d3-advisory-hero { padding:108px 0 88px; background:#FFFFFF; }
.d3-advisory-hero-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(300px,.8fr); gap:72px; align-items:center; }
.d3-page-hero-copy { max-width:620px; }
.d3-page-hero-copy h1 { max-width:600px; margin:0 0 20px; font-size:clamp(44px,5.5vw,64px); font-weight:700; letter-spacing:-.065em; line-height:1.02; }
.d3-page-hero-copy > p:last-child { max-width:560px; margin:0; color:var(--d3-muted); font-size:17px; line-height:1.7; }
.d3-page-hero-panel { min-height:260px; padding:28px; display:flex; flex-direction:column; justify-content:flex-end; gap:18px; border:1px solid var(--d3-border-strong); border-radius:10px; background:var(--d3-warm); color:var(--d3-black); }
.d3-page-hero-panel > span { color:var(--d3-muted); font-size:11px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.d3-page-hero-panel i { display:block; width:100%; height:1px; background:var(--d3-border-strong); }
.d3-page-hero-panel i:nth-of-type(2) { width:76%; background:var(--d3-cyan); }
.d3-page-hero-panel i:nth-of-type(3) { width:54%; }
.d3-page-hero-panel-industry { justify-content:center; min-height:260px; background:#FFFFFF; }
.d3-page-hero-panel-industry strong { max-width:300px; font-size:32px; font-weight:700; letter-spacing:-.045em; line-height:1.05; }
.d3-advisory-section { padding:0 0 96px; }
.d3-collection-page .d3-advisory-section { padding-top:0; }
.d3-section-heading-row { margin-bottom:32px; }
.d3-collection-panel { margin-top:18px; }
.d3-api-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.d3-advisory-page .advisory-card { min-height:190px; padding:24px; display:flex; flex-direction:column; align-items:flex-start; gap:12px; border:1px solid var(--d3-border-strong); border-radius:10px; background:#FFFFFF; box-shadow:none; color:var(--d3-black); text-decoration:none; }
.d3-advisory-page .advisory-card:hover { border-color:var(--d3-black); transform:translateY(-2px); }
.d3-advisory-page .advisory-card .service-icon { width:34px; height:34px; border:1px solid var(--d3-border-strong); border-radius:10px; background:#FFFFFF; color:var(--d3-black); }
.d3-advisory-page .advisory-card h3 { margin:0; font-size:21px; font-weight:700; letter-spacing:-.025em; line-height:1.2; }
.d3-advisory-page .advisory-card p { margin:0; color:var(--d3-muted); font-size:15px; line-height:1.6; }
.d3-advisory-page .advisory-meta { color:var(--d3-muted); font-size:12px; line-height:1.5; }
.d3-advisory-page .advisory-status { margin:0 0 16px; color:var(--d3-muted); }
.d3-relationship-panel { display:grid; grid-template-columns:1fr auto 1fr auto 1fr; gap:14px; align-items:stretch; margin-bottom:72px; padding:24px; border:1px solid var(--d3-black); border-radius:10px; background:#FFFFFF; }
.d3-relationship-node { min-height:112px; padding:20px; display:flex; flex-direction:column; justify-content:center; gap:10px; border:1px solid var(--d3-border); border-radius:10px; }
.d3-relationship-node span { color:var(--d3-muted); font-size:11px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.d3-relationship-node strong { font-size:20px; font-weight:700; letter-spacing:-.025em; line-height:1.2; }
.d3-relationship-arrow { align-self:center; color:#0299E0; font-size:22px; }
.d3-detail-content { max-width:100%; }
.d3-detail-content .d3-section-intro { max-width:650px; }
.d3-detail-content .d3-collection-panel { margin-top:20px; }
.d3-data-state { font-size:15px; line-height:1.6; }
.d3-advisory-page .cta-banner { display:block; margin:0; padding:0 0 80px; background:#FFFFFF; }
.d3-advisory-page .cta-inner { width:min(1200px,calc(100% - 64px)); padding:42px 46px; border:1px solid var(--d3-black); border-radius:10px; background:var(--d3-black); }
.d3-advisory-page .cta-badge { color:var(--d3-cyan); }
.d3-advisory-page .cta-heading { color:#FFFFFF; letter-spacing:-.035em; }
.d3-advisory-page .cta-button { border:1px solid var(--d3-cyan); border-radius:10px; background:var(--d3-cyan); color:#071015; }
.d3-advisory-page .cta-button:hover { background:#79DDF1; color:#071015; }
.d3-home-page .cta-banner { display:none; }
.d3-home-page .site-footer, .d3-advisory-page .site-footer { border-top:0; background:var(--d3-black); color:#FFFFFF; }
.d3-home-page .footer-copy, .d3-advisory-page .footer-copy { color:#C6C6C6; }
.d3-home-page .footer-social a, .d3-advisory-page .footer-social a { color:#FFFFFF; }
.d3-home-page .footer-logo, .d3-advisory-page .footer-logo { filter:none; }
body.d3-advisory-page .whatsapp-float { box-shadow:none; }
@media (max-width:900px) {
  .d3-advisory-hero-grid { grid-template-columns:1fr; gap:36px; }
  .d3-page-hero-panel { min-height:190px; }
  .d3-api-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .d3-relationship-panel { grid-template-columns:1fr; gap:10px; }
  .d3-relationship-arrow { justify-self:center; transform:rotate(90deg); }
}
@media (max-width:680px) {
  .d3-advisory-container { width:min(100% - 32px,1200px); }
  .d3-advisory-hero { padding:82px 0 64px; }
  .d3-page-hero-copy h1 { font-size:clamp(40px,12vw,56px); }
  .d3-page-hero-copy > p:last-child { font-size:16px; }
  .d3-advisory-section { padding-bottom:70px; }
  .d3-api-grid { grid-template-columns:1fr; }
  .d3-relationship-panel { margin-bottom:52px; padding:16px; }
  .d3-relationship-node { min-height:90px; padding:17px; }
  .d3-advisory-page .cta-banner { padding-bottom:56px; }
  .d3-advisory-page .cta-inner { width:min(100% - 32px,1200px); padding:30px 22px; }
}
[dir="rtl"] .d3-page-hero-copy h1, [dir="rtl"] .d3-section-intro h2, [dir="rtl"] .d3-page-hero-panel-industry strong, [dir="rtl"] .d3-relationship-node strong { letter-spacing:0; }
@media (max-width:680px) {
  .d3-home-page .whatsapp-float, .d3-advisory-page .whatsapp-float { position:relative; inset:auto; bottom:auto; display:flex; width:max-content; margin:0 auto 24px; }
}