/* ============================================================
   DoctorQR · Marketing site
   Captured verbatim from the design prototype. The layout lives in
   inline styles on the elements themselves; this file is only the
   reset and the few real rules the prototype defined.
   The embedded base64 font faces were dropped — the same families are
   loaded from Google Fonts in the layout.
   ============================================================ */

.sc-placeholder{background:color-mix(in srgb,currentColor 8%,transparent);
      border:1px solid color-mix(in srgb,currentColor 50%,transparent);
      border-radius:2px;box-sizing:border-box;overflow:hidden}
    @keyframes sc-shine{0%{background-position:100% 50%}100%{background-position:0% 50%}}
    html.sc-dc-streaming .sc-placeholder,
    html.sc-dc-streaming .sc-interp.sc-missing{position:relative;
      background:color-mix(in srgb,currentColor 5%,transparent);
      border-color:transparent}
    html.sc-dc-streaming .sc-placeholder::before,
    html.sc-dc-streaming .sc-interp.sc-missing::before{content:'';
      position:absolute;inset:0;pointer-events:none;
      background:linear-gradient(90deg,rgba(217,119,87,0) 25%,rgba(247,225,211,.95) 37%,rgba(217,119,87,0) 63%);
      background-size:400% 100%;animation:sc-shine 1.4s ease infinite}
    html.sc-dc-streaming .sc-placeholder:nth-child(n+9 of .sc-placeholder)::before,
    html.sc-dc-streaming .sc-interp.sc-missing:nth-child(n+9 of .sc-interp.sc-missing)::before{animation:none;
      background:color-mix(in srgb,currentColor 8%,transparent)}
    .sc-placeholder-error{padding:4px 8px;font:11px/1.4 ui-monospace,monospace;
      color:color-mix(in srgb,currentColor 70%,transparent);word-break:break-word}
    .sc-interp.sc-missing{display:inline-block;width:2em;height:1em;overflow:hidden;
      vertical-align:text-bottom;background:rgba(255,255,255,.3);border:1px solid rgba(0,0,0,.5);
      border-radius:2px;box-sizing:border-box;color:transparent;
      user-select:none}
    .sc-interp.sc-unresolved{font-family:ui-monospace,monospace;font-size:.85em;
      color:color-mix(in srgb,currentColor 50%,transparent);
      background:color-mix(in srgb,currentColor 10%,transparent);border-radius:3px;
      padding:0 3px}
    .sc-host.sc-has-error{position:relative}
    .sc-logic-error{position:absolute;top:8px;left:8px;z-index:2147483647;max-width:60ch;
      padding:6px 10px;background:#b00020;color:#fff;font:12px/1.4 ui-monospace,monospace;
      border-radius:4px;white-space:pre-wrap;pointer-events:none}
    /* Mirrors PRINT_BASELINE_CSS in apps/web deck-stage-export.ts — keep both
       in sync until dc-runtime regains a build step. */
    @media print {
      @page { margin: 0.5cm; }
      figure, table { break-inside: avoid; }
      #dc-root, #dc-root > .sc-host { height: auto; }
      *, *::before, *::after {
        print-color-adjust: exact; -webkit-print-color-adjust: exact;
        backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
        animation-delay: -99s !important; animation-duration: .001s !important;
        animation-iteration-count: 1 !important; animation-fill-mode: both !important;
        animation-play-state: running !important; transition-duration: 0s !important;
      }
    }
  
x-dc{display:none!important}
html,body{height:100%;margin:0}#dc-root,#dc-root>.sc-host{height:100%}

  *{box-sizing:border-box;}
  html,body{margin:0;padding:0;}
  body{font-family:'Public Sans','Noto Sans Bengali',system-ui,sans-serif;color:#333333;background:#fff;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
  a{color:#B00D23;text-decoration:none;}
  a:hover{color:#8E0A1C;}
  ::selection{background:#F7DDE1;color:#7A0918;}
  button{font-family:inherit;}
  @keyframes dqrIn{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:none;}}
  @keyframes dqFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-8px);}}
  @keyframes dqScan{0%{top:8%;}50%{top:82%;}100%{top:8%;}}
  @media(max-width:860px){.dq-navlinks{display:none !important;}.dq-login{display:none !important;}.dq-burger{display:flex !important;}}
/* The hero QR is generated by QrEngine rather than drawn by hand, so it
   fills the slot the prototype's decorative one occupied. */
.dq-heroqr svg, [data-dc-tpl="78"] svg { display: block; width: 100%; height: 100%; }

/* Calls to action are anchors that were <button> in the prototype. A
   button centres its label for free; an anchor with a fixed height does
   not, so the text sat at the top of the box. */
a.dq-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-align: center;
}

/* Sticky header fix.
   The captured page wrapper carries an inline "overflow-x: hidden" to stop
   horizontal scroll. But when one overflow axis is "hidden" the other
   computes to "auto", so that wrapper silently became a scroll container
   ~8500px tall — and the sticky <header> stuck to *it* instead of the
   viewport, then scrolled away because the real scrolling is on <html>.
   "overflow-x: clip" clips the same horizontal overflow without creating a
   scroll container, so overflow-y stays visible and the header sticks. */
[data-dc-tpl="5"] { overflow-x: clip !important; }