/* iDocsWeb Home - Direction A.dc.html */

  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{font-family:'Hanken Grotesk',system-ui,sans-serif;color:#16202E;background:#FFFFFF;-webkit-font-smoothing:antialiased}
  a{text-decoration:none;color:inherit}
  ::selection{background:#5AAE37;color:#fff}

  /* 24/7 coverage: clock -> fill reveal */
  .clk-go .clk-min{animation:clkSpin 1.7s cubic-bezier(.3,0,.25,1) forwards}
  .clk-go .clk-hour{animation:clkSpinH 1.7s cubic-bezier(.3,0,.25,1) forwards}
  .clk-go .clk-face{animation:clkFade .5s ease 1.2s forwards}
  .clk-go .clk-sweep{animation:clkSweep 1.25s cubic-bezier(.55,0,.2,1) .5s forwards}
  .clk-go .clk-green{animation:clkIn .5s ease 1.6s forwards}
  .clk-go .clk-dot{animation:clkIn .4s ease 1.9s forwards}
  .clk-go .clk-text{animation:clkText .6s cubic-bezier(.2,.75,.2,1) 1.7s forwards}
  @keyframes clkSpin{from{transform:rotate(0deg)}to{transform:rotate(900deg)}}
  @keyframes clkSpinH{from{transform:rotate(0deg)}to{transform:rotate(150deg)}}
  @keyframes clkFade{to{opacity:0}}
  @keyframes clkSweep{from{stroke-dashoffset:502.66}to{stroke-dashoffset:0}}
  @keyframes clkIn{to{opacity:1}}
  @keyframes clkText{to{opacity:1;transform:scale(1)}}

  /* business-case estimator + quality flow */
  input[type=range]{accent-color:#5AAE37;height:6px;cursor:pointer}
  @media (max-width:860px){
    .est-grid{grid-template-columns:1fr!important}
    .qflow{flex-direction:column!important;align-items:stretch!important}
    .qflow-arrow{transform:rotate(90deg)}
    .logo-wall{justify-content:center!important}
  }

  /* global interactive hover/active feedback */
  a, button, summary { transition: color .18s ease, background-color .2s ease, border-color .2s ease, box-shadow .22s ease, transform .16s ease, opacity .18s ease, filter .2s ease; }
  button { cursor: pointer; }
  a:hover { opacity: .82; }
  button:hover { filter: brightness(1.07); box-shadow: 0 6px 18px rgba(12,47,87,.15); }
  a:active, button:active { transform: translateY(1px); }
  summary:hover { color: #103E73; }
  section[id]{scroll-margin-top:88px}
  @media (max-width:820px){.afoot{grid-template-columns:1fr 1fr!important;gap:30px!important}}


/* iDocsWeb Features.dc.html */

  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{font-family:'Hanken Grotesk',system-ui,sans-serif;color:#16202E;background:#FFFFFF;-webkit-font-smoothing:antialiased}
  a{text-decoration:none;color:inherit}
  ::selection{background:#5AAE37;color:#fff}

  /* scroll reveal system */
  .reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
  .reveal.in{opacity:1;transform:none}
  .reveal-l{opacity:0;transform:translateX(-34px);transition:opacity .7s ease,transform .75s cubic-bezier(.2,.7,.2,1)}
  .reveal-l.in{opacity:1;transform:none}
  .reveal-r{opacity:0;transform:translateX(34px);transition:opacity .7s ease,transform .75s cubic-bezier(.2,.7,.2,1)}
  .reveal-r.in{opacity:1;transform:none}
  .stagger > *{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1)}
  .stagger.in > *{opacity:1;transform:none}
  .stagger.in > *:nth-child(2){transition-delay:.09s}
  .stagger.in > *:nth-child(3){transition-delay:.18s}
  .stagger.in > *:nth-child(4){transition-delay:.27s}
  .pop{transform:scale(.4);opacity:0;transition:transform .55s cubic-bezier(.2,1.5,.4,1),opacity .4s ease}
  .in .pop{transform:scale(1);opacity:1}
  .draw{stroke-dasharray:var(--d);stroke-dashoffset:var(--d);transition:stroke-dashoffset .9s cubic-bezier(.4,0,.2,1) .25s}
  .in .draw{stroke-dashoffset:0}
  /* analytics utilization bars */
  .barfill{transform:scaleY(0);transform-origin:bottom;transition:transform .85s cubic-bezier(.2,.7,.2,1)}
  .in .barfill{transform:scaleY(1)}

  @media (max-width:820px){
    .cov-grid{grid-template-columns:1fr!important}
    .hero-grid{grid-template-columns:1fr!important;gap:34px!important}
    .aqipp{grid-template-columns:1fr!important}
  }
  @media (prefers-reduced-motion:reduce){
    .reveal,.reveal-l,.reveal-r,.stagger>*,.pop,.draw,.barfill{transition:none!important;opacity:1!important;transform:none!important}
    .draw{stroke-dashoffset:0!important}
    .qmap .pin{opacity:1!important}.qmap.dropped .pin{animation:none!important}
  }

  /* Texas QIPP map pins */
  .qmap .pin{opacity:0}
  .qmap.dropped .pin{animation:pinDrop .5s cubic-bezier(.2,1.3,.4,1) forwards}
  @keyframes pinDrop{0%{opacity:0;transform:translateY(-20px) scale(.3)}60%{opacity:1}100%{opacity:1;transform:translateY(0) scale(1)}}

  /* phone: incoming telemedicine request loop */
  @keyframes pmShake{0%,8%,100%{transform:translateX(0) rotate(0deg)}1%{transform:translateX(-3px) rotate(-1.5deg)}3%{transform:translateX(3px) rotate(1.5deg)}5%{transform:translateX(-2px) rotate(-1deg)}7%{transform:translateX(1px) rotate(.5deg)}}
  @keyframes pmRing{0%{transform:scale(.55);opacity:.6}70%{opacity:0}100%{transform:scale(1.75);opacity:0}}
  @keyframes pmBtn{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(90,174,55,.55)}50%{transform:scale(1.07);box-shadow:0 0 0 12px rgba(90,174,55,0)}}
  @keyframes pmDot{0%,100%{transform:translateY(0);opacity:.35}50%{transform:translateY(-4px);opacity:1}}
  @keyframes pmLayerA{0%,62%{opacity:1}69%,95%{opacity:0}99%,100%{opacity:1}}
  @keyframes pmLayerB{0%,62%{opacity:0}69%,93%{opacity:1}99%,100%{opacity:0}}
  @keyframes pmBanner{0%{transform:translateY(-130%);opacity:0}4%{transform:translateY(0);opacity:1}20%{transform:translateY(0);opacity:1}28%,100%{transform:translateY(-130%);opacity:0}}
  @keyframes pmLive{0%,100%{opacity:.35}50%{opacity:1}}
  @media (prefers-reduced-motion:reduce){.pmwrap *{animation:none!important}.pmB,.pmBanner{opacity:0!important}.pmA{opacity:1!important}}

  /* FAQ accordion */
  details.faq summary{list-style:none}
  details.faq summary::-webkit-details-marker{display:none}
  details.faq[open]{border-color:#C9D8E8!important;box-shadow:0 10px 30px rgba(16,62,115,.07)}
  details.faq .chev{transition:transform .3s ease}
  details.faq[open] .chev{transform:rotate(180deg)}
  details.faq[open] .ans{animation:faqOpen .34s ease}
  @keyframes faqOpen{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

  /* global interactive hover/active feedback */
  a, button, summary { transition: color .18s ease, background-color .2s ease, border-color .2s ease, box-shadow .22s ease, transform .16s ease, opacity .18s ease, filter .2s ease; }
  button { cursor: pointer; }
  a:hover { opacity: .82; }
  button:hover { filter: brightness(1.07); box-shadow: 0 6px 18px rgba(12,47,87,.15); }
  a:active, button:active { transform: translateY(1px); }
  summary:hover { color: #103E73; }
  @media (max-width:820px){.afoot{grid-template-columns:1fr 1fr!important;gap:30px!important}}


/* iDocsWeb How It Works.dc.html */

  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{font-family:'Hanken Grotesk',system-ui,sans-serif;color:#16202E;background:#FFFFFF;-webkit-font-smoothing:antialiased}
  a{text-decoration:none;color:inherit}
  ::selection{background:#5AAE37;color:#fff}

  /* hero image reveal */
  .hero-media{opacity:0;transform:translateY(18px) scale(.985);animation:heroIn .9s cubic-bezier(.2,.7,.2,1) .12s forwards}
  @keyframes heroIn{to{opacity:1;transform:none}}
  @media (max-width:820px){.hero-grid{grid-template-columns:1fr!important;gap:34px!important}}
  @media (prefers-reduced-motion:reduce){.hero-media{animation:none;opacity:1;transform:none}}

  /* step reveal + icon draw-in */
  .astep{opacity:0;transform:translateY(26px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1)}
  .astep.in{opacity:1;transform:none}
  .astep .badge{transform:scale(.4);opacity:0;transition:transform .55s cubic-bezier(.2,1.45,.4,1) .08s,opacity .4s ease .08s}
  .astep.in .badge{transform:scale(1);opacity:1}
  .astep .icon-tile{transform:scale(.72);opacity:0;transition:transform .55s cubic-bezier(.2,1.35,.4,1) .2s,opacity .45s ease .2s}
  .astep.in .icon-tile{transform:scale(1);opacity:1}
  .astep .conn-fill{transform:scaleY(0);transform-origin:top;transition:transform .7s ease .3s}
  .astep.in .conn-fill{transform:scaleY(1)}
  .draw{stroke-dasharray:var(--d);stroke-dashoffset:var(--d);transition:stroke-dashoffset .8s cubic-bezier(.4,0,.2,1) .35s}
  .astep.in .draw{stroke-dashoffset:0}
  @media (max-width:640px){.icon-tile{display:none!important}}
  @media (prefers-reduced-motion:reduce){
    .astep,.astep.in,.astep .badge,.astep .icon-tile,.draw,.conn-fill{transition:none!important}
    .astep{opacity:1;transform:none}
    .astep .badge,.astep .icon-tile{opacity:1;transform:none}
    .draw{stroke-dashoffset:0}
    .astep .conn-fill{transform:scaleY(1)}
  }

  /* global interactive hover/active feedback */
  a, button, summary { transition: color .18s ease, background-color .2s ease, border-color .2s ease, box-shadow .22s ease, transform .16s ease, opacity .18s ease, filter .2s ease; }
  button { cursor: pointer; }
  a:hover { opacity: .82; }
  button:hover { filter: brightness(1.07); box-shadow: 0 6px 18px rgba(12,47,87,.15); }
  a:active, button:active { transform: translateY(1px); }
  summary:hover { color: #103E73; }
  @media (max-width:820px){.afoot{grid-template-columns:1fr 1fr!important;gap:30px!important}}


/* iDocsWeb About.dc.html */

  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{font-family:'Hanken Grotesk',system-ui,sans-serif;color:#16202E;background:#FFFFFF;-webkit-font-smoothing:antialiased}
  a{text-decoration:none;color:inherit}
  ::selection{background:#5AAE37;color:#fff}
  .secfade{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
  .secfade.in{opacity:1;transform:none}
  .qmap .pin{opacity:0}
  .qmap.dropped .pin{animation:pinDrop .5s cubic-bezier(.2,1.3,.4,1) forwards}
  @keyframes pinDrop{0%{opacity:0;transform:translateY(-20px) scale(.3)}60%{opacity:1}100%{opacity:1;transform:translateY(0) scale(1)}}
  @media (max-width:820px){.aabout-hero,.aqipp{grid-template-columns:1fr!important}}
  @media (prefers-reduced-motion:reduce){.secfade{opacity:1;transform:none}.qmap .pin{opacity:1}.qmap.dropped .pin{animation:none}}

  /* global interactive hover/active feedback */
  a, button, summary { transition: color .18s ease, background-color .2s ease, border-color .2s ease, box-shadow .22s ease, transform .16s ease, opacity .18s ease, filter .2s ease; }
  button { cursor: pointer; }
  a:hover { opacity: .82; }
  button:hover { filter: brightness(1.07); box-shadow: 0 6px 18px rgba(12,47,87,.15); }
  a:active, button:active { transform: translateY(1px); }
  summary:hover { color: #103E73; }
  @media (max-width:820px){.afoot{grid-template-columns:1fr 1fr!important;gap:30px!important}}


/* Landing - Texas QIPP.dc.html */

  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{font-family:'Hanken Grotesk',system-ui,sans-serif;color:#16202E;background:#fff;-webkit-font-smoothing:antialiased}
  a{text-decoration:none;color:inherit}
  ::selection{background:#5AAE37;color:#fff}
  .reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
  .reveal.in{opacity:1;transform:none}
  .reveal-r{opacity:0;transform:translateX(34px);transition:opacity .7s ease,transform .75s cubic-bezier(.2,.7,.2,1)}
  .reveal-r.in{opacity:1;transform:none}
  .stagger>*{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1)}
  .stagger.in>*{opacity:1;transform:none}
  .stagger.in>*:nth-child(2){transition-delay:.09s}
  .stagger.in>*:nth-child(3){transition-delay:.18s}
  details.faq summary{list-style:none}
  details.faq summary::-webkit-details-marker{display:none}
  details.faq[open]{border-color:#C9D8E8!important;box-shadow:0 10px 30px rgba(16,62,115,.07)}
  details.faq .chev{transition:transform .3s ease}
  details.faq[open] .chev{transform:rotate(180deg)}
  details.faq[open] .ans{animation:faqOpen .34s ease}
  @keyframes faqOpen{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
  @media (max-width:860px){.lp-split{grid-template-columns:1fr!important}.lp-3{grid-template-columns:1fr!important}.lp-cta{grid-template-columns:1fr!important}.lp-foot{grid-template-columns:1fr 1fr!important}.lp-hero h1{font-size:38px!important}}
  @media (prefers-reduced-motion:reduce){.reveal,.reveal-r,.stagger>*{opacity:1!important;transform:none!important;transition:none!important}}

  /* global interactive hover/active feedback */
  a, button, summary { transition: color .18s ease, background-color .2s ease, border-color .2s ease, box-shadow .22s ease, transform .16s ease, opacity .18s ease, filter .2s ease; }
  button { cursor: pointer; }
  a:hover { opacity: .82; }
  button:hover { filter: brightness(1.07); box-shadow: 0 6px 18px rgba(12,47,87,.15); }
  a:active, button:active { transform: translateY(1px); }
  summary:hover { color: #103E73; }
  @media (max-width:820px){.afoot{grid-template-columns:1fr 1fr!important;gap:30px!important}}

  .d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}

 .loader {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9999;
    background: url("../img/loading.gif") no-repeat center center rgba(255,255,255,0.9)
}

.ui-autocomplete {
max-height: 300px;
max-width: 50%;
overflow-y: auto;
overflow-x: hidden;
}