/* SureShot — responsive layer over the designed pages */
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:#F7F2E8}
img,video,svg{max-width:100%}
#dc-root .f-root{width:100% !important;height:auto !important;max-width:none !important;overflow:hidden}
.m-menu{display:none}
.m-only{display:none !important}
input,select,textarea{box-sizing:border-box;width:100%;max-width:100%}
input:focus,select:focus,textarea:focus{outline:3px solid #E0A526;outline-offset:1px}
[id]{scroll-margin-top:24px}
.f-sent{background:#E7F5EC;color:#14532D;border-radius:14px;padding:14px 16px;font-weight:700;font-family:'Manrope',sans-serif;font-size:15px}
.f-err{background:#FDECEA;color:#8A1C12;border-radius:14px;padding:14px 16px;font-weight:700;font-family:'Manrope',sans-serif;font-size:15px}
.wa-float{position:fixed;right:18px;bottom:18px;z-index:50;width:58px;height:58px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 24px rgba(0,0,0,.22)}
.wa-float svg{width:30px;height:30px}

/* ---------- laptop & tablet ---------- */
@media (max-width:1240px){
  #dc-root [style*="padding:"][style*=" 80px"]{padding-left:40px !important;padding-right:40px !important}
  #dc-root [style*="margin:0 80px"]{margin-left:40px !important;margin-right:40px !important}
  #dc-root nav [style*="gap:30px"]{gap:18px !important;font-size:14.5px !important}
  #dc-root [style*="repeat(6,minmax(0,1fr))"]{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
}
@media (max-width:1024px){
  #dc-root nav [style*="gap:30px"],#dc-root nav > a.f-btn{display:none !important}
  .m-menu{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:14px;border:1.5px solid #111B69;background:#FFFDF8;color:#111B69;cursor:pointer}
  body.menu-open #dc-root nav [style*="gap:30px"]{display:flex !important;position:absolute;left:0;right:0;top:100%;z-index:60;flex-direction:column;gap:0 !important;background:#FFFDF8;border-bottom:2px solid #111B69;padding:8px 24px 16px;box-shadow:0 18px 30px rgba(17,27,105,.15)}
  body.menu-open #dc-root nav [style*="gap:30px"] a{padding:14px 0 !important;border-bottom:1px solid #E2D8C6 !important;font-size:17px}
  #dc-root nav{position:relative}
  #dc-root [style*="repeat(12,minmax(0,1fr))"]{grid-template-columns:1fr !important}
  #dc-root [style*="grid-column:span"]{grid-column:auto !important}
  #dc-root [style*="repeat(4,minmax(0,1fr))"],#dc-root [style*="repeat(5,minmax(0,1fr))"]{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  #dc-root [style*="repeat(3,minmax(0,1fr))"]{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  #dc-root section[id="top"]{grid-template-columns:1fr !important}
  #dc-root [style*="grid-template-columns:400px"]{grid-template-columns:1fr !important}
  #dc-root [style*="grid-template-columns:repeat(2,minmax(0,1fr))"][style*="gap:56px"],#dc-root [style*="grid-template-columns:repeat(2,minmax(0,1fr))"][style*="gap:64px"],#dc-root [style*="grid-template-columns:repeat(2,minmax(0,1fr))"][style*="gap:72px"]{grid-template-columns:1fr !important}
  #dc-root [style*="justify-content:space-between"][style*="align-items:flex-end"]{flex-wrap:wrap;gap:18px !important}
  #dc-root [style*="justify-content:space-between"][style*="align-items:center"][style*="gap:48px"]{flex-wrap:wrap}
  #dc-root [style*="width:340px"]{width:100% !important}
  #dc-root [style*="white-space:nowrap"]{white-space:normal !important}
  #dc-root [style*="left:-30px"],#dc-root [style*="right:-26px"],#dc-root [style*="right:-24px"]{display:none !important}
  #dc-root .f-drive{display:none !important}
  #dc-root .hx-card{display:flex !important}
  #dc-root .hx-c1{left:-14px !important}
  #dc-root .hx-c2{right:-14px !important}
  #dc-root svg[viewBox="0 0 1280 4"]{display:none !important}
}

/* ---------- phones ---------- */
@media (max-width:640px){
  #dc-root [style*="padding:"][style*=" 80px"]{padding-left:18px !important;padding-right:18px !important}
  #dc-root [style*="margin:0 80px"]{margin-left:14px !important;margin-right:14px !important}
  #dc-root > .f-root > div:first-child{padding:9px 18px !important;font-size:12.5px !important}
  #dc-root > .f-root > div:first-child > div{display:none !important}
  #dc-root nav{padding:12px 18px !important}
  #dc-root nav img{height:50px !important}
  #dc-root nav [style*="font-size:26px"]{font-size:22px !important}
  #dc-root nav [style*="font-size:11.5px"]{display:none !important}
  #dc-root [style*="repeat("]{grid-template-columns:1fr !important}
  #dc-root .m2{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  #dc-root h1{font-size:clamp(38px,11vw,56px) !important}
  #dc-root h2{font-size:clamp(30px,8.6vw,44px) !important}
  #dc-root [style*="font-size:80px"],#dc-root [style*="font-size:76px"]{font-size:54px !important}
  #dc-root [style*="font-size:170px"]{font-size:110px !important}
  #dc-root [style*="font-size:64px"]{font-size:44px !important}
  #dc-root [style*="font-size:60px"]{font-size:42px !important}
  #dc-root [style*="font-size:52px"]{font-size:36px !important}
  #dc-root [style*="font-size:44px"]{font-size:32px !important}
  #dc-root [style*="font-size:40px"]{font-size:30px !important}
  #dc-root [style*="font-size:36px"]{font-size:28px !important}
  #dc-root [style*="padding:64px"],#dc-root [style*="padding:56px"],#dc-root [style*="padding:72px 64px"],#dc-root [style*="padding:48px 56px"],#dc-root [style*="padding:44px"],#dc-root [style*="padding:40px"],#dc-root [style*="padding:36px 40px"]{padding:26px 20px !important}
  #dc-root [style*="padding:72px 80px 84px"]{padding:48px 18px 56px !important}
  #dc-root [style*="padding:96px"],#dc-root [style*="padding:104px"],#dc-root [style*="padding:112px"],#dc-root [style*="padding:120px"],#dc-root [style*="padding:88px"]{padding-top:64px !important}
  #dc-root [style*="height:590px"]{height:auto !important;aspect-ratio:620/590}
  #dc-root [style*="height:590px"] svg{height:100% !important}
  #dc-root [style*="height:540px"],#dc-root [style*="height:460px"]{height:380px !important}
  #dc-root [style*="width:520px"]{width:100% !important;height:300px !important}
  #dc-root [style*="flex-direction:row"],#dc-root [style*="flex-direction:row-reverse"]{flex-direction:column !important}
  #dc-root [style*="height:560px"]{height:auto !important;min-height:520px}
  #dc-root [style*="display:flex;gap:12px"]>a,#dc-root [style*="display:flex;gap:14px"]>a{text-align:center}
  #dc-root [style*="display:flex;gap:12px"],#dc-root [style*="display:flex;gap:14px"]{flex-wrap:wrap}
  #dc-root [style*="display:flex;gap:26px"],#dc-root [style*="display:flex;gap:28px"]{flex-wrap:wrap;gap:12px 20px !important}
  #dc-root [style*="justify-content:space-between"]{flex-wrap:wrap;gap:12px}
  #dc-root footer [style*="justify-content:space-between"]{flex-direction:column}
  #dc-root [style*="width:1440px"]{width:100% !important}
  #dc-root svg[width="730"]{width:100% !important;height:auto !important}
  #dc-root [style*="margin-top:-44px"]{margin-top:24px !important}
}

/* ---------- hero illustration on phones ---------- */
@media (max-width:640px){
  #dc-root .hx-wrap{margin:0 0 26px}
  #dc-root .hx-frame{border-radius:24px !important}
  #dc-root .hx-card{padding:7px 11px 7px 7px !important;gap:8px !important;border-radius:13px !important;box-shadow:0 10px 22px rgba(17,27,105,.2) !important}
  #dc-root .hx-card .hx-ico{width:28px !important;height:28px !important}
  #dc-root .hx-card .hx-ico svg{width:14px;height:14px}
  #dc-root .hx-card span[style*="font-size:15px"]{font-size:12px !important}
  #dc-root .hx-card span[style*="font-size:12.5px"]{font-size:10px !important}
  #dc-root .hx-c1{left:10px !important;top:10px !important}
  #dc-root .hx-c2{right:10px !important;top:41% !important}
  #dc-root .hx-c3{left:10px !important;bottom:-18px !important}
  #dc-root .hx-badge{top:auto !important;bottom:10px !important;right:10px !important;font-size:9.5px !important;padding:5px 9px 5px 7px !important}
}

/* ---------- scroll-reveal (works on touch screens, where hover effects never fire) ---------- */
html.rv #dc-root .f-card:not([data-in]),html.rv #dc-root .f-sector:not([data-in]),
html.rv #dc-root section h2:not([data-in]),html.rv #dc-root [data-countup]:not([data-in]){opacity:0;transform:translateY(28px)}
html.rv #dc-root [data-in]{transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}
html.rv #dc-root [data-in="2"]{transition-delay:.09s}
html.rv #dc-root [data-in="3"]{transition-delay:.18s}
@media (hover:none){
  #dc-root .f-card:active,#dc-root .f-sector:active,#dc-root .f-plate:active{transform:translateY(-4px) scale(.99)}
  #dc-root a:active,#dc-root button:active{opacity:.85}
}
@media (max-width:640px){
  #dc-root .m2 .f-card{padding:18px 14px !important;min-height:0 !important;gap:10px !important;border-radius:18px !important}
  #dc-root .m2 .f-card h3{font-size:15px !important}
  #dc-root .m2 .f-card span[style*="font-size:14.5px"]{font-size:13px !important}
  #dc-root .m2 > div[style*="border-radius:18px;padding:16px 18px"]{padding:12px !important;gap:10px !important}
  #dc-root .m2 > div[style*="border-radius:18px;padding:16px 18px"] span[style*="font-size:16px"]{font-size:13.5px !important}
}
@media (max-width:640px){
  #dc-root .ct-map{grid-template-columns:110px minmax(0,1fr) !important;gap:14px !important;padding:18px !important}
  #dc-root [data-ct="qr"]{padding:16px !important;gap:14px !important}
  #dc-root [data-ct="qr"] > span:first-child{width:104px !important}
}
@media (min-width:1025px){
  #dc-root [data-ct="ready"]{scroll-margin-top:24px}
}
@media (max-width:1024px){
  #dc-root button[style*="justify-content:space-between"]{flex-wrap:nowrap !important}
}
/* footer: keep the last row clear of the floating WhatsApp button on touch screens */
@media (max-width:1024px){
  #dc-root footer[style]{padding-bottom:96px !important}
}