:root{
  --bg:#0b0b0b;
  --panel:#111111;
  --muted:#8b8b8b;
  --accent:#6b6b6b;
  --glass: rgba(255,255,255,0.02);
  --max-width:1100px;
  --container-padding:28px;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:Inter, system-ui, -apple-system, 'Helvetica Neue', Arial;
  background:var(--bg);
  color:#e6e6e6;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  line-height:1.45;
}
.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--container-padding)}
.site-header{border-bottom:1px solid rgba(255,255,255,0.03);backdrop-filter:blur(2px)}
.site-header .container{display:flex;align-items:center;justify-content:space-between;padding:20px 0}
.brand{font-weight:700;letter-spacing:2px;margin:0}
.nav .cta{color:var(--muted);text-decoration:none;font-size:13px;border:1px solid rgba(255,255,255,0.03);padding:8px 12px;border-radius:6px}

.hero{padding:48px 0 32px;min-height:56vh;display:flex;align-items:center}
.hero-inner{display:flex;gap:48px;align-items:center}
.hero-text{flex:1;max-width:46ch}
.hero-text h2{margin:0;font-size:64px;line-height:0.95;font-weight:700;letter-spacing:0.8px}
.tagline{margin-top:12px;color:#dcdcdc;font-weight:700;letter-spacing:1px}
.hero-image{flex:0 0 52%;display:flex;align-items:center;justify-content:center}
.hero-image img{width:100%;height:64vh;object-fit:cover;border-radius:6px;border:1px solid rgba(255,255,255,0.03);display:block}

.identity,.artifact,.field-list{padding:56px 0;border-top:1px solid rgba(255,255,255,0.02)}
.process{color:#d6d6d6;font-size:15px;letter-spacing:0.6px;margin:0;padding-top:6px;font-weight:600;opacity:0.92}

.artifact-figure{margin:0;border-radius:6px;border:1px solid rgba(255,255,255,0.03)}
.artifact-figure img{width:100%;height:auto;display:block;border-radius:6px}
.artifact-caption{margin-top:12px;color:var(--muted);font-size:13px}

/* Kit embed styling overrides (scoped) */
#kit-signup{display:block;margin-top:12px}
#kit-signup *{box-sizing:border-box;font-family:inherit;color:inherit}

/* Layout: keep input and button on one row on desktop */
#kit-signup .kit-form-row, #kit-signup .kit-row, #kit-signup .kit-form, #kit-signup form{display:flex;gap:12px;align-items:center}

/* Email input styling */
#kit-signup input[type="email"], #kit-signup input[type="text"], #kit-signup .kit-input, #kit-signup input.kit__input{
  background:var(--bg); /* near-black */
  border:1px solid rgba(255,255,255,0.06); /* subtle dark charcoal */
  color:#e6e6e6; /* explicit light/off-white for input text */
  padding:12px 14px;
  border-radius:8px;
  height:44px;
  outline:none;
  -webkit-text-fill-color: #e6e6e6; /* ensure text color in WebKit */
}
#kit-signup input::placeholder{color:#7a7a7a}

/* Autofill styling: keep text readable on dark background (Chrome/Safari) */
#kit-signup input:-webkit-autofill,
#kit-signup input:-webkit-autofill:focus,
#kit-signup input:-webkit-autofill:hover,
#kit-signup input.kit__input:-webkit-autofill{
  -webkit-text-fill-color: #e6e6e6 !important;
  -webkit-box-shadow: 0 0 0px 1000px var(--bg) inset !important;
  box-shadow: 0 0 0px 1000px var(--bg) inset !important;
}

/* Submit button styling */
#kit-signup button, #kit-signup input[type="submit"], #kit-signup .kit-submit, #kit-signup .kit-button{
  background:#1e1e1e !important; /* dark charcoal */
  border:1px solid rgba(255,255,255,0.04) !important;
  color:#e6e6e6 !important;
  padding:11px 14px !important;
  border-radius:8px !important;
  height:44px !important;
  cursor:pointer !important;
}

/* Keep responsive: stack on small screens */
@media (max-width:600px){
  #kit-signup .kit-form-row, #kit-signup .kit-row, #kit-signup .kit-form, #kit-signup form{flex-direction:column;align-items:stretch}
  #kit-signup button, #kit-signup input[type="submit"]{width:100%}
}

/* Suppress Kit branding where possible (visual only) */
#kit-signup .kit-powered-by, #kit-signup .kit-built-with, #kit-signup .kit-credit, #kit-signup .kit-branding{display:none !important;opacity:0 !important;height:0 !important;padding:0 !important;margin:0 !important}

/* Kit success state: restyle to match ELEKTROMAG LABS dark UI
   Target common Kit success/thank-you classes. Keep dimensions/behavior; only
   change visual treatment (background, text, border). */
#kit-signup .kit-success,
#kit-signup .kit-success-message,
#kit-signup .kit__success,
#kit-signup .kit-thankyou,
#kit-signup .kit-response-success,
#kit-signup .kit-message--success,
#kit-signup .kit-embed-success,
#kit-signup .kit-form-success,
#kit-signup .kit-notice--success,
#kit-signup .success,
#kit-signup .thank-you,
#kit-signup .thankyou{
  background: var(--bg) !important; /* near-black */
  color: #f3f3f3 !important; /* high-contrast off-white */
  border: 1px solid rgba(255,255,255,0.04) !important; /* subtle border */
  border-radius: 8px !important;
  padding: 10px 14px !important;
}

/* Ensure any text inside keeps its original wording and is readable */
#kit-signup .kit-success strong,
#kit-signup .kit-success b,
#kit-signup .kit-success h1,
#kit-signup .kit-success h2,
#kit-signup .kit-success h3,
#kit-signup .kit-success p{
  color: inherit !important;
}

/* Specific selector provided for Kit form success (scoped to the published UID) */
.kit-signup .formkit-form[data-uid="dff48b2117"] .formkit-alert-success,
#kit-signup .formkit-form[data-uid="dff48b2117"] .formkit-alert-success{
  background: #111111 !important;
  border-color: #333333 !important;
  color: #e8e8e8 !important;
}

.signup-form{margin-top:18px}
.signup-form label{display:block;margin-bottom:8px;color:var(--muted);font-size:13px}
.signup-form .row{display:flex;gap:12px}
.signup-form input[type=email]{flex:1;padding:12px 14px;border-radius:8px;border:1px solid rgba(255,255,255,0.04);background:transparent;color:inherit;outline:none}
.signup-form input::placeholder{color:#666}
.btn{background:#1e1e1e;border:1px solid rgba(255,255,255,0.04);color:#e6e6e6;padding:11px 14px;border-radius:8px;cursor:pointer}
.btn:focus{outline:2px solid rgba(255,255,255,0.06)}
.form-status{margin-top:10px;color:var(--muted);min-height:20px}
.form-status.success{color:#b8f0c6}
.form-status.error{color:#ffb3b3}

.site-footer{border-top:1px solid rgba(255,255,255,0.02);padding:28px 0;margin-top:36px}
.site-footer .container{display:flex;justify-content:space-between;align-items:center}
.footer-brand{font-weight:600}
.copyright{color:var(--muted);font-size:13px}

@media (max-width:900px){
  .hero{min-height:50vh}
  .hero-inner{flex-direction:column}
  .hero-image{width:100%;flex-basis:auto}
  .hero-image img{height:56vw;object-position:left center}
  .hero-text{max-width:100%;margin-top:18px}
  .hero-text h2{font-size:40px}
  .tagline{font-size:14px}
}

@media (max-width:480px){
  .hero-text h2{font-size:34px}
  .hero-image img{height:64vw}
  :root{--container-padding:14px}
}

/* Artifact image presented at natural aspect ratio; no cropping or fixed height. */