/* DawaFill landing-page mobile experience. Desktop layout remains governed by app.css. */
.df-mobile-menu-toggle{
  width:44px;height:44px;place-items:center;border:1px solid #DDE6EC;border-radius:12px;
  background:#fff;color:#183247;font-size:1.45rem;box-shadow:0 5px 18px rgba(20,45,67,.06)
}
.df-mobile-menu{--bs-offcanvas-width:min(88vw,380px);background:#F8FAFC}
.df-mobile-menu .offcanvas-header{padding:1.25rem;border-bottom:1px solid #E4EBF0;background:#fff}
.df-mobile-menu .offcanvas-title{font-size:1.18rem;font-weight:760;letter-spacing:-.025em;color:#1F2F3D}
.df-mobile-menu-kicker{font-size:.66rem;line-height:1;text-transform:uppercase;letter-spacing:.13em;font-weight:800;color:#008E78;margin-bottom:.35rem}
.df-mobile-menu .offcanvas-body{display:flex;flex-direction:column;padding:1rem}
.df-mobile-menu-links{display:grid;gap:.55rem}
.df-mobile-menu-links>a{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:.75rem;padding:.78rem;border:1px solid #E4EBF0;border-radius:14px;background:#fff;color:#243746!important;text-decoration:none!important}
.df-mobile-menu-links>a>i:first-child{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#EAF8F5;color:#008E78;font-size:1.05rem}
.df-mobile-menu-links>a>i:last-child{color:#9AABB7;font-size:.78rem}
.df-mobile-menu-links strong,.df-mobile-menu-links small{display:block}.df-mobile-menu-links strong{font-size:.88rem}.df-mobile-menu-links small{font-size:.7rem;line-height:1.35;color:#718391;margin-top:.12rem}
.df-mobile-menu-actions{display:grid;gap:.6rem;margin-top:auto;padding-top:1.25rem}
.df-mobile-shot-scroll{overflow:visible}
.df-proof-rail>div{display:flex;align-items:flex-start;gap:.7rem}
.df-proof-rail>div>span{display:block}.df-proof-rail strong,.df-proof-rail small{display:block}.df-proof-rail small{font-size:.73rem;line-height:1.48;color:#71818E;margin-top:.2rem}
.df-proof-icon{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;background:#EAF8F5;color:#008E78;font-size:.94rem}
.df-mobile-dock{display:none}

@media (max-width:991.98px){
  .df-site-nav-inner{grid-template-columns:1fr auto!important;gap:.75rem!important}
  .df-site-brand{min-width:0}
  .df-site-nav{z-index:1040}
  .df-site-section [id],section[id]{scroll-margin-top:82px}
}

@media (max-width:767.98px){
  html{scroll-padding-top:72px}
  body{overflow-x:hidden;padding-bottom:calc(70px + env(safe-area-inset-bottom))}
  .df-site-container{width:calc(100% - 28px)!important}
  .df-site-nav,.df-site-nav-inner{height:64px!important;min-height:64px!important}
  .df-site-nav{box-shadow:0 4px 20px rgba(25,50,70,.05)!important}
  .df-site-logo{width:142px!important;max-width:100%;height:auto!important}
  .df-mobile-menu-toggle{width:42px;height:42px;border-radius:11px}

  .df-hero-v2{padding:1.8rem 0 2.2rem!important}
  .df-hero-v2 .row{--bs-gutter-y:1.8rem}
  .df-eyebrow{font-size:.63rem!important;line-height:1.35;margin-bottom:.7rem!important;letter-spacing:.085em!important}
  .df-hero-v2-title{font-size:clamp(2.12rem,10vw,2.65rem)!important;line-height:1.02!important;letter-spacing:-.048em!important;max-width:12ch!important;margin-top:.35rem!important}
  .df-hero-v2-copy{font-size:.92rem!important;line-height:1.62!important;margin-top:1rem!important;color:#607484!important}
  .df-hero-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:.55rem!important;margin-top:1.2rem!important}
  .df-hero-actions .btn{width:100%;min-height:48px!important;display:flex;align-items:center;justify-content:center;padding:.65rem .55rem!important;font-size:.82rem!important;border-radius:12px!important}
  .df-hero-trust{display:grid!important;grid-template-columns:1fr 1fr;flex-direction:initial!important;gap:.45rem .7rem!important;margin-top:1rem!important}
  .df-hero-trust span{font-size:.68rem!important;line-height:1.3;align-items:flex-start!important}.df-hero-trust i{margin-top:.05rem}
  .df-hero-product,.df-product-frame{border-radius:16px!important;box-shadow:0 12px 32px rgba(17,38,58,.08)!important}
  .df-window-bar{padding:.7rem .78rem!important}.df-window-label{font-size:.66rem!important}.df-window-dots{gap:.22rem}.df-window-dots span{width:6px;height:6px}
  .df-mobile-shot-scroll{width:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:#B8CAC6 transparent}
  .df-mobile-shot-scroll img{display:block!important;width:620px!important;max-width:none!important;height:auto!important;scroll-snap-align:start;border-radius:0 0 14px 14px!important}
  .df-mobile-shot-scroll:focus-visible{outline:3px solid rgba(6,63,151,.18);outline-offset:-3px}
  .df-frame-caption{min-height:46px;padding:.65rem .78rem!important;flex-direction:row!important;align-items:center!important;justify-content:space-between;gap:.5rem!important}.df-frame-caption span{font-size:.75rem}.df-frame-caption small{font-size:.62rem;text-align:right}

  .df-proof-rail{display:grid!important;grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:minmax(238px,80vw);gap:.7rem!important;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;margin:1.35rem -14px 0!important;padding:.15rem 14px .55rem!important;border:0!important;border-radius:0!important;background:transparent!important;scrollbar-width:none}
  .df-proof-rail::-webkit-scrollbar{display:none}
  .df-proof-rail>div{display:flex!important;min-height:112px!important;padding:1rem!important;border:1px solid #E0E9EE!important;border-radius:15px!important;background:#fff!important;scroll-snap-align:start;box-shadow:0 7px 22px rgba(17,38,58,.045)}
  .df-proof-rail strong{font-size:.8rem!important}.df-proof-rail small{font-size:.7rem!important}

  .df-site-section{padding:2.9rem 0!important}
  .df-site-section .row{--bs-gutter-y:1.8rem}
  .df-site-section-white{background:#fff}
  .df-section-index{font-size:.62rem!important;letter-spacing:.1em!important;margin-bottom:.65rem!important}
  .df-product-copy h2,.df-section-heading h2,.df-security-title{font-size:1.78rem!important;line-height:1.08!important;letter-spacing:-.04em!important;margin-bottom:.8rem!important}
  .df-product-copy p,.df-section-heading p,.df-security-copy{font-size:.86rem!important;line-height:1.62!important}
  .df-section-heading{text-align:left!important;margin-bottom:1.35rem!important}.df-section-index.justify-content-center{justify-content:flex-start!important}
  .df-feature-lines{gap:.5rem!important;margin-top:1.1rem!important}.df-feature-lines>div{display:grid!important;grid-template-columns:24px 1fr;align-items:start;padding:.72rem!important;border:1px solid #E9EFF2!important;border-radius:12px!important;background:#FBFCFD!important;font-size:.76rem!important;line-height:1.45}.df-feature-lines i{width:24px;height:24px;display:grid;place-items:center;border-radius:8px;background:#EAF8F5}

  .df-workflow-line{display:grid!important;grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:minmax(220px,72vw);gap:.7rem;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -14px;padding:.2rem 14px .65rem;border:0!important;border-radius:0!important;background:transparent!important;scrollbar-width:none}
  .df-workflow-line::-webkit-scrollbar{display:none}.df-workflow-line:before{display:none!important}
  .df-workflow-step,.df-workflow-step:last-child{min-height:132px!important;padding:1rem!important;border:1px solid #E0E9EE!important;border-radius:15px!important;background:#fff!important;scroll-snap-align:start;box-shadow:0 7px 22px rgba(17,38,58,.04)}
  .df-workflow-step i{width:42px!important;height:42px!important;margin-bottom:.62rem!important}.df-workflow-step strong{font-size:.86rem}.df-workflow-step small{font-size:.7rem}.df-workflow-no{top:.8rem!important;right:.8rem!important}

  .df-security-band{background:#F5F8FA!important}
  .df-security-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.65rem!important;background:transparent!important;border:0!important}
  .df-security-grid>div{min-height:150px!important;padding:.85rem!important;border:1px solid #DFE8ED!important;border-radius:14px!important;background:#fff!important}.df-security-grid>div:last-child{border-bottom:1px solid #DFE8ED!important}
  .df-security-grid i{width:36px!important;height:36px!important;margin-bottom:.7rem!important}.df-security-grid strong{font-size:.76rem!important}.df-security-grid span{font-size:.66rem!important;line-height:1.42!important;margin-top:.25rem!important}

  .df-pricing-row{display:grid!important;grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:minmax(286px,86vw);justify-content:start!important;gap:.75rem!important;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;margin:0 -14px!important;padding:.25rem 14px .8rem!important;scrollbar-width:none}
  .df-pricing-row::-webkit-scrollbar{display:none}.df-pricing-row>[class*="col-"]{width:auto!important;max-width:none!important;padding:0!important;scroll-snap-align:center}
  .df-pricing-card{min-height:100%;padding:1.1rem!important;border-radius:16px!important;box-shadow:0 7px 24px rgba(17,38,58,.045)!important}.df-pricing-featured{box-shadow:0 10px 28px rgba(6,63,151,.08)!important}
  .df-pricing-head{display:grid!important;grid-template-columns:1fr auto;align-items:start!important;gap:.8rem}.df-pricing-head>div:first-child{min-width:0}.df-pricing-price{align-items:flex-end!important;text-align:right!important}.df-pricing-price strong{font-size:1.65rem!important}.df-pricing-price span{font-size:.61rem!important}.df-pricing-card li{font-size:.74rem!important;line-height:1.38}.df-payment-note{font-size:.69rem!important;line-height:1.5!important;padding:.75rem!important}

  .df-site-final{padding:2.4rem 0!important}.df-final-panel{padding:1.25rem!important;border-radius:16px!important;gap:1rem!important}.df-final-panel h2{font-size:1.55rem!important;line-height:1.1!important}.df-final-panel p{font-size:.78rem!important}.df-final-panel>div:last-child{display:grid!important;width:100%;grid-template-columns:1fr 1fr;gap:.55rem!important}.df-final-panel .btn{width:100%;font-size:.78rem!important}
  .df-site-footer{padding:2rem 0 1.25rem!important}.df-site-footer-inner{gap:1.1rem!important}.df-site-footer-logo{width:146px!important}.df-site-footer p{font-size:.66rem!important}.df-site-footer-meta{display:grid!important;grid-template-columns:1fr 1fr;gap:.55rem .9rem!important}.df-site-footer-meta a,.df-site-footer-meta span{font-size:.66rem!important}

  .df-mobile-dock{position:fixed;z-index:1035;left:0;right:0;bottom:0;height:calc(64px + env(safe-area-inset-bottom));padding:6px 8px env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(4,1fr);align-items:center;border-top:1px solid rgba(207,219,227,.92);background:rgba(255,255,255,.94);box-shadow:0 -8px 26px rgba(24,48,67,.08);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%)}
  .df-mobile-dock>a{height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;border-radius:12px;color:#647987!important;text-decoration:none!important;font-size:.61rem;font-weight:690;line-height:1}
  .df-mobile-dock>a i{font-size:1.08rem}.df-mobile-dock>a:active{background:#F0F5F8;color:#063F97!important}
  .df-mobile-dock .df-mobile-dock-cta{background:#063F97;color:#fff!important}.df-mobile-dock .df-mobile-dock-cta i{color:#fff!important}.df-mobile-dock .df-mobile-dock-cta:active{background:#053477;color:#fff!important}
}

@media (max-width:390px){
  .df-site-container{width:calc(100% - 22px)!important}
  .df-site-logo{width:134px!important}
  .df-hero-v2-title{font-size:2.08rem!important}
  .df-hero-actions{grid-template-columns:1fr!important}
  .df-hero-actions .btn{min-height:46px!important}
  .df-security-grid{grid-template-columns:1fr!important}.df-security-grid>div{min-height:auto!important}
  .df-pricing-row{grid-auto-columns:minmax(278px,91vw)}
  .df-final-panel>div:last-child{grid-template-columns:1fr!important}
}

@media (prefers-reduced-motion:reduce){
  .df-mobile-shot-scroll,.df-proof-rail,.df-workflow-line,.df-pricing-row{scroll-behavior:auto}
}