@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,400;0,9..144,600;1,9..144,300;1,9..144,400&family=Inter:wght@300;400;500;600;700&family=Lora:ital,wght@0,400;0,500;1,400;1,500&display=swap');

/* ================================================================
   DATABETA RESEARCH - Report Detail Page - CLEAN v6.0
   Zero duplicate rules. One definition per selector.
   ================================================================ */

/* KILL KADENCE */
body.databeta-report-page .site-header,body.databeta-report-page .site-footer,
body.databeta-report-page #masthead,body.databeta-report-page #colophon,
body.databeta-report-page header.site-header,body.databeta-report-page footer.site-footer,
body.databeta-report-page .wp-site-blocks>header,body.databeta-report-page .wp-site-blocks>footer,
body.databeta-report-page .kadence-breadcrumbs,body.databeta-report-page .kadence-header,
body.databeta-report-page #kadence-sticky-header,body.databeta-report-page .wp-block-kadence-header,
body.databeta-report-page .entry-header,body.databeta-report-page .entry-footer,
body.databeta-report-page .post-navigation,body.databeta-report-page .wp-block-post-title { display:none!important; }

body.databeta-report-page { background:#F0F7FF!important; margin:0!important; padding:0!important; font-family:'Inter',sans-serif!important; -webkit-font-smoothing:antialiased!important; }

#db-root { font-family:'Inter',sans-serif; color:#0A1628; background:#F0F7FF; -webkit-font-smoothing:antialiased; }
#db-root *,#db-root *::before,#db-root *::after { box-sizing:border-box; }
#db-root a { color:inherit; text-decoration:none; }
#db-root button { cursor:pointer; font-family:'Inter',sans-serif; }
#db-root img { max-width:100%; height:auto; display:block; }

/* NAV */
#db-root .db-nav { background:#0A1628!important; height:52px!important; padding:0!important; display:flex!important; align-items:center!important; position:sticky!important; top:0!important; z-index:500!important; border-bottom:1px solid rgba(255,255,255,0.05)!important; width:100%!important; }
#db-root .db-nav-in { width:100%; padding:0 28px; display:flex; align-items:center; justify-content:space-between; }
#db-root .db-logo { display:flex; align-items:baseline; }
#db-root .db-logo-d { font-size:18px; font-weight:700; letter-spacing:-.05em; background:linear-gradient(135deg,#0F7B8C,#5DD6E8); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
#db-root .db-logo-b { font-family:'Fraunces',serif; font-size:18px; font-weight:300; font-style:italic; background:linear-gradient(135deg,#0F7B8C,#1A5FA8); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
#db-root .db-nav-r { display:flex; align-items:center; gap:24px; }
#db-root .db-nl { font-size:12px; color:rgba(255,255,255,0.55)!important; }
#db-root .db-nl:hover { color:rgba(255,255,255,0.88)!important; }
#db-root .db-nav-btn { background:linear-gradient(135deg,#0F7B8C,#1A5FA8)!important; color:#fff!important; border:none!important; border-radius:7px!important; padding:7px 17px!important; font-size:12px!important; font-weight:600!important; display:inline-flex!important; align-items:center!important; }

/* BREADCRUMB */
#db-root .db-bc { background:#0D1F3C!important; padding:0!important; border-bottom:1px solid rgba(255,255,255,0.04)!important; width:100%!important; }
#db-root .db-bc-in { width:100%; padding:8px 28px; display:flex; align-items:center; justify-content:space-between; }
#db-root .db-bct { display:flex; align-items:center; gap:5px; font-size:11px; color:rgba(255,255,255,0.42); flex:1; min-width:0; overflow:hidden; white-space:nowrap; }
#db-root .db-bct a { color:rgba(255,255,255,0.42)!important; }
#db-root .db-bcs { color:rgba(255,255,255,0.18)!important; margin:0 2px; }
#db-root .db-bcc { color:#5DD6E8!important; overflow:hidden; text-overflow:ellipsis; }
#db-root .db-bcsh { display:flex; align-items:center; gap:5px; flex-shrink:0; }
#db-root .db-bcsl { font-size:9px; color:rgba(255,255,255,0.32); letter-spacing:.1em; text-transform:uppercase; font-weight:600; margin-right:2px; }
#db-root .db-sh { width:26px; height:26px; border-radius:5px; background:rgba(255,255,255,0.05)!important; border:1px solid rgba(255,255,255,0.08)!important; display:flex; align-items:center; justify-content:center; color:rgba(255,255,255,0.42)!important; font-size:11px; transition:all .2s; }
#db-root .db-sh:hover { background:rgba(15,123,140,0.22)!important; color:#5DD6E8!important; }
#db-root .db-toast { position:fixed; bottom:24px; left:50%; transform:translateX(-50%) translateY(12px); background:#0A1628; color:#fff; padding:9px 18px; border-radius:7px; font-size:12px; border:1px solid rgba(93,214,232,0.25); z-index:900; opacity:0; pointer-events:none; transition:all .3s; }
#db-root .db-toast.on { opacity:1; transform:translateX(-50%) translateY(0); }

/* HERO */
#db-root .db-hero { background:#0A1628!important; position:relative!important; overflow:hidden!important; padding:0!important; width:100%!important; }
#db-root .db-hgrid { position:absolute; inset:0; background-image:linear-gradient(rgba(15,123,140,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(15,123,140,.04) 1px,transparent 1px); background-size:44px 44px; pointer-events:none; z-index:0; }
#db-root .db-hgl1 { position:absolute; width:600px; height:450px; background:radial-gradient(ellipse,rgba(15,123,140,.12) 0%,transparent 68%); top:-100px; right:-80px; pointer-events:none; z-index:0; }
#db-root .db-hi { max-width:60%; margin-left:0!important; padding:0 0 0 28px!important; position:relative!important; z-index:2!important; }

/* GAP BAR */
#db-root .db-gb { background:rgba(15,123,140,0.1)!important; border:1px solid rgba(15,123,140,0.2)!important; border-radius:7px; padding:7px 14px; display:flex; align-items:center; gap:10px; margin:10px 0 12px; flex-wrap:wrap; }
#db-root .db-gbd { width:7px; height:7px; border-radius:50%; background:#5DD6E8; box-shadow:0 0 8px rgba(93,214,232,.5); animation:dbp 2.4s ease-out infinite; flex-shrink:0; }
#db-root .db-gbl { font-size:10px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:#5DD6E8; }
#db-root .db-gbdv { width:1px; height:17px; background:rgba(15,123,140,0.3); flex-shrink:0; }
#db-root .db-gbi { display:flex; align-items:center; gap:8px; }
#db-root .db-gbsrc { font-size:11px; color:rgba(255,255,255,0.46); }
#db-root .db-gbn { font-size:13px; font-weight:700; color:#5DD6E8; }
#db-root .db-gbins { margin-left:auto; font-size:11px; font-weight:300; color:rgba(255,255,255,0.38); font-style:italic; }

/* TITLE ROW */
#db-root .db-hr { display:grid!important; grid-template-columns:60px 1fr!important; gap:14px!important; align-items:flex-start!important; padding-bottom:14px!important; }
#db-root .db-cw { width:60px; flex-shrink:0; position:relative; padding-bottom:4px; }
#db-root .db-cs1 { display:none!important; }
#db-root .db-cs2 { display:none!important; }
#db-root .db-cm { position:relative; width:60px; height:88px; border-radius:8px; background:linear-gradient(145deg,#8B1828,#C01830); overflow:hidden; box-shadow:none; }
#db-root .db-csh { position:absolute; top:0; left:0; right:0; height:50%; background:linear-gradient(180deg,rgba(255,255,255,.14),transparent); }
#db-root .db-ctx2 { position:absolute; inset:0; background:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0px,rgba(255,255,255,.025) 1px,transparent 1px,transparent 9px); }
#db-root .db-cmo { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-family:'Fraunces',serif; font-size:22px; font-weight:300; color:rgba(255,255,255,0.06); user-select:none; }
#db-root .db-clb { position:absolute; top:8px; left:0; right:0; text-align:center; }
#db-root .db-clb span { display:block; font-size:5px; font-weight:700; letter-spacing:.08em; color:rgba(255,255,255,0.56); line-height:1.65; }
#db-root .db-cfd { position:absolute; top:0; right:0; width:0; height:0; border-style:solid; border-width:0 10px 10px 0; border-color:transparent rgba(0,0,0,.28) transparent transparent; }
#db-root .db-cfm { position:absolute; bottom:0; left:0; right:0; background:rgba(0,0,0,.35); padding:3px 2px; display:flex; gap:2px; justify-content:center; }
#db-root .db-fmt { font-size:5px; font-weight:700; padding:2px 3px; border-radius:2px; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.14); color:rgba(255,255,255,.7); }

/* TAGS */
#db-root .db-htags { display:flex; gap:6px; flex-wrap:wrap; margin-bottom:10px; }
#db-root .db-htag { font-size:9px; font-weight:600; letter-spacing:.07em; text-transform:uppercase; padding:3px 10px; border-radius:20px; }
#db-root .db-hts { background:rgba(15,123,140,0.16); border:1px solid rgba(15,123,140,0.28); color:#5DD6E8; }
#db-root .db-htu { background:rgba(34,197,94,0.08); border:1px solid rgba(34,197,94,0.2); color:#6EC86B; }
#db-root .db-htn { background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.1); color:rgba(255,255,255,0.52); }
#db-root .db-htl { background:rgba(34,197,94,0.07); border:1px solid rgba(34,197,94,0.18); color:#6EC86B; display:flex; align-items:center; gap:5px; }
#db-root .db-ldot { width:5px; height:5px; border-radius:50%; background:#22C55E; animation:dbp 2s ease-out infinite; }

/* H1 - Fraunces, white, non-italic */
#db-root .db-h1 { display:block!important; font-family:'Fraunces',serif!important; font-style:normal!important; font-weight:400!important; font-size:clamp(18px,1.55vw,24px)!important; color:#ffffff!important; -webkit-text-fill-color:#ffffff!important; letter-spacing:-.01em!important; line-height:1.22!important; margin:0 0 8px 0!important; text-align:left!important; }
#db-root .db-h1 span:first-child { color:#ffffff!important; -webkit-text-fill-color:#ffffff!important; }
#db-root .db-yr { font-family:'Fraunces',serif!important; font-style:italic!important; font-weight:300!important; font-size:.82em!important; background:linear-gradient(135deg,#5DD6E8,#1A5FA8)!important; -webkit-background-clip:text!important; -webkit-text-fill-color:transparent!important; background-clip:text!important; margin-left:10px!important; }
#db-root .db-hdesc { font-size:12px!important; font-weight:300!important; color:rgba(255,255,255,0.5)!important; line-height:1.62!important; margin:0 0 14px 0!important; }

/* ANALYST ROW */
#db-root .db-arow { display:flex!important; align-items:center!important; gap:10px!important; padding:8px 14px!important; background:rgba(255,255,255,0.038)!important; border:1px solid rgba(255,255,255,0.06)!important; border-radius:8px!important; flex-wrap:nowrap!important; margin-bottom:0!important; overflow:hidden!important; }
#db-root .db-aav { width:34px; height:34px; border-radius:50%; background:linear-gradient(135deg,#0F7B8C,#1A5FA8); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
#db-root .db-ainf { flex:1; min-width:0; }
#db-root .db-ar { font-size:11.5px!important; font-weight:500!important; color:rgba(255,255,255,0.82)!important; margin-bottom:2px!important; }
#db-root .db-ac { font-size:9.5px!important; font-weight:300!important; color:rgba(255,255,255,0.44)!important; }
#db-root .db-asep { width:1px; height:24px; background:rgba(255,255,255,0.08); flex-shrink:0; }
#db-root .db-aav2 { display:flex; align-items:center; gap:5px; font-size:10px; color:#6EC86B; white-space:nowrap; }
#db-root .db-adot { width:5px; height:5px; border-radius:50%; background:#22C55E; animation:dbp 2s ease-out infinite; }
#db-root .db-abtn { background:rgba(15,123,140,0.18)!important; border:1px solid rgba(15,123,140,0.35)!important; border-radius:6px!important; padding:7px 14px!important; font-size:10.5px!important; font-weight:500!important; color:#5DD6E8!important; white-space:nowrap!important; }

/* DB NEXUS  PRESERVED FOR /market-nexus/ dedicated page (not used in hero) */
#db-root .db-nexus-wrap { position:absolute!important; top:0!important; right:0!important; width:34%!important; height:100%!important; pointer-events:none!important; z-index:1!important; overflow:hidden!important; }
#db-root .db-nexus-canvas { position:absolute!important; top:0!important; right:0!important; width:100%!important; height:100%!important; }
#db-root .db-nexus-fade { position:absolute!important; top:0!important; left:0!important; width:55%!important; height:100%!important; background:linear-gradient(90deg,#0A1628 0%,#0A1628 45%,transparent 100%)!important; pointer-events:none!important; z-index:2!important; }
#db-root .db-nexus-lbl { position:absolute!important; bottom:10px!important; right:16px!important; text-align:right!important; z-index:3!important; display:flex!important; flex-direction:column!important; gap:3px!important; }
#db-root .db-nexus-name { font-size:10px!important; font-weight:700!important; letter-spacing:.2em!important; text-transform:uppercase!important; color:rgba(93,214,232,0.65)!important; }
#db-root .db-nexus-sub { font-size:8px!important; letter-spacing:.1em!important; text-transform:uppercase!important; color:rgba(255,255,255,0.35)!important; }

/* STAT STRIP */
#db-root .db-ssw { background:#0A1628!important; padding:0!important; width:100%!important; border-top:1px solid rgba(93,214,232,0.08)!important; }
#db-root .db-ssi { width:100%; padding:0 28px; display:flex!important; height:48px!important; }
#db-root .db-ss { display:flex!important; flex-direction:column!important; justify-content:center!important; align-items:center!important; border-right:1px solid rgba(255,255,255,0.06)!important; padding:0 16px!important; flex:1!important; }
#db-root .db-ss:last-child { border-right:none!important; }
#db-root .db-ssv { font-size:14px!important; font-weight:700!important; letter-spacing:-.04em!important; line-height:1!important; margin-bottom:3px!important; display:block!important; }
#db-root .db-gld { color:#FCD34D!important; }
#db-root .db-tel { color:#5DD6E8!important; }
#db-root .db-sge { color:#86EFAC!important; }
#db-root .db-mut { color:#94A3B8!important; }
#db-root .db-ssl { font-size:7px!important; font-weight:600!important; letter-spacing:.09em!important; text-transform:uppercase!important; color:rgba(255,255,255,0.35)!important; }

/* TABS */
#db-root .db-tabs { background:#0A1628!important; border-bottom:1px solid rgba(15,123,140,0.15)!important; position:sticky!important; top:52px!important; z-index:150!important; width:100%!important; transition:top .3s cubic-bezier(.4,0,.2,1)!important; }
#db-root .db-tabs.pushed { top:104px!important; }
#db-root .db-tabsi { width:100%; padding:0 28px; display:flex!important; align-items:center!important; height:44px!important; }
#db-root .db-tab { padding:0 16px!important; height:44px!important; font-size:12px!important; font-weight:500!important; color:rgba(255,255,255,0.52)!important; border:none!important; border-bottom:2px solid transparent!important; background:none!important; transition:all .2s!important; white-space:nowrap!important; font-family:'Inter',sans-serif!important; }
#db-root .db-tab:hover { color:rgba(255,255,255,0.88)!important; }
#db-root .db-tab.on { color:#5DD6E8!important; border-bottom-color:#5DD6E8!important; font-weight:600!important; }
#db-root .db-tcta { margin-left:auto; display:flex; gap:8px; }
#db-root .db-tbs { background:transparent!important; border:1px solid rgba(15,123,140,0.4)!important; color:#5DD6E8!important; border-radius:5px!important; padding:5px 13px!important; font-size:11px!important; font-weight:500!important; font-family:'Inter',sans-serif!important; }
#db-root .db-tbb { background:linear-gradient(135deg,#0F7B8C,#1A5FA8)!important; color:#fff!important; border:none!important; border-radius:5px!important; padding:5px 16px!important; font-size:11px!important; font-weight:600!important; font-family:'Inter',sans-serif!important; box-shadow:0 2px 12px rgba(15,123,140,0.35)!important; }

/* STICKY BAR */
#db-root .db-stk { position:fixed!important; top:-64px!important; left:0!important; right:0!important; background:rgba(5,8,15,0.97)!important; backdrop-filter:blur(20px)!important; -webkit-backdrop-filter:blur(20px)!important; border-bottom:1px solid rgba(93,214,232,0.1)!important; z-index:400!important; transition:top .3s cubic-bezier(.4,0,.2,1)!important; padding:8px 28px!important; }
#db-root .db-stk.on { top:52px!important; }
#db-root .db-stki { width:100%; display:flex; align-items:center; gap:14px; }
#db-root .db-stkcov { width:32px; height:42px; border-radius:4px; background:linear-gradient(145deg,#8B1828,#C01830); flex-shrink:0; display:flex; align-items:center; justify-content:center; font-size:6px; font-weight:700; color:rgba(255,255,255,.7); }
#db-root .db-stkm { flex:1; min-width:0; }
#db-root .db-stkseg { font-size:9px; font-weight:700; color:#5DD6E8; letter-spacing:.1em; text-transform:uppercase; }
#db-root .db-stkt { font-size:13px; font-weight:600; color:rgba(255,255,255,.92); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#db-root .db-stkt em { font-family:'Fraunces',serif; font-style:italic; font-weight:300; color:#5DD6E8; }
#db-root .db-stkp { font-size:10px; color:rgba(255,255,255,.4); white-space:nowrap; flex-shrink:0; }
#db-root .db-stkp strong { font-size:17px; font-weight:700; color:#fff; display:block; line-height:1.1; }
#db-root .db-stkcta { display:flex; gap:7px; flex-shrink:0; }

/* BODY GRID - full width, no centering gaps */
#db-root .db-bwrap { width:100%!important; max-width:100%!important; margin:0!important; display:grid!important; grid-template-columns:180px 1fr 280px!important; position:relative!important; min-height:100vh!important; background:#F0F7FF!important; }

/* SCROLLSPY */
#db-root .db-spy { width:180px!important; background:#0D1F3C!important; position:sticky!important; top:96px!important; height:calc(100vh - 96px)!important; display:flex!important; flex-direction:column!important; padding:20px 0 16px!important; border-right:none!important; box-shadow:1px 0 0 rgba(255,255,255,0.04)!important; flex-shrink:0!important; overflow:hidden!important; }
#db-root .db-spy-h { display:flex; align-items:center; gap:7px; padding:0 14px 14px; border-bottom:1px solid rgba(15,123,140,0.15); flex-shrink:0; }
#db-root .db-spy-dot { width:6px; height:6px; border-radius:50%; background:#5DD6E8; box-shadow:0 0 8px rgba(93,214,232,0.5); animation:dbp 2.4s ease-out infinite; }
#db-root .db-spy-lbl { font-family:'Fraunces',serif!important; font-size:8px!important; font-weight:400!important; letter-spacing:.16em!important; text-transform:uppercase!important; color:rgba(255,255,255,0.55)!important; }
#db-root .db-spy-list { flex:1; overflow-y:auto; padding:10px 0; scrollbar-width:none; }
#db-root .db-spy-list::-webkit-scrollbar { display:none; }
#db-root .db-spy-item { display:block; padding:7px 14px 7px 12px; font-size:10.5px!important; font-weight:400!important; color:rgba(255,255,255,0.42)!important; line-height:1.45!important; cursor:pointer; transition:all .18s; border-left:2px solid transparent; background:none; border-top:none; border-right:none; border-bottom:none; width:100%; text-align:left; font-family:'Inter',sans-serif; }
#db-root .db-spy-item:hover { color:rgba(255,255,255,0.72)!important; background:rgba(15,123,140,0.08)!important; }
#db-root .db-spy-item.active { color:#5DD6E8!important; border-left-color:#5DD6E8!important; background:rgba(15,123,140,0.12)!important; font-weight:500!important; }
#db-root .db-spy-prog { height:2px; background:rgba(255,255,255,0.06); flex-shrink:0; margin:0 14px; border-radius:1px; overflow:hidden; }
#db-root .db-spy-bar { height:100%; background:linear-gradient(90deg,#0F7B8C,#5DD6E8); width:0%; transition:width .1s linear; border-radius:1px; }

/* DASHBOARD TRAY */
#db-root .db-dtray { position:fixed!important; top:52px!important; left:0!important; width:0!important; height:calc(100vh - 52px)!important; background:rgba(4,8,18,0.96)!important; backdrop-filter:blur(32px) saturate(200%)!important; -webkit-backdrop-filter:blur(32px) saturate(200%)!important; border-right:1px solid transparent!important; border-radius:0 24px 24px 0!important; z-index:200!important; overflow:hidden!important; will-change:width!important; transition:width .32s cubic-bezier(.4,0,.2,1),border-color .32s,box-shadow .32s!important; }
#db-root .db-dtray.open { width:468px!important; border-color:rgba(15,123,140,0.38)!important; box-shadow:14px 0 70px rgba(0,0,0,.75),inset -1px 0 0 rgba(93,214,232,0.06)!important; }
#db-root .db-dtray::before { content:''; position:absolute; top:0; left:0; right:0; height:2px; background:linear-gradient(90deg,#0F7B8C,#5DD6E8,#0F7B8C); border-radius:0 24px 0 0; opacity:0; transition:opacity .32s; z-index:3; }
#db-root .db-dtray.open::before { opacity:1; }
#db-root .db-din { width:468px; height:100%; overflow-y:auto; position:relative; z-index:2; display:flex; flex-direction:column; scrollbar-width:thin; scrollbar-color:rgba(15,123,140,0.3) transparent; }
#db-root .db-din::-webkit-scrollbar { width:3px; }
#db-root .db-din::-webkit-scrollbar-thumb { background:rgba(15,123,140,0.32); border-radius:2px; }
#db-root .db-dh { display:flex; align-items:center; justify-content:space-between; padding:16px 18px 14px; border-bottom:1px solid rgba(15,123,140,0.18); flex-shrink:0; background:rgba(0,0,0,0.25); }
#db-root .db-dht { font-size:10px; font-weight:700; letter-spacing:.15em; text-transform:uppercase; color:#5DD6E8; display:flex; align-items:center; gap:8px; -webkit-font-smoothing:antialiased; }
#db-root .db-dhx { width:24px; height:24px; border-radius:6px; background:rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,0.08); color:rgba(255,255,255,0.58); font-size:11px; display:flex; align-items:center; justify-content:center; }
#db-root .db-dcg { display:grid; grid-template-columns:1fr 1fr; gap:12px; padding:14px 16px 0; flex-shrink:0; }
#db-root .db-dc { border-radius:14px; padding:14px 13px 12px; position:relative; overflow:hidden; background:linear-gradient(rgba(255,255,255,0.07),rgba(255,255,255,0.025)) padding-box,linear-gradient(135deg,rgba(93,214,232,0.5),rgba(26,95,168,0.18),rgba(15,123,140,0.42)) border-box; border:1px solid transparent; box-shadow:0 8px 30px rgba(0,0,0,0.48),inset 0 1px 0 rgba(255,255,255,0.1); }
#db-root .db-dc::before { content:''; position:absolute; top:0; left:0; right:0; height:40%; background:linear-gradient(180deg,rgba(255,255,255,0.09),rgba(255,255,255,0)); pointer-events:none; }
#db-root .db-dc::after { content:''; position:absolute; top:0; left:0; right:0; height:2px; background:linear-gradient(90deg,#0F7B8C,#5DD6E8); }
#db-root .db-dclbl { font-size:8px; font-weight:700; letter-spacing:.13em; text-transform:uppercase; color:rgba(255,255,255,0.6); margin-bottom:9px; display:block; -webkit-font-smoothing:antialiased; }
#db-root .db-dcw { display:flex; justify-content:center; align-items:center; width:100%; }
#db-root .db-dcv { display:block; }
#db-root .db-dcst { margin-top:10px; padding-top:9px; border-top:1px solid rgba(255,255,255,0.08); font-size:10px; color:rgba(255,255,255,0.85); line-height:1.55; -webkit-font-smoothing:antialiased; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden; }
#db-root .db-dval { margin:12px 16px 0; padding:13px 15px; background:rgba(15,123,140,0.1); border:1px solid rgba(15,123,140,0.25); border-radius:12px; flex-shrink:0; }
#db-root .db-dvm { font-size:12px; font-weight:500; color:rgba(255,255,255,0.9); line-height:1.5; margin-bottom:5px; -webkit-font-smoothing:antialiased; }
#db-root .db-dvm em { font-family:'Fraunces',serif; font-style:italic; color:#5DD6E8; }
#db-root .db-dvs { font-size:10px; font-weight:300; color:rgba(255,255,255,0.5); line-height:1.6; }
#db-root .db-da { padding:12px 16px 18px; display:flex; flex-direction:column; gap:8px; flex-shrink:0; }
#db-root .db-dap { background:linear-gradient(135deg,#0F7B8C,#1A5FA8)!important; color:#fff!important; border:none!important; border-radius:10px!important; padding:13px 14px!important; font-family:'Inter',sans-serif!important; font-size:12.5px!important; font-weight:700!important; width:100%!important; box-shadow:0 3px 16px rgba(15,123,140,0.4)!important; -webkit-font-smoothing:antialiased!important; }
#db-root .db-das { background:rgba(255,255,255,0.05)!important; color:#5DD6E8!important; border:1px solid rgba(15,123,140,0.42)!important; border-radius:10px!important; padding:10px 14px!important; font-family:'Inter',sans-serif!important; font-size:12px!important; font-weight:600!important; width:100%!important; -webkit-font-smoothing:antialiased!important; }
#db-root .db-dan { font-size:9.5px; color:rgba(255,255,255,0.3); text-align:center; }

/* DYNAMIC ISLAND */
#db-root .db-island { position:fixed!important; bottom:28px!important; left:50%!important; transform:translateX(-50%)!important; z-index:800!important; background:rgba(5,8,15,0.96)!important; backdrop-filter:blur(20px) saturate(180%)!important; -webkit-backdrop-filter:blur(20px) saturate(180%)!important; border:1px solid rgba(93,214,232,0.22)!important; border-radius:100px!important; padding:10px 22px 10px 16px!important; display:flex!important; align-items:center!important; gap:10px!important; cursor:pointer!important; user-select:none!important; box-shadow:0 0 0 1px rgba(93,214,232,0.08),0 8px 32px rgba(0,0,0,0.45),0 0 40px rgba(15,123,140,0.18)!important; transition:all .3s cubic-bezier(.4,0,.2,1)!important; white-space:nowrap!important; }
#db-root .db-island:hover { background:rgba(15,123,140,0.22)!important; border-color:rgba(93,214,232,0.45)!important; transform:translateX(-50%) translateY(-2px)!important; }
#db-root .db-island.open { background:linear-gradient(135deg,rgba(15,123,140,0.3),rgba(26,95,168,0.2))!important; border-color:rgba(93,214,232,0.5)!important; }
#db-root .db-island-dot { width:8px; height:8px; border-radius:50%; background:#5DD6E8; box-shadow:0 0 10px rgba(93,214,232,0.7); animation:dbp 2.2s ease-out infinite; flex-shrink:0; }
#db-root .db-island-txt { font-size:11px!important; font-weight:600!important; color:rgba(255,255,255,0.88)!important; letter-spacing:.02em!important; -webkit-font-smoothing:antialiased!important; }
#db-root .db-island-arr { font-size:8px!important; color:rgba(93,214,232,0.7)!important; transition:transform .3s!important; }
#db-root .db-island.open .db-island-arr { transform:rotate(180deg)!important; }

/* SCROLL POPUP */
#db-root .db-popup { position:fixed!important; bottom:-90px!important; left:0!important; right:0!important; z-index:750!important; transition:bottom .4s cubic-bezier(.4,0,.2,1)!important; padding:0 20px!important; }
#db-root .db-popup.show { bottom:90px!important; }
#db-root .db-popup-in { max-width:780px!important; margin:0 auto!important; background:linear-gradient(135deg,rgba(5,8,15,0.97),rgba(10,22,40,0.97))!important; backdrop-filter:blur(20px)!important; -webkit-backdrop-filter:blur(20px)!important; border:1px solid rgba(15,123,140,0.3)!important; border-radius:16px!important; padding:14px 18px!important; display:flex!important; align-items:center!important; gap:16px!important; box-shadow:0 8px 40px rgba(0,0,0,0.5)!important; position:relative!important; }
#db-root .db-popup-in::before { content:''; position:absolute; top:0; left:0; right:0; height:1px; background:linear-gradient(90deg,transparent,rgba(93,214,232,0.35),transparent); border-radius:16px 16px 0 0; }
#db-root .db-popup-l { display:flex; align-items:center; gap:12px; flex:1; min-width:0; }
#db-root .db-popup-ico { width:36px; height:36px; border-radius:10px; background:linear-gradient(135deg,#0F7B8C,#1A5FA8); display:flex; align-items:center; justify-content:center; font-size:16px; color:#fff; flex-shrink:0; }
#db-root .db-popup-txt strong { display:block; font-size:13px!important; font-weight:600!important; color:rgba(255,255,255,0.92)!important; margin-bottom:2px!important; -webkit-font-smoothing:antialiased!important; }
#db-root .db-popup-txt span { font-size:11px!important; color:rgba(255,255,255,0.45)!important; }
#db-root .db-popup-r { display:flex; align-items:center; gap:8px; flex-shrink:0; }
#db-root .db-popup-inp { background:rgba(255,255,255,0.07)!important; border:1px solid rgba(255,255,255,0.12)!important; border-radius:8px!important; padding:8px 12px!important; font-size:12px!important; color:#fff!important; font-family:'Inter',sans-serif!important; outline:none!important; width:200px!important; }
#db-root .db-popup-inp::placeholder { color:rgba(255,255,255,0.32)!important; }
#db-root .db-popup-btn { background:linear-gradient(135deg,#0F7B8C,#1A5FA8)!important; color:#fff!important; border:none!important; border-radius:8px!important; padding:9px 16px!important; font-size:12px!important; font-weight:600!important; font-family:'Inter',sans-serif!important; white-space:nowrap!important; cursor:pointer!important; }
#db-root .db-popup-x { position:absolute; top:10px; right:12px; background:none!important; border:none!important; color:rgba(255,255,255,0.35)!important; font-size:13px!important; cursor:pointer!important; padding:2px 5px!important; }

/* CENTRE CONTENT */
#db-root .db-content { padding:0!important; min-width:0!important; background:#F0F7FF!important; width:100%!important; overflow:hidden!important; }
#db-root .db-tc { display:none!important; }
#db-root .db-tc.on { display:block!important; }
#db-root .db-card { background:#ffffff!important; border-radius:0!important; padding:28px 32px!important; margin-bottom:0!important; border:none!important; border-bottom:1px solid #E8F4F4!important; box-shadow:none!important; }
#db-root .db-lbar { background:rgba(34,197,94,0.055)!important; border:none!important; border-bottom:1px solid rgba(34,197,94,0.12)!important; border-radius:0; padding:10px 32px; display:flex; align-items:center; gap:8px; margin-bottom:0; flex-wrap:wrap; }
#db-root .db-ldotp { width:7px; height:7px; border-radius:50%; background:#22C55E; animation:dbp 2s ease-out infinite; flex-shrink:0; }
#db-root .db-lt { font-size:12px!important; font-weight:300!important; color:rgba(10,22,40,.82)!important; }
#db-root .db-lt strong { font-weight:600!important; color:#0A1628!important; }
#db-root .db-lsep { width:1px; height:13px; background:rgba(34,197,94,.2); flex-shrink:0; }
#db-root .db-ltime { font-size:10px!important; color:#64748B!important; margin-left:auto; }
#db-root .db-sr { height:1px; background:#E8EDF4; margin-bottom:14px; }
#db-root .db-sra { height:1px; background:#E8EDF4; margin-bottom:24px; }
#db-root .db-sh2 { font-size:10px!important; font-weight:700!important; letter-spacing:.15em!important; text-transform:uppercase!important; background:linear-gradient(135deg,#0F7B8C,#1A5FA8)!important; -webkit-background-clip:text!important; -webkit-text-fill-color:transparent!important; background-clip:text!important; margin-bottom:16px!important; display:block!important; }

/* REPORT CONTENT TYPOGRAPHY */
#db-root .db-report-content { font-family:'Lora',serif!important; font-size:14px!important; font-weight:400!important; color:#0F172A!important; line-height:1.75!important; letter-spacing:.008em!important; max-width:100%!important; -webkit-font-smoothing:antialiased!important; }
#db-root .db-report-content p { margin:0 0 1.2em 0!important; font-size:14px!important; color:#0F172A!important; line-height:1.75!important; font-family:'Lora',serif!important; }
#db-root .db-report-content p:last-child { margin-bottom:0!important; }
#db-root .db-report-content h1,#db-root .db-report-content h2 { font-family:'Fraunces',serif!important; font-style:normal!important; font-size:22px!important; font-weight:600!important; color:#0A1628!important; letter-spacing:-.02em!important; margin:2.6em 0 1em 0!important; line-height:1.22!important; padding-bottom:12px!important; border-bottom:1px solid #E8EDF4!important; }
#db-root .db-report-content h2:first-child { margin-top:0!important; }
#db-root .db-report-content h3 { font-family:'Fraunces',serif!important; font-style:normal!important; font-size:17px!important; font-weight:600!important; color:#0A1628!important; margin:2em 0 .7em 0!important; }
#db-root .db-report-content h4 { font-family:'Inter',sans-serif!important; font-size:11px!important; font-weight:700!important; color:#0B6070!important; letter-spacing:.14em!important; text-transform:uppercase!important; margin:1.8em 0 .6em 0!important; }
#db-root .db-report-content strong,#db-root .db-report-content b { font-weight:600!important; color:#0A1628!important; }
#db-root .db-report-content em,#db-root .db-report-content i { font-family:'Fraunces',serif!important; font-style:italic!important; color:#0B6070!important; }
#db-root .db-report-content ul,#db-root .db-report-content ol { margin:0 0 1.8em 0!important; padding-left:1.6em!important; }
#db-root .db-report-content li { margin-bottom:.6em!important; font-size:13.5px!important; color:#0F172A!important; line-height:1.7!important; padding-left:.4em!important; font-family:'Lora',serif!important; }
#db-root .db-report-content ul li { list-style-type:disc!important; }
#db-root .db-report-content ol li { list-style-type:decimal!important; }
#db-root .db-report-content img { max-width:100%!important; width:auto!important; height:auto!important; display:block!important; margin:2.4em auto!important; border-radius:10px!important; box-shadow:0 4px 24px rgba(10,22,40,0.1)!important; border:1px solid #E2E8F0!important; image-rendering:-webkit-optimize-contrast!important; }
#db-root .db-report-content figure { margin:2.4em 0!important; }
#db-root .db-report-content figcaption { font-size:11px!important; color:#64748B!important; text-align:center!important; margin-top:8px!important; font-style:italic!important; }
#db-root .db-report-content table { width:100%!important; border-collapse:collapse!important; margin:2.4em 0!important; font-size:13.5px!important; background:#fff!important; box-shadow:0 2px 20px rgba(10,22,40,0.08),0 0 0 1px #E2E8F0!important; border-radius:12px!important; overflow:hidden!important; }
#db-root .db-report-content table thead tr th,#db-root .db-report-content table tr:first-child th { background:#0A1628!important; color:rgba(255,255,255,0.9)!important; padding:13px 18px!important; text-align:left!important; font-weight:600!important; font-size:11px!important; letter-spacing:.08em!important; text-transform:uppercase!important; border:none!important; -webkit-font-smoothing:antialiased!important; }
#db-root .db-report-content table td { padding:12px 18px!important; border-bottom:1px solid #EEF2F8!important; color:#0F172A!important; vertical-align:top!important; border-left:none!important; border-right:none!important; border-top:none!important; line-height:1.7!important; }
#db-root .db-report-content table tr:last-child td { border-bottom:none!important; }
#db-root .db-report-content table tr:nth-child(even) td { background:rgba(241,245,249,0.5)!important; }
#db-root .db-report-content table tr:only-child td { background:linear-gradient(135deg,#0D1F3C,#0A1628)!important; border-left:3px solid #5DD6E8!important; border-right:none!important; border-top:none!important; border-bottom:none!important; padding:22px 24px!important; color:rgba(255,255,255,0.92)!important; -webkit-text-fill-color:rgba(255,255,255,0.92)!important; font-size:14px!important; line-height:1.8!important; border-radius:12px!important; font-family:'Lora',serif!important; font-style:normal!important; -webkit-font-smoothing:antialiased!important; box-shadow:0 4px 20px rgba(0,0,0,0.2)!important; }
#db-root .db-report-content blockquote { border-left:3px solid #0F7B8C!important; padding:5px 0 5px 20px!important; margin:1.8em 0!important; }
#db-root .db-report-content blockquote p { font-family:'Fraunces',serif!important; font-style:italic!important; color:#1A3040!important; font-size:15px!important; }
#db-root .db-report-content hr { border:none!important; height:1px!important; background:#E2E8F0!important; margin:2.4em 0!important; }
#db-root .db-content-empty { font-size:13px!important; color:#64748B!important; font-style:italic!important; padding:20px!important; background:#F8FAFC!important; border:1px solid #E2E8F0!important; border-radius:8px!important; }

/* KPI TRIPTYCH */
#db-root .db-kpir { display:grid!important; grid-template-columns:1fr 1fr 1fr!important; margin:0!important; background:#fff!important; border-bottom:1px solid #E2E8F0!important; }
#db-root .db-kpi { padding:28px 14px!important; text-align:center!important; border-right:1px solid #E2E8F0!important; }
#db-root .db-kpi:last-child { border-right:none!important; }
#db-root .db-kpin { font-family:'Fraunces',serif!important; font-size:36px!important; font-weight:300!important; color:#0F7B8C!important; line-height:1!important; display:block!important; letter-spacing:-.03em!important; }

/* VALUE ANCHOR */
#db-root .db-va { margin:0 0 24px 0!important; }
#db-root .db-vac { font-size:12px!important; color:#475569!important; margin-bottom:8px!important; }
#db-root .db-vans { display:flex!important; align-items:baseline!important; gap:16px!important; flex-wrap:wrap!important; margin-bottom:8px!important; }
#db-root .db-valg { font-family:'Fraunces',serif!important; font-size:26px!important; font-weight:300!important; color:#0A1628!important; letter-spacing:-.03em!important; }
#db-root .db-vavs { font-size:14px!important; color:#64748B!important; }
#db-root .db-vapr { font-family:'Fraunces',serif!important; font-size:26px!important; font-weight:400!important; color:#0F7B8C!important; letter-spacing:-.03em!important; }
#db-root .db-vanote { font-size:11.5px!important; color:#64748B!important; line-height:1.65!important; }

/* GUARANTEE */
#db-root .db-guar { border-top:1px solid #E8EDF4!important; padding-top:20px!important; margin-top:22px!important; }
#db-root .db-guar p { font-family:'Fraunces',serif!important; font-size:15.5px!important; font-style:italic!important; font-weight:300!important; color:#0F5060!important; line-height:1.82!important; }

/* FAQ */
#db-root .db-faq-card { margin-top:0!important; }
#db-root .db-faq-item { border-bottom:1px solid #EEF2F8; overflow:hidden; }
#db-root .db-faq-item:last-child { border-bottom:none; }
#db-root .db-faq-q { width:100%; background:none!important; border:none!important; display:flex!important; align-items:center!important; justify-content:space-between!important; padding:14px 0!important; font-size:13.5px!important; font-weight:500!important; color:#0A1628!important; cursor:pointer!important; font-family:'Inter',sans-serif!important; text-align:left!important; gap:12px!important; }
#db-root .db-faq-q:hover { color:#0F7B8C!important; }
#db-root .db-faq-q.open { color:#0F7B8C!important; }
#db-root .db-faq-arr { font-size:10px!important; color:#94A3B8!important; transition:transform .25s!important; flex-shrink:0!important; }
#db-root .db-faq-q.open .db-faq-arr { transform:rotate(180deg)!important; color:#0F7B8C!important; }
#db-root .db-faq-a { font-size:13px!important; color:#475569!important; line-height:1.75!important; padding:0 0 14px 0!important; display:none; }
#db-root .db-faq-a.open { display:block!important; }

/* TOC */
#db-root .db-toc-meta { font-size:12px!important; color:#64748B!important; margin-bottom:18px!important; }
#db-root .db-toci { display:flex; align-items:flex-start; gap:12px; padding:13px 0; border-bottom:1px solid #F1F5F9; }
#db-root .db-toci:last-child { border-bottom:none; }
#db-root .db-tocn { font-size:11px; font-weight:700; color:#0F7B8C; width:22px; flex-shrink:0; }
#db-root .db-tocm { flex:1; }
#db-root .db-toct { font-size:13.5px!important; font-weight:500!important; color:#0A1628!important; margin-bottom:3px!important; }
#db-root .db-tocs { font-size:11px!important; font-weight:300!important; color:#64748B!important; line-height:1.55!important; }
#db-root .db-tocmt { display:flex; gap:6px; align-items:center; flex-shrink:0; }
#db-root .db-bgn { font-size:9px; background:#F0FDF4; color:#166534; padding:2px 7px; border-radius:20px; border:1px solid #BBF7D0; white-space:nowrap; }
#db-root .db-bga { font-size:9px; background:#FEF3C7; color:#92400E; padding:2px 7px; border-radius:20px; border:1px solid #FDE68A; white-space:nowrap; }
#db-root .db-tocp { font-size:10px!important; color:#94A3B8!important; }

/* METHODOLOGY */
#db-root .db-mth-intro { font-size:14.5px!important; color:#334155!important; line-height:1.85!important; margin-bottom:22px!important; }
#db-root .db-mthg { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
#db-root .db-mi { background:#F8FAFC!important; border:1px solid #E2E8F0!important; border-radius:10px; padding:16px; }
#db-root .db-min { font-size:11px!important; font-weight:700!important; color:#0F7B8C!important; text-transform:uppercase!important; letter-spacing:.08em!important; margin-bottom:3px!important; }
#db-root .db-mit { font-size:13.5px!important; font-weight:600!important; color:#0A1628!important; margin-bottom:5px!important; }
#db-root .db-mid { font-size:12px!important; font-weight:300!important; color:#475569!important; line-height:1.65!important; }

/* CUSTOMISE */
#db-root .db-cuh { background:linear-gradient(145deg,#0A1628,#0A1628)!important; border-radius:13px; padding:26px; margin-bottom:16px; border:1px solid rgba(15,123,140,0.22); position:relative; overflow:hidden; }
#db-root .db-cuh::before { content:''; position:absolute; top:0; left:0; right:0; height:1px; background:linear-gradient(90deg,transparent,rgba(93,214,232,.32),transparent); }
#db-root .db-cut { font-size:20px!important; font-weight:600!important; color:#fff!important; margin-bottom:8px!important; -webkit-font-smoothing:antialiased!important; }
#db-root .db-cut em { font-family:'Fraunces',serif!important; font-style:italic!important; font-weight:300!important; background:linear-gradient(135deg,#5DD6E8,#1A5FA8)!important; -webkit-background-clip:text!important; -webkit-text-fill-color:transparent!important; background-clip:text!important; }
#db-root .db-cus { font-size:12.5px!important; font-weight:300!important; color:rgba(255,255,255,.44)!important; line-height:1.72!important; margin-bottom:18px!important; }
#db-root .db-cog { display:grid; grid-template-columns:1fr 1fr; gap:9px; }
#db-root .db-co { background:rgba(255,255,255,.045)!important; border:1px solid rgba(255,255,255,.08)!important; border-radius:9px; padding:13px; cursor:pointer; transition:all .2s; }
#db-root .db-co:hover { border-color:rgba(15,123,140,.35)!important; background:rgba(15,123,140,.09)!important; }
#db-root .db-cot { font-size:12.5px!important; font-weight:600!important; color:#fff!important; margin-bottom:3px!important; }
#db-root .db-cod { font-size:10.5px!important; font-weight:300!important; color:rgba(255,255,255,.4)!important; line-height:1.5!important; }
#db-root .db-cff { background:#F8FAFC!important; border:1px solid #E2E8F0!important; border-radius:12px; padding:22px; }
#db-root .db-cfh { font-size:14.5px!important; font-weight:600!important; color:#0A1628!important; margin-bottom:16px!important; }
#db-root .db-cfr { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-bottom:10px; }
#db-root .db-cff2 { display:flex; flex-direction:column; gap:4px; }
#db-root .db-cfl { font-size:9.5px!important; font-weight:600!important; color:#475569!important; letter-spacing:.07em!important; text-transform:uppercase!important; }
#db-root .db-cfi { background:#fff!important; border:1px solid #E2E8F0!important; border-radius:7px!important; padding:9px 12px!important; font-size:13px!important; color:#0A1628!important; font-family:'Inter',sans-serif!important; outline:none!important; width:100%!important; }
#db-root .db-cfi:focus { border-color:#0F7B8C!important; }
#db-root .db-cfta { background:#fff!important; border:1px solid #E2E8F0!important; border-radius:7px!important; padding:9px 12px!important; font-size:13px!important; color:#0A1628!important; font-family:'Inter',sans-serif!important; outline:none!important; resize:vertical!important; min-height:80px!important; width:100%!important; margin-bottom:10px!important; }
#db-root .db-cfsub { background:linear-gradient(135deg,#0F7B8C,#1A5FA8)!important; color:#fff!important; border:none!important; border-radius:8px!important; padding:12px 16px!important; font-family:'Inter',sans-serif!important; font-size:13px!important; font-weight:600!important; width:100%!important; }

/* RIGHT SIDEBAR */
#db-root .db-sb { padding:0!important; position:sticky!important; top:96px!important; height:calc(100vh - 96px)!important; overflow-y:auto!important; background:transparent!important; border-left:none!important; scrollbar-width:none!important; }
#db-root .db-sb::-webkit-scrollbar { display:none; }
#db-root .db-sbc { background:linear-gradient(160deg,rgba(8,14,26,0.98),rgba(5,10,20,0.99))!important; border:1px solid rgba(15,123,140,0.3)!important; border-radius:16px!important; padding:18px 16px!important; margin:12px 10px 8px!important; position:relative!important; overflow:hidden!important; box-shadow:0 8px 32px rgba(0,0,0,0.4),0 1px 0 rgba(93,214,232,0.15) inset!important; -webkit-font-smoothing:antialiased!important; }
#db-root .db-sbc::before { content:''; position:absolute; top:0; left:0; right:0; height:2px; background:linear-gradient(90deg,transparent,#5DD6E8,#0F7B8C,#5DD6E8,transparent); border-radius:16px 16px 0 0; }
#db-root .db-sbh { font-family:'Fraunces',serif!important; font-style:italic!important; font-size:11px!important; font-weight:300!important; letter-spacing:.05em!important; text-transform:none!important; color:rgba(93,214,232,0.75)!important; margin-bottom:12px!important; display:block!important; }
#db-root .db-lico { display:flex; flex-direction:column; gap:7px; margin-bottom:12px; }
#db-root .db-lic { display:flex!important; align-items:center!important; gap:9px!important; padding:9px 11px!important; border-radius:10px!important; border:1px solid rgba(255,255,255,0.1)!important; cursor:pointer!important; transition:all .2s!important; background:rgba(255,255,255,0.05)!important; }
#db-root .db-lic:hover { background:rgba(255,255,255,0.09)!important; }
#db-root .db-lic.sel { border-color:rgba(93,214,232,0.5)!important; background:rgba(15,123,140,0.2)!important; }
#db-root .db-licr { width:15px; height:15px; border-radius:50%; border:2px solid rgba(255,255,255,0.25); flex-shrink:0; display:flex; align-items:center; justify-content:center; }
#db-root .db-lic.sel .db-licr { border-color:#5DD6E8; }
#db-root .db-lic.sel .db-licr::after { content:''; width:7px; height:7px; border-radius:50%; background:#5DD6E8; display:block; }
#db-root .db-lici { flex:1; min-width:0; }
#db-root .db-licn { font-family:'Fraunces',serif!important; font-size:13px!important; font-weight:400!important; color:rgba(255,255,255,0.95)!important; letter-spacing:-.01em!important; }
#db-root .db-licsb { font-size:9px!important; color:rgba(255,255,255,0.46)!important; }
#db-root .db-licp { font-size:15px!important; font-weight:700!important; color:#fff!important; white-space:nowrap!important; letter-spacing:-.03em!important; }
#db-root .db-wyg { background:rgba(255,255,255,0.07)!important; border:1px solid rgba(255,255,255,0.11)!important; border-radius:8px; padding:10px 12px; margin-bottom:12px; }
#db-root .db-wygl { font-size:7.5px!important; font-weight:700!important; letter-spacing:.12em!important; text-transform:uppercase!important; color:rgba(255,255,255,0.4)!important; margin-bottom:7px!important; display:block!important; }
#db-root .db-wygf { display:flex; gap:4px; margin-bottom:6px; }
#db-root .db-wf { font-size:7px; font-weight:700; padding:3px 8px; border-radius:3px; color:#fff; letter-spacing:.06em; }
#db-root .db-pdf { background:#9A1428; }
#db-root .db-xls { background:#1A5830; }
#db-root .db-ppt { background:#8A4200; }
#db-root .db-wygd { font-size:10.5px!important; color:rgba(255,255,255,0.62)!important; }
#db-root .db-btnbuy { background:linear-gradient(135deg,#0F7B8C,#1A5FA8)!important; color:#fff!important; border:none!important; border-radius:10px!important; padding:12px 14px!important; font-family:'Inter',sans-serif!important; font-size:13px!important; font-weight:700!important; width:100%!important; display:flex!important; align-items:center!important; justify-content:center!important; gap:5px!important; margin-bottom:8px!important; box-shadow:0 3px 15px rgba(15,123,140,0.32)!important; -webkit-font-smoothing:antialiased!important; }
#db-root .db-btnfr { background:rgba(34,197,94,0.1)!important; color:#86EFAC!important; border:1px solid rgba(34,197,94,0.24)!important; border-radius:10px!important; padding:9px 14px!important; font-family:'Inter',sans-serif!important; font-size:11.5px!important; font-weight:500!important; width:100%!important; display:flex!important; align-items:center!important; justify-content:center!important; margin-bottom:7px!important; }
#db-root .db-btncl { background:rgba(255,255,255,0.05)!important; color:rgba(255,255,255,0.65)!important; border:1px solid rgba(255,255,255,0.12)!important; border-radius:10px!important; padding:9px 14px!important; font-family:'Inter',sans-serif!important; font-size:11.5px!important; font-weight:500!important; width:100%!important; display:flex!important; align-items:center!important; justify-content:center!important; }
#db-root .db-trust { padding-top:12px; border-top:1px solid rgba(255,255,255,0.08); }
#db-root .db-tri { display:flex!important; align-items:center!important; gap:7px!important; font-size:11px!important; color:rgba(255,255,255,0.72)!important; padding:4px 0!important; -webkit-font-smoothing:antialiased!important; }
#db-root .db-trico { color:#5DD6E8!important; flex-shrink:0!important; }
#db-root .db-detr { display:flex!important; justify-content:space-between!important; align-items:center!important; padding:6px 0!important; border-bottom:1px solid rgba(255,255,255,0.07)!important; }
#db-root .db-detr:last-child { border-bottom:none!important; }
#db-root .db-detl { font-size:11px!important; color:rgba(255,255,255,0.4)!important; }
#db-root .db-detv { font-size:11px!important; font-weight:500!important; color:rgba(255,255,255,0.82)!important; }

/* DCS INLINE - hidden, replaced by popup */
#db-root .db-dcs { display:none!important; }

/* DCS FLOATING POPUP */
#db-root .db-dcs-popup { position:relative!important; width:100%!important; z-index:2!important; }
#db-root .db-dcs-popup.show { display:block!important; }
#db-root .db-dcs-popup.dismissed { display:none!important; opacity:0!important; }
#db-root .db-dcs-card { background:rgba(5,8,18,0.97)!important; backdrop-filter:blur(24px) saturate(180%)!important; -webkit-backdrop-filter:blur(24px) saturate(180%)!important; border:1px solid rgba(93,214,232,0.35)!important; border-radius:18px!important; overflow:visible!important; box-shadow:0 20px 60px rgba(0,0,0,0.6),0 0 0 1px rgba(93,214,232,0.08)!important; position:relative!important; }
#db-root .db-dcs-card::before { content:''!important; position:absolute!important; inset:0!important; background-image:linear-gradient(45deg,rgba(15,123,140,0.04) 25%,transparent 25%),linear-gradient(-45deg,rgba(15,123,140,0.04) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(15,123,140,0.04) 75%),linear-gradient(-45deg,transparent 75%,rgba(15,123,140,0.04) 75%)!important; background-size:12px 12px!important; background-position:0 0,0 6px,6px -6px,-6px 0px!important; pointer-events:none!important; z-index:0!important; border-radius:18px!important; }
#db-root .db-dcs-card::after { content:''!important; position:absolute!important; top:0!important; left:0!important; right:0!important; height:2px!important; background:linear-gradient(90deg,transparent,#5DD6E8,#0F7B8C,#5DD6E8,transparent)!important; z-index:1!important; }
#db-root .db-dcs-inner { position:relative!important; z-index:2!important; padding:20px 20px 18px!important; }
#db-root .db-dcs-close { position:absolute!important; top:12px!important; right:14px!important; background:none!important; border:none!important; color:rgba(255,255,255,0.3)!important; font-size:14px!important; cursor:pointer!important; line-height:1!important; z-index:3!important; }
#db-root .db-dcs-ph { margin-bottom:14px!important; padding-right:20px!important; }
#db-root .db-dcs-ptag { font-size:8px!important; font-weight:700!important; letter-spacing:.18em!important; text-transform:uppercase!important; color:#5DD6E8!important; display:flex!important; align-items:center!important; gap:6px!important; margin-bottom:8px!important; -webkit-font-smoothing:antialiased!important; }
#db-root .db-dcs-ptag::before { content:''!important; width:5px!important; height:5px!important; border-radius:50%!important; background:#5DD6E8!important; box-shadow:0 0 6px rgba(93,214,232,0.6)!important; flex-shrink:0!important; }
#db-root .db-dcs-ptitle { font-family:'Fraunces',serif!important; font-size:17px!important; font-weight:400!important; font-style:normal!important; color:rgba(255,255,255,0.94)!important; -webkit-text-fill-color:rgba(255,255,255,0.94)!important; line-height:1.25!important; margin-bottom:6px!important; -webkit-font-smoothing:antialiased!important; }
#db-root .db-dcs-ptitle em { font-style:italic!important; color:#5DD6E8!important; -webkit-text-fill-color:#5DD6E8!important; }
#db-root .db-dcs-psub { font-family:'Fraunces',serif!important; font-size:12px!important; font-style:italic!important; font-weight:300!important; color:rgba(255,255,255,0.45)!important; -webkit-text-fill-color:rgba(255,255,255,0.45)!important; line-height:1.5!important; }
#db-root .db-dcs-pstep { display:none!important; }
#db-root .db-dcs-pstep.on { display:block!important; }
#db-root .db-dcs-pq { font-size:11.5px!important; font-weight:500!important; color:rgba(255,255,255,0.78)!important; -webkit-text-fill-color:rgba(255,255,255,0.78)!important; margin-bottom:10px!important; line-height:1.45!important; -webkit-font-smoothing:antialiased!important; }
#db-root .db-dcs-popts { display:flex!important; flex-direction:column!important; gap:6px!important; }
#db-root .db-dcs-popt { background:rgba(255,255,255,0.05)!important; border:1px solid rgba(255,255,255,0.1)!important; border-radius:8px!important; padding:8px 12px!important; font-size:11.5px!important; font-weight:500!important; color:rgba(255,255,255,0.72)!important; cursor:pointer!important; font-family:'Inter',sans-serif!important; text-align:left!important; transition:all .18s!important; width:100%!important; -webkit-font-smoothing:antialiased!important; }
#db-root .db-dcs-popt:hover { border-color:rgba(93,214,232,0.45)!important; background:rgba(15,123,140,0.18)!important; color:#5DD6E8!important; }
#db-root .db-dcs-pdots { display:flex!important; justify-content:center!important; gap:5px!important; margin-top:14px!important; }
#db-root .db-dcs-pdot { width:5px!important; height:5px!important; border-radius:50%!important; background:rgba(255,255,255,0.15)!important; transition:all .2s!important; }
#db-root .db-dcs-pdot.on { background:#5DD6E8!important; box-shadow:0 0 6px rgba(93,214,232,0.5)!important; }
#db-root .db-dcs-presult { display:none!important; }
#db-root .db-dcs-presult.on { display:block!important; }
#db-root .db-dcs-pvt { font-family:'Fraunces',serif!important; font-size:13px!important; font-weight:400!important; color:rgba(255,255,255,0.9)!important; -webkit-text-fill-color:rgba(255,255,255,0.9)!important; margin-bottom:4px!important; line-height:1.3!important; }
#db-root .db-dcs-pvd { font-size:10.5px!important; color:rgba(255,255,255,0.45)!important; -webkit-text-fill-color:rgba(255,255,255,0.45)!important; line-height:1.5!important; }
#db-root .db-dcs-pctap { background:linear-gradient(135deg,#0F7B8C,#1A5FA8)!important; color:#fff!important; border:none!important; border-radius:9px!important; padding:10px 14px!important; font-size:11.5px!important; font-weight:600!important; font-family:'Inter',sans-serif!important; width:100%!important; margin-top:12px!important; cursor:pointer!important; -webkit-font-smoothing:antialiased!important; }
#db-root .db-dcs-pctab { background:transparent!important; border:1px solid rgba(93,214,232,0.25)!important; color:rgba(255,255,255,0.5)!important; border-radius:9px!important; padding:8px 14px!important; font-size:11px!important; font-family:'Inter',sans-serif!important; width:100%!important; margin-top:6px!important; cursor:pointer!important; }

/* KEYFRAMES */
@keyframes dbp { 0%,100%{opacity:.5;transform:scale(1);}50%{opacity:1;transform:scale(1.22);} }
@keyframes dbca { 0%,78%,100%{opacity:.72;transform:translateX(0);}82%{opacity:1;transform:translateX(4px);}86%{opacity:.72;transform:translateX(0);}90%{opacity:1;transform:translateX(4px);}94%{opacity:.72;transform:translateX(0);} }

/* RESPONSIVE */

/* ================================================================
   RESPONSIVE  Tablet and Mobile
   Three breakpoints: 1100px (tablet), 900px (mobile landscape), 640px (mobile portrait)
   ================================================================ */

/* TABLET  768px to 1100px */
@media(max-width:1100px) {
  #db-root .db-bwrap { grid-template-columns:160px 1fr 240px!important; }
  #db-root .db-hi { max-width:58%!important; }
  #db-root .db-nexus-wrap { width:40%!important; }
  #db-root .db-ssi { padding:0 16px; }
  #db-root .db-tabsi { padding:0 16px; }
  #db-root .db-bc-in { padding:8px 16px; }
  #db-root .db-nav-in { padding:0 16px; }
}

/* MOBILE LANDSCAPE + TABLET PORTRAIT  up to 900px */
@media(max-width:900px) {
  /* Layout: single column, no sidebar, no scrollspy */
  #db-root .db-bwrap { grid-template-columns:1fr!important; }
  #db-root .db-sb { display:none!important; }
  #db-root .db-spy { display:none!important; }
  #db-root .db-nexus-wrap { display:none!important; }

  /* Hero */
  #db-root .db-hi { max-width:100%!important; padding:0 16px!important; }
  #db-root .db-hero { min-height:0!important; }
  #db-root .db-hr { grid-template-columns:52px 1fr!important; gap:12px!important; }
  #db-root .db-gb { margin:8px 0 10px; padding:6px 12px; gap:8px; }
  #db-root .db-gbins { display:none!important; }
  #db-root .db-arow { flex-wrap:wrap!important; }
  #db-root .db-asep { display:none!important; }
  #db-root .db-aav2 { display:none!important; }

  /* Stat strip scrolls horizontally */
  #db-root .db-ssw { overflow-x:auto!important; }
  #db-root .db-ssi { padding:0 16px; min-width:600px; }

  /* Tabs */
  #db-root .db-tabs { overflow-x:auto!important; }
  #db-root .db-tabsi { padding:0 16px; min-width:500px; }
  #db-root .db-tcta { display:none!important; }

  /* Sticky bar */
  #db-root .db-stk { padding:8px 16px!important; }
  #db-root .db-stkcta { display:none!important; }

  /* Content */
  #db-root .db-content { padding:0!important; }
  #db-root .db-card { padding:20px 16px!important; }
  #db-root .db-lbar { padding:10px 16px!important; }

  /* KPI */
  #db-root .db-kpir { grid-template-columns:1fr 1fr 1fr!important; }

  /* Dashboard tray */
  #db-root .db-dtray.open { width:calc(100vw - 24px)!important; }

  /* Sticky mobile purchase bar  shown on mobile */
  #db-root .db-mob-buy { display:flex!important; }

  /* Nav */
  #db-root .db-nav-in { padding:0 16px; }
  #db-root .db-nl { display:none!important; }

  /* Methodology grid */
  #db-root .db-mthg { grid-template-columns:1fr 1fr!important; }

  /* Customise */
  #db-root .db-cog { grid-template-columns:1fr!important; }
  #db-root .db-cfr { grid-template-columns:1fr!important; }
}

/* MOBILE PORTRAIT  up to 640px */
@media(max-width:640px) {
  /* Hero */
  #db-root .db-h1 { font-size:19px!important; }
  #db-root .db-hr { grid-template-columns:1fr!important; }
  #db-root .db-cw { display:none!important; }
  #db-root .db-htags { gap:4px; }
  #db-root .db-htag { font-size:8px!important; padding:2px 8px!important; }

  /* Stat strip */
  #db-root .db-ssi { min-width:500px; }
  #db-root .db-ss { padding:0 10px!important; }
  #db-root .db-ssv { font-size:12px!important; }

  /* Tabs */
  #db-root .db-tabsi { min-width:420px; }
  #db-root .db-tab { padding:0 12px!important; font-size:11px!important; }

  /* Content */
  #db-root .db-card { padding:18px 14px!important; }
  #db-root .db-kpir { grid-template-columns:1fr!important; }
  #db-root .db-kpin { font-size:28px!important; }

  /* Dashboard */
  #db-root .db-dtray.open { width:100vw!important; border-radius:0!important; }
  #db-root .db-dcg { grid-template-columns:1fr!important; }

  /* Dynamic Island */
  #db-root .db-island { bottom:70px!important; font-size:10px!important; padding:8px 16px 8px 12px!important; }
  #db-root .db-island-txt { font-size:10px!important; }

  /* Scroll popup */
  #db-root .db-popup.show { bottom:120px!important; }
  #db-root .db-popup { padding:0 10px!important; }
  #db-root .db-popup-in { flex-direction:column!important; gap:10px!important; }
  #db-root .db-popup-l { width:100%!important; }
  #db-root .db-popup-r { width:100%!important; flex-direction:row!important; }
  #db-root .db-popup-inp { flex:1!important; width:auto!important; }

  /* DCS popup */
  #db-root .db-dcs-popup.show { bottom:120px!important; left:10px!important; right:10px!important; width:auto!important; }

  /* TOC */
  #db-root .db-toci { flex-wrap:wrap; }
  #db-root .db-tocmt { width:100%; padding-left:34px; }

  /* Methodology */
  #db-root .db-mthg { grid-template-columns:1fr!important; }

  /* Nav */
  #db-root .db-nav-btn { font-size:11px!important; padding:6px 12px!important; }
}

/* MOBILE STICKY PURCHASE BAR */
#db-root .db-mob-buy {
  display: none; /* hidden on desktop, shown on mobile via media query */
  position: fixed!important;
  bottom: 0!important;
  left: 0!important;
  right: 0!important;
  z-index: 600!important;
  background: rgba(5,8,15,0.97)!important;
  backdrop-filter: blur(20px)!important;
  -webkit-backdrop-filter: blur(20px)!important;
  border-top: 1px solid rgba(93,214,232,0.2)!important;
  padding: 10px 16px!important;
  flex-direction: row!important;
  align-items: center!important;
  gap: 10px!important;
  box-shadow: 0 -4px 20px rgba(0,0,0,0.4)!important;
}
#db-root .db-mob-price {
  flex: 1!important;
}
#db-root .db-mob-price-from {
  font-size: 9px!important;
  color: rgba(255,255,255,0.4)!important;
  text-transform: uppercase!important;
  letter-spacing: .1em!important;
  display: block!important;
}
#db-root .db-mob-price-val {
  font-family: 'Fraunces', serif!important;
  font-size: 22px!important;
  font-weight: 300!important;
  color: #ffffff!important;
  -webkit-text-fill-color: #ffffff!important;
  letter-spacing: -.03em!important;
  line-height: 1!important;
}
#db-root .db-mob-buy-btn {
  background: linear-gradient(135deg,#0F7B8C,#1A5FA8)!important;
  color: #fff!important;
  border: none!important;
  border-radius: 10px!important;
  padding: 12px 20px!important;
  font-size: 13px!important;
  font-weight: 700!important;
  font-family: 'Inter', sans-serif!important;
  white-space: nowrap!important;
  box-shadow: 0 3px 14px rgba(15,123,140,0.4)!important;
  flex-shrink: 0!important;
}
#db-root .db-mob-sample-btn {
  background: transparent!important;
  color: #5DD6E8!important;
  border: 1px solid rgba(93,214,232,0.3)!important;
  border-radius: 10px!important;
  padding: 11px 14px!important;
  font-size: 12px!important;
  font-weight: 500!important;
  font-family: 'Inter', sans-serif!important;
  white-space: nowrap!important;
  flex-shrink: 0!important;
}

/* ================================================================
   ACCESSIBILITY  prefers-reduced-motion
   Pauses all animations for users who request reduced motion
   ================================================================ */
@media (prefers-reduced-motion: reduce) {
  #db-root .db-island { transition:none!important; }
  #db-root .db-island-dot { animation:none!important; }
  #db-root .db-gbd { animation:none!important; }
  #db-root .db-ldot { animation:none!important; }
  #db-root .db-ldotp { animation:none!important; }
  #db-root .db-adot { animation:none!important; }
  #db-root .db-spy-dot { animation:none!important; }
  #db-root .db-dcs-ptag::before { animation:none!important; }
  #db-root .db-popup { transition:none!important; }
  #db-root .db-dcs-popup { transition:none!important; }
  #db-root .db-dtray { transition:none!important; }
  #db-root .db-stk { transition:none!important; }
  #db-root .db-nexus-canvas { display:none!important; }
  #db-root .db-nexus-lbl { display:none!important; }
}

/* ================================================================
   ACCESSIBILITY  Focus rings for keyboard navigation
   ================================================================ */
#db-root *:focus-visible {
  outline: 2px solid #5DD6E8!important;
  outline-offset: 2px!important;
  border-radius: 3px!important;
}
#db-root .db-tab:focus-visible {
  outline: 2px solid #5DD6E8!important;
  outline-offset: -2px!important;
}
#db-root .db-btnbuy:focus-visible,
#db-root .db-dcs-pctap:focus-visible {
  outline: 2px solid #fff!important;
  outline-offset: 2px!important;
}

/* Skip to main content link */
#db-root .db-skip-link {
  position: absolute!important;
  top: -100px!important;
  left: 16px!important;
  z-index: 9999!important;
  background: #0F7B8C!important;
  color: #fff!important;
  padding: 10px 18px!important;
  border-radius: 0 0 8px 8px!important;
  font-size: 13px!important;
  font-weight: 600!important;
  text-decoration: none!important;
  transition: top .2s!important;
}
#db-root .db-skip-link:focus {
  top: 0!important;
}

/* ================================================================
   ACCESSIBILITY PANEL  For disabled and differently-abled users
   ================================================================ */

/* Floating accessibility button  bottom left */
#db-root .db-a11y-btn {
  position: fixed!important;
  bottom: 28px!important;
  left: 20px!important;
  z-index: 900!important;
  width: 44px!important;
  height: 44px!important;
  border-radius: 50%!important;
  background: rgba(5,8,15,0.92)!important;
  backdrop-filter: blur(16px)!important;
  -webkit-backdrop-filter: blur(16px)!important;
  border: 1px solid rgba(255,255,255,0.18)!important;
  display: flex!important;
  align-items: center!important;
  justify-content: center!important;
  cursor: pointer!important;
  color: rgba(255,255,255,0.75)!important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.4)!important;
  transition: all .25s!important;
  user-select: none!important;
}
#db-root .db-a11y-btn:hover {
  background: rgba(15,123,140,0.3)!important;
  border-color: rgba(93,214,232,0.4)!important;
  color: #5DD6E8!important;
  transform: scale(1.08)!important;
}
#db-root .db-a11y-btn:focus-visible {
  outline: 2px solid #5DD6E8!important;
  outline-offset: 3px!important;
}

/* Panel */
#db-root .db-a11y-panel {
  position: fixed!important;
  bottom: 82px!important;
  left: 16px!important;
  width: 320px!important;
  z-index: 901!important;
  background: rgba(5,8,18,0.98)!important;
  backdrop-filter: blur(24px) saturate(180%)!important;
  -webkit-backdrop-filter: blur(24px) saturate(180%)!important;
  border: 1px solid rgba(93,214,232,0.28)!important;
  border-radius: 18px!important;
  box-shadow: 0 20px 60px rgba(0,0,0,0.6), 0 0 0 1px rgba(93,214,232,0.06)!important;
  padding: 0!important;
  overflow: hidden!important;
  /* Hidden by default */
  opacity: 0!important;
  transform: translateY(12px) scale(0.97)!important;
  pointer-events: none!important;
  transition: opacity .25s ease, transform .25s ease!important;
}
#db-root .db-a11y-panel.open {
  opacity: 1!important;
  transform: translateY(0) scale(1)!important;
  pointer-events: all!important;
}
/* Teal top accent */
#db-root .db-a11y-panel::before {
  content: ''!important;
  position: absolute!important;
  top: 0!important; left: 0!important; right: 0!important;
  height: 2px!important;
  background: linear-gradient(90deg,transparent,#5DD6E8,#0F7B8C,#5DD6E8,transparent)!important;
}

/* Header */
#db-root .db-a11y-header {
  display: flex!important;
  align-items: center!important;
  justify-content: space-between!important;
  padding: 14px 16px 10px!important;
  border-bottom: 1px solid rgba(255,255,255,0.07)!important;
}
#db-root .db-a11y-title {
  font-size: 12px!important;
  font-weight: 700!important;
  color: rgba(255,255,255,0.88)!important;
  letter-spacing: .04em!important;
  -webkit-font-smoothing: antialiased!important;
}
#db-root .db-a11y-close {
  background: none!important;
  border: none!important;
  color: rgba(255,255,255,0.35)!important;
  font-size: 13px!important;
  cursor: pointer!important;
  padding: 2px 5px!important;
  transition: color .2s!important;
  font-family: inherit!important;
}
#db-root .db-a11y-close:hover { color: rgba(255,255,255,0.7)!important; }

/* Tagline */
#db-root .db-a11y-tagline {
  padding: 10px 16px!important;
  font-size: 10.5px!important;
  color: rgba(255,255,255,0.38)!important;
  line-height: 1.55!important;
  font-style: italic!important;
  border-bottom: 1px solid rgba(255,255,255,0.05)!important;
}

/* Options */
#db-root .db-a11y-option {
  padding: 12px 16px!important;
}
#db-root .db-a11y-opt-header {
  display: flex!important;
  align-items: flex-start!important;
  gap: 10px!important;
  margin-bottom: 10px!important;
}
#db-root .db-a11y-opt-icon {
  width: 30px!important;
  height: 30px!important;
  border-radius: 8px!important;
  background: rgba(15,123,140,0.18)!important;
  border: 1px solid rgba(15,123,140,0.3)!important;
  display: flex!important;
  align-items: center!important;
  justify-content: center!important;
  color: #5DD6E8!important;
  flex-shrink: 0!important;
}
#db-root .db-a11y-opt-title {
  font-size: 12px!important;
  font-weight: 600!important;
  color: rgba(255,255,255,0.88)!important;
  margin-bottom: 2px!important;
  -webkit-font-smoothing: antialiased!important;
}
#db-root .db-a11y-opt-desc {
  font-size: 10px!important;
  color: rgba(255,255,255,0.42)!important;
  line-height: 1.5!important;
}
#db-root .db-a11y-divider {
  height: 1px!important;
  background: rgba(255,255,255,0.05)!important;
  margin: 0 16px!important;
}

/* Voice button */
#db-root .db-a11y-voice-btn {
  width: 100%!important;
  background: rgba(15,123,140,0.16)!important;
  border: 1px solid rgba(93,214,232,0.3)!important;
  border-radius: 10px!important;
  padding: 11px 14px!important;
  display: flex!important;
  align-items: center!important;
  gap: 10px!important;
  font-size: 12.5px!important;
  font-weight: 600!important;
  color: #5DD6E8!important;
  cursor: pointer!important;
  font-family: 'Inter',sans-serif!important;
  transition: all .2s!important;
  -webkit-font-smoothing: antialiased!important;
}
#db-root .db-a11y-voice-btn:hover {
  background: rgba(15,123,140,0.28)!important;
  border-color: rgba(93,214,232,0.5)!important;
}
#db-root .db-a11y-voice-btn.listening {
  background: rgba(239,68,68,0.15)!important;
  border-color: rgba(239,68,68,0.5)!important;
  color: #FCA5A5!important;
  animation: voice-pulse 1.2s ease-in-out infinite!important;
}
@keyframes voice-pulse {
  0%,100% { box-shadow: 0 0 0 0 rgba(239,68,68,0.3); }
  50% { box-shadow: 0 0 0 8px rgba(239,68,68,0); }
}
#db-root .db-a11y-voice-status {
  font-size: 10.5px!important;
  color: rgba(255,255,255,0.45)!important;
  margin-top: 6px!important;
  min-height: 16px!important;
  -webkit-font-smoothing: antialiased!important;
}
#db-root .db-a11y-voice-transcript {
  font-size: 11px!important;
  color: #5DD6E8!important;
  margin-top: 4px!important;
  min-height: 16px!important;
  font-style: italic!important;
  word-break: break-word!important;
}
#db-root .db-a11y-confirm-btn {
  width: 100%!important;
  background: linear-gradient(135deg,#0F7B8C,#1A5FA8)!important;
  color: #fff!important;
  border: none!important;
  border-radius: 9px!important;
  padding: 10px 14px!important;
  font-size: 12px!important;
  font-weight: 600!important;
  font-family: 'Inter',sans-serif!important;
  margin-top: 8px!important;
  cursor: pointer!important;
  -webkit-font-smoothing: antialiased!important;
}

/* Toggle switch */
#db-root .db-a11y-toggle {
  background: none!important;
  border: none!important;
  cursor: pointer!important;
  display: flex!important;
  align-items: center!important;
  gap: 8px!important;
  font-size: 11px!important;
  color: rgba(255,255,255,0.55)!important;
  font-family: 'Inter',sans-serif!important;
  padding: 0!important;
}
#db-root .db-a11y-toggle-track {
  width: 36px!important;
  height: 20px!important;
  border-radius: 10px!important;
  background: rgba(255,255,255,0.12)!important;
  border: 1px solid rgba(255,255,255,0.15)!important;
  position: relative!important;
  transition: background .2s!important;
  flex-shrink: 0!important;
}
#db-root .db-a11y-toggle[aria-checked="true"] .db-a11y-toggle-track {
  background: rgba(15,123,140,0.6)!important;
  border-color: rgba(93,214,232,0.4)!important;
}
#db-root .db-a11y-toggle-thumb {
  position: absolute!important;
  top: 2px!important;
  left: 2px!important;
  width: 14px!important;
  height: 14px!important;
  border-radius: 50%!important;
  background: rgba(255,255,255,0.6)!important;
  transition: transform .2s, background .2s!important;
}
#db-root .db-a11y-toggle[aria-checked="true"] .db-a11y-toggle-thumb {
  transform: translateX(16px)!important;
  background: #5DD6E8!important;
}

/* Help section */
#db-root .db-a11y-help {
  padding: 12px 16px 14px!important;
  display: flex!important;
  flex-direction: column!important;
  gap: 4px!important;
  border-top: 1px solid rgba(255,255,255,0.06)!important;
}
#db-root .db-a11y-help span {
  font-size: 10px!important;
  color: rgba(255,255,255,0.38)!important;
}
#db-root .db-a11y-email {
  font-size: 11px!important;
  font-weight: 600!important;
  color: #5DD6E8!important;
  text-decoration: none!important;
}
#db-root .db-a11y-email:hover {
  text-decoration: underline!important;
}

/* High contrast mode */
body.db-high-contrast #db-root .db-report-content {
  color: #000000!important;
  background: #ffffff!important;
}
body.db-high-contrast #db-root .db-card {
  background: #ffffff!important;
  border: 2px solid #000000!important;
}
body.db-high-contrast #db-root .db-h1 {
  color: #ffffff!important;
  -webkit-text-fill-color: #ffffff!important;
}

/* Large text mode */
body.db-large-text #db-root .db-report-content {
  font-size: 17px!important;
  line-height: 2.0!important;
}
body.db-large-text #db-root .db-report-content p { font-size: 17px!important; }
body.db-large-text #db-root .db-report-content li { font-size: 16px!important; }

/* Screen reader mode */
body.db-sr-mode #db-root .db-nexus-canvas { display:none!important; }
body.db-sr-mode #db-root .db-island { display:none!important; }
body.db-sr-mode #db-root .db-dcs-popup { display:none!important; }
body.db-sr-mode #db-root .db-popup { display:none!important; }
body.db-sr-mode #db-root .db-faq-a { display:block!important; }
body.db-sr-mode #db-root .db-tc { display:block!important; }

/* Mobile accessibility panel */
@media(max-width:640px) {
  #db-root .db-a11y-panel {
    left: 8px!important;
    right: 8px!important;
    width: auto!important;
    bottom: 76px!important;
  }
  #db-root .db-a11y-btn {
    bottom: 70px!important;
    left: 16px!important;
  }
}

/* ================================================================
   DCS HERO STICKY CARD  Replaces Nexus in hero right column
   Dark glass, teal border, checkerboard, 3 question chips
   ================================================================ */
#db-root .db-dcs-hero-wrap {
  position: absolute!important;
  top: 0!important;
  right: 0!important;
  width: 34%!important;
  height: 100%!important;
  display: flex!important;
  align-items: center!important;
  justify-content: flex-end!important;
  padding: 20px 24px 20px 0!important;
  z-index: 3!important;
  pointer-events: none!important;
}
#db-root .db-dcs-hero-card {
  width: 260px!important;
  pointer-events: all!important;
  background: rgba(13,31,60,0.92)!important;
  backdrop-filter: blur(20px) saturate(160%)!important;
  -webkit-backdrop-filter: blur(20px) saturate(160%)!important;
  border: 1px solid rgba(93,214,232,0.32)!important;
  border-radius: 16px!important;
  overflow: hidden!important;
  position: relative!important;
  box-shadow: 0 16px 48px rgba(0,0,0,0.5), 0 0 0 1px rgba(93,214,232,0.06)!important;
}
/* Teal top accent */
#db-root .db-dcs-hero-card::before {
  content: ''!important;
  position: absolute!important;
  top: 0!important; left: 0!important; right: 0!important;
  height: 2px!important;
  background: linear-gradient(90deg,transparent,#5DD6E8,#0F7B8C,#5DD6E8,transparent)!important;
  z-index: 2!important;
}
/* Checkerboard */
#db-root .db-dcs-hero-card::after {
  content: ''!important;
  position: absolute!important;
  inset: 0!important;
  background-image:
    linear-gradient(45deg,rgba(15,123,140,0.04) 25%,transparent 25%),
    linear-gradient(-45deg,rgba(15,123,140,0.04) 25%,transparent 25%),
    linear-gradient(45deg,transparent 75%,rgba(15,123,140,0.04) 75%),
    linear-gradient(-45deg,transparent 75%,rgba(15,123,140,0.04) 75%)!important;
  background-size: 10px 10px!important;
  background-position: 0 0,0 5px,5px -5px,-5px 0px!important;
  pointer-events: none!important;
  z-index: 0!important;
}
#db-root .db-dcs-hero-inner {
  position: relative!important;
  z-index: 1!important;
  padding: 16px 16px 14px!important;
}
/* Header */
#db-root .db-dcs-hero-tag {
  font-size: 8px!important;
  font-weight: 700!important;
  letter-spacing: .18em!important;
  text-transform: uppercase!important;
  color: #5DD6E8!important;
  display: flex!important;
  align-items: center!important;
  gap: 5px!important;
  margin-bottom: 8px!important;
}
#db-root .db-dcs-hero-tag::before {
  content: ''!important;
  width: 4px!important; height: 4px!important;
  border-radius: 50%!important;
  background: #5DD6E8!important;
  box-shadow: 0 0 5px rgba(93,214,232,0.7)!important;
}
#db-root .db-dcs-hero-title {
  font-family: 'Fraunces',serif!important;
  font-size: 15px!important;
  font-weight: 400!important;
  color: rgba(255,255,255,0.92)!important;
  -webkit-text-fill-color: rgba(255,255,255,0.92)!important;
  line-height: 1.3!important;
  margin-bottom: 4px!important;
}
#db-root .db-dcs-hero-title em {
  font-style: italic!important;
  color: #5DD6E8!important;
  -webkit-text-fill-color: #5DD6E8!important;
}
#db-root .db-dcs-hero-sub {
  font-family: 'Fraunces',serif!important;
  font-size: 10px!important;
  font-style: italic!important;
  color: rgba(255,255,255,0.38)!important;
  -webkit-text-fill-color: rgba(255,255,255,0.38)!important;
  margin-bottom: 12px!important;
  line-height: 1.5!important;
}
/* Question chips */
#db-root .db-dcs-hero-chips {
  display: flex!important;
  flex-direction: column!important;
  gap: 5px!important;
  margin-bottom: 12px!important;
}
#db-root .db-dcs-hero-chip {
  background: rgba(255,255,255,0.05)!important;
  border: 1px solid rgba(255,255,255,0.09)!important;
  border-radius: 7px!important;
  padding: 7px 10px!important;
  font-size: 10.5px!important;
  color: rgba(255,255,255,0.68)!important;
  -webkit-text-fill-color: rgba(255,255,255,0.68)!important;
  cursor: pointer!important;
  font-family: 'Inter',sans-serif!important;
  text-align: left!important;
  width: 100%!important;
  transition: all .15s!important;
  line-height: 1.4!important;
}
#db-root .db-dcs-hero-chip:hover {
  border-color: rgba(93,214,232,0.4)!important;
  background: rgba(15,123,140,0.16)!important;
  color: #5DD6E8!important;
  -webkit-text-fill-color: #5DD6E8!important;
}
#db-root .db-dcs-hero-chip.picked {
  border-color: rgba(93,214,232,0.55)!important;
  background: rgba(15,123,140,0.22)!important;
  color: #5DD6E8!important;
  -webkit-text-fill-color: #5DD6E8!important;
}
/* Progress dots */
#db-root .db-dcs-hero-dots {
  display: flex!important;
  justify-content: center!important;
  gap: 4px!important;
  margin-bottom: 10px!important;
}
#db-root .db-dcs-hero-dot {
  width: 4px!important; height: 4px!important;
  border-radius: 50%!important;
  background: rgba(255,255,255,0.15)!important;
  transition: all .2s!important;
}
#db-root .db-dcs-hero-dot.on {
  background: #5DD6E8!important;
  box-shadow: 0 0 5px rgba(93,214,232,0.5)!important;
}
/* Result */
#db-root .db-dcs-hero-result { display:none!important; }
#db-root .db-dcs-hero-result.on { display:block!important; }
#db-root .db-dcs-hero-score-row {
  display: flex!important;
  align-items: center!important;
  gap: 10px!important;
  margin-bottom: 8px!important;
}
#db-root .db-dcs-hero-ring-wrap {
  position: relative!important;
  width: 48px!important; height: 48px!important;
  flex-shrink: 0!important;
}
#db-root .db-dcs-hero-score-val {
  position: absolute!important;
  top: 50%!important; left: 50%!important;
  transform: translate(-50%,-50%)!important;
  font-family: 'Fraunces',serif!important;
  font-size: 14px!important;
  font-weight: 300!important;
  color: rgba(255,255,255,0.92)!important;
  -webkit-text-fill-color: rgba(255,255,255,0.92)!important;
}
#db-root .db-dcs-hero-verdict-t {
  font-family: 'Fraunces',serif!important;
  font-size: 11px!important;
  font-weight: 400!important;
  color: rgba(255,255,255,0.88)!important;
  -webkit-text-fill-color: rgba(255,255,255,0.88)!important;
  line-height: 1.35!important;
  margin-bottom: 3px!important;
}
#db-root .db-dcs-hero-verdict-d {
  font-size: 9.5px!important;
  color: rgba(255,255,255,0.42)!important;
  -webkit-text-fill-color: rgba(255,255,255,0.42)!important;
  line-height: 1.5!important;
}
#db-root .db-dcs-hero-cta {
  background: linear-gradient(135deg,#0F7B8C,#1A5FA8)!important;
  color: #fff!important;
  -webkit-text-fill-color: #fff!important;
  border: none!important;
  border-radius: 8px!important;
  padding: 9px 12px!important;
  font-size: 10.5px!important;
  font-weight: 600!important;
  font-family: 'Inter',sans-serif!important;
  width: 100%!important;
  margin-top: 10px!important;
  cursor: pointer!important;
}
#db-root .db-dcs-hero-reset {
  background: transparent!important;
  border: none!important;
  color: rgba(255,255,255,0.32)!important;
  -webkit-text-fill-color: rgba(255,255,255,0.32)!important;
  font-size: 9px!important;
  font-family: 'Inter',sans-serif!important;
  cursor: pointer!important;
  width: 100%!important;
  margin-top: 6px!important;
  text-align: center!important;
}
/* Hide hero DCS on mobile */
@media(max-width:900px) {
  #db-root .db-dcs-hero-wrap { display:none!important; }
}

/* ================================================================
   REPORT CONTENT TEAL ACCENTS
   Subtle teal for H2 headings, list bullets, callout borders
   Gives colour warmth to the reading experience
   ================================================================ */
#db-root .db-report-content h2 {
  color: #0A1628!important;
  border-bottom: 2px solid #0F7B8C!important;
  padding-bottom: 10px!important;
}
#db-root .db-report-content h3 {
  color: #0A1628!important;
  border-left: 3px solid rgba(15,123,140,0.4)!important;
  padding-left: 10px!important;
}
#db-root .db-report-content h4 {
  color: #0F7B8C!important;
  -webkit-text-fill-color: #0F7B8C!important;
}
#db-root .db-report-content ul li::marker {
  color: #0F7B8C!important;
}
#db-root .db-report-content blockquote {
  border-left: 3px solid #0F7B8C!important;
  background: rgba(15,123,140,0.04)!important;
  border-radius: 0 8px 8px 0!important;
  padding: 12px 16px!important;
}

/* ================================================================
   ACCESSIBILITY BUTTON  Teal gradient, prominent, unmistakable
   ================================================================ */
#db-root .db-a11y-btn {
  background: linear-gradient(135deg,#0F7B8C,#1A5FA8)!important;
  border: 2px solid rgba(93,214,232,0.4)!important;
  color: #ffffff!important;
  box-shadow: 0 4px 16px rgba(15,123,140,0.45)!important;
}
#db-root .db-a11y-btn:hover {
  background: linear-gradient(135deg,#0a6070,#144d8a)!important;
  border-color: rgba(93,214,232,0.65)!important;
  transform: scale(1.06)!important;
  box-shadow: 0 6px 20px rgba(15,123,140,0.55)!important;
}

/* ================================================================
   ACCESSIBILITY PANEL  Height constrained, scrollable
   ================================================================ */
#db-root .db-a11y-panel {
  max-height: calc(100vh - 140px)!important;
  overflow-y: auto!important;
  scrollbar-width: thin!important;
  scrollbar-color: rgba(93,214,232,0.3) transparent!important;
}
#db-root .db-a11y-panel::-webkit-scrollbar { width: 3px; }
#db-root .db-a11y-panel::-webkit-scrollbar-thumb { background: rgba(93,214,232,0.3); border-radius: 2px; }

/* Smaller option rows */
#db-root .db-a11y-option { padding: 10px 14px!important; }
#db-root .db-a11y-opt-icon { width: 26px!important; height: 26px!important; }
#db-root .db-a11y-opt-title { font-size: 11.5px!important; }
#db-root .db-a11y-opt-desc { font-size: 9.5px!important; }
#db-root .db-a11y-tagline { font-size: 10px!important; padding: 8px 14px!important; }

/* ================================================================
   MUTUAL SUPPRESSION  When accessibility panel open, other floaters hide
   ================================================================ */
body.db-a11y-open #db-root .db-dcs-popup { display:none!important; }
body.db-a11y-open #db-root .db-popup { display:none!important; }
body.db-dcs-open #db-root .db-popup { display:none!important; }

/* ================================================================
   SCROLL POPUP  Hidden (replaced by DCS hero card)
   DCS hero card is always visible, no timer popup needed
   ================================================================ */
#db-root .db-popup { display:none!important; }

/* ================================================================
   DCS STICKY-NOTE CARD  Small fit-checker inside sticky sidebar
   Matches dark .db-sbc aesthetic, compact, secondary priority
   ================================================================ */
#db-root .db-dcs-side { padding:16px 14px 14px!important; }
#db-root .db-dcs-side-tag { font-family:'Fraunces',serif!important; font-style:italic!important; font-size:10px!important; font-weight:300!important; letter-spacing:.05em!important; color:rgba(93,214,232,0.7)!important; display:block!important; margin-bottom:6px!important; }
#db-root .db-dcs-side-title { font-family:'Inter',sans-serif!important; font-size:13px!important; font-weight:500!important; line-height:1.35!important; color:rgba(255,255,255,0.9)!important; margin-bottom:4px!important; }
#db-root .db-dcs-side-sub { font-size:10px!important; color:rgba(255,255,255,0.45)!important; margin-bottom:12px!important; line-height:1.45!important; }
#db-root .db-dcs-side-q { font-size:10px!important; color:rgba(255,255,255,0.55)!important; margin-bottom:7px!important; line-height:1.4!important; }
#db-root .db-dcs-side-chips { display:flex!important; flex-direction:column!important; gap:5px!important; }
#db-root .db-dcs-side-chip { background:rgba(255,255,255,0.04)!important; border:1px solid rgba(255,255,255,0.08)!important; border-radius:8px!important; padding:7px 10px!important; font-size:11px!important; font-weight:400!important; color:rgba(255,255,255,0.78)!important; text-align:left!important; cursor:pointer!important; transition:all .15s ease!important; font-family:'Inter',sans-serif!important; line-height:1.3!important; }
#db-root .db-dcs-side-chip:hover { background:rgba(15,123,140,0.18)!important; border-color:rgba(93,214,232,0.4)!important; color:rgba(255,255,255,0.95)!important; }
#db-root .db-dcs-side-chip:focus-visible { outline:2px solid #5DD6E8!important; outline-offset:1px!important; }
#db-root .db-dcs-side-dots { display:flex!important; gap:5px!important; justify-content:center!important; margin-top:10px!important; }
#db-root .db-dcs-side-dot { width:5px!important; height:5px!important; border-radius:50%!important; background:rgba(255,255,255,0.18)!important; transition:background .2s ease!important; }
#db-root .db-dcs-side-dot.on { background:#5DD6E8!important; }
#db-root .db-dcs-side-result { display:none!important; margin-top:8px!important; }
#db-root .db-dcs-side-result.on { display:block!important; }
#db-root .db-dcs-side-score-row { display:flex!important; align-items:center!important; gap:10px!important; margin-bottom:10px!important; }
#db-root .db-dcs-side-ring-wrap { position:relative!important; width:44px!important; height:44px!important; flex-shrink:0!important; }
#db-root .db-dcs-side-score-val { position:absolute!important; top:50%!important; left:50%!important; transform:translate(-50%,-50%)!important; font-family:'Fraunces',serif!important; font-weight:300!important; font-size:14px!important; color:#5DD6E8!important; }
#db-root .db-dcs-side-verdict { flex:1!important; min-width:0!important; }
#db-root .db-dcs-side-verdict-t { font-family:'Inter',sans-serif!important; font-size:12px!important; font-weight:500!important; color:rgba(255,255,255,0.92)!important; line-height:1.3!important; margin-bottom:2px!important; }
#db-root .db-dcs-side-verdict-d { font-size:10px!important; color:rgba(255,255,255,0.55)!important; line-height:1.4!important; }
#db-root .db-dcs-side-cta { display:block!important; width:100%!important; background:linear-gradient(135deg,#0F7B8C,#1A5FA8)!important; border:none!important; border-radius:8px!important; padding:9px 12px!important; font-family:'Inter',sans-serif!important; font-size:11px!important; font-weight:500!important; color:#fff!important; cursor:pointer!important; margin-bottom:6px!important; transition:opacity .15s ease!important; }
#db-root .db-dcs-side-cta:hover { opacity:.9!important; }
#db-root .db-dcs-side-reset { display:block!important; width:100%!important; background:none!important; border:none!important; font-size:10px!important; color:rgba(255,255,255,0.4)!important; text-decoration:underline!important; cursor:pointer!important; padding:2px 0!important; font-family:'Inter',sans-serif!important; }
#db-root .db-dcs-side-reset:hover { color:rgba(255,255,255,0.7)!important; }

/* Hide the old hero DCS wrap entirely  card now lives in sidebar */
#db-root .db-dcs-hero-wrap { display:none!important; }