/* STROKIQ Contact / Early Access — V10.7 HEADER LEGIBILITY
   Contact-only styles. Locked pages are untouched.
   Accessibility pass: form labels, values and support copy stay readable at normal zoom. */
.early-access-page{background:#02070b}

/* Contact page header: intentionally more legible than the prior build. */
.early-access-page .site-header{height:110px;background:rgba(2,7,11,.94);backdrop-filter:blur(22px);border-bottom:1px solid rgba(164,225,242,.12)}
.early-access-page .nav-wrap{height:110px}
.early-access-page .brand{font-size:1.52rem;letter-spacing:.205em}
.early-access-page .brand-glyph{width:48px;height:22px}
.early-access-page .desktop-nav{gap:46px}
.early-access-page .desktop-nav a{font-size:1.28rem;font-weight:730;color:#c7d5dc}
.early-access-page .header-actions .btn{min-height:60px;padding:0 28px;font-size:1.10rem;font-weight:850}

.ea-stage{position:relative;min-height:100svh;padding:170px 0 108px;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid rgba(164,225,242,.12);background:
  radial-gradient(circle at 78% 28%,rgba(35,170,202,.115),transparent 29rem),
  radial-gradient(circle at 12% 72%,rgba(20,93,127,.09),transparent 31rem),
  linear-gradient(125deg,#02070b 0%,#031018 53%,#02070b 100%)}
.ea-stage::before{content:"";position:absolute;inset:0;opacity:.27;background-image:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.009) 1px,transparent 1px);background-size:88px 88px;mask-image:linear-gradient(to bottom,#000,transparent 88%)}
.ea-stage-glow{position:absolute;width:780px;height:780px;border-radius:50%;right:-330px;top:80px;border:1px solid rgba(84,232,255,.08);box-shadow:0 0 0 78px rgba(84,232,255,.012),0 0 0 168px rgba(84,232,255,.006);opacity:.85}
.ea-stage-grid{position:relative;z-index:3;display:grid;grid-template-columns:.86fr 1.14fr;gap:94px;align-items:center;width:100%}

.ea-copy{max-width:650px}
.ea-copy .eyebrow{font-size:1.16rem;font-weight:850;letter-spacing:.17em}
.ea-headline{margin:24px 0 30px;font-size:clamp(4.4rem,6.75vw,7.4rem);line-height:.88;letter-spacing:-.068em;font-weight:830}
.ea-headline span{background:linear-gradient(96deg,#c9fbff 0%,#54e8ff 48%,#67aefd 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.ea-intro{max-width:620px;margin:0;color:#b8c9d1;font-size:clamp(1.24rem,1.5vw,1.46rem);line-height:1.62}
.ea-direct-note{margin-top:42px;padding-top:28px;border-top:1px solid rgba(164,225,242,.19);display:grid;grid-template-columns:auto 1fr;gap:15px;align-items:start;max-width:620px;color:#afc1c9;font-size:1.18rem;line-height:1.62}
.ea-direct-note strong{color:#d8e7ed;font-weight:730}
.ea-pulse{width:10px;height:10px;margin-top:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 0 rgba(84,232,255,.35);animation:eaPulse 2.4s ease-out infinite}
@keyframes eaPulse{0%{box-shadow:0 0 0 0 rgba(84,232,255,.34)}70%{box-shadow:0 0 0 13px rgba(84,232,255,0)}100%{box-shadow:0 0 0 0 rgba(84,232,255,0)}}

/* Form is intentionally tangible: large, clear and high-contrast, not a faint underline form. */
.ea-form-card{position:relative;padding:48px 50px 46px;border:1px solid rgba(164,225,242,.24);border-radius:28px;background:linear-gradient(155deg,rgba(9,28,38,.94),rgba(4,14,20,.88));box-shadow:0 34px 100px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.035);backdrop-filter:blur(16px)}
.ea-form-card::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 86% 10%,rgba(84,232,255,.075),transparent 17rem)}
.ea-form-head{position:relative;z-index:1;display:flex;justify-content:space-between;gap:28px;align-items:flex-start;padding-bottom:31px;margin-bottom:29px;border-bottom:1px solid rgba(164,225,242,.15)}
.ea-form-kicker{display:block;margin-bottom:13px;color:var(--cyan);font-size:1.16rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.ea-form-head h2{margin:0;font-size:clamp(2.35rem,3.35vw,3.9rem);line-height:.94;letter-spacing:-.055em;font-weight:810}
.ea-form-head h2 span{color:var(--cyan)}
.ea-private-tag{flex:0 0 auto;margin-top:4px;padding:10px 14px;border:1px solid rgba(84,232,255,.28);border-radius:999px;color:#c3d2d8;font-size:.98rem;font-weight:900;letter-spacing:.15em}

.ea-form-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;column-gap:24px;row-gap:24px}
.ea-field{min-width:0}
.ea-field-full{grid-column:1/-1}
.ea-field label{display:block;margin:0 0 13px;color:#f7fcfe;font-size:1.56rem;font-weight:860;letter-spacing:.012em;line-height:1.24}
.ea-field label em{font-style:normal;color:var(--cyan)}
.ea-field input,.ea-field select{width:100%;height:78px;padding:0 21px;border:1px solid rgba(164,225,242,.36);border-radius:13px;background:rgba(1,8,12,.72);color:#f7fdff;outline:0;font-size:1.38rem;font-weight:620;line-height:1.2;transition:border-color .22s,background .22s,box-shadow .22s;appearance:none;-webkit-appearance:none}
.ea-field input::placeholder{color:#b8c8cf;opacity:1;font-weight:540}
.ea-field input:focus,.ea-field select:focus{border-color:rgba(84,232,255,.72);background:rgba(4,19,27,.82);box-shadow:0 0 0 4px rgba(84,232,255,.07)}
.ea-field select{cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,#a4bbc5 50%),linear-gradient(135deg,#a4bbc5 50%,transparent 50%);background-position:calc(100% - 22px) 34px,calc(100% - 16px) 34px;background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:44px}
.ea-field select:invalid{color:#a6bbc5}.ea-field select option{background:#06131b;color:#eefaff}
.ea-other[hidden]{display:none}
.ea-honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.ea-submit{position:relative;z-index:1;width:100%;min-height:68px;margin-top:32px;font-size:1.22rem;font-weight:820}
.ea-privacy{position:relative;z-index:1;margin:18px auto 0;max-width:720px;color:#aebfc6;font-size:1.08rem;line-height:1.58;text-align:center}
.ea-form-status{position:relative;z-index:1;min-height:30px;margin-top:16px;color:#bff8ff;font-size:1.12rem;line-height:1.5;text-align:center}
.ea-form-status.is-error{color:#ffb3b3}.ea-form-status.is-success{color:#c9fbff}
.ea-form-card.is-sending{pointer-events:none;opacity:.72}

/* Slow aquatic trace, deliberately quiet. */
.ea-wave-field{position:absolute;z-index:1;left:-5%;right:-5%;bottom:18px;height:150px;overflow:hidden;opacity:.72;pointer-events:none}
.ea-wave-field i{position:absolute;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(84,232,255,.16) 18%,rgba(84,232,255,.48) 50%,rgba(84,232,255,.16) 82%,transparent);filter:drop-shadow(0 0 9px rgba(84,232,255,.15));transform-origin:center}
.ea-wave-field i:nth-child(1){top:38px;animation:eaWave1 11s ease-in-out infinite}
.ea-wave-field i:nth-child(2){top:72px;opacity:.48;animation:eaWave2 15s ease-in-out infinite reverse}
.ea-wave-field i:nth-child(3){top:104px;opacity:.24;animation:eaWave1 19s ease-in-out infinite reverse}
@keyframes eaWave1{0%,100%{transform:translateX(-1.4%) rotate(-.12deg)}50%{transform:translateX(1.4%) rotate(.18deg)}}
@keyframes eaWave2{0%,100%{transform:translateX(1%) skewY(.18deg)}50%{transform:translateX(-1%) skewY(-.22deg)}}

.ea-close{padding:62px 0 66px;background:linear-gradient(180deg,#02070b,#031018);border-bottom:1px solid rgba(164,225,242,.08)}
.ea-close-inner{display:flex;align-items:center;justify-content:center;gap:20px;text-transform:uppercase;letter-spacing:.18em;font-size:1rem}
.ea-close-inner span{color:#748b96}.ea-close-inner strong{color:#8fefff;font-weight:820}

/* Footer readability is increased on Contact only. */
.early-access-page .site-footer{padding-top:62px}
.early-access-page .footer-brand p{font-size:.96rem;color:#7f949e}
.early-access-page .footer-nav .label{font-size:.76rem;color:#607984}
.early-access-page .footer-nav a{font-size:.95rem;color:#9db0b9}
.early-access-page .footer-bottom{font-size:.80rem;color:#607782}

@media(max-width:1180px){
  .early-access-page .site-header,.early-access-page .nav-wrap{height:94px}
  .early-access-page .brand{font-size:1.32rem}
  .early-access-page .brand-glyph{width:42px}
  .early-access-page .desktop-nav{gap:30px}
  .early-access-page .desktop-nav a{font-size:1.12rem}
  .early-access-page .header-actions .btn{min-height:54px;padding:0 22px;font-size:1rem}
  .ea-stage{padding:126px 0 92px;min-height:auto}
  .ea-stage-grid{grid-template-columns:1fr;gap:68px}
  .ea-copy{max-width:820px}
  .ea-headline{max-width:900px}
  .ea-intro{max-width:720px}
  .ea-form-card{max-width:900px;width:100%}
}
@media(max-width:760px){
  .early-access-page .site-header,.early-access-page .nav-wrap{height:74px}
  .early-access-page .brand{font-size:1.05rem}.early-access-page .brand-glyph{width:31px}
  .ea-stage{padding:112px 0 78px}
  .ea-stage-grid{gap:48px}
  .ea-copy .eyebrow{font-size:1rem}
  .ea-headline{font-size:clamp(3.45rem,15.2vw,5.3rem);line-height:.89;margin:20px 0 24px}
  .ea-intro{font-size:1.17rem;line-height:1.58}
  .ea-direct-note{font-size:1.04rem;margin-top:30px;padding-top:22px}
  .ea-form-card{padding:32px 26px 30px;border-radius:22px}
  .ea-form-head{display:block;padding-bottom:24px;margin-bottom:24px}.ea-private-tag{display:inline-flex;margin-top:18px}
  .ea-form-head h2{font-size:clamp(2.25rem,10vw,3.2rem)}
  .ea-form-grid{grid-template-columns:1fr;gap:18px}.ea-field-full{grid-column:auto}
  .ea-field label{font-size:1.34rem}.ea-field input,.ea-field select{height:72px;font-size:1.24rem}
  .ea-submit{min-height:64px;font-size:1.12rem}.ea-privacy{font-size:1rem}
  .ea-close{padding:48px 0 52px}.ea-close-inner{flex-direction:column;gap:8px;text-align:center;font-size:.82rem;line-height:1.5}
}
@media(max-width:480px){
  .ea-headline{font-size:clamp(3.05rem,15vw,4rem)}
  .ea-form-card{padding-inline:20px}
}
@media(prefers-reduced-motion:reduce){.ea-wave-field i,.ea-pulse{animation:none!important}}

/* V11.0 — Contact simplification */
.early-access-page .ea-copy{align-self:center}