/* ═══════════════════════════════════════════════════════════
   SAM · getsam.bot — TinyEmail (Material UI) embed, dark theme
   Shared across all concept/test pages. Scoped to
   #hero-form-container. Mirrors the tested index.html block.
   ═══════════════════════════════════════════════════════════ */
#hero-form-container{color-scheme:dark;position:relative;background:rgba(255,255,255,.04) !important;border:1px solid var(--n7,#2a2a2a) !important;border-radius:999px !important;padding:6px 6px 6px 4px !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.03);width:min(460px,100%)}
/* After submit: hide TinyEmail's native success card (its "Redirecting in N
   seconds..." countdown + OK button) and show our own clean overlay instead.
   JS adds .wl-submitting on submit; the redirect to /thank-you fires as soon
   as the signup POST completes, so this overlay is only ever a brief flash. */
#hero-form-container.wl-submitting > *{visibility:hidden !important}
#hero-form-container.wl-submitting{display:flex !important;align-items:center !important;justify-content:center !important;min-height:52px !important}
#hero-form-container.wl-submitting::after{content:"You're in. Taking you in\2026";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;visibility:visible !important;color:var(--wm,#fff);font:600 15px var(--font,'Inter',sans-serif);letter-spacing:.01em;background:inherit;border-radius:inherit}
#hero-form-container .MuiScopedCssBaseline-root{background:transparent !important;color:var(--wm,#fff) !important;width:100% !important}
#hero-form-container .MuiBox-root{width:100% !important}
#hero-form-container .MuiPaper-root,#hero-form-container [class*="jss"]{background:transparent !important;box-shadow:none !important}
#hero-form-container .MuiBox-root{min-height:0 !important;padding:0 !important}
#hero-form-container .MuiGrid-container{width:100% !important;flex-direction:row !important;flex-wrap:nowrap !important;align-items:center !important;gap:4px !important}
#hero-form-container .MuiFormControl-root,#hero-form-container .MuiTextField-root{margin:0 !important}
#hero-form-container .MuiInputBase-root{margin:0 !important}
#hero-form-container div:has(> button.MuiButton-root),#hero-form-container div:has(> button[type="submit"]){margin:0 !important}
#hero-form-container .MuiGrid-item{width:auto !important}
#hero-form-container .MuiGrid-item:has(input){flex:1 1 auto !important;min-width:0 !important;width:auto !important}
#hero-form-container .MuiGrid-container>.MuiGrid-item:first-child{flex:1 1 auto !important;width:auto !important;min-width:0 !important}
#hero-form-container .MuiGrid-container>.MuiGrid-item:last-child{flex:0 0 auto !important;width:auto !important}
#hero-form-container .MuiScopedCssBaseline-root,#hero-form-container .MuiPaper-root,#hero-form-container form,#hero-form-container .MuiGrid-container,#hero-form-container .MuiGrid-container>.MuiGrid-item:first-child,#hero-form-container .MuiGrid-container>.MuiGrid-item:first-child>*{width:100% !important;max-width:100% !important;box-sizing:border-box !important}
#hero-form-container .MuiGrid-item:has(input)>*,#hero-form-container .MuiFormControl-fullWidth{width:100% !important}
#hero-form-container .MuiGrid-item:has(button){flex:0 0 auto !important}
#hero-form-container input[type="email"],#hero-form-container input[type="text"],#hero-form-container .MuiInputBase-input{width:100% !important;height:46px !important;box-sizing:border-box !important;background:transparent !important;border:0 !important;border-radius:999px !important;padding:0 18px !important;line-height:normal !important;color:var(--wm,#fff) !important;font:500 16px var(--font,'Inter',sans-serif) !important}
#hero-form-container input::placeholder,#hero-form-container .MuiInputBase-input::placeholder{color:var(--n5,#8a8a8a) !important;opacity:1 !important}
#hero-form-container input:focus,#hero-form-container .MuiInputBase-input:focus{outline:none !important;border-color:var(--orange,#EC5022) !important}
#hero-form-container .MuiInput-underline:before,#hero-form-container .MuiInput-underline:after{display:none !important;border:0 !important}
#hero-form-container label,#hero-form-container .MuiFormLabel-root,#hero-form-container .MuiInputLabel-root{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0 0 0 0) !important;white-space:nowrap !important;border:0 !important}
/* Validation / helper text: default renders dark and INSIDE the pill. Float it just below the pill (with breathing room) and recolor light so it is readable on the orange hero. Container reserves space below so the text never overlaps following copy. */
#hero-form-container{margin-bottom:30px !important}
#hero-form-container .MuiFormHelperText-root{position:absolute !important;left:20px !important;top:calc(100% + 12px) !important;bottom:auto !important;margin:0 !important;padding:0 !important;background:transparent !important;color:#fff !important;font:500 13px var(--font,'Inter',sans-serif) !important;line-height:1.3 !important;text-shadow:0 1px 2px rgba(0,0,0,.35) !important}
#hero-form-container .MuiFormHelperText-root.Mui-error{color:#fff !important}
#hero-form-container .MuiButton-root,#hero-form-container button[type="submit"]{border:0 !important;cursor:pointer !important;background:var(--orange,#EC5022) !important;color:#fff !important;font:700 15px var(--font,'Inter',sans-serif) !important;border-radius:999px !important;height:46px !important;padding:0 26px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;box-sizing:border-box !important;white-space:nowrap !important;box-shadow:0 6px 20px -6px rgba(var(--o-rgb,236,80,34),.7) !important;text-transform:none !important;margin:0 !important}
#hero-form-container .MuiButton-root:hover,#hero-form-container button[type="submit"]:hover{background:#FF5C2E !important}
@media(max-width:600px){
  #hero-form-container{border-radius:24px !important;padding:8px !important}
  #hero-form-container .MuiGrid-container{flex-direction:column !important;flex-wrap:wrap !important;align-items:stretch !important;gap:8px !important}
  #hero-form-container .MuiGrid-item:has(input),#hero-form-container .MuiGrid-item:has(button){display:flex !important;flex:1 1 100% !important;width:100% !important}
  #hero-form-container div:has(> button.MuiButton-root),#hero-form-container div:has(> button[type="submit"]){flex:1 1 100% !important;width:100% !important;max-width:100% !important}
  #hero-form-container .MuiGrid-item:has(input)>*,#hero-form-container .MuiGrid-item:has(button)>*{width:100% !important}
  #hero-form-container input[type="email"],#hero-form-container input[type="text"],#hero-form-container .MuiInputBase-input{background:rgba(255,255,255,.05) !important;height:50px !important}
  #hero-form-container .MuiButton-root,#hero-form-container button[type="submit"]{width:100% !important;height:50px !important;justify-content:center !important}
}