/* Quantium redesign – Integration Hub
   Izvor: Quantium-Website-Handover-2026-11-05/02_Pages_for_WordPress/integrations.html + site.css
   (samo pravila koja ova stranica koristi; sve je ograničeno na body.q-redesign .q-pg
   da ne utiče na header, footer i ostatak sajta). */

body.q-redesign .q-pg{display:block;margin:0;background:var(--bg);color:var(--text);font:400 16px/1.7 Poppins,system-ui,-apple-system,"Segoe UI",sans-serif}
body.q-redesign .q-pg p{margin-top:0}
body.q-redesign .q-pg img{height:auto}
body.q-redesign .q-pg button{text-transform:none;letter-spacing:normal;font:inherit;box-shadow:none;min-height:0;-webkit-appearance:none;appearance:none}

body.q-redesign .q-pg{
  --bg:#F4F6F9; --bg-alt:#EAEEF3; --surface:#FFFFFF; --ink:#13223F; --text:#46546B; --muted:#6E7A8E;
  --border:#DDE3EB; --rule:#E5E9EF; --accent:#197E95; --thead:#F5F7FA; --tfoot:#EEF1F5;
  --ok-bg:#E3F1EC; --ok-ink:#1E6B52; --rv-bg:#FBF1DD; --rv-ink:#8A5A12; --out-bg:#F8E4E2; --out-ink:#A23A2E;
  --gold:#C9A75F; --cta-gold:#D0B235; --blue:#0070C0; --navy:#0F2047;
  --hero: linear-gradient(176deg,#122A48 8%,#1C4358 58%,#33697A 100%);
  --shadow: 0 1px 2px rgba(19,34,63,.04), 0 6px 20px rgba(19,34,63,.06);
  color-scheme: light;
  box-sizing:border-box;
}
body.q-redesign .q-pg *,body.q-redesign .q-pg *::before,body.q-redesign .q-pg *::after{box-sizing:inherit}
body.q-redesign .q-pg{scroll-padding-top:calc(env(safe-area-inset-top,0px) + 84px);-webkit-text-size-adjust:100%}
body.q-redesign .q-pg img{max-width:100%}
body.q-redesign .q-pg a{color:var(--accent)}
body.q-redesign .q-pg :focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}
body.q-redesign .q-pg .wrap{max-width:1240px;margin:0 auto;padding:0 24px}
body.q-redesign .q-pg h1,body.q-redesign .q-pg h2,body.q-redesign .q-pg h3{font-family:Archivo,system-ui,sans-serif;color:var(--ink);margin:0}
body.q-redesign .q-pg .small{font-size:13.5px;color:var(--muted)}

/* header */
body.q-redesign .q-pg .logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:#197E95;flex:0 0 auto}
body.q-redesign .q-pg .logo span{font:700 16px/1 Archivo,sans-serif;letter-spacing:.18em;color:var(--ink)}

/* buttons */
body.q-redesign .q-pg .btn{display:inline-block;font:600 14px/1 Archivo,sans-serif;letter-spacing:.03em;text-transform:uppercase;text-decoration:none;padding:14px 22px;border-radius:3px;border:2px solid transparent;cursor:pointer}
body.q-redesign .q-pg .btn-gold{background:var(--cta-gold);border-color:var(--cta-gold);color:#0F2047}
body.q-redesign .q-pg .btn-gold:hover{background:#BFA22B}

/* hero */

/* product cards */
body.q-redesign .q-pg .flow{list-style:none;margin:0;padding:0;counter-reset:f}

/* body */
body.q-redesign .q-pg .h3{font-size:17px;margin:26px 0 12px}

/* evidence */

/* faq, related, cta */

/* sitemap + form */

/* footer */

/* responsive */
@media (max-width:640px){
  body.q-redesign .q-pg .wrap{padding:0 18px}
}
@media (prefers-reduced-motion:reduce){body.q-redesign .q-pg *{scroll-behavior:auto!important}}

/* customer stories */

/* protobar theme switch */

/* pricing */
body.q-redesign .q-pg .path{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-top:3px solid var(--navy);border-radius:4px;padding:24px 22px}
body.q-redesign .q-pg .path h3{font-size:20px;margin-bottom:10px}
body.q-redesign .q-pg .path p{font-size:14.5px;line-height:1.6;margin:0 0 14px}
/* solutions */
/* how it works */
/* misc */

/* ===== Operational AI: product frame ===== */
body.q-redesign .q-pg .a{max-width:640px;width:100%;margin:6px auto 0;font-size:13px;line-height:1.6}
body.q-redesign .q-pg .a p{margin:8px 0}
body.q-redesign .cf-tip{position:fixed;z-index:80;max-width:260px;background:#16202E;color:#fff;font:400 12px/1.45 Inter,sans-serif;padding:7px 10px;border-radius:6px;pointer-events:none;box-shadow:0 6px 18px rgba(0,0,0,.25)}
body.q-redesign .q-pg .src{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:500;background:#fff;border:1px solid #E1E5EB;border-radius:7px;padding:4px 8px}
body.q-redesign .q-pg .src em{font-style:normal;font-weight:400;color:#7A8394}
body.q-redesign .q-pg .src.off{color:#7A8394}

/* ===== Operational AI: feature rows ===== */

/* anonymous stories */

/* ===== Operational AI v2 ===== */
body.q-redesign .q-pg .caret::after{content:"";display:inline-block;width:1.5px;height:1em;background:currentColor;margin-left:1px;vertical-align:-2px;animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
@media (prefers-reduced-motion:reduce){body.q-redesign .q-pg .caret::after{animation:none}}

/* ===== single readable mode: polish ===== */
body.q-redesign .q-pg .path{box-shadow:var(--shadow)}
/* story cards */
body.q-redesign .q-pg .firm{font:500 12.5px/1.2 Inter,sans-serif;color:var(--muted)}
body.q-redesign .q-pg .read{font:600 14px/1 Archivo,sans-serif;color:var(--accent);text-decoration:none;white-space:nowrap}
body.q-redesign .q-pg .read::after{content:"";display:inline-block;width:6px;height:6px;border-right:1.5px solid currentColor;border-top:1.5px solid currentColor;transform:rotate(45deg);margin-left:7px;vertical-align:1px}
body.q-redesign .q-pg .read:hover{text-decoration:underline}

/* ===== blue story cards ===== */

/* card header with logo */

/* ===== PE & VC page ===== */

/* ===== revision 9 components ===== */
body.q-redesign .q-pg .tw-hint{display:none;font:500 11.5px/1.3 Inter,sans-serif;color:var(--muted);margin:6px 2px 0}
body.q-redesign .q-pg .tw-hint{padding:0 10px}

/* ===== NAV Oversight v2 ===== */

/* ===== NAV intake panel ===== */

/* testimonials */
/* security (original content) */

/* ===== pricing paths v3 ===== */
/* flagship */
/* flagship toned down: white card, navy frame, badge stays */
/* ===== proposal anatomy + examples ===== */
/* ===== term-sheet style proposal blocks ===== */

/* ---- 2026-11-05: real product screens, client logos, Quantium mark ---- */
body.q-redesign .lb{position:fixed;inset:0;z-index:1000;background:rgba(10,20,40,.88);display:flex;align-items:center;justify-content:center;padding:56px 20px 20px;cursor:zoom-out}
body.q-redesign .lb img{display:block;max-width:min(1640px,100%);max-height:100%;width:auto;height:auto;border-radius:8px;background:#fff;box-shadow:0 30px 80px rgba(0,0,0,.45)}
body.q-redesign .lb-x{position:absolute;top:12px;right:14px;border:1px solid rgba(255,255,255,.4);background:transparent;color:#fff;font:500 13px/1 Inter,sans-serif;border-radius:6px;padding:9px 12px;cursor:pointer}
body.q-redesign .lb-cap{position:absolute;left:20px;top:16px;right:110px;color:rgba(255,255,255,.75);font:400 12.5px/1.4 Inter,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* story cards: keep wide logos compact so the firm name never runs under the badge */

/* About dropdown: same structure as the live quantium.pe About menu */

/* ===== CORE AI hero: thread view as in the CORE AI prototype (Nov 2026) ===== */

/* ===== MCP: Claude and ChatGPT, each in its own look ===== */
/* Claude: warm paper background, serif replies, terracotta send */
/* ChatGPT: white, grey bubble, pill input with black send */

/* ===== Pricing, institutional layout (5 Nov 2026) ===== */

/* AI page: compact, top-aligned hero (Sun, 5 Nov); assistant logos */

/* ===== Private Credit hero: loan terms generator (CORE look) ===== */

/* ===== Fund-of-Funds: look-through exposure dashboard ===== */
/* Fund-of-Funds hero: look-through dashboard sized for the hero column */

/* ===== Operational AI: Control and trust ===== */

/* CORE AI working line: same UI as the CORE AI prototype (2x2 loader, live step ticker, step marks) */

/* story cards 2026-11-05 refined (same palette as homepage) */

/* ===== Client testimonials, editorial (5 Nov 2026) ===== */

/* Solutions mega menu, polished (5 Nov 2026) */

/* ===== NAV Oversight: two scenarios, editorial (5 Nov 2026) ===== */

/* ===== NAV Oversight: once the data is clean (5 Nov 2026) ===== */

/* official logo files (5 Nov 2026) */

/* ===== NAV Oversight landing page (5 Nov 2026) ===== */
/* flagship hero: copy on top, real CORE screen below, overlapping into the proof strip */

/* ===== recognition and security badges (5 Nov 2026 v3: no box, equal columns, same mark/title/subtitle pattern) ===== */

/* ===== 5 Nov 2026 product visuals: capital call investor view, waterfall policy + Excel (formulas), AI Extraction ===== */
/* capital call - distribution */

/* waterfall policy + Excel (formulas) */

/* AI Extraction */

/* ===== About page (5 Nov 2026) ===== */

/* ===== System & Data Security FAQ (5 Nov 2026) ===== */

/* ===== Insights & News (5 Nov 2026) ===== */

/* ===== Operational AI polish (src/aipolish.py, 5 Nov 2026) ===== */

/* ===== 5 Nov 2026 afternoon: bank feeds, reporting coverage, PE LP changes (src/additions.py) ===== */
/* wide containers: CORE's column layout */
/* investor record */
/* portal security: policy readout */
/* AI insight */
/* fund administrators: what Quantium brings */
/* Operational AI: Chat and Tasks. Own look (Sun, 5 Nov 2026: "too much like home page ... be creative"):
   Chat = ink-to-teal night panel with a dot grid and the CORE AI hexagon mark; Tasks = ledger paper with ruled lines and a gold margin. */
body.q-redesign .q-pg .cx{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
@media (max-width:980px){body.q-redesign .q-pg .cx{grid-template-columns:minmax(0,1fr)}}
/* responsible AI */
@media (max-width:980px){body.q-redesign .q-pg .cx{grid-template-columns:minmax(0,1fr)}}
/* contact: global coverage */
/* pricing: proposal structure and examples */
/* covenant tracking (EDGE asset list + data rules) */
/* reporting coverage */

/* NAV Oversight benefits: four wide tiles keep the 3-column rhythm; AI tile */

/* co-brand name in place of a logo until approved artwork is supplied */

/* ===== Integration Hub (src/integrations.py, 5 Nov 2026) ===== */
body.q-redesign .q-pg .ih-hero{position:relative;overflow:hidden;background:#0F2047;background-image:radial-gradient(70% 60% at 50% 58%,rgba(51,105,122,.55) 0%,rgba(15,32,71,0) 70%),linear-gradient(180deg,#0F2047 0%,#13294F 100%);color:#FFFFFF;padding:76px 0 0}
body.q-redesign .q-pg .ih-head{max-width:760px;margin:0 auto;text-align:center}
body.q-redesign .q-pg .ih-k,body.q-redesign .q-pg .ih-k2{margin:0 0 14px;font:600 12.5px/1.2 Archivo,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#C9A75F}
body.q-redesign .q-pg .ih-head h1{margin:0;font:700 clamp(36px,4.6vw,56px)/1.06 Archivo,sans-serif;letter-spacing:-.02em;color:#FFFFFF}
body.q-redesign .q-pg .ih-sub{margin:20px auto 0;max-width:62ch;font:400 17px/1.65 Poppins,sans-serif;color:rgba(255,255,255,.80)}
body.q-redesign .q-pg .ih-hub{position:relative;max-width:1120px;margin:34px auto 0;aspect-ratio:1000/520}
body.q-redesign .q-pg .ih-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
body.q-redesign .q-pg .ih-rings ellipse{fill:none;stroke:rgba(136,215,235,.16);stroke-width:1;vector-effect:non-scaling-stroke}
body.q-redesign .q-pg .ih-rings ellipse:nth-child(2){stroke-dasharray:2 6}
body.q-redesign .q-pg .ih-spokes line{stroke:rgba(136,215,235,.30);stroke-width:1;vector-effect:non-scaling-stroke;stroke-dasharray:3 9;animation:ihflow 2.6s linear infinite;animation-delay:var(--d)}
@keyframes ihflow{to{stroke-dashoffset:-24}}
body.q-redesign .q-pg .ih-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;width:250px}
body.q-redesign .q-pg .ih-mark{display:grid;place-items:center;width:84px;height:84px;border-radius:22px;background:#FFFFFF;box-shadow:0 0 0 10px rgba(136,215,235,.10),0 0 0 22px rgba(136,215,235,.05),0 20px 50px rgba(0,0,0,.35);margin-bottom:10px}
body.q-redesign .q-pg .ih-mark svg{width:46px;height:46px}
body.q-redesign .q-pg .ih-core b{font:700 16px/1.2 Archivo,sans-serif;color:#FFFFFF}
body.q-redesign .q-pg .ih-core small{font:400 12px/1.35 Poppins,sans-serif;color:rgba(255,255,255,.66)}
body.q-redesign .q-pg .ih-chip{position:absolute;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:8px;white-space:nowrap;height:40px;padding:0 15px 0 8px;border-radius:999px;background:#FFFFFF;font:600 13px/1 Inter,-apple-system,'Segoe UI',sans-serif;color:#15191C;box-shadow:0 0 0 1px rgba(255,255,255,.35),0 10px 26px rgba(0,0,0,.28);animation:ihfloat 6s ease-in-out infinite;animation-delay:var(--d)}
body.q-redesign .q-pg .ih-chip.ih-wm{padding:0 16px}
body.q-redesign .q-pg .ih-cw{display:inline-flex;align-items:center}
body.q-redesign .q-pg .ih-cw .ih-lg{height:19px;width:auto;display:block}
body.q-redesign .q-pg .ih-cw .ih-lg-cme{height:14px}body.q-redesign .q-pg .ih-cw .ih-lg-salesforce{height:28px}body.q-redesign .q-pg .ih-cw .ih-lg-datev{height:24px}body.q-redesign .q-pg .ih-cw .ih-lg-salt-edge{height:15px}body.q-redesign .q-pg .ih-cw .ih-lg-hubspot{height:20px}
body.q-redesign .q-pg .ih-ci{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:8px;background:#F1F5F8;color:#1E5C68}
body.q-redesign .q-pg .ih-chip.ih-sym .ih-ci{background:transparent}
body.q-redesign .q-pg .ih-ci .ih-lg{width:20px;height:20px;object-fit:contain;display:block}
body.q-redesign .q-pg .ih-ci .lg-gpt,body.q-redesign .q-pg .ih-tl .lg-gpt{color:#111111}
@keyframes ihfloat{0%,100%{margin-top:0}50%{margin-top:-4px}}
body.q-redesign .q-pg .ih-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:34px 0 0;border-top:1px solid rgba(255,255,255,.14)}
body.q-redesign .q-pg .ih-s{padding:24px 24px 30px;border-left:1px solid rgba(255,255,255,.14)}
body.q-redesign .q-pg .ih-s:first-child{border-left:0;padding-left:0}
body.q-redesign .q-pg .ih-s b{display:block;font:400 26px/1.15 'Source Serif 4',Georgia,serif;color:#FFFFFF}
body.q-redesign .q-pg .ih-s span{display:block;margin-top:6px;font:400 13.5px/1.5 Poppins,sans-serif;color:rgba(255,255,255,.70)}
body.q-redesign .q-pg .ih-wall-s{background:#FFFFFF;padding:88px 0 72px}
body.q-redesign .q-pg .ih-wh{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:end;margin:0 0 30px}
body.q-redesign .q-pg .ih-k2{color:#197E95}
body.q-redesign .q-pg .ih-wh h2{margin:0;font:500 clamp(28px,3vw,38px)/1.15 'Source Serif 4',Georgia,serif;letter-spacing:-.015em;color:#0F2047}
body.q-redesign .q-pg .ih-wh>p{margin:0;font:400 15.5px/1.65 Poppins,sans-serif;color:#41506B;max-width:52ch}
body.q-redesign .q-pg .ih-wall{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #0F2047;border-left:1px solid #E3E7EE}
body.q-redesign .q-pg .ih-t{padding:24px 22px 26px;border-right:1px solid #E3E7EE;border-bottom:1px solid #E3E7EE;background:#FFFFFF;transition:background .2s;min-width:0}
body.q-redesign .q-pg .ih-t:hover{background:#F7F9FB}
body.q-redesign .q-pg .ih-tl{height:38px;display:flex;align-items:center;margin:0 0 16px;color:#1E5C68}
body.q-redesign .q-pg .ih-tl .ih-lg{display:block;height:28px;width:auto;max-width:150px;object-fit:contain}
body.q-redesign .q-pg .ih-tl-wm .ih-lg-salesforce{height:38px}body.q-redesign .q-pg .ih-tl-wm .ih-lg-datev{height:32px}body.q-redesign .q-pg .ih-tl-wm .ih-lg-salt-edge{height:20px}body.q-redesign .q-pg .ih-tl-wm .ih-lg-plaid{height:26px}body.q-redesign .q-pg .ih-tl-wm .ih-lg-cme{height:19px}
body.q-redesign .q-pg .ih-tl-sym .ih-lg,body.q-redesign .q-pg .ih-tl-sym svg{width:34px;height:34px}
body.q-redesign .q-pg .ih-tl-ic{width:38px;justify-content:center;border-radius:10px;background:#F1F5F8;border:1px solid #E3E9EF}
body.q-redesign .q-pg .ih-tc{margin:0 0 5px;font:600 10.5px/1.2 Archivo,sans-serif;letter-spacing:.11em;text-transform:uppercase;color:#7A8394}
body.q-redesign .q-pg .ih-t h3{margin:0 0 6px;font:600 16px/1.3 Archivo,sans-serif;color:#0F2047}
body.q-redesign .q-pg .ih-td{margin:0;font:400 13.5px/1.55 Poppins,sans-serif;color:#41506B}
body.q-redesign .q-pg .ih-tm{margin:18px 0 0;font:400 11.5px/1.5 Inter,sans-serif;color:#7A8394;max-width:110ch}
body.q-redesign .q-pg .ih-more{background:#F4F6F9;border-top:1px solid #E3E7EE;padding:56px 0}
body.q-redesign .q-pg .ih-more-in{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center}
body.q-redesign .q-pg .ih-more h2{margin:0 0 8px;font:600 24px/1.25 Archivo,sans-serif;color:#0F2047}
body.q-redesign .q-pg .ih-more p{margin:0;max-width:64ch;color:#41506B}
body.q-redesign .q-pg .ih-more-b{display:flex;align-items:center;gap:22px}
body.q-redesign .q-pg .ih-ln{font:600 14px/1 Archivo,sans-serif;color:#0F2047;text-decoration:none;border-bottom:1.5px solid #C9A75F;padding-bottom:3px}
/* data architecture */
body.q-redesign .q-pg .da{background:#FFFFFF;border-top:1px solid #E3E7EE;padding:96px 0}
body.q-redesign .q-pg .da-h{max-width:820px;margin:0 0 30px}
body.q-redesign .q-pg .da-h h2{margin:0;font:500 clamp(30px,3.2vw,42px)/1.12 'Source Serif 4',Georgia,serif;letter-spacing:-.018em;color:#0F2047}
body.q-redesign .q-pg .da-h p:not(.ih-k2){margin:14px 0 0;font:400 17px/1.6 Poppins,sans-serif;color:#41506B}
body.q-redesign .q-pg .da-prs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #0F2047;margin:0 0 30px}
body.q-redesign .q-pg .da-pr{padding:16px 22px 18px 0}
body.q-redesign .q-pg .da-pr+.da-pr{padding-left:22px;border-left:1px solid #E3E7EE}
body.q-redesign .q-pg .da-pr b{display:block;font:600 14.5px/1.3 Archivo,sans-serif;color:#0F2047}
body.q-redesign .q-pg .da-pr span{display:block;margin-top:5px;font:400 13.5px/1.55 Poppins,sans-serif;color:#41506B}
body.q-redesign .q-pg .da-pats{display:grid;gap:22px}
body.q-redesign .q-pg .da-p{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);gap:40px;align-items:center;padding:34px 34px;border-radius:14px;background:linear-gradient(180deg,#F6F8FA 0%,#EEF2F6 100%);box-shadow:inset 0 0 0 1px #E1E7EE}
body.q-redesign .q-pg .da-no{margin:0 0 10px;font:400 24px/1 'Source Serif 4',Georgia,serif;color:#B08D45}
body.q-redesign .q-pg .da-t h3{margin:0;font:600 21px/1.25 Archivo,sans-serif;color:#0F2047}
body.q-redesign .q-pg .da-tag{margin:6px 0 0;font:500 18px/1.3 'Source Serif 4',Georgia,serif;color:#197E95}
body.q-redesign .q-pg .da-p+.da-p .da-tag{color:#8A6A1F}
body.q-redesign .q-pg .da-x{margin:12px 0 0;font-size:14.5px;line-height:1.6;color:var(--text)}
body.q-redesign .q-pg .da-best{margin:16px 0 0;padding:12px 0 0;border-top:1px solid #DCE3EA;font-size:13.5px;line-height:1.55;color:#2C3A52}
body.q-redesign .q-pg .da-best b{display:block;margin-bottom:3px;font:600 10.5px/1.2 Archivo,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#7A8394}
/* diagram */
body.q-redesign .q-pg .da-d{display:grid;grid-template-columns:minmax(0,.9fr) 40px minmax(0,1.05fr) 40px minmax(0,1fr);align-items:center;font-family:Inter,-apple-system,'Segoe UI',sans-serif}
body.q-redesign .q-pg .da-col{display:flex;flex-direction:column;gap:7px}
body.q-redesign .q-pg .da-l{margin:0 0 2px;font:600 9.5px/1.2 Inter,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:#7A8394}
body.q-redesign .q-pg .da-chip{display:flex;align-items:center;gap:8px;height:34px;padding:0 11px 0 7px;border-radius:9px;background:#FFFFFF;border:1px solid #E3E7EE;font:500 12px/1 Inter,sans-serif;color:#15191C;white-space:nowrap;overflow:hidden}
body.q-redesign .q-pg .da-chip.da-wm{padding:0 12px}
body.q-redesign .q-pg .da-ci{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:6px;background:#F1F5F8;color:#1E5C68;flex:none}
body.q-redesign .q-pg .da-ci .ih-lg{width:15px;height:15px;object-fit:contain}
body.q-redesign .q-pg .da-cw .ih-lg{display:block;height:15px;width:auto}
body.q-redesign .q-pg .da-cw .ih-lg-salt-edge{height:12px}
body.q-redesign .q-pg .da-mid{display:flex;flex-direction:column;align-items:stretch}
body.q-redesign .q-pg .da-n{display:flex;flex-direction:column;gap:4px;padding:14px 15px;border-radius:12px;background:#FFFFFF;border:1px solid #CFE0EA}
body.q-redesign .q-pg .da-n b{font:600 14px/1.2 Inter,sans-serif;color:#15191C}
body.q-redesign .q-pg .da-n span{font:400 11.5px/1.4 Inter,sans-serif;color:#5A6065}
body.q-redesign .q-pg .da-snow{display:block;height:20px;width:auto;margin:0 0 6px;align-self:flex-start}
body.q-redesign .q-pg .da-q{background:#0F2047;border-color:#0F2047;box-shadow:0 18px 34px -16px rgba(15,32,71,.55)}
body.q-redesign .q-pg .da-q b{color:#FFFFFF}body.q-redesign .q-pg .da-q span{color:rgba(255,255,255,.74)}
body.q-redesign .q-pg .da-qm{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#FFFFFF;margin:0 0 6px}
body.q-redesign .q-pg .da-qm svg{width:20px;height:20px}
body.q-redesign .q-pg .da-v,body.q-redesign .q-pg .da-h2{position:relative;display:block;height:34px}
body.q-redesign .q-pg .da-v i{position:absolute;left:50%;top:4px;bottom:4px;border-left:1.5px dashed #8FA6B8}
body.q-redesign .q-pg .da-h2 i{position:absolute;left:50%;top:4px;bottom:4px;border-left:1.5px solid #197E95}
body.q-redesign .q-pg .da-v em,body.q-redesign .q-pg .da-h2 em{position:absolute;left:calc(50% + 10px);top:50%;transform:translateY(-50%);font:500 10.5px/1 Inter,sans-serif;font-style:normal;color:#5A6065;background:transparent}
body.q-redesign .q-pg .da-h2 em{color:#1E5C68}
body.q-redesign .q-pg .da-ar{position:relative;display:block;height:2px}
body.q-redesign .q-pg .da-ar i{position:absolute;left:6px;right:8px;top:0;border-top:1.5px solid #8FA6B8}
body.q-redesign .q-pg .da-ar::after{content:"";position:absolute;right:5px;top:-3.5px;width:7px;height:7px;border-right:1.5px solid #6E8799;border-top:1.5px solid #6E8799;transform:rotate(45deg)}
body.q-redesign .q-pg .da-ar i::after{content:"";position:absolute;top:-3px;left:0;width:5px;height:5px;border-radius:50%;background:#197E95;animation:darun 2.4s linear infinite}
@keyframes darun{from{left:0;opacity:0}15%{opacity:1}85%{opacity:1}to{left:calc(100% - 5px);opacity:0}}
body.q-redesign .q-pg .da-outs{display:flex;flex-direction:column;gap:14px}
body.q-redesign .q-pg .da-side .da-outs .da-out:last-child .da-chip{border-color:#BFD3DE;background:#F7FBFC}
@media (prefers-reduced-motion:reduce){body.q-redesign .q-pg .da-ar i::after{animation:none;opacity:0}}
@media (max-width:1180px){body.q-redesign .q-pg .da-p{grid-template-columns:minmax(0,1fr);gap:26px}}
@media (max-width:760px){
 body.q-redesign .q-pg .da-prs{grid-template-columns:minmax(0,1fr)}body.q-redesign .q-pg .da-pr,body.q-redesign .q-pg .da-pr+.da-pr{padding:14px 0;border-left:0;border-bottom:1px solid #E3E7EE}
 body.q-redesign .q-pg .da-p{padding:22px 16px}
 body.q-redesign .q-pg .da-d{grid-template-columns:minmax(0,1fr);row-gap:0}
 body.q-redesign .q-pg .da-ar{height:30px}body.q-redesign .q-pg .da-ar i{left:50%;right:auto;top:4px;bottom:8px;border-top:0;border-left:1.5px solid #8FA6B8}
 body.q-redesign .q-pg .da-ar::after{left:50%;right:auto;top:auto;bottom:4px;margin-left:-3px;transform:rotate(135deg)}
 body.q-redesign .q-pg .da-ar i::after{display:none}
 body.q-redesign .q-pg .da-col{flex-direction:row;flex-wrap:wrap}body.q-redesign .q-pg .da-l{flex-basis:100%}}
@media (prefers-reduced-motion:reduce){body.q-redesign .q-pg .ih-spokes line,body.q-redesign .q-pg .ih-chip{animation:none}}
@media (max-width:1180px){body.q-redesign .q-pg .ih-chip{height:36px;font-size:12px}body.q-redesign .q-pg .ih-cw .ih-lg{height:17px}body.q-redesign .q-pg .ih-cw .ih-lg-cme{height:13px}body.q-redesign .q-pg .ih-cw .ih-lg-salesforce{height:24px}body.q-redesign .q-pg .ih-cw .ih-lg-datev{height:21px}}
@media (max-width:1100px){body.q-redesign .q-pg .ih-wall{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:860px){
 body.q-redesign .q-pg .ih-hub{aspect-ratio:auto;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:26px;padding:150px 0 0}
 body.q-redesign .q-pg .ih-lines{display:none}
 body.q-redesign .q-pg .ih-core{top:0;transform:translateX(-50%)}
 body.q-redesign .q-pg .ih-chip{position:static;transform:none;animation:none}
 body.q-redesign .q-pg .ih-stats{grid-template-columns:repeat(2,minmax(0,1fr))}body.q-redesign .q-pg .ih-s:nth-child(3){border-left:0;padding-left:0}body.q-redesign .q-pg .ih-s:nth-child(n+3){border-top:1px solid rgba(255,255,255,.14)}
 body.q-redesign .q-pg .ih-wall{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.q-redesign .q-pg .ih-wh,body.q-redesign .q-pg .ih-more-in{grid-template-columns:minmax(0,1fr);gap:16px}}
@media (max-width:560px){
 body.q-redesign .q-pg .ih-hero{padding-top:56px}
 body.q-redesign .q-pg .ih-chip{height:34px;font-size:11.5px}
 body.q-redesign .q-pg .ih-stats{grid-template-columns:minmax(0,1fr)}body.q-redesign .q-pg .ih-s,body.q-redesign .q-pg .ih-s:nth-child(3){border-left:0;padding:18px 0;border-top:1px solid rgba(255,255,255,.14)}body.q-redesign .q-pg .ih-s:first-child{border-top:0}
 body.q-redesign .q-pg .ih-wall{grid-template-columns:minmax(0,1fr)}
 body.q-redesign .q-pg .ih-wall-s{padding:60px 0}
 body.q-redesign .q-pg .ih-more-b{flex-wrap:wrap}}

/* ===== Awards page (src/awardspage.py, 5 Nov 2026) ===== */

/* ===== Compliance & Data Security, one page (src/securitypage.py, 5 Nov 2026) ===== */

/* ===== legal pages, careers, sitemap (src/legalpages.py) ===== */

/* ---------- FAQ (isti izgled kao "Buyer questions" na NAV Oversight) ---------- */
body.q-redesign .q-pg .faq{padding-top:56px;padding-bottom:64px}
body.q-redesign .q-pg .faq > *{max-width:900px}
body.q-redesign .q-pg .faq h2{font:700 26px/1.7 Archivo,system-ui,sans-serif;color:var(--ink);margin:0 0 16px}
body.q-redesign .q-pg .faq details{border-bottom:1px solid var(--border)}
body.q-redesign .q-pg .faq summary{list-style:none;cursor:pointer;padding:18px 32px 18px 0;font:600 16.5px/1.45 Archivo,sans-serif;color:var(--ink);position:relative}
body.q-redesign .q-pg .faq summary::-webkit-details-marker{display:none}
body.q-redesign .q-pg .faq summary::after{content:"+";position:absolute;right:4px;top:15px;font:400 22px/1 Poppins,sans-serif;color:var(--accent)}
body.q-redesign .q-pg .faq details[open] summary::after{content:"–"}
body.q-redesign .q-pg .faq summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
body.q-redesign .q-pg .faq details p{font:400 16px/1.7 Poppins,system-ui,sans-serif;color:var(--text);margin:0 0 20px;max-width:68ch}
@media (max-width:760px){
	body.q-redesign .q-pg .faq{padding-top:48px;padding-bottom:60px}
	body.q-redesign .q-pg .faq h2{font-size:22px}
}
