.themepure-theme-btn{
border-radius: 100px;
padding: 8px 22px;
font-weight: 500;
font-size: 16px;
letter-spacing: 0.03em;
z-index: 9;
line-height: 1;
overflow: hidden;
display: inline-flex;
align-items: center;
text-transform: capitalize;
position: relative;
background-color: var(--tp-common-black);
color: var(--tp-common-white);
border: 2px solid var(--tp-common-black);
transition: 0.3s;
}
.themepure-theme-btn:hover{
background-color: var(--tp-common-white);
border-color: var(--tp-common-black);
color: var(--tp-common-black);
}
.themepure-theme-btn span{
display: inline-block;
}
.themepure-theme-btn img{
object-fit: cover;
}
.themepure-theme-btn-line-effect{
position: relative;
background-color: #fff;
color: var(--tp-common-black);
border: none;
border-radius: 0;
overflow: visible;
padding: 0 0;
}
.themepure-theme-btn-line-effect:hover{
background-color: #fff;
color: var(--tp-common-black);
}
.themepure-theme-btn-line-effect::before,
.themepure-theme-btn-line-effect::after{
position: absolute;
bottom: -4px;
right: 0;
width: 0;
height: 1px;
content: "";
transition: 0.4s;
background-color: currentColor;
}
.themepure-theme-btn-line-effect::after{
right: auto;
left: 0;
width: 100%;
opacity: .3;
}
.themepure-theme-btn-line-effect:hover::before{
right: auto;
left: 0;
width: 100%;
}
.tp-theme-social-btn,
.tp-pdt-meta-social-btn{
height: 44px;
width: 44px;
line-height: 1;
border-radius: 50%;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
margin-right: 9px;
position: relative;
transition: 0.3s;
border: 1px solid rgba(25, 25, 26, 0.14);
}
.tp-theme-social-btn img,
.tp-pdt-meta-social-btn img{
object-fit: cover;
}
.tp-theme-social-btn:hover,
.tp-pdt-meta-social-btn:hover{
background-color: var(--tp-common-black);
border-color: var(--tp-common-black);
color: var(--tp-common-white);
} .processing {
position: relative; }
.processing .block-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fff;
opacity: 0.6;
z-index: 9;
display: block;
}
.processing .block-message {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 9;
display: block;
color: #000;
font-size: 16px;
}.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
word-break: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.cc-window{opacity:1;-webkit-transition:opacity 1s ease;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0!important}.cc-animate.cc-revoke{-webkit-transition:transform 1s ease;-webkit-transition:-webkit-transform 1s ease;transition:-webkit-transform 1s ease;transition:transform 1s ease;transition:transform 1s ease,-webkit-transform 1s ease}.cc-animate.cc-revoke.cc-top{-webkit-transform:translateY(-2em);transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{-webkit-transform:translateY(2em);transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-top{-webkit-transform:translateY(0);transform:translateY(0)}.cc-animate.cc-revoke.cc-active.cc-bottom{-webkit-transform:translateY(0);transform:translateY(0)}.cc-revoke:hover{-webkit-transform:translateY(0);transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;-webkit-transition:max-height 1s;transition:max-height 1s}
.cc-revoke,.cc-window{position:fixed;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:2147483646}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-revoke:hover{text-decoration:underline}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;margin-bottom:.4em;text-decoration:underline}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap;text-decoration:none}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-first-highlight .cc-btn:last-child{background-color:transparent;border-color:transparent}.cc-first-highlight .cc-btn:last-child:focus,.cc-first-highlight .cc-btn:last-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.2em;right:.4em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close.cc-closeXcustomText{text-decoration:underline;font-size:1.1em;top:.5em;right:.6em}.cc-window.cc-banner.cc-addedcloseX{padding:2em 1.8em}.cc-close:focus,.cc-close:hover{opacity:1}div.cc-blockingScreen{opacity:.5;background:#000;width:100%;height:100%;z-index:2147483630;top:0;left:0;position:fixed}span.cc-visually-hidden{border:0;padding:0;margin:0;position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}
.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}.cc-window.cc-banner{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{display:block;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;max-width:100%;margin-right:1em}.cc-allswitches.cc-floating{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.cc-compliance{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-floating .cc-compliance>.cc-btn{-webkit-box-flex:1;-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em}.cc-switch-element{margin-bottom:.3em}.cc-switch{position:relative;display:inline-block;width:2.3em;height:1.4em;margin:0 .3em 0 0;vertical-align:middle}.cc-switch-label{margin-right:.6em}.cc-switch input{opacity:0;width:0;height:0;display:none}.cc-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.cc-slider:before{position:absolute;content:"";height:1em;width:1em;left:.2em;bottom:.2em;background-color:#fff;-webkit-transition:.4s;transition:.4s}input:checked+.cc-slider{background-color:#a0db8e}input:focus+.cc-slider{-webkit-box-shadow:0 0 1px #a0db8e;box-shadow:0 0 1px #a0db8e}input:checked+.cc-slider:before{-webkit-transform:translateX(.9em);transform:translateX(.9em)}.cc-slider.disabled:before{opacity:45%}.cc-slider.classic{border-radius:.6em}.cc-slider.classic:before{border-radius:50%}.cc-popovercenter{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);min-width:380px;z-index:2147483645}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-popovercenter{top:50%!important;left:50%!important;min-width:calc(100%)!important}}
@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-floating,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-webkit-box-align:unset;-ms-flex-align:unset;align-items:unset}.cc-window.cc-banner .cc-message{margin-right:0}}
.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-webkit-box-flex:0;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-highlight .cc-btn:last-child{min-width:140px}.cc-theme-classic .cc-highlight .cc-btn:first-child{min-width:0}.cc-theme-classic .cc-first-highlight .cc-btn:last-child{min-width:0}.cc-theme-classic .cc-first-highlight .cc-btn:first-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em;margin-bottom:1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}.mac {
--mac-primary: #3B78BD;
--mac-secondary: #66B9E8;
--mac-accent: #D99A2B;
--mac-dark: #0E1F33;
--mac-ink: #1B2733;
--mac-muted: #5C6B7A;
--mac-light: #F6F8FB;
--mac-line: #E5EAF0;
--mac-radius: 18px;
--mac-radius-lg: 26px;
--mac-shadow: 0 22px 60px -24px rgba(14, 31, 51, .35);
--mac-shadow-soft: 0 12px 34px -16px rgba(14, 31, 51, .16);
--mac-ease: cubic-bezier(.22, 1, .36, 1);
--mac-font-heading: 'Sora', 'Segoe UI', sans-serif;
--mac-font-body: 'Inter', 'Segoe UI', sans-serif;
font-family: var(--mac-font-body);
color: var(--mac-ink);
line-height: 1.6;
-webkit-font-smoothing: antialiased;
background: var(--mac-light);
overflow-x: clip; } .mac { margin: 0; }
.mac *, .mac *::before, .mac *::after { box-sizing: border-box; }
.mac h1, .mac h2, .mac h3 { font-family: var(--mac-font-heading); line-height: 1.14; letter-spacing: -.01em; margin: 0 auto; }
.mac a { text-decoration: none; }
.mac-container {
width: 100%;
max-width: 1180px;
margin: 0 auto;
padding: 0 clamp(1.1rem, 4vw, 2.2rem);
}
.mac-container-narrow { max-width: 820px; }
.mac-eyebrow {
display: inline-flex; align-items: center; gap: .55rem;
font-size: .76rem; font-weight: 700; letter-spacing: .14em;
text-transform: uppercase; color: var(--mac-accent);
margin-bottom: .9rem;
}
.mac-eyebrow-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--mac-accent); }
.mac-h2 { font-size: clamp(1.45rem, 3vw, 2rem); font-weight: 800; color: var(--mac-dark); }
.mac-lead { color: var(--mac-muted); font-size: 1.02rem; margin: .7rem 0 0; } .mac-hero {
position: relative;
overflow: hidden; width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
background:
radial-gradient(120% 90% at 80% -10%, rgba(102,185,232,.18) 0%, transparent 55%),
linear-gradient(160deg, #102A4C 0%, var(--mac-dark) 60%, #08131F 100%);
color: #fff;
padding: clamp(3.4rem, 8vw, 8rem) 0 clamp(3rem, 7vw, 5rem);
text-align: center;
}
.mac-hero-glow { position: absolute; border-radius: 50%; filter: blur(90px); opacity: .2; pointer-events: none; }
.mac-hero-glow-1 { width: 480px; height: 480px; background: var(--mac-primary); top: -160px; left: -120px; }
.mac-hero-glow-2 { width: 380px; height: 380px; background: var(--mac-accent); bottom: -150px; right: -90px; }
.mac-hero-inner { position: relative; z-index: 1; }
.mac-hero .mac-eyebrow { color: var(--mac-secondary); }
.mac-hero .mac-eyebrow-dot { background: var(--mac-accent); }
.mac-hero-title {
font-size: clamp(2rem, 5vw, 3.2rem); font-weight: 800;
letter-spacing: -.02em; color: #fff;
max-width: 24ch; margin: 0 auto;
text-wrap: balance;
margin: 0 auto;
}
.mac-hero-sub {
font-size: clamp(1rem, 1.8vw, 1.15rem);
color: rgba(255,255,255,.7);
max-width: 600px; margin: 1.1rem auto 0;
} .mac-main { padding: clamp(2.6rem, 6vw, 4.5rem) 0; }
.mac-grid {
display: grid;
grid-template-columns: 1fr 1.15fr;
gap: clamp(1.6rem, 4vw, 3rem);
align-items: start;
} .mac-methods { margin-top: 1.6rem; display: grid; gap: 14px; }
.mac-method {
display: flex; align-items: flex-start; gap: 16px;
background: #fff;
border: 1px solid var(--mac-line);
border-radius: var(--mac-radius);
padding: 18px 20px;
box-shadow: var(--mac-shadow-soft);
transition: transform .25s var(--mac-ease), box-shadow .25s var(--mac-ease), border-color .25s;
}
.mac-method:hover { transform: translateY(-3px); box-shadow: var(--mac-shadow); border-color: rgba(59,120,189,.4); }
.mac-method-ic {
flex-shrink: 0;
width: 48px; height: 48px;
display: inline-flex; align-items: center; justify-content: center;
border-radius: 14px;
background: linear-gradient(135deg, rgba(59,120,189,.12), rgba(102,185,232,.18));
color: var(--mac-primary);
}
.mac-method-ic .mac-ic { width: 22px; height: 22px; }
.mac-method-body { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.mac-method-label { font-size: .78rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--mac-muted); }
.mac-method-value { font-family: var(--mac-font-heading); font-size: 1.05rem; font-weight: 700; color: var(--mac-dark); word-break: break-word; }
.mac-method-note { font-size: .88rem; color: var(--mac-muted); } .mac-company {
margin-top: 1.6rem;
background: #fff;
border: 1px solid var(--mac-line);
border-radius: var(--mac-radius);
box-shadow: var(--mac-shadow-soft);
padding: 20px 22px;
}
.mac-company-title {
font-size: .78rem; font-weight: 700; letter-spacing: .12em;
text-transform: uppercase; color: var(--mac-muted);
margin: 0 0 12px; padding-bottom: 12px;
border-bottom: 1px solid var(--mac-line);
}
.mac-company-list { margin: 0; display: grid; gap: 8px; }
.mac-company-row {
display: grid;
grid-template-columns: 130px 1fr;
gap: 10px;
font-size: .92rem;
align-items: baseline;
}
.mac-company-row dt { color: var(--mac-muted); margin: 0; }
.mac-company-row dd { margin: 0; font-weight: 600; color: var(--mac-ink); word-break: break-word; }
.mac-company-row dd a { color: var(--mac-primary); }
.mac-company-note { margin: 12px 0 0; font-size: .82rem; color: var(--mac-muted); }
@media (max-width: 420px) {
.mac-company-row { grid-template-columns: 1fr; gap: 0; }
.mac-company-row dt { font-size: .78rem; text-transform: uppercase; letter-spacing: .04em; }
} .mac-card {
background: #fff;
border: 1px solid var(--mac-line);
border-radius: var(--mac-radius-lg);
box-shadow: var(--mac-shadow);
padding: clamp(1.5rem, 3vw, 2.4rem);
}
.mac-form-text { color: var(--mac-muted); margin: .5rem 0 1.5rem; }
.mac-form { display: grid; gap: 16px; }
.mac-field { display: flex; flex-direction: column; gap: 6px; }
.mac-field label { font-size: .85rem; font-weight: 600; color: var(--mac-ink); }
.mac-field input,
.mac-field textarea {
width: 100%;
border: 1px solid var(--mac-line);
border-radius: 12px;
background: #fff;
padding: 13px 16px;
font-family: inherit;
font-size: .98rem;
color: var(--mac-ink);
transition: border-color .2s var(--mac-ease), box-shadow .2s var(--mac-ease);
}
.mac-field textarea { resize: vertical; min-height: 120px; }
.mac-field input:focus,
.mac-field textarea:focus {
outline: none;
border-color: var(--mac-primary);
box-shadow: 0 0 0 3px rgba(59,120,189,.15);
}
.mac-field.has-error input,
.mac-field.has-error textarea { border-color: #D9534F; box-shadow: 0 0 0 3px rgba(217,83,79,.13); }
.mac-field-err { font-size: .82rem; color: #D9534F; min-height: 0; } .mac-field-check { gap: 4px; }
.mac-check { flex-direction: row; display: flex; align-items: flex-start; gap: 10px; font-weight: 500; font-size: .9rem; color: var(--mac-muted); cursor: pointer; }
.mac-check input { width: 18px; height: 18px; margin-top: 2px; accent-color: var(--mac-primary); flex-shrink: 0; }
.mac-check a { color: var(--mac-primary); font-weight: 600; text-decoration: underline; } .mac-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; } .mac-btn {
display: inline-flex; align-items: center; justify-content: center; gap: .55rem;
font-family: var(--mac-font-heading);
font-weight: 700; font-size: 1rem;
border: none; cursor: pointer;
padding: 15px 30px;
border-radius: 50px;
transition: transform .25s var(--mac-ease), box-shadow .25s var(--mac-ease), background .25s, color .25s;
}
.mac-btn-primary {
background: linear-gradient(135deg, var(--mac-primary), #2A5C99);
color: #fff;
box-shadow: 0 16px 38px -14px rgba(59,120,189,.65);
}
.mac-btn-primary:hover { transform: translateY(-3px); box-shadow: 0 22px 46px -14px rgba(59,120,189,.75); color: #fff; }
.mac-btn-outline { background: transparent; border: 2px solid rgba(255,255,255,.4); color: #fff; }
.mac-btn-outline:hover { background: #fff; color: var(--mac-dark); }
.mac-submit { width: 100%; position: relative; }
.mac-submit[disabled] { opacity: .75; cursor: default; transform: none; } .mac-spinner { width: 18px; height: 18px; border-radius: 50%; border: 2px solid rgba(255,255,255,.45); border-top-color: #fff; display: none; animation: mac-spin .7s linear infinite; }
.mac-submit.is-loading .mac-spinner { display: inline-block; }
@keyframes mac-spin { to { transform: rotate(360deg); } } .mac-form-status { font-size: .92rem; }
.mac-form-status.is-ok { color: #1f7a4d; background: #ecfaf1; border: 1px solid #bfe9cf; border-radius: 12px; padding: 12px 16px; }
.mac-form-status.is-error { color: #b3261e; background: #fdecec; border: 1px solid #f3c6c4; border-radius: 12px; padding: 12px 16px; } .mac-map { padding: 0 0 clamp(2.6rem, 6vw, 4.5rem); }
.mac-map-frame {
max-width: 1180px; margin: 0 auto;
padding: 0 clamp(1.1rem, 4vw, 2.2rem);
}
.mac-map-frame iframe {
display: block; width: 100%;
border-radius: var(--mac-radius-lg);
box-shadow: var(--mac-shadow-soft);
overflow: hidden;
} .mac-faq {
width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
padding: clamp(2.6rem, 6vw, 4.5rem) 0;
background: #fff;
border-top: 1px solid var(--mac-line);
}
.mac-section-head { text-align: center; max-width: 640px; margin: 0 auto clamp(1.6rem, 3vw, 2.4rem); }
.mac-section-head .mac-eyebrow { justify-content: center; }
.mac-accordion { display: grid; gap: 12px; }
.mac-acc-item {
border: 1px solid var(--mac-line);
border-radius: var(--mac-radius);
background: var(--mac-light);
overflow: hidden;
transition: border-color .2s, box-shadow .2s;
}
.mac-acc-item.is-open { border-color: rgba(59,120,189,.4); box-shadow: var(--mac-shadow-soft); background: #fff; }
.mac-acc-q {
width: 100%; text-align: left; cursor: pointer;
display: flex; align-items: center; justify-content: space-between; gap: 16px;
background: transparent; border: none;
padding: 18px 22px;
font-family: var(--mac-font-heading); font-size: 1.02rem; font-weight: 700; color: var(--mac-dark);
}
.mac-acc-icon { position: relative; width: 16px; height: 16px; flex-shrink: 0; }
.mac-acc-icon::before, .mac-acc-icon::after {
content: ''; position: absolute; background: var(--mac-primary); border-radius: 2px;
transition: transform .25s var(--mac-ease), opacity .25s;
}
.mac-acc-icon::before { top: 7px; left: 0; width: 16px; height: 2px; }
.mac-acc-icon::after { top: 0; left: 7px; width: 2px; height: 16px; }
.mac-acc-item.is-open .mac-acc-icon::after { transform: scaleY(0); opacity: 0; }
.mac-acc-a { max-height: 0; overflow: hidden; transition: max-height .3s var(--mac-ease); }
.mac-acc-a-inner { padding: 0 22px 20px; color: var(--mac-muted); font-size: .98rem; } .mac-cta { padding: clamp(2.6rem, 6vw, 4.5rem) 0; }
.mac-cta-inner {
position: relative; overflow: hidden;
text-align: center; color: #fff;
border-radius: var(--mac-radius-lg);
padding: clamp(2.4rem, 5vw, 3.6rem) clamp(1.4rem, 4vw, 3rem);
background:
radial-gradient(120% 120% at 90% -20%, rgba(217,154,43,.22) 0%, transparent 55%),
linear-gradient(135deg, #102A4C 0%, var(--mac-dark) 70%);
box-shadow: var(--mac-shadow);
}
.mac-cta-title { font-size: clamp(1.5rem, 3.4vw, 2.3rem); font-weight: 800; color: #fff; }
.mac-cta-text { color: rgba(255,255,255,.72); max-width: 560px; margin: .9rem auto 0; }
.mac-cta-actions { display: flex; flex-wrap: wrap; gap: 14px; justify-content: center; margin-top: 1.8rem; } .mac:not(.mac-anim-off) [data-mac-reveal] { opacity: 0; transform: translateY(22px); transition: opacity .6s var(--mac-ease), transform .6s var(--mac-ease); }
.mac:not(.mac-anim-off) [data-mac-reveal].is-in { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
.mac [data-mac-reveal] { opacity: 1 !important; transform: none !important; }
.mac-spinner { animation: none; }
} @media (max-width: 860px) {
.mac-grid { grid-template-columns: 1fr; }
.mac-col-form { order: -1; }
}