.calyra-contact-us{
--cu-primary:#03172f;
--cu-accent:#e2a928;
--cu-button-text:#03172f;
--cu-field-bg:#ffffff;
--cu-border:#d6dde8;
width:100%;
padding:60px 22px 90px;
background:linear-gradient(180deg,#fff 0%,#f7f9fc 100%);
box-sizing:border-box;
color:#101827;
font-family:Arial,Helvetica,sans-serif
}
.calyra-contact-us *{box-sizing:border-box}
.calyra-contact-us__inner{max-width:1180px;margin:0 auto}
.calyra-contact-us__logo{display:flex;justify-content:center;margin-bottom:28px}
.calyra-contact-us__logo img{display:block;width:min(420px,88vw);height:auto}
.calyra-contact-us__intro{max-width:850px;margin:0 auto 42px;text-align:center}
.calyra-contact-us__eyebrow{
margin:0 0 10px;
color:var(--cu-accent);
font-weight:900;
letter-spacing:.14em;
text-transform:uppercase
}
.calyra-contact-us__intro h1{
margin:0 0 14px;
color:var(--cu-primary);
font-family:Georgia,"Times New Roman",serif;
font-size:clamp(2.5rem,6vw,4.6rem);
line-height:1.05
}
.calyra-contact-us__intro>p:last-child{
margin:0;
color:#687386;
font-size:1.1rem
}
.calyra-contact-us__cards{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:22px;
margin-bottom:34px
}
.calyra-contact-card{
padding:28px;
border:1px solid var(--cu-border);
border-radius:18px;
background:#fff;
text-align:center;
box-shadow:0 14px 36px rgba(3,23,47,.08)
}
.calyra-contact-card h2{
margin:0 0 8px;
color:var(--cu-primary);
font-family:Georgia,"Times New Roman",serif;
font-size:1.45rem
}
.calyra-contact-card p{margin:0;color:#687386}
.calyra-contact-card a{
color:#b9800b;
font-weight:800;
text-decoration:none
}
.calyra-contact-card a:hover{text-decoration:underline}
.calyra-contact-us__hours{
margin-bottom:48px;
padding:30px;
border-radius:18px;
background:linear-gradient(135deg,var(--cu-primary),#08294f);
color:#fff
}
.calyra-contact-us__hours h2{
margin:0 0 22px;
color:#fff;
text-align:center;
font-family:Georgia,"Times New Roman",serif;
font-size:1.8rem
}
.calyra-contact-us__hours-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:18px
}
.calyra-contact-us__hours-grid>div{
padding:18px;
border:1px solid rgba(255,255,255,.18);
border-radius:12px;
text-align:center
}
.calyra-contact-us__hours-grid strong,
.calyra-contact-us__hours-grid span{display:block}
.calyra-contact-us__hours-grid strong{
margin-bottom:5px;
color:#f2c85c
}
.calyra-contact-us__form-wrap{
padding:32px;
border:1px solid var(--cu-border);
border-radius:18px;
background:#fff;
box-shadow:0 14px 36px rgba(3,23,47,.08)
}
.calyra-contact-us__form-heading{
max-width:760px;
margin:0 auto 26px;
text-align:center
}
.calyra-contact-us__form-heading h2{
margin:0 0 8px;
color:var(--cu-primary);
font-family:Georgia,"Times New Roman",serif;
font-size:clamp(2rem,4vw,3rem)
}
.calyra-contact-us__form-heading p{
margin:0;
color:#687386
}
.calyra-contact-us__form-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:18px
}
.cu-field{min-width:0}
.cu-field--full{grid-column:1/-1}
.cu-field label{
display:block;
margin-bottom:7px;
color:var(--cu-primary);
font-weight:800
}
.cu-field input,
.cu-field select,
.cu-field textarea{
width:100%;
box-sizing:border-box;
border:1px solid var(--cu-border);
border-radius:10px;
background:var(--cu-field-bg);
color:#101827;
font:inherit
}
.cu-field input,
.cu-field select{
min-height:50px;
padding:0 13px
}
.cu-field textarea{
padding:13px;
resize:vertical
}
.cu-field input:focus,
.cu-field select:focus,
.cu-field textarea:focus{
outline:3px solid color-mix(in srgb,var(--cu-accent) 25%,transparent);
border-color:var(--cu-accent)
}
.cu-field--honeypot{
position:absolute!important;
left:-99999px!important
}
.calyra-contact-us__submit{
width:100%;
min-height:56px;
margin-top:20px;
border:0;
border-radius:12px;
background:var(--cu-accent);
color:var(--cu-button-text);
font-weight:900;
text-transform:uppercase;
cursor:pointer
}
.calyra-contact-us__submit:hover{transform:translateY(-2px)}
.calyra-contact-us__submit:disabled{
opacity:.6;
cursor:wait
}
.calyra-contact-us__notice{
display:none;
margin-bottom:18px;
padding:14px 16px;
border-radius:10px
}
.calyra-contact-us__notice.is-visible{display:block}
.calyra-contact-us__notice.is-success{
background:#e9f8ef;
color:#135a2d
}
.calyra-contact-us__notice.is-error{
background:#fff0f0;
color:#8a1f1f
}
@media(max-width:760px){
.calyra-contact-us{padding:40px 16px 70px}
.calyra-contact-us__cards,
.calyra-contact-us__hours-grid,
.calyra-contact-us__form-grid{grid-template-columns:1fr}
.cu-field--full{grid-column:auto}
.calyra-contact-us__logo img{width:min(320px,90vw)}
.calyra-contact-us__form-wrap{padding:22px}
}