/* Eclipse Branding — bespoke Contact page */

.storm-home{background:#f5f8f7;}
.storm-wrap{max-width:var(--storm-wrap);margin:0 auto;padding:0 18px;}
.storm-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;padding:11px 17px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;font-size:11px;text-decoration:none;border:1px solid transparent;cursor:pointer;}
.storm-btn--dark{background:#061823;border-color:#061823;color:#fff;box-shadow:0 10px 24px rgba(6,24,35,.12);}
.storm-kicker{font-size:11px;line-height:1.2;font-weight:900;letter-spacing:.22em;text-transform:uppercase;color:#587078;}
.eclipse-contact-page{background:linear-gradient(120deg,#eaf8f7 0,#faf8f3 52%,#f8f8f4 100%);color:#0b1720;}
.eclipse-contact-page h1,.eclipse-contact-page h2,.eclipse-contact-page h3,.eclipse-contact-page p{margin-top:0;}
.eclipse-contact-page h1,.eclipse-contact-page h2{letter-spacing:-.045em;line-height:.98;}
.eclipse-contact-page p{color:#53626a;line-height:1.65;}

.eclipse-contact-hero{padding:72px 0 42px;}
.eclipse-contact-hero__grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(330px,.8fr);gap:28px;align-items:stretch;}
.eclipse-contact-hero__copy,.eclipse-contact-hero__panel{border-radius:28px;box-shadow:0 24px 60px rgba(14,31,38,.10);}
.eclipse-contact-hero__copy{background:#fff;padding:58px 62px;}
.eclipse-contact-hero__copy h1{font-size:clamp(46px,5vw,74px);max-width:940px;margin:12px 0 22px;}
.eclipse-contact-hero__copy>p{font-size:18px;max-width:880px;margin-bottom:26px;}
.eclipse-contact-hero__actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px;}
.eclipse-contact-btn--ghost{border-color:#d5e0e2;color:#071923;background:#fff;}
.eclipse-contact-pills{display:flex;flex-wrap:wrap;gap:9px;}
.eclipse-contact-pills span{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border-radius:999px;background:#f5f8f8;border:1px solid #dce6e7;font-size:10px;font-weight:900;letter-spacing:.11em;text-transform:uppercase;}
.eclipse-contact-pills span:before{content:"";width:8px;height:8px;border-radius:50%;background:#52dbe6;box-shadow:0 0 0 4px rgba(82,219,230,.15);}
.eclipse-contact-hero__panel{background:#061823;color:#fff;padding:46px 40px;display:flex;flex-direction:column;justify-content:center;}
.eclipse-contact-hero__panel .storm-kicker{color:#52dbe6;}
.eclipse-contact-hero__panel h2{font-size:36px;margin:12px 0 18px;}
.eclipse-contact-hero__panel p{color:rgba(255,255,255,.72);font-size:15px;margin-bottom:16px;}
.eclipse-contact-hero__panel ul{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:8px;}
.eclipse-contact-hero__panel li{position:relative;padding-left:18px;color:rgba(255,255,255,.84);font-size:13px;font-weight:700;}
.eclipse-contact-hero__panel li:before{content:"";position:absolute;left:0;top:.55em;width:7px;height:7px;border-radius:50%;background:#52dbe6;box-shadow:0 0 0 4px rgba(82,219,230,.13);}
.eclipse-contact-hero__panel a{color:#52dbe6;text-decoration:none;font-weight:900;margin-top:4px;}

.eclipse-contact-main{padding:34px 0 78px;}
.eclipse-contact-main__grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(320px,.72fr);gap:28px;align-items:start;}
.eclipse-contact-form-card,.eclipse-contact-support{background:#fff;border:1px solid #e1e9e9;border-radius:28px;box-shadow:0 22px 54px rgba(14,31,38,.08);}
.eclipse-contact-form-card{padding:48px;}
.eclipse-contact-form-card h2,.eclipse-contact-support h2,.eclipse-contact-process h2,.eclipse-contact-final h2{font-size:clamp(34px,3.5vw,54px);margin:12px 0 18px;}
.eclipse-contact-form-card__intro{font-size:16px;max-width:760px;margin-bottom:28px;}
.eclipse-contact-form{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.eclipse-contact-form label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:900;color:#172832;}
.eclipse-contact-form label>span{display:flex;align-items:center;gap:6px;}
.eclipse-contact-form label em{font-style:normal;color:#16a9b6;}
.eclipse-contact-form label small{font-size:10px;font-weight:700;color:#7b8b91;}
.eclipse-contact-form input,.eclipse-contact-form select,.eclipse-contact-form textarea{width:100%;border:1px solid #d7e2e3;border-radius:14px;background:#f7fafa;color:#0b1720;padding:14px 15px;font:inherit;font-weight:500;outline:0;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;box-sizing:border-box;}
.eclipse-contact-form input,.eclipse-contact-form select{min-height:50px;}
.eclipse-contact-form textarea{min-height:170px;resize:vertical;line-height:1.5;}
.eclipse-contact-form input:focus,.eclipse-contact-form select:focus,.eclipse-contact-form textarea:focus{border-color:#52dbe6;background:#fff;box-shadow:0 0 0 4px rgba(82,219,230,.14);}
.eclipse-contact-form__full{grid-column:1/-1;}
.eclipse-contact-form__submit{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:3px;}
.eclipse-contact-form__submit p{font-size:11px;margin:0;color:#77888e;}
.eclipse-contact-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important;}
.eclipse-contact-notice{border-radius:16px;padding:14px 16px;margin:0 0 20px;font-size:13px;font-weight:800;}
.eclipse-contact-notice--success{background:#e6faf7;border:1px solid #a7e9de;color:#0c645b;}
.eclipse-contact-notice--error{background:#fff0ef;border:1px solid #efc3bf;color:#8d3027;}

.eclipse-contact-support{padding:40px;}
.eclipse-contact-support__head{margin-bottom:20px;}
.eclipse-contact-support__cards{display:grid;gap:11px;}
.eclipse-contact-support__cards>div{border:1px solid #e2e9e9;background:#f7f9f9;border-radius:18px;padding:20px;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"num title" "copy copy" "link link";gap:8px 12px;}
.eclipse-contact-support__cards span,.eclipse-contact-process__steps span{grid-area:num;width:32px;height:32px;min-width:32px;border-radius:50%;background:#dff9fb;color:#071923;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:900;}
.eclipse-contact-support__cards h3{grid-area:title;align-self:center;font-size:17px;margin:0;}
.eclipse-contact-support__cards p{grid-area:copy;font-size:13px;margin:3px 0 0;}
.eclipse-contact-support__cards a{grid-area:link;color:#087d87;font-size:12px;font-weight:900;text-decoration:none;margin-top:2px;}
.eclipse-contact-support__links{display:grid;gap:10px;margin-top:20px;padding-top:20px;border-top:1px solid #e2e9e9;}
.eclipse-contact-support__links a{display:grid;grid-template-columns:1fr auto;grid-template-areas:"title arrow" "copy arrow";gap:3px 12px;text-decoration:none;color:#0b1720;border:1px solid #e2e9e9;border-radius:16px;padding:17px 18px;background:#fff;}
.eclipse-contact-support__links strong{grid-area:title;font-size:15px;}
.eclipse-contact-support__links span{grid-area:copy;color:#718086;font-size:12px;}
.eclipse-contact-support__links em{grid-area:arrow;align-self:center;font-style:normal;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#52dbe6;font-weight:900;}


.eclipse-contact-guidance{padding:0 0 78px;}
.eclipse-contact-guidance__panel{background:#fff;border:1px solid #e1e9e9;border-radius:28px;padding:48px;box-shadow:0 22px 54px rgba(14,31,38,.08);}
.eclipse-contact-guidance__head{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:38px;align-items:end;margin-bottom:28px;}
.eclipse-contact-guidance__head .storm-kicker{grid-column:1/-1;margin-bottom:-22px;}
.eclipse-contact-guidance__head h2{font-size:clamp(34px,3.5vw,54px);margin:0;}
.eclipse-contact-guidance__head>p{font-size:15px;margin:0;}
.eclipse-contact-guidance__visual{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);margin:0 0 20px;background:#061823;border-radius:22px;overflow:hidden;box-shadow:0 18px 42px rgba(14,31,38,.10);}
.eclipse-contact-guidance__visual img{display:block;width:100%;height:100%;min-height:300px;object-fit:cover;}
.eclipse-contact-guidance__visual figcaption{display:flex;flex-direction:column;justify-content:center;padding:32px 30px;color:#fff;}
.eclipse-contact-guidance__visual figcaption>span{color:#52dbe6;font-size:10px;line-height:1.2;font-weight:900;letter-spacing:.18em;text-transform:uppercase;margin-bottom:12px;}
.eclipse-contact-guidance__visual figcaption>strong{font-size:25px;line-height:1.04;letter-spacing:-.035em;margin-bottom:13px;}
.eclipse-contact-guidance__visual figcaption>p{color:rgba(255,255,255,.70);font-size:13px;line-height:1.58;margin:0;}
.eclipse-contact-guidance__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.eclipse-contact-guidance__grid article{background:#f7f9f9;border:1px solid #e2e9e9;border-radius:20px;padding:24px;}
.eclipse-contact-guidance__grid article>span{width:34px;height:34px;border-radius:50%;background:#dff9fb;color:#071923;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:900;margin-bottom:16px;}
.eclipse-contact-guidance__grid h3{font-size:19px;line-height:1.12;margin:0 0 11px;}
.eclipse-contact-guidance__grid p{font-size:13px;margin:0;}
.eclipse-contact-guidance__foot{margin-top:18px;padding-top:20px;border-top:1px solid #e2e9e9;}
.eclipse-contact-guidance__foot p{font-size:13px;margin:0;}
.eclipse-contact-guidance__foot a{color:#087d87;font-weight:900;text-decoration:underline;text-underline-offset:2px;}

.eclipse-contact-process{background:#061823;padding:76px 0;}
.eclipse-contact-process__inner{display:grid;grid-template-columns:.65fr 1.35fr;gap:42px;align-items:center;}
.eclipse-contact-process .storm-kicker{color:#52dbe6;}
.eclipse-contact-process h2{color:#fff;margin-bottom:0;}
.eclipse-contact-process__steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.eclipse-contact-process__steps>div{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:22px;}
.eclipse-contact-process__steps strong{display:block;color:#fff;font-size:15px;margin:15px 0 8px;}
.eclipse-contact-process__steps p{color:rgba(255,255,255,.63);font-size:12px;margin:0;}

.eclipse-contact-final{padding:64px 0 84px;}
.eclipse-contact-final__inner{background:#52dbe6;border-radius:26px;padding:42px 48px;display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;box-shadow:0 18px 48px rgba(14,31,38,.10);}
.eclipse-contact-final h2{font-size:clamp(32px,3vw,48px);margin:10px 0 12px;max-width:880px;}
.eclipse-contact-final p{color:#17333a;margin-bottom:0;max-width:820px;}
.eclipse-contact-final__actions{display:flex;gap:10px;}
.eclipse-contact-btn--light{background:rgba(255,255,255,.55);border-color:rgba(255,255,255,.68);color:#071923;}

@media (max-width:1100px){
  .eclipse-contact-hero__grid{grid-template-columns:1fr;}
  .eclipse-contact-main__grid{grid-template-columns:1fr;}
  .eclipse-contact-process__inner{grid-template-columns:1fr;}
  .eclipse-contact-guidance__head{grid-template-columns:1fr;}
  .eclipse-contact-guidance__head .storm-kicker{margin-bottom:-18px;}
  .eclipse-contact-guidance__visual{grid-template-columns:1fr;}
  .eclipse-contact-guidance__visual img{min-height:0;aspect-ratio:16/8;object-fit:cover;}
  .eclipse-contact-guidance__grid{grid-template-columns:1fr;}
}

@media (max-width:760px){
  .eclipse-contact-hero{padding:28px 0 24px;}
  .eclipse-contact-hero__copy{padding:30px 24px;}
  .eclipse-contact-hero__copy h1{font-size:39px;}
  .eclipse-contact-hero__copy>p{font-size:15px;}
  .eclipse-contact-hero__panel{padding:32px 24px;}
  .eclipse-contact-hero__panel h2{font-size:30px;}
  .eclipse-contact-pills span{font-size:9px;}
  .eclipse-contact-main{padding:18px 0 48px;}
  .eclipse-contact-form-card,.eclipse-contact-support{padding:28px 22px;}
  .eclipse-contact-form-card h2,.eclipse-contact-support h2,.eclipse-contact-process h2,.eclipse-contact-final h2{font-size:34px;}
  .eclipse-contact-form{grid-template-columns:1fr;}
  .eclipse-contact-form__full{grid-column:auto;}
  .eclipse-contact-form__submit{align-items:stretch;flex-direction:column;}
  .eclipse-contact-form__submit .storm-btn{width:100%;}
  .eclipse-contact-guidance{padding:0 0 48px;}
  .eclipse-contact-guidance__panel{padding:28px 22px;}
  .eclipse-contact-guidance__head{gap:14px;margin-bottom:20px;}
  .eclipse-contact-guidance__head .storm-kicker{margin-bottom:0;}
  .eclipse-contact-guidance__head h2{font-size:34px;}
  .eclipse-contact-guidance__visual{border-radius:18px;}
  .eclipse-contact-guidance__visual img{aspect-ratio:16/10;}
  .eclipse-contact-guidance__visual figcaption{padding:24px 22px;}
  .eclipse-contact-guidance__visual figcaption>strong{font-size:22px;}
  .eclipse-contact-process{padding:52px 0;}
  .eclipse-contact-process__steps{grid-template-columns:1fr;}
  .eclipse-contact-final{padding:48px 0 52px;}
  .eclipse-contact-final__inner{grid-template-columns:1fr;padding:30px 24px;}
  .eclipse-contact-final__actions{flex-direction:column;}
  .eclipse-contact-final__actions .storm-btn{width:100%;}
}

@media (prefers-reduced-motion:reduce){
  .eclipse-contact-form input,.eclipse-contact-form select,.eclipse-contact-form textarea{transition:none;}
}
