/* Ensign Ai Marketing Agency — page.css (secondary pages) */

/* ─── Variables ─── */
:root{
  --bone:#F2EFE8; --ink:#0A0A0A; --night:#07111E;
  --oasis:#00D9C0; --oasis-soft:rgba(0,217,192,.12);
  --ink-soft:rgba(242,239,232,.55); --line:rgba(255,255,255,.07);
  --ease:cubic-bezier(.25,.46,.45,.94); --ease-out:cubic-bezier(0,0,.2,1);
  --shadow-md:0 4px 24px rgba(0,0,0,.22);
  --sans:'Manrope',system-ui,sans-serif;
  --display:'Fraunces',Georgia,serif;
  --mono:'JetBrains Mono','Courier New',monospace;
}

/* ─── Reset ─── */
*,*::before,*::after{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth; -webkit-font-smoothing:antialiased;}
body{
  background:var(--night); color:var(--bone);
  font-family:var(--sans); font-size:16px; line-height:1.65;
  min-height:100vh;
}
img,svg,video{display:block; max-width:100%;}
a{color:inherit; text-decoration:none;}
button{font:inherit; cursor:pointer; border:0; background:none;}
ul{list-style:none; padding:0;}


/* ─── Nav ─── */
.nav-wrap{position:fixed;top:18px;left:0;right:0;z-index:50;display:flex;justify-content:center;padding:0 24px;pointer-events:none;}
.nav{
  display:flex;align-items:center;gap:32px;
  background:rgba(242,239,232,.85);backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%);
  border:1px solid rgba(255,255,255,.7);box-shadow:0 1px 0 rgba(255,255,255,.6) inset,var(--shadow-md);
  border-radius:999px;padding:10px 12px 10px 22px;pointer-events:auto;
  opacity:0;transform:translateY(-12px);
  animation:navIn 1s var(--ease-out) .2s forwards;
  color:var(--ink);
}
@keyframes navIn{to{opacity:1;transform:translateY(0);}}
.nav-brand{display:flex;align-items:center;}
.nav-logo-img{display:block;height:20px;width:auto;filter:brightness(0);}
.nav-links{display:flex;gap:6px;}
.nav-links a{font-size:13px;color:rgba(10,10,10,.62);padding:8px 14px;border-radius:999px;transition:color .25s,background .25s;}
.nav-links a:hover,.nav-links a.active{color:var(--ink);background:rgba(10,10,10,.06);}
.nav-cta{
  background:var(--ink);color:#fff;padding:10px 18px;border-radius:999px;
  font-size:13px;font-weight:500;display:inline-flex;align-items:center;gap:8px;
  transition:transform .35s var(--ease),box-shadow .35s var(--ease);will-change:transform;
}
.nav-cta:hover{transform:translateY(-2px);box-shadow:0 12px 28px -8px rgba(10,10,10,.4);}
@media(max-width:820px){
  .nav-wrap{padding:0 8px;}
  .nav{padding:5px 6px 5px 10px;gap:2px;flex-wrap:nowrap;width:100%;max-width:none;border-radius:999px;}
  .nav-brand{flex-shrink:0;}
  .nav-logo-img{height:13px;}
  .nav-links{display:flex !important;flex-shrink:1;flex-grow:1;justify-content:space-around;align-items:center;gap:0;min-width:0;padding:0 2px;}
  .nav-links a{font-size:10.5px;padding:6px 3px;white-space:nowrap;letter-spacing:-.01em;border-radius:999px;}
  .nav-cta{flex-shrink:0;padding:6px 10px !important;font-size:10.5px;gap:0;}
  .nav-cta svg{display:none;}
}
@media(max-width:380px){
  .nav-wrap{padding:0 6px;}
  .nav{padding:4px 5px 4px 8px;gap:0;}
  .nav-logo-img{height:12px;}
  .nav-links a{font-size:9.5px;padding:5px 2px;}
  .nav-cta{font-size:10px;padding:5px 8px !important;}
}

/* ─── Container ─── */
.container{max-width:1120px;margin:0 auto;padding:0 48px;}
@media(max-width:640px){.container{padding:0 24px;}}

/* ─── Eyebrow / kicker ─── */
.eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--oasis);margin-bottom:20px;
}
.dot-pulse{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--oasis);animation:pulse 2.4s ease-in-out infinite;}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.4;transform:scale(.8);}}

/* ─── Page Hero ─── */
.page-hero{
  padding:160px 0 100px;
  border-bottom:1px solid var(--line);
}
.page-hero h1{
  font-family:var(--display);font-weight:300;font-size:clamp(42px,6vw,80px);
  line-height:1.08;letter-spacing:-.03em;color:var(--bone);margin-bottom:24px;
}
.page-hero h1 em{font-style:italic;color:var(--oasis);}
.page-hero .sub{
  font-size:18px;line-height:1.65;color:var(--ink-soft);max-width:620px;
}
.page-badge{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--oasis-soft);border:1px solid rgba(0,217,192,.25);
  border-radius:999px;padding:6px 14px;
  font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--oasis);margin-bottom:32px;
}

/* ─── Perks grid ─── */
.perks-grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2px;
  padding:80px 0;border-bottom:1px solid var(--line);
}
.perk-card{
  padding:40px 36px;border:1px solid var(--line);
  background:rgba(255,255,255,.025);
  transition:background .3s;
}
.perk-card:hover{background:rgba(255,255,255,.04);}
.perk-icon{
  width:44px;height:44px;border-radius:12px;
  background:var(--oasis-soft);border:1px solid rgba(0,217,192,.2);
  display:flex;align-items:center;justify-content:center;
  color:var(--oasis);margin-bottom:20px;
}
.perk-card h3{font-size:17px;font-weight:600;color:var(--bone);margin-bottom:10px;}
.perk-card p{font-size:14px;color:var(--ink-soft);line-height:1.7;}

/* ─── Form section ─── */
.form-section{padding:100px 0 120px;}
.form-section .section-head{max-width:640px;margin-bottom:56px;}
.form-section .section-head h2{
  font-family:var(--display);font-weight:300;font-size:clamp(32px,4vw,52px);
  line-height:1.1;letter-spacing:-.02em;color:var(--bone);margin-bottom:16px;
}
.form-section .section-head p{font-size:16px;color:var(--ink-soft);line-height:1.7;}

.careers-form{max-width:760px;}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;}
@media(max-width:600px){.form-grid{grid-template-columns:1fr;}}
.form-group{display:flex;flex-direction:column;gap:8px;}
.form-group.span-2{grid-column:1/-1;}
.form-group label{
  font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--ink-soft);
}
.form-group label .req{color:var(--oasis);}
.form-group label .opt{color:rgba(242,239,232,.3);}
.form-group input,
.form-group textarea,
.form-group select{
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.1);
  border-radius:10px;
  padding:14px 16px;
  color:var(--bone);
  font-family:var(--sans);font-size:16px;
  transition:border-color .25s,background .25s;
  width:100%;
  outline:none;
}
.form-group input::placeholder,
.form-group textarea::placeholder{color:rgba(242,239,232,.3);}
.form-group input:focus,
.form-group textarea:focus{
  border-color:var(--oasis);background:rgba(0,217,192,.04);
}
.form-group textarea{resize:vertical;min-height:120px;}

.file-area{
  background:rgba(255,255,255,.03);
  border:1px dashed rgba(255,255,255,.15);
  border-radius:10px;padding:28px 24px;
  display:flex;align-items:center;gap:16px;cursor:pointer;
  transition:border-color .25s,background .25s;
}
.file-area:hover,.file-area.has-file{border-color:var(--oasis);background:var(--oasis-soft);}
.file-area input[type="file"]{position:absolute;opacity:0;width:0;height:0;}
.file-icon{color:var(--oasis);flex:none;}
.file-text .name{font-size:14px;color:var(--bone);}
.file-text .hint{font-family:var(--mono);font-size:11px;color:rgba(242,239,232,.35);margin-top:3px;}

.btn-submit{
  margin-top:32px;
  background:var(--oasis);color:var(--night);
  padding:16px 32px;border-radius:999px;
  font-family:var(--sans);font-size:15px;font-weight:600;
  display:inline-flex;align-items:center;gap:10px;
  transition:transform .35s var(--ease),box-shadow .35s var(--ease),opacity .2s;
  cursor:pointer;border:0;
}
.btn-submit:hover{transform:translateY(-2px);box-shadow:0 16px 40px -10px rgba(0,217,192,.4);}
.btn-submit:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none;}

.form-result{margin-top:20px;font-size:14px;}
.form-success{color:var(--oasis);}
.form-error{color:#f87171;}

/* ─── Legal / prose pages ─── */
.legal-page{padding:140px 0 100px;}
.legal-page .inner{max-width:760px;}
.legal-page h1{
  font-family:var(--display);font-weight:300;font-size:clamp(36px,5vw,64px);
  line-height:1.08;letter-spacing:-.03em;color:var(--bone);margin-bottom:12px;
}
.legal-page .meta{
  font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;
  color:rgba(242,239,232,.35);margin-bottom:64px;padding-bottom:32px;
  border-bottom:1px solid var(--line);
}
.legal-page h2{
  font-size:20px;font-weight:600;color:var(--bone);
  margin:48px 0 14px;
}
.legal-page h3{
  font-size:16px;font-weight:600;color:var(--oasis);
  margin:24px 0 10px;
}
.legal-page p{
  font-size:15px;color:var(--ink-soft);line-height:1.8;margin-bottom:14px;
}
.legal-page ul{
  list-style:none;padding:0;margin:0 0 14px;display:flex;flex-direction:column;gap:8px;
}
.legal-page ul li{
  font-size:15px;color:var(--ink-soft);line-height:1.75;
  padding-left:20px;position:relative;
}
.legal-page ul li::before{
  content:'—';position:absolute;left:0;color:var(--oasis);font-size:13px;
}
.legal-page a{color:var(--oasis);text-decoration:underline;text-underline-offset:3px;}

/* ─── Footer ─── */
.cine{
  border-top:1px solid var(--line);
  padding:72px 0 40px;
}
.foot-grid{
  display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:48px;
  padding-bottom:56px;border-bottom:1px solid var(--line);margin-bottom:32px;
}
@media(max-width:900px){.foot-grid{grid-template-columns:1fr 1fr;gap:36px;}}
@media(max-width:560px){.foot-grid{grid-template-columns:1fr;}}
.foot-brand{display:flex;flex-direction:column;gap:16px;}
.foot-logo{display:inline-block;}
.foot-logo-img{height:28px;width:auto;filter:brightness(0) invert(1);opacity:.7;}
.foot-brand .tag{font-size:14px;color:var(--bone);opacity:.55;line-height:1.5;max-width:220px;}
.foot-brand .desc{font-family:var(--mono);font-size:11px;color:rgba(242,239,232,.25);letter-spacing:.04em;}
.foot-col{display:flex;flex-direction:column;gap:0;}
.foot-col h4{
  font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  color:rgba(242,239,232,.35);margin-bottom:16px;
}
.foot-col a{
  font-size:14px;color:rgba(242,239,232,.55);padding:5px 0;
  transition:color .2s;
}
.foot-col a:hover{color:var(--bone);}
.foot-bottom{
  display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;
  font-family:var(--mono);font-size:11px;color:rgba(242,239,232,.25);letter-spacing:.04em;
}

/* ─── WhatsApp FAB ─── */
.whatsapp-fab{
  position:fixed;bottom:28px;right:28px;z-index:100;
  width:52px;height:52px;border-radius:50%;
  background:#25D366;color:#fff;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 20px rgba(37,211,102,.4);
  transition:transform .3s var(--ease),box-shadow .3s var(--ease);
}
.whatsapp-fab:hover{transform:translateY(-3px);box-shadow:0 8px 28px rgba(37,211,102,.5);}