.mira-contact-wrap{
--mc-text:#101828;
--mc-heading:#0b1220;
--mc-muted:#667085;
--mc-border:#e4e7ec;
--mc-soft:#f8fafc;
--mc-green:#087443;
--mc-green-soft:#ecfdf3;
--mc-blue:#175cd3;
--mc-blue-soft:#eff8ff;
--mc-white:#ffffff;
width:100%;
margin:0;
padding:0;
background:#fff;
color:var(--mc-text);
font-family:inherit;
}
.mira-contact-wrap *{
box-sizing:border-box;
}
.mira-contact-shell{
width:100%;
max-width:1120px;
margin:0 auto;
padding:70px 20px;
}
/* HERO */
.mc-hero{
position:relative;
overflow:hidden;
padding:55px 30px;
border:1px solid var(--mc-border);
border-radius:28px;
background:
radial-gradient(
circle at 8% 20%,
rgba(8,116,67,.09),
transparent 30%
),
radial-gradient(
circle at 92% 10%,
rgba(23,92,211,.08),
transparent 32%
),
#fff;
box-shadow:0 18px 55px rgba(16,24,40,.07);
}
.mc-hero-inner{
position:relative;
z-index:2;
max-width:780px;
margin:auto;
text-align:center;
}
.mc-eyebrow{
display:inline-flex;
align-items:center;
gap:8px;
padding:8px 14px;
border:1px solid #dce3e9;
border-radius:999px;
background:rgba(255,255,255,.9);
color:var(--mc-green);
font-size:11px;
font-weight:850;
letter-spacing:.12em;
text-transform:uppercase;
}
.mc-dot{
width:7px;
height:7px;
border-radius:50%;
background:var(--mc-green);
box-shadow:0 0 0 4px rgba(8,116,67,.08);
}
.mc-hero h1{
margin:20px 0 0;
color:var(--mc-heading);
font-size:clamp(34px,5vw,58px);
line-height:1;
letter-spacing:-.055em;
font-weight:900;
}
.mc-hero p{
max-width:680px;
margin:18px auto 0;
color:var(--mc-muted);
font-size:15px;
line-height:1.75;
}
/* CONTACT GRID */
.mc-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:14px;
margin-top:24px;
}
.mc-card{
position:relative;
padding:28px;
border:1px solid var(--mc-border);
border-radius:20px;
background:#fff;
transition:
transform .22s ease,
box-shadow .22s ease,
border-color .22s ease;
}
.mc-card:hover{
transform:translateY(-4px);
border-color:#d0d5dd;
box-shadow:0 16px 38px rgba(16,24,40,.08);
}
.mc-card-icon{
width:46px;
height:46px;
display:flex;
align-items:center;
justify-content:center;
margin-bottom:18px;
border-radius:14px;
background:var(--mc-green-soft);
font-size:21px;
}
.mc-card.blue .mc-card-icon{
background:var(--mc-blue-soft);
}
.mc-card h2{
margin:0 0 7px;
color:var(--mc-heading);
font-size:18px;
line-height:1.3;
font-weight:850;
}
.mc-card p{
margin:0;
color:var(--mc-muted);
font-size:13px;
line-height:1.65;
}
.mc-card a{
display:inline-block;
margin-top:14px;
color:var(--mc-green);
font-size:14px;
font-weight:800;
text-decoration:none;
word-break:break-word;
}
.mc-card.blue a{
color:var(--mc-blue);
}
.mc-card a:hover{
text-decoration:underline;
}
/* COMPANY STRIP */
.mc-company{
margin-top:14px;
padding:26px;
border:1px solid var(--mc-border);
border-radius:20px;
background:var(--mc-soft);
}
.mc-company-title{
margin:0 0 18px;
color:var(--mc-heading);
font-size:17px;
font-weight:850;
}
.mc-company-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:12px;
}
.mc-company-item{
padding:17px;
border:1px solid var(--mc-border);
border-radius:14px;
background:#fff;
}
.mc-company-label{
margin-bottom:5px;
color:#98a2b3;
font-size:10px;
font-weight:800;
letter-spacing:.1em;
text-transform:uppercase;
}
.mc-company-value{
color:var(--mc-heading);
font-size:13px;
font-weight:750;
line-height:1.5;
}
/* SUPPORT BAR */
.mc-support{
display:flex;
align-items:center;
justify-content:space-between;
gap:25px;
margin-top:14px;
padding:25px 28px;
border-radius:20px;
background:#101828;
color:#fff;
}
.mc-support-copy{
flex:1;
}
.mc-support-label{
margin-bottom:7px;
color:#6ce9a6;
font-size:10px;
font-weight:850;
letter-spacing:.12em;
text-transform:uppercase;
}
.mc-support h3{
margin:0;
color:#fff;
font-size:20px;
line-height:1.25;
font-weight:850;
}
.mc-support p{
margin:7px 0 0;
color:rgba(255,255,255,.62);
font-size:12px;
line-height:1.6;
}
.mc-support-btn{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:46px;
padding:0 20px;
border-radius:999px;
background:#fff;
color:#101828 !important;
text-decoration:none !important;
font-size:12px;
font-weight:850;
white-space:nowrap;
transition:transform .2s ease,box-shadow .2s ease;
}
.mc-support-btn:hover{
transform:translateY(-2px);
box-shadow:0 8px 22px rgba(0,0,0,.18);
}
/* POLICY LINKS */
.mc-policies{
margin-top:34px;
text-align:center;
}
.mc-policies h3{
margin:0 0 7px;
color:var(--mc-heading);
font-size:22px;
font-weight:850;
letter-spacing:-.025em;
}
.mc-policies p{
margin:0 auto 20px;
color:var(--mc-muted);
font-size:13px;
line-height:1.6;
}
.mc-policy-links{
display:flex;
justify-content:center;
flex-wrap:wrap;
gap:9px;
}
.mc-policy-link{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:43px;
padding:0 17px;
border:1px solid var(--mc-border);
border-radius:999px;
background:#fff;
color:var(--mc-heading) !important;
text-decoration:none !important;
font-size:12px;
font-weight:800;
transition:
transform .2s ease,
box-shadow .2s ease,
border-color .2s ease;
}
.mc-policy-link:hover{
transform:translateY(-2px);
border-color:#cfd4dc;
box-shadow:0 8px 20px rgba(16,24,40,.07);
}
/* DISCLAIMER */
.mc-note{
max-width:850px;
margin:28px auto 0;
padding:15px 18px;
border:1px solid #d1fadf;
border-radius:13px;
background:var(--mc-green-soft);
color:#05603a;
text-align:center;
font-size:11px;
line-height:1.65;
}
/* MOBILE */
@media(max-width:750px){
.mira-contact-shell{
padding:45px 15px;
}
.mc-hero{
padding:42px 20px;
border-radius:21px;
}
.mc-hero h1{
font-size:39px;
}
.mc-hero p{
font-size:13px;
}
.mc-grid{
grid-template-columns:1fr;
}
.mc-company-grid{
grid-template-columns:1fr;
}
.mc-support{
flex-direction:column;
align-items:flex-start;
padding:25px;
}
.mc-support-btn{
width:100%;
}
.mc-policy-links{
flex-direction:column;
}
.mc-policy-link{
width:100%;
}
}