/**
 * DataAssist-IO — How It Works (hybrid Elementor build) — page-specific components.
 * Foundation (tokens, hero, headings, buttons, sections, final CTA) is reused from
 * dhp-home.css. This file adds ONLY the how-it-works body components + the 5
 * embedded animated visuals, transformed to the site theme:
 *   - dark-mode (@prefers-color-scheme) blocks removed (forced light like the site)
 *   - component vars remapped to the shared --dhp-* tokens
 *   - visual neutrals remapped warm-gray -> cool-slate; :root scoped to .dhp-page
 * All selectors scoped under .dhp-page.
 */

/* ===== body components ===== */
  
  .dhp-page .dhw-pain{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
  .dhp-page .dhw-paincard{background:var(--dhp-card);border:1px solid var(--dhp-line);border-radius:14px;
    box-shadow:var(--dhp-shadow);padding:20px 22px;transition:transform .18s,box-shadow .18s}
  .dhp-page .dhw-paincard:hover{transform:translateY(-3px);box-shadow:var(--dhp-shadow-lift)}
  .dhp-page .dhw-paincard .who{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:800;
    letter-spacing:.1em;text-transform:uppercase;color:var(--dhp-muted);margin-bottom:9px}
  .dhp-page .dhw-paincard .who svg{stroke:var(--dhp-blue);flex-shrink:0}
  .dhp-page .dhw-paincard p{font-size:14px;color:var(--dhp-ink);margin:0;line-height:1.55}
  .dhp-page .dhw-paincard p i{color:var(--dhp-muted)}

  
  .dhp-page .dhw-path{display:flex;flex-direction:column;gap:0;max-width:860px;margin:0 auto}
  .dhp-page .dhw-pstep{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);gap:20px;padding-bottom:28px}
  .dhp-page .dhw-pstep::before{content:"";position:absolute;left:21px;top:50px;bottom:2px;width:2px;
    border-radius:2px;background:var(--dhp-line)}
  .dhp-page .dhw-pstep:last-child{padding-bottom:0}
  .dhp-page .dhw-pstep:last-child::before{display:none}
  .dhp-page .dhw-pnum{position:relative;z-index:1;width:44px;height:44px;border-radius:50%;display:flex;
    align-items:center;justify-content:center;font-weight:800;font-size:17px;color:#fff;
    background:linear-gradient(135deg,var(--nc1),var(--nc2));box-shadow:var(--dhp-shadow)}
  .dhp-page .dhw-pcard{background:var(--dhp-card);border:1px solid var(--dhp-line);border-radius:16px;
    box-shadow:var(--dhp-shadow);padding:24px 26px}
  .dhp-page .dhw-phead{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 8px}
  .dhp-page .dhw-phead h3{font-size:19px;font-weight:800;letter-spacing:-.01em;margin:0}
  .dhp-page .dhw-ptime{font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
    color:var(--dhp-muted);border:1px solid var(--dhp-line);background:var(--dhp-tint);
    border-radius:999px;padding:4px 11px;white-space:nowrap}
  .dhp-page .dhw-pcard p{font-size:14.5px;color:var(--dhp-muted);margin:.5em 0}
  .dhp-page .dhw-pcard p b, .dhp-page .dhw-pcard li b{color:var(--dhp-ink);font-weight:650}
  .dhp-page .dhw-mini{list-style:none;margin:14px 0 4px;padding:0;display:flex;flex-direction:column;gap:9px}
  .dhp-page .dhw-mini li{display:flex;gap:11px;align-items:flex-start;font-size:14px;color:var(--dhp-muted)}
  .dhp-page .dhw-mini a{color:var(--dhp-blue);font-weight:700;text-decoration:none}
  .dhp-page .dhw-mini a:hover{text-decoration:underline}
  .dhp-page .dhw-mini .tick{width:20px;height:20px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;
    justify-content:center;font-size:11px;font-weight:800;color:var(--dhp-green);
    background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.3);margin-top:1px}
  .dhp-page .dhw-url{display:block;font-family:var(--dhp-mono);font-size:13px;color:var(--dhp-blue);
    background:var(--dhp-tint);border:1px solid var(--dhp-line);border-radius:8px;
    padding:9px 13px;margin:12px 0;word-break:break-all}
  .dhp-page .dhw-note{border-radius:12px;padding:12px 15px;display:flex;gap:10px;align-items:flex-start;
    margin:14px 0 2px;font-size:13.5px;color:var(--dhp-muted);
    background:rgba(59,130,246,.07);border:1px solid rgba(59,130,246,.25)}
  .dhp-page .dhw-note b{color:var(--dhp-ink);font-weight:650}
  .dhp-page .dhw-note.ok{background:rgba(16,185,129,.07);border-color:rgba(16,185,129,.25)}
  .dhp-page .dhw-pvisual{margin:16px 0 2px}
  .dhp-page .dhw-pathintro{margin:0 0 34px}
  .dhp-page .dhw-chip{border:1px solid rgba(59,130,246,.28);background:rgba(59,130,246,.06);border-radius:11px;
    padding:8px 14px;font-size:13.5px;font-style:italic;color:var(--dhp-ink);display:inline-block}
  @media (max-width:560px){.dhp-page .dhw-pstep{grid-template-columns:36px minmax(0,1fr);gap:14px}.dhp-page .dhw-pnum{width:36px;height:36px;font-size:15px}.dhp-page .dhw-pstep::before{left:17px;top:42px}.dhp-page .dhw-pcard{padding:20px 18px}
  }

  
  .dhp-page .dhw-tabs{max-width:860px;margin:0 auto;position:relative}
  .dhp-page .dhw-tabs input{position:absolute;opacity:0;pointer-events:none}
  .dhp-page .dhw-tabbar{display:flex;gap:8px;margin:0 0 18px;flex-wrap:wrap}
  .dhp-page .dhw-tabbar label{flex:1 1 150px;text-align:center;padding:12px 14px;border-radius:11px;cursor:pointer;
    font-weight:700;font-size:14px;color:var(--dhp-muted);background:var(--dhp-card);
    border:1px solid var(--dhp-line);box-shadow:var(--dhp-shadow);transition:all .15s}
  .dhp-page .dhw-tabbar label:hover{border-color:rgba(59,130,246,.45)}
  .dhp-page #dhw-tab-sales:checked ~ .dhw-tabbar label[for="dhw-tab-sales"], .dhp-page #dhw-tab-fin:checked   ~ .dhw-tabbar label[for="dhw-tab-fin"], .dhp-page #dhw-tab-cs:checked    ~ .dhw-tabbar label[for="dhw-tab-cs"], .dhp-page #dhw-tab-ops:checked   ~ .dhw-tabbar label[for="dhw-tab-ops"]{
    color:var(--dhp-ink);background:rgba(59,130,246,.1);border-color:rgba(59,130,246,.5)}
  .dhp-page .dhw-pane{display:none;background:var(--dhp-card);border:1px solid var(--dhp-line);border-radius:16px;
    box-shadow:var(--dhp-shadow);padding:24px 26px}
  .dhp-page #dhw-tab-sales:checked ~ .dhw-pane-sales{display:block}
  .dhp-page #dhw-tab-fin:checked   ~ .dhw-pane-fin{display:block}
  .dhp-page #dhw-tab-cs:checked    ~ .dhw-pane-cs{display:block}
  .dhp-page #dhw-tab-ops:checked   ~ .dhw-pane-ops{display:block}
  .dhp-page .dhw-pane .from{font-size:14px;color:var(--dhp-muted);margin:0 0 16px}
  .dhp-page .dhw-pane .from b{color:var(--dhp-ink);font-weight:650}
  .dhp-page .dhw-asks{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px;margin:0}
  .dhp-page .dhw-ask{border:1px solid rgba(59,130,246,.28);background:rgba(59,130,246,.06);border-radius:11px;
    padding:10px 15px;font-size:13.5px;font-style:italic;color:var(--dhp-ink);line-height:1.5}

  
  .dhp-page .dhw-two{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;max-width:1010px;margin:0 auto}
  .dhp-page .dhw-way{background:var(--dhp-card);border:1px solid var(--dhp-line);border-radius:16px;
    box-shadow:var(--dhp-shadow);padding:26px;border-top:4px solid var(--wc);
    transition:transform .18s,box-shadow .18s}
  .dhp-page .dhw-way:hover{transform:translateY(-3px);box-shadow:var(--dhp-shadow-lift)}
  .dhp-page .dhw-way .head{display:flex;align-items:center;gap:12px;margin-bottom:12px}
  .dhp-page .dhw-way .ico{width:40px;height:40px;border-radius:11px;flex-shrink:0;display:flex;align-items:center;
    justify-content:center;background:var(--wt);border:1px solid var(--wb)}
  .dhp-page .dhw-way .ico svg{stroke:var(--wc)}
  .dhp-page .dhw-way h3{font-size:17px;font-weight:800;letter-spacing:-.01em;margin:0}
  .dhp-page .dhw-way .types{font-size:12.5px;color:var(--dhp-muted);margin:2px 0 0}
  .dhp-page .dhw-way .claim{font-size:14.5px;color:var(--dhp-ink);font-weight:650;margin:0 0 8px}
  .dhp-page .dhw-way p{font-size:14px;color:var(--dhp-muted);margin:.4em 0}
  .dhp-page .dhw-way p b{color:var(--dhp-ink);font-weight:650}
  .dhp-page .dhw-two-note{text-align:center;font-size:14px;color:var(--dhp-muted);max-width:620px;margin:26px auto 0}
  .dhp-page .dhw-two-note b{color:var(--dhp-ink);font-weight:650}

  
  .dhp-page .dhw-team{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}
  .dhp-page .dhw-tcard{background:var(--dhp-card);border:1px solid var(--dhp-line);border-radius:14px;
    box-shadow:var(--dhp-shadow);padding:22px;transition:transform .18s,box-shadow .18s}
  .dhp-page .dhw-tcard:hover{transform:translateY(-3px);box-shadow:var(--dhp-shadow-lift)}
  .dhp-page .dhw-tcard .ico{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;
    justify-content:center;background:rgba(139,92,246,.1);border:1px solid rgba(139,92,246,.28);margin-bottom:12px}
  .dhp-page .dhw-tcard .ico svg{stroke:var(--dhp-violet)}
  .dhp-page .dhw-tcard h3{font-size:15px;font-weight:800;letter-spacing:-.01em;margin:0 0 6px}
  .dhp-page .dhw-tcard p{font-size:13.5px;color:var(--dhp-muted);margin:0}
  .dhp-page .dhw-tcard p b{color:var(--dhp-ink);font-weight:650}

  
  .dhp-page .dhw-hood{border-top:1px solid var(--dhp-line)}
  .dhp-page .dhw-hood details{border-bottom:1px solid var(--dhp-line);padding:4px 0}
  /* Normal text flow (not flex) so the summary text stays together even when the
     internal-links plugin auto-wraps a keyword in an <a> — a flex summary would
     spread each fragment across the row. The +/- marker is absolutely positioned. */
  .dhp-page .dhw-hood summary{cursor:pointer;font-weight:700;font-size:15.5px;padding:15px 34px 15px 0;
    list-style:none;position:relative;color:var(--dhp-ink)}
  .dhp-page .dhw-hood summary::-webkit-details-marker{display:none}
  .dhp-page .dhw-hood summary::after{content:"+";color:var(--dhp-muted);font-weight:400;font-size:20px;
    position:absolute;right:0;top:50%;transform:translateY(-50%);line-height:1}
  .dhp-page .dhw-hood details[open] summary::after{content:"–"}
  .dhp-page .dhw-hood .a{color:var(--dhp-muted);font-size:14px;padding:0 0 16px;max-width:660px}
  .dhp-page .dhw-hood .a p{margin:0 0 10px}
  .dhp-page .dhw-hood .a p:last-child{margin-bottom:0}
  .dhp-page .dhw-hood .a b{color:var(--dhp-ink);font-weight:650}
  .dhp-page .dhw-hood .a code{font-family:var(--dhp-mono);font-size:12.5px;color:var(--dhp-blue)}
  .dhp-page .dhw-hood .a a{color:var(--dhp-blue);font-weight:650;text-decoration:none}
  .dhp-page .dhw-hood .a a:hover{text-decoration:underline}

/* ===== embedded animated visuals ===== */
  
  .dhp-page{
    --dast-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --dast-ink:#0f172a;
    --dast-muted:#475569;
    --dast-line:#e2e8f0;
    --dast-data:#2f6fd0;  --dast-data-tint:#eaf1fb;
    --dast-hub:#5b53c9;   --dast-hub-tint:#f4f3fe;
    --dast-ai:#0f9e75;    --dast-ai-tint:#e2f5ee;
    --dast-check:#ffffff;
    --dast-panel:#fbfbfe;
  }
  
  .dhp-page .dast-strip{max-width:780px;margin:0 auto;padding:8px 16px 4px;font-family:var(--dast-font)}
  .dhp-page .dast-strip svg{display:block;width:100%;height:auto}
  .dhp-page .dast-title{font-size:15px;font-weight:600;fill:var(--dast-ink)}
  .dhp-page .dast-sub{font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;fill:var(--dast-muted)}
  .dhp-page .dast-num{font-size:16.5px;font-weight:700}
  .dhp-page .dast-brand{font-size:11px;font-weight:800;letter-spacing:-0.02em}
  .dhp-page .dast-panel{fill:var(--dast-panel);stroke:var(--dast-line);stroke-opacity:.6;stroke-width:1}
  .dhp-page .dast-node{filter:drop-shadow(0 1px 2px rgba(15,23,42,.10))}
  
  .dhp-page .dast-track{fill:none;stroke:var(--dast-line);stroke-width:3;stroke-linecap:round;opacity:.55}
  .dhp-page .dast-fill{fill:none;stroke:url(#dastGrad);stroke-width:3;stroke-linecap:round}
  .dhp-page .dast-lit{opacity:0;transform-box:fill-box;transform-origin:center}
  .dhp-page .dast-ring{opacity:0;fill:none;transform-box:fill-box;transform-origin:center}
  .dhp-page .dast-chk{opacity:0}
  @media (prefers-reduced-motion: no-preference){.dhp-page .dast-fill{stroke-dasharray:540;animation:dastDraw 6s ease-in-out infinite}.dhp-page .dast-lit, .dhp-page .dast-num, .dhp-page .dast-chk, .dhp-page .dast-ring{
      animation-duration:6s;
      animation-timing-function:ease-out;
      animation-iteration-count:infinite;
    }.dhp-page .dast-s1 .dast-lit{animation-name:dastLit1}.dhp-page .dast-s2 .dast-lit{animation-name:dastLit2}.dhp-page .dast-s3 .dast-lit{animation-name:dastLit3}.dhp-page .dast-s1 .dast-num{animation-name:dastNum1}.dhp-page .dast-s2 .dast-num{animation-name:dastNum2}.dhp-page .dast-s3 .dast-num{animation-name:dastNum3}.dhp-page .dast-s1 .dast-chk{animation-name:dastChk1}.dhp-page .dast-s2 .dast-chk{animation-name:dastChk2}.dhp-page .dast-s3 .dast-chk{animation-name:dastChk3}.dhp-page .dast-s1 .dast-ring{animation-name:dastRing1}.dhp-page .dast-s2 .dast-ring{animation-name:dastRing2}.dhp-page .dast-s3 .dast-ring{animation-name:dastRing3}
    @keyframes dastDraw{
      0%,4%{stroke-dashoffset:540;opacity:0}
      7%{opacity:1}
      66%{stroke-dashoffset:0}
      90%{stroke-dashoffset:0;opacity:1}
      96%,100%{stroke-dashoffset:0;opacity:0}
    }
    @keyframes dastLit1{
      0%,5%{opacity:0;transform:scale(.85)}
      9%{opacity:1;transform:scale(1.06)}
      12%,90%{opacity:1;transform:scale(1)}
      96%,100%{opacity:0;transform:scale(1)}
    }
    @keyframes dastLit2{
      0%,35%{opacity:0;transform:scale(.85)}
      39%{opacity:1;transform:scale(1.06)}
      42%,90%{opacity:1;transform:scale(1)}
      96%,100%{opacity:0;transform:scale(1)}
    }
    @keyframes dastLit3{
      0%,64%{opacity:0;transform:scale(.85)}
      68%{opacity:1;transform:scale(1.06)}
      71%,90%{opacity:1;transform:scale(1)}
      96%,100%{opacity:0;transform:scale(1)}
    }
    @keyframes dastNum1{0%,6%{opacity:1}10%,92%{opacity:0}98%,100%{opacity:1}}
    @keyframes dastNum2{0%,36%{opacity:1}40%,92%{opacity:0}98%,100%{opacity:1}}
    @keyframes dastNum3{0%,65%{opacity:1}69%,92%{opacity:0}98%,100%{opacity:1}}
    @keyframes dastChk1{0%,7%{opacity:0}11%,90%{opacity:1}96%,100%{opacity:0}}
    @keyframes dastChk2{0%,37%{opacity:0}41%,90%{opacity:1}96%,100%{opacity:0}}
    @keyframes dastChk3{0%,66%{opacity:0}70%,90%{opacity:1}96%,100%{opacity:0}}
    @keyframes dastRing1{0%,5%{opacity:0;transform:scale(1)}9%{opacity:.5}18%,100%{opacity:0;transform:scale(1.6)}}
    @keyframes dastRing2{0%,35%{opacity:0;transform:scale(1)}39%{opacity:.5}48%,100%{opacity:0;transform:scale(1.6)}}
    @keyframes dastRing3{0%,64%{opacity:0;transform:scale(1)}68%{opacity:.5}77%,100%{opacity:0;transform:scale(1.6)}}
  }
  .dhp-page .dast-cap{margin:2px auto 0;max-width:560px;text-align:center;font-size:13.5px;line-height:1.5;color:var(--dast-muted)}
  .dhp-page .dast-cap b{color:var(--dast-ink);font-weight:500}

  
  .dhp-page{
    --dcn-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --dcn-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    --dcn-ink:#0f172a;
    --dcn-muted:#475569;
    --dcn-line:#e2e8f0;
    --dcn-panel:#f8f9fc;
    --dcn-win:#ffffff;
    --dcn-field:#f4f5f9;
    --dcn-chipfill:#ffffff;
    --dcn-scrim:#0f172a;
    --dcn-hub:#5b53c9;  --dcn-hub-tint:#f4f3fe;
    --dcn-ai:#0f9e75;   --dcn-ai-tint:#e2f5ee;
  }
  
  .dhp-page .dcn-connect{max-width:780px;margin:0 auto;padding:8px 16px 4px;font-family:var(--dcn-font)}
  .dhp-page .dcn-connect svg{display:block;width:100%;height:auto}
  .dhp-page .dcn-panelbg{fill:var(--dcn-panel);stroke:var(--dcn-line);stroke-width:1}
  .dhp-page .dcn-winbox{fill:var(--dcn-win);stroke:var(--dcn-line);stroke-width:1;filter:drop-shadow(0 3px 8px rgba(15,23,42,.10))}
  .dhp-page .dcn-modalbox{fill:var(--dcn-win);stroke:var(--dcn-line);stroke-width:1;filter:drop-shadow(0 6px 16px rgba(15,23,42,.18))}
  .dhp-page .dcn-rowbox{fill:var(--dcn-hub-tint);stroke:url(#dcnWordGrad);stroke-width:1.5;filter:drop-shadow(0 1px 2px rgba(15,23,42,.08))}
  .dhp-page .dcn-chip{fill:var(--dcn-chipfill);stroke:var(--dcn-line);stroke-width:1.25;filter:drop-shadow(0 1px 2px rgba(15,23,42,.08))}
  
  .dhp-page .dcn-brand{font-size:15px;font-weight:800;letter-spacing:-0.02em}
  .dhp-page .dcn-name{font-size:13px;font-weight:700;letter-spacing:-0.01em;fill:var(--dcn-ink)}
  .dhp-page .dcn-label{font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;fill:var(--dcn-muted)}
  .dhp-page .dcn-wintitle{font-size:11.5px;font-weight:500;fill:var(--dcn-muted)}
  .dhp-page .dcn-url{font-family:var(--dcn-mono);font-size:11px;font-weight:500;fill:var(--dcn-ink)}
  .dhp-page .dcn-chipt{font-family:var(--dcn-mono);font-size:11px;font-weight:500;fill:var(--dcn-muted)}
  .dhp-page .dcn-btnt{font-size:12.5px;font-weight:600;fill:#ffffff}
  .dhp-page .dcn-signin{font-size:12.5px;font-weight:600;fill:var(--dcn-ink)}
  .dhp-page .dcn-connt{font-size:10.5px;font-weight:600;fill:var(--dcn-ai)}
  .dhp-page .dcn-num{font-size:10px;font-weight:700;fill:var(--dcn-hub)}
  .dhp-page .dcn-emptyt{font-size:11.5px;font-weight:400;font-style:italic;fill:var(--dcn-muted)}
  .dhp-page .dcn-inputbox{fill:var(--dcn-field);stroke:var(--dcn-line);stroke-width:1.25}
  .dhp-page .dcn-leader{fill:none;stroke:var(--dcn-line);stroke-width:1.25;stroke-dasharray:4 6;stroke-linecap:round}
  .dhp-page .dcn-numring{fill:var(--dcn-hub-tint);stroke:var(--dcn-hub);stroke-width:1.25}
  .dhp-page .dcn-sep{stroke:var(--dcn-line);stroke-width:1}
  .dhp-page .dcn-dot{fill:var(--dcn-line)}
  .dhp-page .dcn-skel{fill:var(--dcn-line);opacity:.5}
  
  .dhp-page .dcn-cover, .dhp-page .dcn-caret, .dhp-page .dcn-scrim, .dhp-page .dcn-modal, .dhp-page .dcn-pop, .dhp-page .dcn-empty{opacity:0}
  .dhp-page .dcn-press{transform-box:fill-box;transform-origin:center}
  .dhp-page .dcn-pop{fill:none;stroke-width:1.5;transform-box:fill-box;transform-origin:center}
  .dhp-page .dcn-cover{transform-box:fill-box;transform-origin:100% 50%}
  @media (prefers-reduced-motion: no-preference){
    
    @keyframes dcnType{
      0%{opacity:1;transform:scaleX(1)}
      6%{opacity:1;transform:scaleX(1)}
      20%{opacity:1;transform:scaleX(0)}
      22%,100%{opacity:0;transform:scaleX(0)}
    }
    @keyframes dcnCaret{
      0%,19%{opacity:0}
      21%{opacity:1}
      23%{opacity:.1}
      25%{opacity:1}
      27%,100%{opacity:0}
    }
    @keyframes dcnFocus{
      0%,5%{stroke:var(--dcn-line)}
      9%{stroke:#8B5CF6}
      24%{stroke:#8B5CF6}
      30%,100%{stroke:var(--dcn-line)}
    }
    @keyframes dcnAddPress{
      0%,24%{transform:scale(1)}
      26%{transform:scale(.955)}
      28%,100%{transform:scale(1)}
    }
    @keyframes dcnAddPop{
      0%,25%{opacity:0;transform:scale(.92)}
      28.5%{opacity:.45;transform:scale(1.04)}
      34%,100%{opacity:0;transform:scale(1.22)}
    }
    
    @keyframes dcnScrim{
      0%,30%{opacity:0}
      34%{opacity:1}
      55%{opacity:1}
      59%,100%{opacity:0}
    }
    @keyframes dcnModal{
      0%,31%{opacity:0;transform:translateY(10px)}
      35%{opacity:1;transform:translateY(0)}
      55%{opacity:1;transform:translateY(0)}
      59%,100%{opacity:0;transform:translateY(4px)}
    }
    @keyframes dcnOkPress{
      0%,47%{transform:scale(1)}
      49%{transform:scale(.955)}
      51%,100%{transform:scale(1)}
    }
    @keyframes dcnOkPop{
      0%,48%{opacity:0;transform:scale(.92)}
      51.5%{opacity:.45;transform:scale(1.04)}
      57%,100%{opacity:0;transform:scale(1.22)}
    }
    
    @keyframes dcnEmpty{
      0%,57%{opacity:.75}
      62%,100%{opacity:0}
    }
    @keyframes dcnRow{
      0%,61%{opacity:0;transform:translateY(6px)}
      65%{opacity:1;transform:translateY(0)}
      94%{opacity:1;transform:translateY(0)}
      99%,100%{opacity:0;transform:translateY(0)}
    }
    @keyframes dcnRowPop{
      0%,63%{opacity:0;transform:scale(.985)}
      66.5%{opacity:.5;transform:scale(1.015)}
      73%,100%{opacity:0;transform:scale(1.03)}
    }
    @keyframes dcnChipA{
      0%,67%{opacity:0;transform:translateY(5px)}
      71%{opacity:1;transform:translateY(0)}
      94%{opacity:1}
      99%,100%{opacity:0}
    }
    @keyframes dcnChipB{
      0%,73%{opacity:0;transform:translateY(5px)}
      77%{opacity:1;transform:translateY(0)}
      94%{opacity:1}
      99%,100%{opacity:0}
    }
    @keyframes dcnChipC{
      0%,79%{opacity:0;transform:translateY(5px)}
      83%{opacity:1;transform:translateY(0)}
      94%{opacity:1}
      99%,100%{opacity:0}
    }.dhp-page .dcn-cover{animation:dcnType 6.8s ease-in-out infinite}.dhp-page .dcn-caret{animation:dcnCaret 6.8s ease-in-out infinite}.dhp-page .dcn-inputbox{animation:dcnFocus 6.8s ease-in-out infinite}.dhp-page .dcn-press.add{animation:dcnAddPress 6.8s ease-in-out infinite}.dhp-page .dcn-pop.add{animation:dcnAddPop 6.8s ease-in-out infinite}.dhp-page .dcn-scrim{animation:dcnScrim 6.8s ease-in-out infinite}.dhp-page .dcn-modal{animation:dcnModal 6.8s ease-in-out infinite}.dhp-page .dcn-press.ok{animation:dcnOkPress 6.8s ease-in-out infinite}.dhp-page .dcn-pop.ok{animation:dcnOkPop 6.8s ease-in-out infinite}.dhp-page .dcn-empty{animation:dcnEmpty 6.8s ease-in-out infinite}.dhp-page .dcn-row{animation:dcnRow 6.8s ease-in-out infinite}.dhp-page .dcn-pop.row{animation:dcnRowPop 6.8s ease-in-out infinite}.dhp-page .dcn-chipa{animation:dcnChipA 6.8s ease-in-out infinite}.dhp-page .dcn-chipb{animation:dcnChipB 6.8s ease-in-out infinite}.dhp-page .dcn-chipc{animation:dcnChipC 6.8s ease-in-out infinite}
  }
  .dhp-page .dcn-cap{margin:2px auto 0;max-width:560px;text-align:center;font-size:13.5px;line-height:1.5;color:var(--dcn-muted)}
  .dhp-page .dcn-cap b{color:var(--dcn-ink);font-weight:500}

  
  .dhp-page{
    --dhwt-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --dhwt-ink:#0f172a;
    --dhwt-muted:#475569;
    --dhwt-line:#e2e8f0;
    --dhwt-panel:#f8f9fc;
    --dhwt-chipfill:#ffffff;
    --dhwt-data:#2f6fd0;  --dhwt-data-tint:#eaf1fb;
    --dhwt-hub:#5b53c9;   --dhwt-hub-tint:#f4f3fe;
    --dhwt-ai:#0f9e75;    --dhwt-ai-tint:#e2f5ee;
    --dhwt-block:#c05b52;
  }
  
  .dhp-page .dhwt-teams{max-width:780px;margin:0 auto;padding:8px 16px 4px;font-family:var(--dhwt-font)}
  .dhp-page .dhwt-teams svg{display:block;width:100%;height:auto}
  .dhp-page .dhwt-panelbg{fill:var(--dhwt-panel);stroke:var(--dhwt-line);stroke-width:1}
  .dhp-page .dhwt-card rect.box{transition:filter .2s ease;filter:drop-shadow(0 1px 2px rgba(15,23,42,.10))}
  .dhp-page .dhwt-card:hover rect.box{filter:brightness(1.03) drop-shadow(0 1px 2px rgba(15,23,42,.10))}
  .dhp-page .dhwt-chip{fill:var(--dhwt-chipfill);stroke:var(--dhwt-line);stroke-width:1.25;filter:drop-shadow(0 1px 2px rgba(15,23,42,.08))}
  .dhp-page .dhwt-title{font-size:16px;font-weight:600;fill:var(--dhwt-ink)}
  .dhp-page .dhwt-brand{font-size:15px;font-weight:800;letter-spacing:-0.02em}
  .dhp-page .dhwt-sub{font-size:12px;font-weight:400}
  .dhp-page .dhwt-label{font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;fill:var(--dhwt-muted)}
  .dhp-page .dhwt-chiptext{font-size:11.5px;font-weight:500;fill:var(--dhwt-muted)}
  .dhp-page .dhwt-conn{fill:none;stroke-width:1.5;stroke-linecap:round}
  .dhp-page .dhwt-adminline{fill:none;stroke:var(--dhwt-hub);stroke-width:1.1;stroke-dasharray:2 5;stroke-linecap:round;opacity:.55}
  .dhp-page .dhwt-blockline{fill:none;stroke:var(--dhwt-block);stroke-width:1.25;stroke-dasharray:3 5;stroke-linecap:round;opacity:.6}
  .dhp-page .dhwt-dot{opacity:0}
  .dhp-page .dhwt-pop{opacity:0;fill:none;stroke-width:1.5;transform-box:fill-box;transform-origin:center}
  
  @media (prefers-reduced-motion: no-preference){
    @keyframes dhwtPop{
      0%,37%{opacity:0;transform:scale(.9)}
      43%{opacity:.5;transform:scale(1.1)}
      58%,100%{opacity:0;transform:scale(1.6)}
    }.dhp-page .dhwt-pop.g1{animation:dhwtPop 6s ease-in-out infinite}.dhp-page .dhwt-pop.g2{animation:dhwtPop 6s ease-in-out infinite;animation-delay:1.5s}.dhp-page .dhwt-pop.g3{animation:dhwtPop 6s ease-in-out infinite;animation-delay:3s}
    @keyframes dhwtDeny{
      0%,32%{opacity:0;transform:scale(.9)}
      38%{opacity:.55;transform:scale(1.06)}
      52%,100%{opacity:0;transform:scale(1.45)}
    }.dhp-page .dhwt-pop.deny{animation:dhwtDeny 6s ease-in-out infinite;animation-delay:4.3s}
    @supports (offset-path: path("M0 0 L10 10")){
      @keyframes dhwtRide{
        0%{offset-distance:0%;opacity:0}
        5%{opacity:1}
        36%{opacity:1}
        40%{offset-distance:100%;opacity:0}
        100%{offset-distance:100%;opacity:0}
      }
      @keyframes dhwtStop{
        0%{offset-distance:0%;opacity:0}
        5%{opacity:1}
        26%{opacity:1}
        34%{offset-distance:36%;opacity:0}
        100%{offset-distance:36%;opacity:0}
      }
      .dhwt-dot{offset-rotate:0deg}
      .dhwt-dot.g1{offset-path:path("M212 140 C 320 138, 440 121, 572 121");animation:dhwtRide 6s ease-in-out infinite}
      .dhwt-dot.g2{offset-path:path("M212 168 C 320 169, 440 169, 572 169");animation:dhwtRide 6s ease-in-out infinite;animation-delay:1.5s}
      .dhwt-dot.g3{offset-path:path("M212 260 C 320 256, 440 237, 572 237");animation:dhwtRide 6s ease-in-out infinite;animation-delay:3s}
      .dhwt-dot.blocked{offset-path:path("M212 182 C 320 212, 450 262, 572 285");animation:dhwtStop 6s ease-in-out infinite;animation-delay:4.3s}
    }
  }
  .dhp-page .dhwt-cap{margin:2px auto 0;max-width:560px;text-align:center;font-size:13.5px;line-height:1.5;color:var(--dhwt-muted)}
  .dhp-page .dhwt-cap b{color:var(--dhwt-ink);font-weight:500}

  
  .dhp-page{
    --dhwsd-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --dhwsd-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    --dhwsd-ink:#0f172a;
    --dhwsd-muted:#475569;
    --dhwsd-line:#e2e8f0;
    --dhwsd-panel:#f8f9fc;
    --dhwsd-win:#ffffff;
    --dhwsd-chipfill:#ffffff;
    --dhwsd-card:#ffffff;
    --dhwsd-colfill:#f4f5f9;
    --dhwsd-data:#2f6fd0;  --dhwsd-data-tint:#eaf1fb;
    --dhwsd-hub:#5b53c9;   --dhwsd-hub-tint:#f4f3fe;
    --dhwsd-ai:#0f9e75;    --dhwsd-ai-tint:#e2f5ee;
  }
  
  .dhp-page .dhwsd-discover{max-width:780px;margin:0 auto;padding:8px 16px 4px;font-family:var(--dhwsd-font)}
  .dhp-page .dhwsd-discover svg{display:block;width:100%;height:auto}
  .dhp-page .dhwsd-panelbg{fill:var(--dhwsd-panel);stroke:var(--dhwsd-line);stroke-width:1}
  .dhp-page .dhwsd-window{fill:var(--dhwsd-win);stroke:var(--dhwsd-line);stroke-width:1.25;filter:drop-shadow(0 2px 4px rgba(15,23,42,.10))}
  .dhp-page .dhwsd-chip{fill:var(--dhwsd-chipfill);stroke:var(--dhwsd-line);stroke-width:1.25;filter:drop-shadow(0 1px 2px rgba(15,23,42,.08))}
  .dhp-page .dhwsd-cardbox{fill:var(--dhwsd-card);stroke:var(--dhwsd-line);stroke-width:1.25;filter:drop-shadow(0 1px 3px rgba(15,23,42,.08))}
  .dhp-page .dhwsd-colchip{fill:var(--dhwsd-colfill);stroke:var(--dhwsd-line);stroke-width:1}
  
  .dhp-page .dhwsd-brand{font-size:12px;font-weight:800;letter-spacing:-0.02em}
  .dhp-page .dhwsd-label{font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;fill:var(--dhwsd-muted)}
  .dhp-page .dhwsd-chrometext{font-size:11px;font-weight:600;fill:var(--dhwsd-muted)}
  .dhp-page .dhwsd-chiptext{font-family:var(--dhwsd-mono);font-size:11px;font-weight:500;fill:var(--dhwsd-muted)}
  .dhp-page .dhwsd-tname{font-size:12.5px;font-weight:700;letter-spacing:-0.01em;fill:var(--dhwsd-ink)}
  .dhp-page .dhwsd-ttag{font-size:9.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;fill:var(--dhwsd-muted)}
  .dhp-page .dhwsd-tdesc{font-size:10.5px;font-weight:400;font-style:italic;fill:var(--dhwsd-muted)}
  .dhp-page .dhwsd-colname{font-family:var(--dhwsd-mono);font-size:10.5px;font-weight:600;fill:var(--dhwsd-ink)}
  .dhp-page .dhwsd-coltype{font-weight:400;fill:var(--dhwsd-muted)}
  .dhp-page .dhwsd-readytext{font-size:12px;font-weight:600;fill:var(--dhwsd-ai)}
  .dhp-page .dhwsd-divider{stroke:var(--dhwsd-line);stroke-width:1}
  .dhp-page .dhwsd-leader{fill:none;stroke:var(--dhwsd-line);stroke-width:1.25;stroke-dasharray:4 6;stroke-linecap:round}
  .dhp-page .dhwsd-rowsicon{stroke:var(--dhwsd-data);stroke-width:2;stroke-linecap:round}
  
  .dhp-page .dhwsd-shim, .dhp-page .dhwsd-pop{opacity:0}
  .dhp-page .dhwsd-pop{fill:none;stroke-width:1.5;transform-box:fill-box;transform-origin:center}
  @media (prefers-reduced-motion: no-preference){
    
    @keyframes dhwsdSceneFade{0%,93%{opacity:1}100%{opacity:0}}
    @keyframes dhwsdChip1In{0%{opacity:0;transform:translateY(5px)}4%,100%{opacity:1;transform:translateY(0)}}
    @keyframes dhwsdShim1{0%,5%{transform:translateX(0);opacity:0}7%{opacity:.9}14%{transform:translateX(330px);opacity:.9}16%,100%{transform:translateX(330px);opacity:0}}
    @keyframes dhwsdCard1{0%,15%{opacity:0;transform:translateY(6px)}19%,100%{opacity:1;transform:translateY(0)}}
    @keyframes dhwsdCard2{0%,19%{opacity:0;transform:translateY(6px)}23%,100%{opacity:1;transform:translateY(0)}}
    @keyframes dhwsdCard3{0%,23%{opacity:0;transform:translateY(6px)}27%,100%{opacity:1;transform:translateY(0)}}
    @keyframes dhwsdChip2In{0%,32%{opacity:0;transform:translateY(5px)}36%,100%{opacity:1;transform:translateY(0)}}
    @keyframes dhwsdShim2{0%,37%{transform:translateX(0);opacity:0}39%{opacity:.9}45%{transform:translateX(238px);opacity:.9}47%,100%{transform:translateX(238px);opacity:0}}
    @keyframes dhwsdPop{0%,45%{opacity:0;transform:scale(.985)}48%{opacity:.5;transform:scale(1.01)}55%,100%{opacity:0;transform:scale(1.03)}}
    @keyframes dhwsdGrow{0%,45%{height:52px}53%,100%{height:124px}}
    @keyframes dhwsdDesc{0%,53%{opacity:0}57%,100%{opacity:1}}
    @keyframes dhwsdColA{0%,56%{opacity:0;transform:translateY(4px)}60%,100%{opacity:1;transform:translateY(0)}}
    @keyframes dhwsdColB{0%,60%{opacity:0;transform:translateY(4px)}64%,100%{opacity:1;transform:translateY(0)}}
    @keyframes dhwsdColC{0%,64%{opacity:0;transform:translateY(4px)}68%,100%{opacity:1;transform:translateY(0)}}
    @keyframes dhwsdColD{0%,68%{opacity:0;transform:translateY(4px)}72%,100%{opacity:1;transform:translateY(0)}}
    @keyframes dhwsdReady{0%,78%{opacity:0}84%,100%{opacity:1}}.dhp-page .dhwsd-scene{animation:dhwsdSceneFade 9s ease-in-out infinite}.dhp-page .dhwsd-chip1{animation:dhwsdChip1In 9s ease-in-out infinite;transform-box:fill-box}.dhp-page .dhwsd-shim1{animation:dhwsdShim1 9s ease-in-out infinite}.dhp-page .dhwsd-card1{animation:dhwsdCard1 9s ease-in-out infinite;transform-box:fill-box}.dhp-page .dhwsd-card2{animation:dhwsdCard2 9s ease-in-out infinite;transform-box:fill-box}.dhp-page .dhwsd-card3{animation:dhwsdCard3 9s ease-in-out infinite;transform-box:fill-box}.dhp-page .dhwsd-chip2{animation:dhwsdChip2In 9s ease-in-out infinite;transform-box:fill-box}.dhp-page .dhwsd-shim2{animation:dhwsdShim2 9s ease-in-out infinite}.dhp-page .dhwsd-pop{animation:dhwsdPop 9s ease-in-out infinite}.dhp-page .dhwsd-ordersrect{animation:dhwsdGrow 9s ease-in-out infinite}.dhp-page .dhwsd-desc{animation:dhwsdDesc 9s ease-in-out infinite}.dhp-page .dhwsd-cola{animation:dhwsdColA 9s ease-in-out infinite;transform-box:fill-box}.dhp-page .dhwsd-colb{animation:dhwsdColB 9s ease-in-out infinite;transform-box:fill-box}.dhp-page .dhwsd-colc{animation:dhwsdColC 9s ease-in-out infinite;transform-box:fill-box}.dhp-page .dhwsd-cold{animation:dhwsdColD 9s ease-in-out infinite;transform-box:fill-box}.dhp-page .dhwsd-ready{animation:dhwsdReady 9s ease-in-out infinite}
  }
  .dhp-page .dhwsd-cap{margin:2px auto 0;max-width:560px;text-align:center;font-size:13.5px;line-height:1.5;color:var(--dhwsd-muted)}
  .dhp-page .dhwsd-cap b{color:var(--dhwsd-ink);font-weight:500}

  
  .dhp-page{
    --dhwqg-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --dhwqg-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    --dhwqg-ink:#0f172a;
    --dhwqg-muted:#475569;
    --dhwqg-line:#e2e8f0;
    --dhwqg-panel:#f8f9fc;
    --dhwqg-chipfill:#ffffff;
    --dhwqg-data:#2f6fd0;  --dhwqg-data-tint:#eaf1fb;
    --dhwqg-hub:#5b53c9;   --dhwqg-hub-tint:#f4f3fe;
    --dhwqg-ok:#0f9e75;    --dhwqg-ok-tint:#e2f5ee;
    --dhwqg-warn:#b45309;  --dhwqg-warn-tint:#fdf1e3;
    --dhwqg-no:#cf4a51;    --dhwqg-no-tint:#fceeee;
  }
  
  .dhp-page .dhwqg-fig{max-width:780px;margin:0 auto;padding:8px 16px 4px;font-family:var(--dhwqg-font)}
  .dhp-page .dhwqg-fig svg{display:block;width:100%;height:auto}
  .dhp-page .dhwqg-panelbg{fill:var(--dhwqg-panel);stroke:var(--dhwqg-line);stroke-width:1}
  .dhp-page .dhwqg-card rect.box{transition:filter .2s ease;filter:drop-shadow(0 1px 2px rgba(15,23,42,.10))}
  .dhp-page .dhwqg-card:hover rect.box{filter:brightness(1.03) drop-shadow(0 1px 2px rgba(15,23,42,.10))}
  .dhp-page .dhwqg-stmt rect.box{filter:drop-shadow(0 1px 2px rgba(15,23,42,.08))}
  .dhp-page .dhwqg-chip{fill:var(--dhwqg-chipfill);stroke-width:1.25;filter:drop-shadow(0 1px 2px rgba(15,23,42,.08))}
  .dhp-page .dhwqg-title{font-size:16px;font-weight:600;fill:var(--dhwqg-ink)}
  .dhp-page .dhwqg-brand{font-size:13.5px;font-weight:800;letter-spacing:-0.02em}
  .dhp-page .dhwqg-sub{font-size:12px;font-weight:400}
  .dhp-page .dhwqg-label{font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;fill:var(--dhwqg-muted)}
  .dhp-page .dhwqg-chiphead{font-size:11.5px;font-weight:600}
  .dhp-page .dhwqg-chiptext{font-size:10.5px;font-weight:400;fill:var(--dhwqg-muted)}
  .dhp-page .dhwqg-tiny{font-size:9.5px;font-weight:600}
  .dhp-page .dhwqg-sql{font-family:var(--dhwqg-mono);font-size:12.5px;font-weight:600}
  .dhp-page .dhwqg-lane{fill:none;stroke:url(#dhwqgLaneGrad);stroke-width:1.75;stroke-linecap:round}
  .dhp-page .dhwqg-rejline{fill:none;stroke:var(--dhwqg-line);stroke-width:1.25;stroke-dasharray:4 6;stroke-linecap:round}
  .dhp-page .dhwqg-guardline{fill:none;stroke:var(--dhwqg-hub);stroke-width:1.25;stroke-dasharray:3 7;stroke-linecap:round;opacity:.55}
  .dhp-page .dhwqg-head{fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
  .dhp-page .dhwqg-dot{opacity:0;transform-box:fill-box;transform-origin:center}
  .dhp-page .dhwqg-flash{opacity:0}
  .dhp-page .dhwqg-pop{opacity:0;fill:none;stroke-width:1.5;transform-box:fill-box;transform-origin:center}
  
  .dhp-page .dhwqg-clockfill{stroke-dasharray:100 100;stroke-dashoffset:18}
  .dhp-page .dhwqg-meterfill{transform-box:fill-box;transform-origin:left center}
  
  @media (prefers-reduced-motion: no-preference){
    
    @keyframes dhwqgSelTrip{
      0%{transform:translateX(0);opacity:0}
      3%{opacity:1}
      17%{transform:translateX(164px);opacity:1}
      20%{transform:translateX(164px);opacity:1}
      33%{transform:translateX(336px);opacity:1}
      37%,100%{transform:translateX(336px);opacity:0}
    }
    @keyframes dhwqgPopData{
      0%,32%{opacity:0;transform:scale(.9)}
      36%{opacity:.55;transform:scale(1.05)}
      48%,100%{opacity:0;transform:scale(1.6)}
    }
    
    @keyframes dhwqgGuardOk{
      0%,13%{opacity:0}
      17%{opacity:.55}
      23%{opacity:.55}
      29%,100%{opacity:0}
    }
    
    @keyframes dhwqgClockFill{
      0%,8%{stroke-dashoffset:100}
      46%{stroke-dashoffset:10}
      100%{stroke-dashoffset:10}
    }
    
    @keyframes dhwqgHeavyTrip{
      0%,26%{transform:translateX(0);opacity:0}
      30%{opacity:1}
      46%{transform:translateX(118px);opacity:1}
      50%{transform:translateX(118px);opacity:1}
      58%{transform:translateX(58px);opacity:1}
      62%,100%{transform:translateX(58px);opacity:0}
    }
    @keyframes dhwqgGuardWarn{
      0%,44%{opacity:0}
      48%{opacity:.55}
      56%{opacity:.55}
      64%,100%{opacity:0}
    }
    @keyframes dhwqgWarnFlash{
      0%,44%{opacity:0}
      48%{opacity:.85}
      56%{opacity:.85}
      64%,100%{opacity:0}
    }
    @keyframes dhwqgPopTimeout{
      0%,44%{opacity:0;transform:scale(.9)}
      49%{opacity:.55;transform:scale(1.1)}
      60%,100%{opacity:0;transform:scale(1.7)}
    }
    
    @keyframes dhwqgMeterFill{
      0%,50%{transform:scaleX(.12)}
      74%{transform:scaleX(1)}
      100%{transform:scaleX(1)}
    }
    @keyframes dhwqgScanTrip{
      0%,54%{transform:translateX(0);opacity:0}
      58%{opacity:1}
      74%{transform:translateX(156px);opacity:1}
      78%{transform:translateX(156px);opacity:1}
      86%{transform:translateX(96px);opacity:1}
      90%,100%{transform:translateX(96px);opacity:0}
    }
    @keyframes dhwqgGuardNo{
      0%,72%{opacity:0}
      76%{opacity:.55}
      84%{opacity:.55}
      92%,100%{opacity:0}
    }
    @keyframes dhwqgNoFlash{
      0%,72%{opacity:0}
      76%{opacity:.85}
      84%{opacity:.85}
      92%,100%{opacity:0}
    }
    @keyframes dhwqgPopCost{
      0%,72%{opacity:0;transform:scale(.9)}
      77%{opacity:.55;transform:scale(1.1)}
      88%,100%{opacity:0;transform:scale(1.7)}
    }.dhp-page .dhwqg-dot.sel{animation:dhwqgSelTrip 9s ease-in-out infinite}.dhp-page .dhwqg-pop.data{animation:dhwqgPopData 9s ease-in-out infinite}.dhp-page .dhwqg-flash.guardok{animation:dhwqgGuardOk 9s ease-in-out infinite}.dhp-page .dhwqg-clockfill{animation:dhwqgClockFill 9s ease-in-out infinite}.dhp-page .dhwqg-dot.heavy{animation:dhwqgHeavyTrip 9s ease-in-out infinite}.dhp-page .dhwqg-flash.guardwarn{animation:dhwqgGuardWarn 9s ease-in-out infinite}.dhp-page .dhwqg-flash.warnchip{animation:dhwqgWarnFlash 9s ease-in-out infinite}.dhp-page .dhwqg-pop.timeout{animation:dhwqgPopTimeout 9s ease-in-out infinite}.dhp-page .dhwqg-meterfill{animation:dhwqgMeterFill 9s ease-in-out infinite}.dhp-page .dhwqg-dot.scan{animation:dhwqgScanTrip 9s ease-in-out infinite}.dhp-page .dhwqg-flash.guardno{animation:dhwqgGuardNo 9s ease-in-out infinite}.dhp-page .dhwqg-flash.nochip{animation:dhwqgNoFlash 9s ease-in-out infinite}.dhp-page .dhwqg-pop.cost{animation:dhwqgPopCost 9s ease-in-out infinite}
  }
  .dhp-page .dhwqg-cap{margin:2px auto 0;max-width:560px;text-align:center;font-size:13.5px;line-height:1.5;color:var(--dhwqg-muted)}
  .dhp-page .dhwqg-cap b{color:var(--dhwqg-ink);font-weight:500}


/* ===== foundation class that appears inside sealed section bodies ===== */
.dhp-page .dhw-seclink{text-align:center;margin-top:34px;font-size:14.5px}
.dhp-page .dhw-seclink a{font-weight:700;color:var(--dhp-blue);text-decoration:none}
.dhp-page .dhw-seclink a:hover{text-decoration:underline}
.dhp-page .dhw-seclink .note{color:var(--dhp-muted);font-weight:400}