*{box-sizing:border-box}
html,body{margin:0;background:#03060a;color:#fff;font-family:Arial,Helvetica,sans-serif}
body{min-height:100vh;overflow-x:hidden}
.site{position:relative;width:100%;max-width:1536px;margin:0 auto;background:#03060a}
.visual{position:relative;width:100%;aspect-ratio:3/2;overflow:hidden}
.visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;user-select:none;-webkit-user-drag:none}
.hotspot{position:absolute;display:block;border-radius:14px;z-index:5}
.hotspot:focus-visible{outline:3px solid #fff;outline-offset:3px}
.top-wa{left:75.1%;top:4.0%;width:17.7%;height:5.2%}
.consult{left:4.7%;top:52.8%;width:21.2%;height:5.5%}
.phone{left:27.2%;top:52.8%;width:14.8%;height:5.5%}
.nav-services{left:15.2%;top:4.2%;width:8.2%;height:4%}
.nav-process{left:23.8%;top:4.2%;width:12.9%;height:4%}
.nav-benefits{left:36.4%;top:4.2%;width:8.8%;height:4%}
.nav-about{left:44.5%;top:4.2%;width:7.5%;height:4%}
.nav-reviews{left:52.0%;top:4.2%;width:7.6%;height:4%}
.nav-contacts{left:59.4%;top:4.2%;width:7.5%;height:4%}
.floating-wa{position:fixed;right:18px;bottom:18px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#22c55e;color:#fff;text-decoration:none;font-size:28px;box-shadow:0 14px 34px rgba(34,197,94,.38);z-index:20;border:2px solid rgba(255,255,255,.65)}
.phone-mobile{display:none}
.extra-section{padding:78px 22px;background:linear-gradient(180deg,#05080d,#090d14);border-top:1px solid rgba(255,255,255,.08)}
.reviews-section{background:linear-gradient(180deg,#090d14,#05080d)}
.extra-wrap{width:min(1180px,100%);margin:auto}
.extra-head{max-width:760px;margin-bottom:34px}
.extra-head>span,.contact-box>div>span{color:#f4b927;font-size:13px;font-weight:900;letter-spacing:.16em}
.extra-head h2,.contact-box h2{font-size:clamp(34px,5vw,58px);line-height:1.03;margin:10px 0 14px;text-transform:uppercase}
.extra-head p,.contact-box p{margin:0;color:#b8c0cb;font-size:18px}
.extra-grid,.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.extra-card,.review-card{padding:26px;border-radius:20px;border:1px solid rgba(255,194,55,.20);background:linear-gradient(180deg,rgba(20,24,31,.96),rgba(8,11,16,.96));box-shadow:0 20px 45px rgba(0,0,0,.22)}
.extra-icon{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;font-size:28px;background:rgba(247,185,29,.10);border:1px solid rgba(247,185,29,.35);margin-bottom:18px}
.extra-card h3{font-size:21px;margin:0 0 10px}
.extra-card p,.review-card p{color:#b8c0cb;margin:0;font-size:15px}
.review-card .stars{color:#f7b91d;font-size:20px;letter-spacing:.1em;margin-bottom:15px}
.review-card strong{display:block;margin-top:18px;color:#fff}
.contact-section{padding:78px 22px;background:#05080d}
.contact-box{width:min(1180px,100%);margin:auto;padding:42px;border-radius:28px;background:linear-gradient(135deg,#f4ba2b,#c47900);color:#090b0f;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;box-shadow:0 26px 70px rgba(221,149,8,.20)}
.contact-box p{color:#2d2413}
.contact-actions{display:flex;flex-direction:column;gap:12px;min-width:275px}
.contact-actions a{display:flex;align-items:center;justify-content:center;padding:15px 20px;border-radius:13px;font-weight:900}
.contact-wa{background:#1fbd5d;color:#fff}
.contact-phone{background:#090b0f;color:#fff;border:1px solid rgba(255,255,255,.18)}
.footer{background:#020407;border-top:1px solid rgba(255,255,255,.10);padding:34px 22px 18px}
.footer-inner{width:min(1180px,100%);margin:auto;display:grid;grid-template-columns:1fr auto auto;gap:38px;align-items:center}
.footer-brand strong{display:block;color:#f7c34c;font-size:20px}
.footer-brand span{display:block;color:#8f98a7;margin-top:4px}
.footer-links,.footer-contact{display:flex;gap:18px;flex-wrap:wrap}
.footer-links a,.footer-contact a{color:#d4d8df}
.footer-links a:hover,.footer-contact a:hover{color:#f7c34c}
.footer-bottom{width:min(1180px,100%);margin:26px auto 0;padding-top:18px;border-top:1px solid rgba(255,255,255,.08);color:#707988;font-size:13px}
@media(max-width:800px){
.extra-grid,.review-grid{grid-template-columns:1fr}
.contact-box{grid-template-columns:1fr;padding:30px 22px}
.contact-actions{min-width:0}
.footer-inner{grid-template-columns:1fr;gap:22px}
}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:800px){
.visual{aspect-ratio:auto;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}
.visual-inner{position:relative;min-width:980px;aspect-ratio:3/2}
.visual img{position:absolute;inset:0}
.floating-wa{width:54px;height:54px;font-size:26px}
.phone-mobile{display:flex;position:fixed;left:18px;bottom:18px;height:54px;padding:0 18px;border-radius:28px;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,#f0a500,#ffd050);color:#111;font-weight:900;text-decoration:none;z-index:20;border:2px solid rgba(247,198,84,.95);box-shadow:0 14px 34px rgba(240,165,0,.3),0 0 0 1px rgba(255,233,166,.18) inset}
}
:root{
--premium-gold:#f7c654;
--premium-gold-dark:#b97806;
--premium-panel:#0b0f15;
--premium-panel-2:#111722;
--premium-text:#f7f8fb;
--premium-muted:#aeb7c5;
--premium-line:rgba(255,255,255,.10);
}
body{
background:
radial-gradient(circle at 15% 0%,rgba(247,198,84,.08),transparent 28%),
radial-gradient(circle at 85% 10%,rgba(41,98,255,.06),transparent 24%),
#05070b;
}
.site,
.extra-section,
.reviews-section,
.contact-section,
.footer{
width:100%;
}
.extra-section,
.reviews-section,
.contact-section{
padding-left:24px;
padding-right:24px;
}
.extra-wrap,
.contact-box,
.footer-inner,
.footer-bottom{
width:min(1180px,100%);
margin-left:auto;
margin-right:auto;
}
.extra-head{
margin-left:auto;
margin-right:auto;
text-align:center;
}
.extra-head h2,
.contact-box h2{
letter-spacing:-.035em;
}
.extra-head p{
max-width:760px;
margin-left:auto;
margin-right:auto;
}
.extra-grid,
.review-grid{
align-items:stretch;
}
.extra-card,
.review-card{
position:relative;
overflow:hidden;
min-height:100%;
transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.extra-card::before,
.review-card::before{
content:"";
position:absolute;
inset:0 0 auto;
height:2px;
background:linear-gradient(90deg,transparent,var(--premium-gold),transparent);
opacity:.65;
}
.extra-card:hover,
.review-card:hover{
transform:translateY(-6px);
border-color:rgba(247,198,84,.45);
box-shadow:0 26px 60px rgba(0,0,0,.34);
}
.stats-strip{
padding:0 24px 76px;
background:#05080d;
}
.stats-inner{
width:min(1180px,100%);
margin:auto;
display:grid;
grid-template-columns:repeat(4,1fr);
border:1px solid var(--premium-line);
border-radius:24px;
overflow:hidden;
background:linear-gradient(180deg,rgba(17,23,34,.96),rgba(7,10,15,.96));
box-shadow:0 24px 60px rgba(0,0,0,.28);
}
.stat{
padding:28px 22px;
text-align:center;
border-right:1px solid var(--premium-line);
}
.stat:last-child{border-right:0}
.stat strong{
display:block;
font-size:34px;
color:var(--premium-gold);
line-height:1;
margin-bottom:8px;
}
.stat span{
color:var(--premium-muted);
font-size:14px;
}
.faq-section{
padding:84px 24px;
background:linear-gradient(180deg,#05080d,#090d14);
border-top:1px solid var(--premium-line);
}
.faq-wrap{
width:min(980px,100%);
margin:auto;
}
.faq-head{
text-align:center;
max-width:760px;
margin:0 auto 32px;
}
.faq-head span{
color:var(--premium-gold);
font-size:13px;
font-weight:900;
letter-spacing:.16em;
}
.faq-head h2{
font-size:clamp(34px,5vw,56px);
margin:10px 0 12px;
text-transform:uppercase;
letter-spacing:-.035em;
}
.faq-head p{
margin:0;
color:var(--premium-muted);
font-size:18px;
}
.faq-list{
display:grid;
gap:14px;
}
.faq-item{
border:1px solid var(--premium-line);
border-radius:18px;
background:linear-gradient(180deg,rgba(17,23,34,.96),rgba(8,11,16,.96));
overflow:hidden;
}
.faq-item summary{
list-style:none;
cursor:pointer;
padding:20px 22px;
font-weight:800;
display:flex;
justify-content:space-between;
gap:20px;
align-items:center;
}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{
content:"+";
color:var(--premium-gold);
font-size:26px;
line-height:1;
transition:transform .2s ease;
}
.faq-item[open] summary::after{transform:rotate(45deg)}
.faq-item p{
margin:0;
padding:0 22px 22px;
color:var(--premium-muted);
}
.contact-box{
background:
linear-gradient(135deg,rgba(255,220,112,.98),rgba(190,112,0,.98));
border:1px solid rgba(255,255,255,.22);
box-shadow:
0 30px 80px rgba(203,132,0,.26),
inset 0 1px 0 rgba(255,255,255,.45);
}
.contact-actions a,
.wa,
.floating-wa{
gap:10px;
}
.btn-icon{
width:20px;
height:20px;
flex:0 0 auto;
display:block;
}
.wa-icon{
width:22px;
height:22px;
flex:0 0 auto;
display:block;
}
.floating-wa .wa-icon{
width:30px;
height:30px;
}
.footer{
padding-top:42px;
}
.footer-inner{
align-items:start;
}
.footer-links,
.footer-contact{
flex-direction:column;
gap:10px;
}
.footer-links::before{
content:"Навігація";
color:#fff;
font-weight:800;
margin-bottom:4px;
}
.footer-contact::before{
content:"Зв’язок";
color:#fff;
font-weight:800;
margin-bottom:4px;
}
@media(max-width:800px){
.stats-inner{grid-template-columns:repeat(2,1fr)}
.stat:nth-child(2){border-right:0}
.stat:nth-child(-n+2){border-bottom:1px solid var(--premium-line)}
.extra-head{text-align:left}
.faq-head{text-align:left}
}
@media(max-width:520px){
.stats-inner{grid-template-columns:1fr}
.stat{border-right:0;border-bottom:1px solid var(--premium-line)}
.stat:last-child{border-bottom:0}
.contact-section,
.extra-section,
.reviews-section,
.faq-section,
.stats-strip{padding-left:16px;padding-right:16px}
}
.contact-section{
position:relative;
overflow:hidden;
padding:96px 24px;
background:
radial-gradient(circle at 15% 25%,rgba(247,198,84,.11),transparent 28%),
radial-gradient(circle at 88% 65%,rgba(31,189,93,.08),transparent 24%),
linear-gradient(180deg,#070a10,#030508);
}
.contact-section::before{
content:"";
position:absolute;
width:420px;
height:420px;
left:-180px;
bottom:-230px;
border-radius:50%;
border:1px solid rgba(247,198,84,.18);
box-shadow:0 0 90px rgba(247,198,84,.08);
pointer-events:none;
}
.contact-box{
position:relative;
isolation:isolate;
overflow:hidden;
width:min(1180px,100%);
margin:auto;
padding:54px;
border-radius:32px;
display:grid;
grid-template-columns:minmax(0,1.3fr) minmax(270px,.7fr);
gap:44px;
align-items:center;
color:#fff;
background:
linear-gradient(135deg,rgba(18,22,30,.97),rgba(6,9,14,.98));
border:1px solid rgba(247,198,84,.30);
box-shadow:
0 38px 100px rgba(0,0,0,.45),
0 0 0 1px rgba(255,255,255,.025) inset,
0 1px 0 rgba(255,255,255,.10) inset;
}
.contact-box::before{
content:"";
position:absolute;
inset:0;
z-index:-2;
background:
linear-gradient(115deg,rgba(247,198,84,.14),transparent 32%),
radial-gradient(circle at 86% 15%,rgba(247,198,84,.16),transparent 22%);
}
.contact-box::after{
content:"";
position:absolute;
z-index:-1;
right:-90px;
top:-125px;
width:330px;
height:330px;
border-radius:50%;
border:1px solid rgba(247,198,84,.22);
box-shadow:
0 0 0 30px rgba(247,198,84,.025),
0 0 0 60px rgba(247,198,84,.018);
}
.contact-copy{
max-width:700px;
}
.contact-label{
display:inline-flex;
align-items:center;
gap:9px;
padding:8px 12px;
border-radius:999px;
background:rgba(247,198,84,.08);
border:1px solid rgba(247,198,84,.25);
color:#f8d77d;
font-size:12px;
font-weight:900;
letter-spacing:.15em;
}
.contact-label::before{
content:"";
width:7px;
height:7px;
border-radius:50%;
background:#27c96f;
box-shadow:0 0 13px rgba(39,201,111,.8);
}
.contact-box h2{
max-width:740px;
margin:18px 0 16px;
font-size:clamp(38px,5vw,66px);
line-height:.98;
letter-spacing:-.05em;
text-transform:uppercase;
background:linear-gradient(180deg,#fff,#e2e5eb 72%,#adb4c0);
-webkit-background-clip:text;
background-clip:text;
color:transparent;
}
.contact-box p{
max-width:680px;
margin:0;
color:#aeb7c5;
font-size:18px;
line-height:1.7;
}
.contact-meta{
display:flex;
flex-wrap:wrap;
gap:18px;
margin-top:25px;
color:#d9dee7;
font-size:14px;
font-weight:700;
}
.contact-meta span{
display:flex;
align-items:center;
gap:8px;
}
.contact-meta span::before{
content:"✓";
display:grid;
place-items:center;
width:21px;
height:21px;
border-radius:50%;
color:#0b1110;
background:linear-gradient(135deg,#f7c654,#d99400);
font-size:12px;
font-weight:1000;
}
.contact-actions{
min-width:0;
padding:22px;
border-radius:24px;
background:rgba(255,255,255,.035);
border:1px solid rgba(255,255,255,.09);
backdrop-filter:blur(12px);
box-shadow:0 22px 50px rgba(0,0,0,.28);
}
.contact-actions-title{
margin:0 0 16px;
color:#f6f7f9;
font-size:15px;
font-weight:800;
text-align:center;
}
.contact-actions a{
min-height:56px;
border-radius:15px;
transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.contact-actions a:hover{
transform:translateY(-2px);
}
.contact-wa{
background:linear-gradient(135deg,#26d367,#15a94e);
box-shadow:0 15px 34px rgba(31,189,93,.24);
color:#fff;
}
.contact-wa:hover{
box-shadow:0 19px 42px rgba(31,189,93,.34);
}
.contact-phone{
margin-top:12px;
background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.025));
border:1px solid rgba(247,198,84,.35);
color:#fff;
}
.contact-phone:hover{
border-color:rgba(247,198,84,.65);
box-shadow:0 14px 32px rgba(0,0,0,.25);
}
.contact-actions a{gap:10px}
.contact-actions .btn-icon{width:21px;height:21px}
.contact-actions a span{display:inline-block}
.contact-note{
margin-top:14px;
color:#8f99a8;
font-size:12px;
text-align:center;
}
.footer-bottom{
text-align:center;
margin-left:auto;
margin-right:auto;
}
@media(max-width:1100px){
.contact-box{
padding:44px;
grid-template-columns:minmax(0,1fr) 310px;
gap:30px;
}
}
@media(max-width:900px){
.contact-box{
grid-template-columns:1fr;
}
.contact-copy{
max-width:none;
}
.contact-actions{
width:100%;
max-width:540px;
}
}
@media(max-width:800px){
html{
-webkit-text-size-adjust:100%;
}
body{
padding-bottom:env(safe-area-inset-bottom);
}
.visual{
overflow:hidden;
}
.visual-inner{
min-width:0;
width:100%;
aspect-ratio:10/7;
}
.visual img{
object-fit:cover;
object-position:center top;
}
.hotspot{
display:none;
}
.extra-section,
.reviews-section,
.faq-section,
.contact-section{
padding-top:68px;
padding-bottom:68px;
}
.contact-section{
padding-left:16px;
padding-right:16px;
}
.contact-box{
padding:32px 24px;
border-radius:25px;
}
.contact-box h2{
font-size:clamp(36px,11vw,52px);
}
.contact-box p{
font-size:16px;
}
.contact-meta{
display:grid;
grid-template-columns:1fr;
gap:12px;
}
.contact-actions{
padding:18px;
border-radius:20px;
}
.footer{
padding-bottom:calc(92px + env(safe-area-inset-bottom));
}
.footer-bottom{
padding-left:10px;
padding-right:10px;
line-height:1.6;
}
}
@media(max-width:600px){
.extra-section,
.reviews-section,
.faq-section,
.contact-section,
.stats-strip{
padding-left:14px;
padding-right:14px;
}
.extra-head h2,
.faq-head h2{
font-size:clamp(32px,10vw,44px);
}
.extra-card,
.review-card{
padding:22px;
}
.stats-inner{
border-radius:20px;
}
.stat{
padding:23px 16px;
}
.contact-box{
padding:28px 20px;
}
.contact-label{
font-size:10px;
letter-spacing:.12em;
}
.contact-actions a{
min-height:54px;
padding-left:14px;
padding-right:14px;
font-size:15px;
}
}
@media(max-width:390px){
.contact-box{
padding:24px 17px;
}
.contact-box h2{
font-size:34px;
}
.contact-actions{
padding:15px;
}
.phone-mobile{
right:12px;
height:50px;
padding:0 14px;
font-size:13px;
}
.floating-wa{
right:12px;
bottom:14px;
width:52px;
height:52px;
}
}
@media(min-width:801px) and (max-width:1180px){
.site{
max-width:100%;
}
}
@media(orientation:landscape) and (max-height:520px){
.phone-mobile,
.floating-wa{
bottom:10px;
}
}
.mobile-header,
.mobile-hero-content,
.mobile-only-section,
.mobile-menu-backdrop{display:none}
@media(max-width:800px){
:root{--mobile-header-height:72px}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--mobile-header-height) + 16px)}
body.mobile-menu-open{overflow:hidden}
#services,#process,#benefits,#about,#reviews,#contacts{scroll-margin-top:calc(var(--mobile-header-height) + 16px)}
.mobile-header{
display:flex;
position:fixed;
inset:0 0 auto;
height:calc(var(--mobile-header-height) + env(safe-area-inset-top));
padding:env(safe-area-inset-top) 14px 0;
align-items:center;
justify-content:space-between;
gap:12px;
z-index:100;
background:linear-gradient(180deg,rgba(3,6,10,.97),rgba(3,6,10,.88));
border-bottom:1px solid rgba(247,198,84,.22);
box-shadow:0 12px 32px rgba(0,0,0,.28);
backdrop-filter:blur(16px);
-webkit-backdrop-filter:blur(16px);
}
.mobile-brand{
min-width:0;
display:flex;
align-items:center;
gap:10px;
color:#fff;
text-decoration:none;
}
.mobile-logo-mark{
position:relative;
width:48px;
height:48px;
flex:0 0 48px;
overflow:hidden;
border-radius:50%;
border:1px solid rgba(247,198,84,.68);
background:#070b12;
box-shadow:0 0 0 3px rgba(247,198,84,.08),0 0 20px rgba(247,198,84,.16);
}
.mobile-logo-mark img{
position:absolute;
width:980%;
max-width:none;
height:auto;
left:-18%;
top:-2%;
pointer-events:none;
user-select:none;
}
.mobile-brand-copy{min-width:0;display:block;line-height:1.05}
.mobile-brand-copy strong{
display:block;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
color:#f7c654;
font-size:18px;
font-weight:900;
letter-spacing:.045em;
text-transform:uppercase;
}
.mobile-brand-copy span{
display:block;
margin-top:4px;
color:#aeb7c5;
font-size:10px;
letter-spacing:.10em;
text-transform:uppercase;
white-space:nowrap;
}
.mobile-menu-toggle{
width:48px;
height:48px;
flex:0 0 48px;
display:grid;
place-items:center;
position:relative;
padding:0;
border-radius:14px;
border:1px solid rgba(247,198,84,.36);
background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));
color:#fff;
cursor:pointer;
-webkit-tap-highlight-color:transparent;
}
.mobile-menu-toggle span{
position:absolute;
width:22px;
height:2px;
border-radius:99px;
background:#f7c654;
transition:transform .25s ease,opacity .2s ease,top .25s ease;
}
.mobile-menu-toggle span:nth-child(1){top:15px}
.mobile-menu-toggle span:nth-child(2){top:23px}
.mobile-menu-toggle span:nth-child(3){top:31px}
.mobile-header.menu-open .mobile-menu-toggle span:nth-child(1){top:23px;transform:rotate(45deg)}
.mobile-header.menu-open .mobile-menu-toggle span:nth-child(2){opacity:0}
.mobile-header.menu-open .mobile-menu-toggle span:nth-child(3){top:23px;transform:rotate(-45deg)}
.mobile-menu{
position:fixed;
top:calc(var(--mobile-header-height) + env(safe-area-inset-top) + 10px);
left:12px;
right:12px;
z-index:102;
display:grid;
gap:7px;
padding:12px;
border-radius:22px;
border:1px solid rgba(247,198,84,.28);
background:linear-gradient(180deg,rgba(14,19,28,.99),rgba(5,8,13,.99));
box-shadow:0 26px 70px rgba(0,0,0,.58);
opacity:0;
visibility:hidden;
transform:translateY(-12px) scale(.985);
transform-origin:top center;
transition:opacity .22s ease,transform .22s ease,visibility .22s;
}
.mobile-header.menu-open .mobile-menu{
opacity:1;
visibility:visible;
transform:translateY(0) scale(1);
}
.mobile-menu a{
min-height:49px;
display:flex;
align-items:center;
gap:12px;
padding:11px 14px;
border-radius:14px;
color:#f4f6fa;
text-decoration:none;
font-size:15px;
font-weight:800;
border:1px solid transparent;
background:rgba(255,255,255,.025);
-webkit-tap-highlight-color:transparent;
}
.mobile-menu a::before{
content:"";
width:7px;
height:7px;
flex:0 0 7px;
border-radius:50%;
background:#f7c654;
box-shadow:0 0 12px rgba(247,198,84,.5);
}
.mobile-menu a:active,
.mobile-menu a:focus-visible{
border-color:rgba(247,198,84,.48);
background:rgba(247,198,84,.09);
outline:0;
}
.mobile-menu .mobile-menu-cta{
justify-content:center;
margin-top:3px;
color:#07100a;
background:linear-gradient(135deg,#f7c654,#d79000);
border-color:rgba(255,255,255,.16);
}
.mobile-menu .mobile-menu-cta::before{display:none}
.mobile-menu-backdrop{
display:block;
position:fixed;
inset:0;
z-index:99;
background:rgba(0,0,0,.62);
opacity:0;
visibility:hidden;
transition:opacity .22s ease,visibility .22s;
}
body.mobile-menu-open .mobile-menu-backdrop{opacity:1;visibility:visible}
.visual{
height:min(860px,100svh);
min-height:720px;
margin-top:0;
overflow:hidden;
background:#03060a;
}
.visual-inner{
width:100%;
height:100%;
min-width:0;
aspect-ratio:auto;
}
.visual-inner>img{
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:cover;
object-position:50% 40%;
transform:scale(1.04);
filter:saturate(1.22) contrast(1.08) brightness(1.06);
}
.visual-inner::after{
content:"";
position:absolute;
inset:0;
z-index:2;
pointer-events:none;
background:
linear-gradient(180deg,rgba(3,6,10,.06) 18%,rgba(3,6,10,.26) 38%,rgba(3,6,10,.72) 48%,rgba(3,6,10,.96) 56%,#03060a 68%,#03060a 100%),
linear-gradient(90deg,rgba(3,6,10,.58),rgba(3,6,10,.06) 62%);
}
.mobile-hero-content{
display:flex;
position:absolute;
inset:0;
z-index:4;
flex-direction:column;
justify-content:flex-end;
padding:calc(var(--mobile-header-height) + env(safe-area-inset-top) + 42px) 18px 34px;
}
.mobile-hero-eyebrow{
align-self:flex-start;
display:inline-flex;
align-items:center;
gap:8px;
padding:8px 11px;
border-radius:999px;
color:#f8d77d;
font-size:11px;
font-weight:900;
letter-spacing:.12em;
background:rgba(4,8,13,.72);
border:1px solid rgba(247,198,84,.34);
backdrop-filter:blur(10px);
}
.mobile-hero-eyebrow::before{
content:"";
width:7px;
height:7px;
border-radius:50%;
background:#27c96f;
box-shadow:0 0 12px rgba(39,201,111,.75);
}
.mobile-hero-content h1{
max-width:540px;
margin:15px 0 12px;
font-size:clamp(39px,12vw,58px);
line-height:.94;
letter-spacing:-.055em;
text-transform:uppercase;
color:#fff;
text-shadow:0 10px 28px rgba(0,0,0,.58);
}
.mobile-hero-content h1 span{
display:block;
color:#f7c654;
background:linear-gradient(180deg,#fff2aa,#f7c654 50%,#c97a00);
-webkit-background-clip:text;
background-clip:text;
color:transparent;
}
.mobile-hero-content p{
max-width:560px;
margin:0;
color:#d1d7e0;
font-size:15px;
line-height:1.55;
text-shadow:0 6px 18px rgba(0,0,0,.7);
}
.mobile-hero-actions{
display:grid;
grid-template-columns:1fr;
gap:10px;
margin-top:20px;
}
.mobile-hero-actions a{
min-height:54px;
display:flex;
align-items:center;
justify-content:center;
gap:10px;
padding:13px 16px;
border-radius:15px;
text-decoration:none;
font-weight:900;
font-size:15px;
}
.mobile-hero-actions .primary{
color:#fff;
border:1px solid rgba(247,198,84,.48);
background:linear-gradient(135deg,#26d367,#16a94f);
box-shadow:0 15px 34px rgba(31,189,93,.26);
}
.mobile-hero-actions .secondary{
color:#fff;
border:2px solid rgba(247,198,84,.88);
background:rgba(7,11,17,.72);
box-shadow:0 0 0 1px rgba(255,214,102,.18) inset,0 12px 28px rgba(0,0,0,.24);
backdrop-filter:blur(10px);
}
.mobile-hero-trust{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:7px;
margin-top:14px;
}
.mobile-hero-trust span{
min-height:48px;
display:flex;
align-items:center;
justify-content:center;
padding:8px 5px;
border-radius:12px;
color:#e8ebf0;
font-size:10px;
line-height:1.25;
text-align:center;
background:rgba(10,14,21,.72);
border:1px solid rgba(255,255,255,.1);
}
.mobile-only-section{
display:block;
padding:64px 14px;
background:linear-gradient(180deg,#03060a,#080c12);
border-top:1px solid rgba(255,255,255,.08);
}
.mobile-only-section:nth-of-type(even){background:linear-gradient(180deg,#080c12,#04070b)}
.mobile-section-wrap{width:100%;max-width:640px;margin:0 auto}
.mobile-section-head{margin-bottom:24px}
.mobile-section-head span{
color:#f7c654;
font-size:11px;
font-weight:900;
letter-spacing:.16em;
}
.mobile-section-head h2{
margin:9px 0 10px;
font-size:clamp(31px,9vw,43px);
line-height:1;
letter-spacing:-.04em;
text-transform:uppercase;
}
.mobile-section-head p{margin:0;color:#aeb7c5;font-size:15px;line-height:1.55}
.mobile-card-list{display:grid;gap:12px}
.mobile-info-card{
display:grid;
grid-template-columns:54px 1fr;
gap:14px;
align-items:start;
padding:18px;
border-radius:18px;
border:1px solid rgba(247,198,84,.18);
background:linear-gradient(180deg,rgba(18,24,34,.96),rgba(7,10,15,.96));
box-shadow:0 16px 38px rgba(0,0,0,.22);
}
.mobile-info-icon{
width:54px;
height:54px;
display:grid;
place-items:center;
border-radius:16px;
font-size:25px;
background:rgba(247,198,84,.08);
border:1px solid rgba(247,198,84,.28);
}
.mobile-info-card h3{margin:2px 0 7px;font-size:18px}
.mobile-info-card p{margin:0;color:#aeb7c5;font-size:14px;line-height:1.5}
.mobile-process-list{display:grid;gap:10px;counter-reset:mobile-step}
.mobile-process-step{
counter-increment:mobile-step;
display:grid;
grid-template-columns:44px 1fr;
gap:13px;
align-items:center;
padding:15px 16px;
border-radius:17px;
border:1px solid rgba(255,255,255,.09);
background:rgba(255,255,255,.03);
}
.mobile-process-step::before{
content:counter(mobile-step);
width:44px;
height:44px;
display:grid;
place-items:center;
border-radius:50%;
color:#090b0f;
font-size:17px;
font-weight:1000;
background:linear-gradient(135deg,#f7d777,#d99100);
box-shadow:0 8px 20px rgba(205,133,0,.2);
}
.mobile-process-step strong{display:block;font-size:16px;margin-bottom:4px}
.mobile-process-step span{display:block;color:#aeb7c5;font-size:13px;line-height:1.4}
.mobile-benefit-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mobile-benefit{
min-height:126px;
display:flex;
flex-direction:column;
justify-content:space-between;
padding:17px;
border-radius:18px;
background:linear-gradient(160deg,rgba(247,198,84,.12),rgba(10,14,20,.98) 58%);
border:1px solid rgba(247,198,84,.22);
}
.mobile-benefit b{color:#f7c654;font-size:25px;line-height:1}
.mobile-benefit span{color:#e6e9ee;font-size:13px;line-height:1.35}
.extra-section{padding-top:64px;padding-bottom:64px}
.stats-strip{padding-top:0;padding-bottom:64px}
.faq-section{padding-top:64px;padding-bottom:64px}
.contact-section{padding-top:64px;padding-bottom:64px}
.phone-mobile{display:none}
.floating-wa{bottom:16px}
}
@media(max-width:430px){
.mobile-brand-copy span{display:none}
.mobile-hero-content{padding-left:16px;padding-right:16px}
.mobile-hero-content h1{font-size:clamp(37px,11.8vw,49px)}
}
@media(max-width:360px){
.mobile-brand-copy strong{font-size:14px}
.mobile-logo-mark{width:44px;height:44px;flex-basis:44px}
.mobile-brand-copy span{font-size:9px}
.mobile-menu-toggle{width:44px;height:44px;flex-basis:44px}
.mobile-hero-trust{grid-template-columns:1fr}
.mobile-benefit-grid{grid-template-columns:1fr}
.visual{min-height:760px}
}
.mobile-hero-image{display:none}
.extra-section{
padding-top:56px;
padding-bottom:56px;
}
.faq-section{
padding-top:56px;
padding-bottom:56px;
}
.contact-section{
padding-top:58px;
padding-bottom:58px;
}
.stats-strip{
padding-top:0;
padding-bottom:48px;
}
.extra-head,
.faq-head{
margin-bottom:24px;
}
.footer{
width:100%;
padding:18px 24px;
background:#020407;
border-top:1px solid rgba(255,255,255,.08);
}
.footer-inner{display:none!important}
.footer-bottom{
width:min(1180px,100%);
margin:0 auto;
padding:0;
border:0;
color:#818a98;
font-size:13px;
line-height:1.5;
text-align:center;
}
@media(max-width:800px){
:root{--mobile-header-height:0px}
html{scroll-padding-top:66px}
#services,#process,#benefits,#about,#reviews,#contacts{scroll-margin-top:66px}
.mobile-header{
display:block;
position:fixed;
inset:0;
width:100%;
height:0;
padding:0;
z-index:100;
background:transparent;
border:0;
box-shadow:none;
pointer-events:none;
}
.mobile-brand{display:none!important}
.mobile-menu-toggle{
width:48px;
height:48px;
display:grid;
position:fixed;
top:calc(env(safe-area-inset-top) + 8px);
left:auto;
right:12px;
z-index:104;
pointer-events:auto;
border:1px solid rgba(247,198,84,.48);
background:rgba(3,6,10,.82);
box-shadow:0 10px 28px rgba(0,0,0,.38);
backdrop-filter:blur(12px);
-webkit-backdrop-filter:blur(12px);
}
.mobile-menu{
top:calc(env(safe-area-inset-top) + 64px);
pointer-events:auto;
}
.visual-inner>.desktop-hero-image{display:none!important}
.visual,
.visual-inner{
overflow:hidden;
}
.visual-inner{
background:#03060a;
}
.visual,
.visual-inner,
.visual-inner>.mobile-hero-image{
border:0!important;
outline:0!important;
box-shadow:none!important;
border-radius:0!important;
}
.visual-inner>.mobile-hero-image{
display:block!important;
position:absolute;
top:0;
left:0;
width:100%;
max-width:100%;
height:auto;
max-height:none;
object-fit:contain;
object-position:center top;
transform:scaleX(-1);
transform-origin:center top;
filter:saturate(1.10) contrast(1.03) brightness(1.02);
background:transparent!important;
padding:0!important;
margin:0!important;
z-index:1;
}
.visual-inner::after{
background:
linear-gradient(180deg,rgba(3,6,10,.01) 16%,rgba(3,6,10,.08) 32%,rgba(3,6,10,.50) 45%,rgba(3,6,10,.93) 57%,#03060a 69%,#03060a 100%),
linear-gradient(90deg,rgba(3,6,10,.14),rgba(3,6,10,.01) 64%);
}
.mobile-hero-content{
padding-top:calc(env(safe-area-inset-top) + 64px);
}
.mobile-only-section,
.extra-section,
.reviews-section,
.faq-section,
.contact-section{
padding-top:40px;
padding-bottom:40px;
}
.stats-strip{
padding-top:0;
padding-bottom:40px;
}
.mobile-section-head,
.extra-head,
.faq-head{
margin-bottom:18px;
}
.mobile-card-list,
.mobile-process-list,
.faq-list{
gap:9px;
}
.extra-grid,
.review-grid{
gap:12px;
}
.contact-box{
padding:25px 19px;
}
.footer{
padding:17px 68px calc(18px + env(safe-area-inset-bottom));
}
.footer-bottom{
font-size:12px;
line-height:1.45;
}
}
@media(max-width:430px){
.visual-inner>.mobile-hero-image{top:0;left:0;width:100%;max-width:100%;transform:scaleX(-1)}
.mobile-only-section,
.extra-section,
.reviews-section,
.faq-section,
.contact-section{
padding-top:34px;
padding-bottom:34px;
}
.stats-strip{padding-bottom:34px}
}
.premium-section{
position:relative;
overflow:hidden;
padding-left:24px;
padding-right:24px;
background:
radial-gradient(circle at 12% 20%,rgba(247,198,84,.065),transparent 26%),
linear-gradient(180deg,#070a10,#030508)!important;
border-top:0!important;
}
.premium-section-panel{
position:relative;
isolation:isolate;
overflow:hidden;
width:min(1180px,100%);
margin-left:auto;
margin-right:auto;
padding:46px;
border-radius:32px;
color:#fff;
background:linear-gradient(135deg,rgba(18,22,30,.97),rgba(6,9,14,.98));
border:1px solid rgba(247,198,84,.30);
box-shadow:
0 38px 100px rgba(0,0,0,.42),
0 0 0 1px rgba(255,255,255,.025) inset,
0 1px 0 rgba(255,255,255,.10) inset;
}
.premium-section-panel::before{
content:"";
position:absolute;
inset:0;
z-index:-2;
pointer-events:none;
background:
linear-gradient(115deg,rgba(247,198,84,.14),transparent 32%),
radial-gradient(circle at 86% 15%,rgba(247,198,84,.15),transparent 22%);
}
.premium-section-panel::after{
content:"";
position:absolute;
z-index:-1;
right:-95px;
top:-132px;
width:330px;
height:330px;
border-radius:50%;
border:1px solid rgba(247,198,84,.20);
box-shadow:
0 0 0 30px rgba(247,198,84,.025),
0 0 0 60px rgba(247,198,84,.016);
pointer-events:none;
}
.premium-section-panel .mobile-section-head,
.premium-section-panel .extra-head,
.premium-section-panel .faq-head{
position:relative;
z-index:1;
max-width:820px;
margin-left:0;
margin-right:0;
text-align:left;
}
.premium-section-panel .mobile-section-head>span,
.premium-section-panel .extra-head>span,
.premium-section-panel .faq-head>span{
display:inline-flex;
align-items:center;
gap:9px;
padding:8px 12px;
border-radius:999px;
background:rgba(247,198,84,.08);
border:1px solid rgba(247,198,84,.25);
color:#f8d77d;
font-size:11px;
font-weight:900;
letter-spacing:.14em;
line-height:1;
}
.premium-section-panel .mobile-section-head>span::before,
.premium-section-panel .extra-head>span::before,
.premium-section-panel .faq-head>span::before{
content:"";
width:7px;
height:7px;
flex:0 0 7px;
border-radius:50%;
background:#27c96f;
box-shadow:0 0 13px rgba(39,201,111,.78);
}
.premium-section-panel .mobile-section-head h2,
.premium-section-panel .extra-head h2,
.premium-section-panel .faq-head h2{
max-width:850px;
margin:18px 0 14px;
font-size:clamp(36px,5vw,58px);
line-height:.98;
letter-spacing:-.05em;
text-transform:uppercase;
background:linear-gradient(180deg,#fff,#e2e5eb 72%,#adb4c0);
-webkit-background-clip:text;
background-clip:text;
color:transparent;
}
.premium-section-panel .mobile-section-head p,
.premium-section-panel .extra-head p,
.premium-section-panel .faq-head p{
max-width:760px;
margin:0;
color:#aeb7c5;
font-size:16px;
line-height:1.65;
}
.premium-section-panel .mobile-card-list,
.premium-section-panel .mobile-process-list,
.premium-section-panel .mobile-benefit-grid,
.premium-section-panel .extra-grid,
.premium-section-panel .review-grid,
.premium-section-panel .faq-list{
position:relative;
z-index:1;
}
.premium-section-panel .mobile-info-card,
.premium-section-panel .mobile-process-step,
.premium-section-panel .mobile-benefit,
.premium-section-panel .extra-card,
.premium-section-panel .review-card,
.premium-section-panel .faq-item{
background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.022));
border:1px solid rgba(247,198,84,.22);
box-shadow:
0 20px 46px rgba(0,0,0,.24),
0 1px 0 rgba(255,255,255,.055) inset;
backdrop-filter:blur(10px);
-webkit-backdrop-filter:blur(10px);
}
.premium-section-panel .mobile-info-card,
.premium-section-panel .mobile-benefit,
.premium-section-panel .extra-card,
.premium-section-panel .review-card,
.premium-section-panel .faq-item{
border-radius:20px;
}
.premium-section-panel .mobile-process-step{
border-radius:18px;
}
.premium-section-panel .mobile-info-icon,
.premium-section-panel .extra-icon{
color:#f7c654;
background:rgba(247,198,84,.09);
border:1px solid rgba(247,198,84,.34);
box-shadow:0 10px 24px rgba(0,0,0,.20),0 0 18px rgba(247,198,84,.06);
}
.premium-section-panel .mobile-benefit{
background:
linear-gradient(145deg,rgba(247,198,84,.13),rgba(255,255,255,.035) 46%,rgba(5,8,13,.76));
}
.premium-section-panel .faq-item summary{
color:#f7f8fb;
}
.premium-section-panel .faq-item[open]{
border-color:rgba(247,198,84,.48);
box-shadow:0 22px 55px rgba(0,0,0,.30),0 0 24px rgba(247,198,84,.06);
}
.premium-section-panel .extra-card::before,
.premium-section-panel .review-card::before{
height:1px;
opacity:.48;
}
@media(max-width:900px){
.premium-section-panel{padding:34px 28px;border-radius:28px}
}
@media(max-width:800px){
.premium-section{
padding-left:14px!important;
padding-right:14px!important;
}
.premium-section-panel{
width:100%;
padding:25px 19px;
border-radius:25px;
box-shadow:
0 26px 68px rgba(0,0,0,.40),
0 0 0 1px rgba(255,255,255,.025) inset,
0 1px 0 rgba(255,255,255,.08) inset;
}
.premium-section-panel::after{
right:-145px;
top:-150px;
width:300px;
height:300px;
}
.premium-section-panel .mobile-section-head,
.premium-section-panel .extra-head,
.premium-section-panel .faq-head{
margin-bottom:20px;
}
.premium-section-panel .mobile-section-head h2,
.premium-section-panel .extra-head h2,
.premium-section-panel .faq-head h2{
margin-top:15px;
font-size:clamp(31px,9.2vw,43px);
}
.premium-section-panel .mobile-section-head p,
.premium-section-panel .extra-head p,
.premium-section-panel .faq-head p{
font-size:14px;
line-height:1.55;
}
.premium-section-panel .mobile-info-card,
.premium-section-panel .mobile-process-step,
.premium-section-panel .mobile-benefit,
.premium-section-panel .extra-card,
.premium-section-panel .review-card{
padding:17px;
}
.premium-section-panel .faq-item summary{
padding:18px;
}
.premium-section-panel .faq-item p{
padding:0 18px 18px;
}
}
@media(max-width:390px){
.premium-section-panel{padding:22px 16px;border-radius:22px}
}
.mobile-brand-new{display:none}
@media(max-width:800px){
:root{--mock-header-height:104px}
body{
background:#020304;
}
.mobile-header{
display:flex!important;
position:fixed;
inset:0 0 auto 0;
width:100%;
height:calc(var(--mock-header-height) + env(safe-area-inset-top));
padding:calc(env(safe-area-inset-top) + 13px) 20px 13px;
align-items:center;
justify-content:space-between;
gap:14px;
z-index:110;
background:#020304;
border-bottom:1px solid rgba(247,198,84,.10);
box-shadow:0 10px 30px rgba(0,0,0,.28);
pointer-events:auto;
}
.mobile-brand-new{
min-width:0;
display:flex;
align-items:center;
gap:10px;
color:#e6bd63;
text-decoration:none;
}
.mobile-brand-car{
width:56px;
height:34px;
flex:0 0 56px;
fill:none;
stroke:currentColor;
stroke-width:3;
stroke-linecap:round;
stroke-linejoin:round;
filter:drop-shadow(0 0 9px rgba(230,189,99,.18));
}
.mobile-brand-new-copy{
display:block;
min-width:0;
line-height:1;
}
.mobile-brand-new-copy strong{
display:block;
color:#e7bf68;
font-size:24px;
font-weight:800;
letter-spacing:.015em;
white-space:nowrap;
}
.mobile-brand-new-copy span{
display:block;
margin-top:6px;
color:#f1f1f1;
font-size:10px;
letter-spacing:.06em;
white-space:nowrap;
}
.mobile-menu-toggle{
position:relative!important;
top:auto!important;
right:auto!important;
left:auto!important;
width:50px!important;
height:50px!important;
flex:0 0 50px;
margin-left:auto;
border:0!important;
border-radius:10px!important;
background:transparent!important;
box-shadow:none!important;
backdrop-filter:none!important;
-webkit-backdrop-filter:none!important;
}
.mobile-menu-toggle span{
width:31px;
height:4px;
background:#d9ad55;
box-shadow:0 0 8px rgba(217,173,85,.15);
}
.mobile-menu-toggle span:nth-child(1){top:13px}
.mobile-menu-toggle span:nth-child(2){top:23px}
.mobile-menu-toggle span:nth-child(3){top:33px}
.mobile-header.menu-open .mobile-menu-toggle span:nth-child(1){top:23px}
.mobile-header.menu-open .mobile-menu-toggle span:nth-child(3){top:23px}
.mobile-menu{
top:calc(var(--mock-header-height) + env(safe-area-inset-top) + 8px)!important;
}
.visual{
height:auto!important;
min-height:0!important;
padding-top:calc(var(--mock-header-height) + env(safe-area-inset-top));
overflow:visible!important;
background:#020304;
}
.visual-inner{
display:flex!important;
flex-direction:column;
width:100%;
height:auto!important;
min-height:0!important;
aspect-ratio:auto!important;
overflow:visible!important;
background:#020304;
}
.visual-inner>.desktop-hero-image{display:none!important}
.visual-inner>.mobile-hero-image{
display:block!important;
position:relative!important;
inset:auto!important;
order:1;
width:100%!important;
max-width:100%!important;
height:auto!important;
aspect-ratio:4/3;
object-fit:cover!important;
object-position:center center!important;
transform:none!important;
filter:saturate(1.08) contrast(1.04) brightness(.96)!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
margin:0!important;
padding:0!important;
}
.visual-inner::after{display:none!important}
.mobile-hero-content{
display:flex!important;
position:relative!important;
inset:auto!important;
order:2;
flex-direction:column;
justify-content:flex-start;
align-items:center;
padding:28px 18px 42px!important;
text-align:center;
background:
radial-gradient(circle at 50% 0%,rgba(216,166,58,.08),transparent 34%),
#020304;
}
.mobile-hero-eyebrow{display:none!important}
.mobile-hero-content h1{
max-width:650px;
margin:0;
font-size:clamp(48px,13.5vw,72px)!important;
line-height:.96!important;
letter-spacing:-.045em!important;
text-transform:uppercase;
color:#ddb45e!important;
text-shadow:0 7px 22px rgba(0,0,0,.48);
}
.mobile-hero-content h1 span{
display:block;
margin-top:12px;
color:#fff!important;
background:none!important;
-webkit-text-fill-color:#fff;
font-size:.78em;
font-weight:500;
letter-spacing:.02em;
}
.mobile-hero-content p{
margin:25px 0 0!important;
color:#e8e8e8!important;
font-size:clamp(15px,4.2vw,20px)!important;
line-height:1.4!important;
letter-spacing:.055em;
text-transform:uppercase;
text-shadow:none!important;
}
.mobile-hero-content p b{
padding:0 5px;
color:#d9ad55;
font-weight:700;
}
.mobile-hero-actions,
.mobile-hero-trust{display:none!important}
.contact-section{
padding:0 18px 42px!important;
background:#020304!important;
}
.contact-section::before{display:none!important}
.contact-box{
display:block!important;
width:100%;
max-width:760px;
margin:0 auto;
padding:34px 22px 24px!important;
border:1.5px solid rgba(218,171,78,.88)!important;
border-radius:22px!important;
color:#fff;
text-align:center;
background:
linear-gradient(180deg,rgba(13,14,16,.98),rgba(4,5,6,.99))!important;
box-shadow:
0 0 0 1px rgba(255,221,139,.035) inset,
0 18px 50px rgba(0,0,0,.34),
0 -1px 20px rgba(220,172,70,.08)!important;
}
.contact-box::before{
display:block!important;
content:"";
position:absolute;
left:50%;
top:-2px;
width:120px;
height:3px;
transform:translateX(-50%);
background:linear-gradient(90deg,transparent,#f0c664,transparent);
box-shadow:0 0 16px rgba(240,198,100,.7);
}
.contact-box::after{
display:block!important;
content:"";
position:absolute;
left:50%;
right:auto;
top:auto;
bottom:-2px;
width:120px;
height:3px;
transform:translateX(-50%);
border:0;
border-radius:0;
background:linear-gradient(90deg,transparent,#f0c664,transparent);
box-shadow:0 0 16px rgba(240,198,100,.7);
}
.contact-copy{max-width:none}
.contact-label{
display:block!important;
padding:0!important;
border:0!important;
border-radius:0!important;
background:none!important;
color:#e2b75c!important;
font-size:clamp(25px,7.2vw,38px)!important;
line-height:1.12;
font-weight:500!important;
letter-spacing:.01em!important;
}
.contact-label::before{display:none!important}
.contact-box h2{display:none!important}
.contact-box p{
max-width:600px;
margin:22px auto 0!important;
color:#f1f1f1!important;
font-size:clamp(17px,4.5vw,22px)!important;
line-height:1.45!important;
}
.contact-meta{display:none!important}
.contact-actions{
width:100%!important;
max-width:none!important;
margin:30px 0 0!important;
padding:0!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
backdrop-filter:none!important;
-webkit-backdrop-filter:none!important;
}
.contact-actions-title,
.contact-note{display:none!important}
.contact-actions a{
min-height:82px!important;
display:flex!important;
align-items:center;
justify-content:flex-start!important;
gap:16px!important;
padding:10px 18px!important;
border:1px solid rgba(255,255,255,.16)!important;
border-radius:17px!important;
color:#fff!important;
background:linear-gradient(180deg,#171819,#111214)!important;
box-shadow:0 8px 24px rgba(0,0,0,.28)!important;
font-size:clamp(18px,5vw,24px)!important;
font-weight:400!important;
text-decoration:none;
}
.contact-actions a::after{
content:"›";
margin-left:auto;
color:#e0b04e;
font-size:44px;
font-weight:300;
line-height:1;
}
.contact-actions a + a{margin-top:14px!important}
.contact-actions a .btn-icon{
width:54px!important;
height:54px!important;
flex:0 0 54px!important;
padding:11px;
border-radius:13px;
}
.contact-wa .btn-icon{
color:#fff;
background:linear-gradient(135deg,#35d66b,#16a84d);
box-shadow:0 8px 20px rgba(28,185,88,.28);
}
.contact-phone .btn-icon{
color:#e1b556;
background:#151515;
border:1px solid rgba(225,181,86,.55);
}
.phone-mobile,
.floating-wa{display:none!important}
}
@media(max-width:390px){
.mobile-header{padding-left:14px;padding-right:13px}
.mobile-brand-car{width:48px;flex-basis:48px}
.mobile-brand-new-copy strong{font-size:21px}
.mobile-brand-new-copy span{font-size:9px}
.mobile-menu-toggle{width:46px!important;height:46px!important;flex-basis:46px}
.mobile-hero-content{padding-left:14px!important;padding-right:14px!important}
.contact-section{padding-left:12px!important;padding-right:12px!important}
.contact-box{padding-left:16px!important;padding-right:16px!important}
.contact-actions a{padding-left:12px!important;padding-right:12px!important}
.contact-actions a .btn-icon{width:50px!important;height:50px!important;flex-basis:50px!important}
}
.mobile-reference-hero{display:none}
@media(max-width:800px){
.mobile-header{
display:block!important;
position:fixed!important;
inset:0!important;
width:100%!important;
height:0!important;
padding:0!important;
background:transparent!important;
border:0!important;
box-shadow:none!important;
pointer-events:none!important;
z-index:120!important;
}
.mobile-brand-new{display:none!important}
.mobile-menu-toggle{
position:fixed!important;
top:calc(env(safe-area-inset-top) + 14px)!important;
right:12px!important;
left:auto!important;
width:64px!important;
height:64px!important;
margin:0!important;
opacity:0!important;
pointer-events:auto!important;
z-index:124!important;
}
.mobile-menu{
top:calc(env(safe-area-inset-top) + 88px)!important;
pointer-events:auto!important;
}
.mobile-reference-hero{
display:block!important;
position:relative;
width:100%;
margin:0;
padding:0;
overflow:hidden;
background:#000;
}
.mobile-reference-hero img{
display:block;
width:100%;
height:auto;
margin:0;
padding:0;
border:0;
border-radius:0;
object-fit:contain;
}
.visual{display:none!important}
}
.mobile-fixed-header-image{display:none}
@media(max-width:800px){
:root{--approved-mobile-header-height:16.454vw}
.mobile-header{
display:block!important;
position:fixed!important;
top:0!important;
right:0!important;
bottom:auto!important;
left:0!important;
width:100%!important;
height:var(--approved-mobile-header-height)!important;
min-height:0!important;
padding:0!important;
margin:0!important;
overflow:visible!important;
background:#000!important;
border:0!important;
box-shadow:0 8px 24px rgba(0,0,0,.38)!important;
pointer-events:none!important;
z-index:500!important;
}
.mobile-fixed-header-image{
display:block!important;
position:absolute!important;
inset:0!important;
width:100%!important;
height:100%!important;
object-fit:cover!important;
object-position:center!important;
margin:0!important;
padding:0!important;
border:0!important;
border-radius:0!important;
pointer-events:none!important;
user-select:none!important;
-webkit-user-drag:none!important;
}
.mobile-brand-new{display:none!important}
.mobile-menu-toggle{
position:absolute!important;
top:0!important;
right:0!important;
left:auto!important;
width:19%!important;
height:100%!important;
min-width:58px!important;
min-height:48px!important;
margin:0!important;
padding:0!important;
opacity:0!important;
background:transparent!important;
border:0!important;
box-shadow:none!important;
pointer-events:auto!important;
z-index:504!important;
}
.mobile-menu{
position:fixed!important;
top:calc(var(--approved-mobile-header-height) + 8px)!important;
left:12px!important;
right:12px!important;
pointer-events:auto!important;
z-index:503!important;
}
.mobile-menu-backdrop{z-index:490!important}
.mobile-reference-hero{
margin-top:0!important;
}
html{
scroll-padding-top:calc(var(--approved-mobile-header-height) + 14px)!important;
}
#services,#process,#benefits,#about,#reviews,#contacts{
scroll-margin-top:calc(var(--approved-mobile-header-height) + 14px)!important;
}
}
@media(max-width:800px){
.floating-wa{
display:grid!important;
position:fixed!important;
right:14px!important;
bottom:calc(14px + env(safe-area-inset-bottom))!important;
width:56px!important;
height:56px!important;
border-radius:50%!important;
z-index:1000!important;
background:linear-gradient(135deg,#2bd66b,#17a94f)!important;
color:#fff!important;
border:2px solid rgba(255,255,255,.82)!important;
box-shadow:0 14px 34px rgba(31,189,93,.42),0 0 0 4px rgba(31,189,93,.10)!important;
place-items:center!important;
}
.floating-wa .wa-icon{
width:30px!important;
height:30px!important;
display:block!important;
}
}
@media(max-width:800px){
.contact-box,
.contact-box *,
.contact-label,
.contact-box p,
.contact-actions a{
font-family:Arial,Helvetica,sans-serif!important;
}
.contact-label{
font-weight:900!important;
letter-spacing:-.025em!important;
line-height:1!important;
}
.contact-box p{
font-weight:400!important;
letter-spacing:0!important;
}
.contact-actions a{
font-weight:800!important;
letter-spacing:0!important;
}
}
@media(max-width:800px){
.contact-label{
font-size:clamp(21px,6vw,32px)!important;
}
.contact-box p{
font-size:clamp(15px,4vw,19px)!important;
line-height:1.42!important;
}
.contact-actions a{
font-size:clamp(16px,4.4vw,21px)!important;
}
}
.contact-section.premium-section{
padding-top:40px;
padding-bottom:40px;
}
.contact-box.premium-section-panel{
color:#fff;
background:linear-gradient(135deg,rgba(18,22,30,.97),rgba(6,9,14,.98))!important;
border:1px solid rgba(247,198,84,.30)!important;
border-radius:32px!important;
box-shadow:
0 38px 100px rgba(0,0,0,.42),
0 0 0 1px rgba(255,255,255,.025) inset,
0 1px 0 rgba(255,255,255,.10) inset!important;
text-align:left;
}
.contact-box.premium-section-panel::before{
display:block!important;
inset:0!important;
width:auto!important;
height:auto!important;
left:0!important;
top:0!important;
transform:none!important;
background:
linear-gradient(115deg,rgba(247,198,84,.14),transparent 32%),
radial-gradient(circle at 86% 15%,rgba(247,198,84,.15),transparent 22%)!important;
box-shadow:none!important;
}
.contact-box.premium-section-panel::after{
display:block!important;
left:auto!important;
right:-95px!important;
top:-132px!important;
bottom:auto!important;
width:330px!important;
height:330px!important;
transform:none!important;
border:1px solid rgba(247,198,84,.20)!important;
border-radius:50%!important;
background:transparent!important;
box-shadow:
0 0 0 30px rgba(247,198,84,.025),
0 0 0 60px rgba(247,198,84,.016)!important;
}
.contact-box.premium-section-panel .contact-copy,
.contact-box.premium-section-panel .contact-actions{
position:relative;
z-index:1;
}
.contact-box.premium-section-panel .contact-label{
display:inline-flex!important;
align-items:center;
gap:9px;
width:auto;
padding:8px 12px!important;
border:1px solid rgba(247,198,84,.25)!important;
border-radius:999px!important;
background:rgba(247,198,84,.08)!important;
color:#f8d77d!important;
font-size:11px!important;
font-weight:900!important;
letter-spacing:.14em!important;
line-height:1!important;
}
.contact-box.premium-section-panel .contact-label::before{
display:block!important;
content:"";
position:static;
width:7px;
height:7px;
flex:0 0 7px;
border-radius:50%;
background:#27c96f;
box-shadow:0 0 13px rgba(39,201,111,.78);
}
.contact-box.premium-section-panel h2{
display:block!important;
max-width:760px;
margin:18px 0 14px;
font-size:clamp(34px,5vw,58px);
line-height:.98;
letter-spacing:-.05em;
text-transform:uppercase;
background:linear-gradient(180deg,#fff,#e2e5eb 72%,#adb4c0);
-webkit-background-clip:text;
background-clip:text;
color:transparent;
}
.contact-box.premium-section-panel .contact-copy>p{
max-width:700px;
margin:0!important;
color:#aeb7c5!important;
font-size:16px!important;
line-height:1.65!important;
text-align:left;
}
.contact-box.premium-section-panel .contact-actions{
padding:18px!important;
border:1px solid rgba(247,198,84,.22)!important;
border-radius:20px!important;
background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.022))!important;
box-shadow:
0 20px 46px rgba(0,0,0,.24),
0 1px 0 rgba(255,255,255,.055) inset!important;
backdrop-filter:blur(10px)!important;
-webkit-backdrop-filter:blur(10px)!important;
}
.contact-box.premium-section-panel .contact-actions-title{
display:block!important;
margin:0 0 14px;
color:#f6f7f9;
font-size:14px;
font-weight:800;
text-align:left;
}
.contact-box.premium-section-panel .contact-actions a{
min-height:58px!important;
justify-content:flex-start!important;
gap:12px!important;
padding:12px 14px!important;
border:1px solid rgba(247,198,84,.22)!important;
border-radius:15px!important;
font-size:15px!important;
font-weight:800!important;
background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.022))!important;
box-shadow:0 12px 28px rgba(0,0,0,.22)!important;
}
.contact-box.premium-section-panel .contact-actions a::after{
content:"›";
margin-left:auto;
color:#e0b04e;
font-size:30px;
font-weight:300;
line-height:1;
}
.contact-box.premium-section-panel .contact-actions a + a{
margin-top:10px!important;
}
.contact-box.premium-section-panel .contact-actions a .btn-icon{
width:38px!important;
height:38px!important;
flex:0 0 38px!important;
padding:8px;
border-radius:11px;
}
.contact-box.premium-section-panel .contact-note{
display:block!important;
margin-top:12px;
color:#8f99a8;
font-size:12px;
text-align:center;
}
@media(max-width:800px){
.contact-section.premium-section{
padding:34px 14px!important;
}
.contact-box.premium-section-panel{
display:block!important;
width:100%;
max-width:none;
margin:0 auto;
padding:25px 19px!important;
border-radius:25px!important;
text-align:left!important;
}
.contact-box.premium-section-panel::after{
right:-145px!important;
top:-150px!important;
width:300px!important;
height:300px!important;
}
.contact-box.premium-section-panel .contact-label{
font-size:10px!important;
}
.contact-box.premium-section-panel h2{
margin-top:15px;
font-size:clamp(29px,8.6vw,40px)!important;
}
.contact-box.premium-section-panel .contact-copy>p{
font-size:14px!important;
line-height:1.55!important;
}
.contact-box.premium-section-panel .contact-actions{
width:100%!important;
margin:20px 0 0!important;
padding:16px!important;
}
.contact-box.premium-section-panel .contact-actions a{
min-height:56px!important;
font-size:14px!important;
}
.contact-box.premium-section-panel .contact-actions a .btn-icon{
width:36px!important;
height:36px!important;
flex-basis:36px!important;
}
}
@media(max-width:390px){
.contact-box.premium-section-panel{
padding:22px 16px!important;
border-radius:22px!important;
}
}
@media(max-width:800px){
.mobile-menu-toggle{
position:fixed!important;
top:env(safe-area-inset-top)!important;
right:0!important;
left:auto!important;
width:max(68px,18vw)!important;
height:var(--approved-mobile-header-height)!important;
min-width:68px!important;
min-height:58px!important;
margin:0!important;
padding:0!important;
display:block!important;
opacity:1!important;
visibility:visible!important;
pointer-events:auto!important;
z-index:506!important;
overflow:hidden!important;
border:0!important;
border-radius:0!important;
background:#020304!important;
box-shadow:none!important;
backdrop-filter:none!important;
-webkit-backdrop-filter:none!important;
}
.mobile-menu-toggle span{
position:absolute!important;
left:50%!important;
width:32px!important;
height:4px!important;
margin:0!important;
border-radius:999px!important;
background:#d9ad55!important;
box-shadow:0 0 9px rgba(217,173,85,.18)!important;
opacity:1!important;
transform:translateX(-50%) rotate(0deg)!important;
transform-origin:center!important;
transition:
top .28s cubic-bezier(.22,.8,.24,1),
transform .28s cubic-bezier(.22,.8,.24,1),
opacity .18s ease,
width .28s ease!important;
}
.mobile-menu-toggle span:nth-child(1){top:calc(50% - 12px)!important}
.mobile-menu-toggle span:nth-child(2){top:calc(50% - 2px)!important}
.mobile-menu-toggle span:nth-child(3){top:calc(50% + 8px)!important}
.mobile-header.menu-open .mobile-menu-toggle span:nth-child(1){
top:calc(50% - 2px)!important;
transform:translateX(-50%) rotate(45deg)!important;
}
.mobile-header.menu-open .mobile-menu-toggle span:nth-child(2){
width:0!important;
opacity:0!important;
}
.mobile-header.menu-open .mobile-menu-toggle span:nth-child(3){
top:calc(50% - 2px)!important;
transform:translateX(-50%) rotate(-45deg)!important;
}
.mobile-menu .mobile-menu-call{
justify-content:center!important;
gap:10px!important;
margin-top:2px!important;
color:#f7c654!important;
border:1px solid rgba(247,198,84,.52)!important;
background:linear-gradient(180deg,rgba(247,198,84,.10),rgba(247,198,84,.035))!important;
box-shadow:0 10px 26px rgba(0,0,0,.22)!important;
}
.mobile-menu .mobile-menu-call::before{
display:none!important;
}
.mobile-menu-call-icon{
width:21px;
height:21px;
flex:0 0 21px;
display:block;
}
.mobile-menu .mobile-menu-call:active,
.mobile-menu .mobile-menu-call:focus-visible{
color:#fff!important;
border-color:rgba(247,198,84,.85)!important;
background:rgba(247,198,84,.16)!important;
}
}
.contact-box.premium-section-panel .contact-actions a{
display:flex!important;
align-items:center!important;
justify-content:center!important;
gap:10px!important;
min-height:56px!important;
padding:15px 20px!important;
border-radius:15px!important;
font-size:15px!important;
font-weight:900!important;
text-decoration:none!important;
transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important;
}
.contact-box.premium-section-panel .contact-actions a::after{
display:none!important;
content:none!important;
}
.contact-box.premium-section-panel .contact-actions a:hover{
transform:translateY(-2px)!important;
}
.contact-box.premium-section-panel .contact-actions .contact-wa{
color:#fff!important;
border:0!important;
background:linear-gradient(135deg,#26d367,#15a94e)!important;
box-shadow:0 15px 34px rgba(31,189,93,.24)!important;
}
.contact-box.premium-section-panel .contact-actions .contact-wa:hover{
box-shadow:0 19px 42px rgba(31,189,93,.34)!important;
}
.contact-box.premium-section-panel .contact-actions .contact-phone{
margin-top:12px!important;
color:#fff!important;
border:1px solid rgba(247,198,84,.35)!important;
background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.025))!important;
box-shadow:none!important;
}
.contact-box.premium-section-panel .contact-actions .contact-phone:hover{
border-color:rgba(247,198,84,.65)!important;
box-shadow:0 14px 32px rgba(0,0,0,.25)!important;
}
.contact-box.premium-section-panel .contact-actions a .btn-icon{
width:21px!important;
height:21px!important;
flex:0 0 21px!important;
padding:0!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
}
@media(max-width:800px){
.contact-box.premium-section-panel .contact-actions a{
min-height:82px!important;
justify-content:flex-start!important;
gap:16px!important;
padding:10px 18px!important;
border:1px solid rgba(255,255,255,.16)!important;
border-radius:17px!important;
color:#fff!important;
background:linear-gradient(180deg,#171819,#111214)!important;
box-shadow:0 8px 24px rgba(0,0,0,.28)!important;
font-size:clamp(18px,5vw,24px)!important;
font-weight:400!important;
}
.contact-box.premium-section-panel .contact-actions a::after{
display:block!important;
content:"›"!important;
margin-left:auto!important;
color:#e0b04e!important;
font-size:44px!important;
font-weight:300!important;
line-height:1!important;
}
.contact-box.premium-section-panel .contact-actions a + a{
margin-top:14px!important;
}
.contact-box.premium-section-panel .contact-actions a .btn-icon{
width:54px!important;
height:54px!important;
flex:0 0 54px!important;
padding:11px!important;
border-radius:13px!important;
}
.contact-box.premium-section-panel .contact-actions .contact-wa{
border:1px solid rgba(255,255,255,.16)!important;
background:linear-gradient(180deg,#171819,#111214)!important;
box-shadow:0 8px 24px rgba(0,0,0,.28)!important;
}
.contact-box.premium-section-panel .contact-actions .contact-wa .btn-icon{
color:#fff!important;
border:0!important;
background:linear-gradient(135deg,#35d66b,#16a84d)!important;
box-shadow:0 8px 20px rgba(28,185,88,.28)!important;
}
.contact-box.premium-section-panel .contact-actions .contact-phone{
margin-top:14px!important;
border:1px solid rgba(255,255,255,.16)!important;
background:linear-gradient(180deg,#171819,#111214)!important;
box-shadow:0 8px 24px rgba(0,0,0,.28)!important;
}
.contact-box.premium-section-panel .contact-actions .contact-phone .btn-icon{
color:#e1b556!important;
border:1px solid rgba(225,181,86,.55)!important;
background:#151515!important;
box-shadow:none!important;
}
}
@media(max-width:390px){
.contact-box.premium-section-panel .contact-actions a{
padding-left:12px!important;
padding-right:12px!important;
}
.contact-box.premium-section-panel .contact-actions a .btn-icon{
width:50px!important;
height:50px!important;
flex-basis:50px!important;
}
}
@media(max-width:800px){
.contact-box.premium-section-panel .contact-actions a{
min-height:56px!important;
justify-content:center!important;
gap:10px!important;
padding:15px 20px!important;
border-radius:15px!important;
font-size:15px!important;
font-weight:900!important;
}
.contact-box.premium-section-panel .contact-actions a::after{
display:none!important;
content:none!important;
}
.contact-box.premium-section-panel .contact-actions a .btn-icon{
width:21px!important;
height:21px!important;
flex:0 0 21px!important;
padding:0!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
}
.contact-box.premium-section-panel .contact-actions .contact-wa{
color:#fff!important;
border:0!important;
background:linear-gradient(135deg,#26d367,#15a94e)!important;
box-shadow:0 15px 34px rgba(31,189,93,.24)!important;
}
.contact-box.premium-section-panel .contact-actions .contact-wa .btn-icon{
color:#fff!important;
border:0!important;
background:transparent!important;
box-shadow:none!important;
}
.contact-box.premium-section-panel .contact-actions .contact-phone{
margin-top:12px!important;
color:#fff!important;
border:1px solid rgba(247,198,84,.35)!important;
background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.025))!important;
box-shadow:none!important;
}
.contact-box.premium-section-panel .contact-actions .contact-phone .btn-icon{
color:#e1b556!important;
border:0!important;
background:transparent!important;
box-shadow:none!important;
}
}

.mobile-fixed-header-picture,.mobile-reference-hero picture{display:block}
.desktop-hero-picture{position:absolute;inset:0;display:block;width:100%;height:100%}
.desktop-hero-picture .desktop-hero-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}
@media(max-width:800px){.desktop-hero-picture{display:none!important}}

/* Location badge: Odessa */
.contact-location{
  display:inline-flex;
  align-items:center;
  gap:13px;
  margin-top:22px;
  padding:13px 16px;
  border:1px solid rgba(247,198,84,.28);
  border-radius:16px;
  background:rgba(247,198,84,.07);
  box-shadow:0 12px 28px rgba(0,0,0,.18);
}
.contact-location svg{
  width:30px;
  height:30px;
  flex:0 0 30px;
  fill:none;
  stroke:#f7c654;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:drop-shadow(0 0 9px rgba(247,198,84,.24));
}
.contact-location span{display:block;min-width:0}
.contact-location strong{display:block;color:#f7f8fb;font-size:15px;line-height:1.25}
.contact-location small{display:block;margin-top:4px;color:#9fa9b7;font-size:12px;line-height:1.35}
@media(max-width:800px){
  .contact-location{
    width:100%;
    margin-top:22px;
    padding:14px 15px;
    text-align:left;
    background:linear-gradient(180deg,rgba(218,171,78,.10),rgba(255,255,255,.025));
    border-color:rgba(218,171,78,.42);
  }
  .contact-location svg{width:32px;height:32px;flex-basis:32px}
  .contact-location strong{font-size:15px}
  .contact-location small{font-size:12px}
}