/* Contact page — ZENOA AI LABS. Load after styles.css. */
.contact-hero{background:radial-gradient(circle at 80% 40%,#175b6c 0,#0b3049 43%,#071d31 100%);color:#fff;padding:90px 0;overflow:hidden}.contact-hero-grid{display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:48px}.contact-kicker{font-size:12px;font-weight:800;letter-spacing:.16em;color:#78e6db}.contact-hero h1{color:#fff;font-size:clamp(38px,4.7vw,64px);line-height:1.13;letter-spacing:-.045em;margin:19px 0 25px}.contact-hero h1 em{font-style:normal;color:#7be8dc}.contact-hero p{font-size:17px;line-height:1.85;color:#d1e4ed;max-width:690px}.contact-hero-link{display:inline-flex;align-items:center;gap:12px;margin-top:24px;padding:14px 22px;background:#66ded1;border-radius:9px;color:#092b40;font-weight:800;text-decoration:none}.contact-hero-link:hover{background:#9cf0e7;color:#092b40}.contact-hero-art{height:320px;position:relative;display:grid;place-items:center;isolation:isolate}.contact-ring{position:absolute;border:1px solid #78e5d85c;border-radius:50%;width:290px;height:290px;box-shadow:0 0 45px #43ddcf24}.ring-a{animation:contact-pulse 8s ease-in-out infinite}.ring-b{width:225px;height:225px;border-style:dashed;animation:contact-spin 32s linear infinite}.contact-art-core{position:relative;z-index:2;width:175px;height:175px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;border:1px solid #71e7d7;border-radius:30px;background:linear-gradient(140deg,#167f8d,#0b3655);box-shadow:0 0 65px #52e4d33b}.contact-art-core span{font-size:27px;font-weight:800;color:white}.contact-art-core small{font-size:10px;letter-spacing:.18em;color:#a5f3e9}.contact-art-dot{position:absolute;width:12px;height:12px;background:#80f7e6;border-radius:50%;box-shadow:0 0 18px #78f2e3}.dot-a{top:18px;left:25%}.dot-b{bottom:24px;right:20%}@keyframes contact-pulse{50%{transform:scale(1.055);opacity:.75}}@keyframes contact-spin{to{transform:rotate(360deg)}}
.contact-label{color:#12878d;font-weight:800;letter-spacing:.14em;font-size:12px}.contact-intro{padding:83px 0}.contact-intro-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:start}.contact-intro h2,.contact-info h2,.contact-form-card h2,.contact-next h2{font-size:clamp(29px,3.3vw,44px);line-height:1.19;letter-spacing:-.03em;color:#103249;margin:13px 0 20px}.contact-intro p,.contact-info>p,.contact-next p{font-size:17px;line-height:1.85;color:#4a6475;margin:0}
.contact-main{background:#f1f8fa;padding:88px 0}.contact-main-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:55px;align-items:start}.contact-info>p{margin-bottom:30px}.contact-info-card{display:flex;align-items:flex-start;gap:18px;padding:23px 0;border-bottom:1px solid #d5e4e9}.contact-info-icon{flex:0 0 46px;height:46px;border-radius:13px;display:grid;place-items:center;background:#dcefed;color:#126c78;font-size:24px}.contact-info-card h3{font-size:20px;color:#10354b;margin:0 0 9px}.contact-info-card p{font-size:16px;line-height:1.75;color:#536c7a;margin:0}.contact-info-card a{display:inline-block;margin-top:9px;color:#0b7d87;font-weight:800;text-decoration:none}.contact-info-card a:hover{text-decoration:underline}.contact-info-note{background:#e2f3ef;border-radius:17px;padding:25px 27px;margin-top:30px}.contact-info-note strong{color:#15505b;font-size:18px}.contact-info-note p{color:#496b72;font-size:15px;line-height:1.75;margin:10px 0 0}
.contact-form-card{background:#fff;border:1px solid #d9e8ed;border-radius:23px;padding:39px;box-shadow:0 16px 45px #123c5012}.contact-form-card h2{font-size:clamp(27px,3vw,37px);margin-bottom:10px}.contact-form-card>p{color:#647b88;font-size:15px;line-height:1.7;margin:0 0 25px}.contact-form{display:grid;gap:20px}.contact-form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-form label{display:flex;flex-direction:column;gap:9px;color:#173a50;font-size:14px;font-weight:750}.contact-form label span{color:#c15b4c}.contact-form label .contact-optional{color:#738b97;font-weight:500}.contact-form input,.contact-form select,.contact-form textarea{box-sizing:border-box;width:100%;padding:14px 15px;border:1px solid #d4e1e7;border-radius:10px;background:#fff;color:#17394c;font:inherit;font-size:15px;font-weight:400;outline:none;transition:border-color .15s,box-shadow .15s}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#0c8d91;box-shadow:0 0 0 3px #0c8d9122}.contact-form textarea{resize:vertical;min-height:145px}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#92a4ad}.contact-submit{border:0;border-radius:10px;background:#0e6271;color:white;padding:15px 24px;font-size:16px;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px}.contact-submit:hover{background:#0b4d5c}.contact-form-privacy{font-size:12px;line-height:1.6;color:#6d8490;margin:-5px 0 0}.contact-form .contact-honeypot{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.contact-next{padding:78px 0}.contact-next-inner{display:flex;justify-content:space-between;align-items:center;gap:35px}.contact-next-inner>div:first-child{max-width:710px}.contact-next-links{display:flex;flex-direction:column;gap:12px;min-width:220px}.contact-next-links a{border:1px solid #cce0e6;border-radius:10px;padding:13px 16px;text-decoration:none;color:#126575;font-weight:750;background:#f2f9fa}.contact-next-links a:hover{background:#e0f1f2}
@media(max-width:950px){.contact-hero-grid,.contact-intro-grid,.contact-main-grid{grid-template-columns:1fr;gap:32px}.contact-hero-art{height:260px}.contact-next-inner{align-items:flex-start;flex-direction:column}.contact-next-links{width:100%}}@media(max-width:620px){.contact-hero{padding:64px 0}.contact-hero p,.contact-intro p,.contact-info>p{font-size:16px}.contact-intro,.contact-main,.contact-next{padding:60px 0}.contact-form-card{padding:25px 20px}.contact-form-row{grid-template-columns:1fr}.contact-hero-art{height:230px}.contact-ring{width:220px;height:220px}.ring-b{width:175px;height:175px}.contact-art-core{width:140px;height:140px}.contact-art-core span{font-size:23px}}@media(prefers-reduced-motion:reduce){.contact-ring{animation:none}}

/* ============================================
   ZENOA CONTACT FORM - SUBMISSION FEEDBACK
   ============================================ */

.contact-form-status {
    padding: 16px 18px;
    border-radius: 12px;
    font-size: 15px;
    line-height: 1.6;
    outline-offset: 4px;
}

.contact-form-status[hidden] {
    display: none !important;
}

/* Successful submission */

.contact-form-status.is-success {
    background: #e7f6f0;
    color: #155c46;
    border: 1px solid #9fd8c4;
}

/* Failed submission */

.contact-form-status.is-error {
    background: #fff0ed;
    color: #8b2e25;
    border: 1px solid #edb7ad;
}

/* Sending state */

.contact-submit:disabled {
    opacity: 0.65;
    cursor: wait;
}