/* Shared styles for aidasoft.com and aidafieldpro.com.
   Most layout lives inline in the page; this file adds phone sizing,
   forms, the screen showcase and the video player. */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:#F5F8FC}
img{max-width:100%}
a{color:#0A5FC2}a:hover{color:#063F82}
a[style*="background: #0A6FE0"]:hover,button.btn:hover{filter:brightness(1.08)}
:focus-visible{outline:3px solid #6FD3FA;outline-offset:2px}
section[id],div[id]{scroll-margin-top:16px}
[hidden]{display:none!important}

/* Showcase (aidasoft "See it in Aida") */
.shot-btn{text-align:left;font:inherit;cursor:pointer;padding:14px 18px;border-radius:12px;border:1.5px solid transparent;background:transparent;color:#3E5267;display:flex;flex-direction:column;gap:2px}
.shot-btn .who{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#5A6B7E}
.shot-btn .ttl{font-family:Poppins,sans-serif;font-weight:600;font-size:17px}
.shot-btn[aria-pressed="true"]{border-color:#0A6FE0;background:#FFFFFF;color:#0B2540;box-shadow:0 6px 18px rgba(11,37,64,.08)}
.shot-btn[aria-pressed="true"] .who{color:#0A6FE0}
.shot-btn:hover{background:#FFFFFF}

/* Forms */
.fld{display:flex;flex-direction:column;gap:6px;text-align:left}
.fld label,.fld legend{font-weight:700;font-size:15px}
.fld input,.fld select,.fld textarea{font:inherit;padding:13px 15px;border-radius:12px;border:1.5px solid #CBD6E2;background:#FFFFFF;color:#0B2540;width:100%}
.fld textarea{min-height:96px;resize:vertical}
.dark .fld input{border-color:#4C6A8A;background:#10304F;color:#FFFFFF}
.dark .fld input::placeholder{color:#8FA6BE}
.choice{display:flex;flex-wrap:wrap;gap:10px}
.choice label{display:flex;align-items:center;gap:8px;font-weight:500;padding:10px 14px;border-radius:10px;border:1.5px solid #CBD6E2;cursor:pointer}
.dark .choice label{border-color:#4C6A8A}
.choice input{accent-color:#0A6FE0;width:18px;height:18px;margin:0}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.btn{font:inherit;font-weight:700;padding:14px 24px;border-radius:12px;border:0;background:#0A6FE0;color:#FFFFFF;cursor:pointer;font-size:17px}
.btn[disabled]{opacity:.6;cursor:wait}
.form-msg{margin:0;font-weight:500}
.form-msg.ok{color:#1B8A4B}.dark .form-msg.ok{color:#7FE0A6}
.form-msg.err{color:#B42318}.dark .form-msg.err{color:#FFB4AB}
.fine{font-size:13px;color:#5A6B7E}.dark .fine{color:#A9BCD0}

/* Video player */
.vmodal{position:fixed;inset:0;background:rgba(5,14,24,.88);display:flex;align-items:center;justify-content:center;padding:16px;z-index:50}
.vmodal video{width:auto;height:auto;max-width:min(1100px,100%);max-height:88vh;border-radius:12px;background:#000}
.vmodal button{position:absolute;top:14px;right:16px;font:inherit;font-size:28px;line-height:1;background:transparent;color:#fff;border:0;cursor:pointer;padding:6px 10px}

/* Policy pages */
.policy{max-width:860px;margin:0 auto;padding:48px 24px 80px;background:#FFFFFF}
.policy h1{font-family:Poppins,sans-serif}

/* Tablet and phone */
@media (max-width:900px){
  h1{font-size:46px!important}
  h2{font-size:34px!important}
  section > div{padding-top:64px!important;padding-bottom:64px!important}
}
@media (max-width:640px){
  body > div{font-size:16px!important}
  h1{font-size:36px!important}
  h2{font-size:28px!important}
  h3{font-size:21px!important}
  p[style*="font-size: 21px"],p[style*="font-size: 19px"]{font-size:17px!important}
  section > div{padding:52px 16px!important}
  header > div{padding:12px 16px!important}
  nav[aria-label="Main"] a:not(.cta){display:none}
  [style*="minmax(320px"],[style*="minmax(420px"],[style*="minmax(300px"]{grid-template-columns:1fr!important}
  [style*="padding: 36px"]{padding:26px!important}
  .float-card{display:none!important}
  #see figure{order:-1}
  [style*="minmax(230px"]{grid-template-columns:1fr 1fr!important;gap:22px 14px!important}
  [style*="width: 220px"]{width:100%!important;max-width:220px;border-radius:26px!important;padding:7px!important}
  [style*="width: 220px"] img{border-radius:20px!important}
  figcaption strong[style*="font-size: 18px"]{font-size:16px!important}
  footer nav{gap:28px!important}
}