*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
--navy:#0F1923;--navy-d:#0A1219;--graph:#161E28;--slate:#1D2733;--steel:#2C3A4A;
--accent:#D4882A;--accent-h:#E09835;--accent-dim:#B8741F;--glow:rgba(212,136,42,.08);
--white:#F0EDE8;--light:#C8C5BF;--muted:#8A8780;--dim:#5C5A55;
--border:#283344;--border-l:#344052;
--fh:'Oswald',sans-serif;--fb:'Source Sans 3',sans-serif;
--mw:1320px;--px:16px
}
@media(min-width:480px){:root{--px:20px}}
@media(min-width:768px){:root{--px:32px}}
@media(min-width:1024px){:root{--px:52px}}
html{scroll-behavior:smooth;overflow-x:hidden;-webkit-text-size-adjust:100%}
body{font-family:var(--fb);font-size:16px;background:var(--navy);color:var(--white);line-height:1.65;overflow-x:hidden;width:100%;max-width:100vw;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none} .container{width:100%;max-width:var(--mw);margin:0 auto;padding-left:var(--px);padding-right:var(--px)}
.section{padding:48px 0;overflow:hidden}
@media(min-width:768px){.section{padding:76px 0}}
@media(min-width:1024px){.section{padding:100px 0}}
.section--dark{background:var(--graph)}
.section--bordered{background:var(--graph);border-top:1px solid var(--border);border-bottom:1px solid var(--border)} .accent{color:var(--accent)}
.tag{display:inline-block;font-family:var(--fh);font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--accent);border:1px solid var(--accent);padding:3px 10px;margin-bottom:12px;max-width:100%;word-break:break-word}
@media(min-width:480px){.tag{font-size:11px;letter-spacing:2.5px;padding:4px 14px}}
.sh{margin-bottom:28px}
@media(min-width:768px){.sh{margin-bottom:44px}}
.sh h2{font-family:var(--fh);font-weight:700;text-transform:uppercase;line-height:1.15;word-wrap:break-word;overflow-wrap:break-word;font-size:22px;letter-spacing:.5px}
@media(min-width:360px){.sh h2{font-size:24px}}
@media(min-width:480px){.sh h2{font-size:28px;letter-spacing:1px}}
@media(min-width:768px){.sh h2{font-size:34px;letter-spacing:1.5px}}
@media(min-width:1024px){.sh h2{font-size:42px;letter-spacing:2px}}
.sh p{color:var(--light);font-size:14px;max-width:580px;margin-top:8px;line-height:1.6}
@media(min-width:768px){.sh p{font-size:16px}} .site-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(15,25,35,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border);transition:background .3s}
.site-header.scrolled{background:rgba(10,18,25,.97)}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:56px;gap:10px}
@media(min-width:768px){.header-inner{height:66px}}
.site-logo{font-family:var(--fh);font-size:17px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--white);flex-shrink:0}
.site-logo span{color:var(--accent)}
@media(min-width:480px){.site-logo{font-size:19px}}
@media(min-width:768px){.site-logo{font-size:22px;letter-spacing:4px}}
.main-nav{display:none;align-items:center;gap:22px;list-style:none}
.main-nav li{list-style:none}
.main-nav a{font-family:var(--fh);font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--light);transition:color .3s;white-space:nowrap}
.main-nav a:hover,.main-nav .current-menu-item>a{color:var(--accent)}
@media(min-width:1000px){.main-nav{display:flex}}
.header-phone{display:none;font-family:var(--fh);font-size:14px;letter-spacing:1px;color:var(--white);white-space:nowrap;flex-shrink:0;transition:color .3s}
.header-phone:hover{color:var(--accent)}
@media(min-width:1000px){.header-phone{display:block}}
.burger{display:flex;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:8px;flex-shrink:0;z-index:1001}
.burger span{display:block;width:22px;height:2px;background:var(--white);transition:.3s;transform-origin:center}
.burger.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger.active span:nth-child(2){opacity:0}
.burger.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(min-width:1000px){.burger{display:none}}
.mobile-menu{display:none;position:fixed;top:56px;left:0;right:0;bottom:0;background:rgba(10,18,25,.98);backdrop-filter:blur(20px);flex-direction:column;align-items:center;justify-content:center;gap:18px;z-index:999;padding:var(--px);overflow-y:auto}
@media(min-width:768px){.mobile-menu{top:66px}}
.mobile-menu.open{display:flex}
.mobile-menu a{font-family:var(--fh);font-size:17px;letter-spacing:2px;text-transform:uppercase;color:var(--white);transition:color .3s;text-align:center}
.mobile-menu li{list-style:none}
.mobile-menu a:hover{color:var(--accent)}
.mobile-menu .mob-phone{font-size:19px;color:var(--accent);margin-top:10px}
@media(min-width:1000px){.mobile-menu{display:none!important}} .hero{min-height:100vh;min-height:100dvh;display:flex;align-items:center;position:relative;overflow:hidden;padding-top:56px}
@media(min-width:768px){.hero{padding-top:66px}}
.hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 65% 35%,var(--glow),transparent);pointer-events:none}
.hero-grid{display:grid;grid-template-columns:1fr;gap:24px;align-items:center;width:100%}
@media(min-width:768px){.hero-grid{grid-template-columns:1.1fr .9fr;gap:40px}}
.hero-content{position:relative;z-index:2;text-align:center;max-width:100%}
@media(min-width:768px){.hero-content{text-align:left}}
.hero h1{font-family:var(--fh);font-weight:700;text-transform:uppercase;line-height:1.12;margin-bottom:14px;word-wrap:break-word;overflow-wrap:break-word;max-width:100%;font-size:24px;letter-spacing:.5px}
@media(min-width:360px){.hero h1{font-size:26px}}
@media(min-width:390px){.hero h1{font-size:28px}}
@media(min-width:412px){.hero h1{font-size:30px}}
@media(min-width:768px){.hero h1{font-size:38px;letter-spacing:1.5px;margin-bottom:18px}}
@media(min-width:1024px){.hero h1{font-size:48px;letter-spacing:2px}}
@media(min-width:1280px){.hero h1{font-size:56px}}
.hero-sub{font-size:14px;color:var(--light);max-width:540px;margin-bottom:20px;line-height:1.7;word-wrap:break-word}
@media(max-width:767px){.hero-sub{margin-left:auto;margin-right:auto}}
@media(min-width:768px){.hero-sub{font-size:17px;margin-bottom:26px}}
.hero-btns{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}
@media(max-width:767px){.hero-btns{justify-content:center}}
@media(max-width:400px){.hero-btns{flex-direction:column;align-items:stretch}.hero-btns .btn{justify-content:center}}
.hero-trust{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:12px;color:var(--muted);margin-bottom:20px}
@media(max-width:767px){.hero-trust{justify-content:center}}
.hero-trust span{display:inline-flex;align-items:center;gap:4px}
.hero-trust span::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0;opacity:.6}
.hero-stats{display:flex;gap:16px;flex-wrap:wrap}
@media(max-width:767px){.hero-stats{justify-content:center}}
@media(min-width:768px){.hero-stats{gap:28px}}
.stat-item{text-align:center}
@media(min-width:768px){.stat-item{text-align:left}}
.stat-num{font-family:var(--fh);font-size:26px;font-weight:700;color:var(--accent);line-height:1}
@media(min-width:480px){.stat-num{font-size:32px}}
@media(min-width:768px){.stat-num{font-size:40px}}
.stat-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-top:3px}
.hero-visual{position:relative;display:flex;align-items:center;justify-content:center}
@media(max-width:767px){.hero-visual{display:none}}
.hero-graphic{width:100%;aspect-ratio:1;max-width:420px;background:conic-gradient(from 200deg at 50% 50%,var(--accent) 0deg,transparent 55deg,transparent 180deg,var(--accent-dim) 235deg,transparent 290deg);border-radius:50%;opacity:.08;filter:blur(60px);animation:hg 10s ease-in-out infinite alternate}
@keyframes hg{0%{transform:scale(1) rotate(0);opacity:.06}100%{transform:scale(1.1) rotate(20deg);opacity:.12}}
.hero-contacts{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
@media(max-width:767px){.hero-contacts{justify-content:center}} .btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-family:var(--fh);font-size:12px;letter-spacing:1.5px;text-transform:uppercase;padding:11px 20px;border:none;cursor:pointer;transition:all .3s}
@media(min-width:480px){.btn{font-size:13px;padding:12px 26px}}
@media(min-width:768px){.btn{padding:14px 30px}}
.btn-primary{background:var(--accent);color:var(--navy-d)}
.btn-primary:hover{background:var(--accent-h);transform:translateY(-2px)}
.btn-outline{background:transparent;color:var(--white);border:1px solid var(--border-l)}
.btn-outline:hover{border-color:var(--accent);color:var(--accent)}
.btn-full{width:100%}
.msg-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;background:var(--slate);border:1px solid var(--border);font-family:var(--fh);font-size:11px;letter-spacing:1px;color:var(--light);text-transform:uppercase;transition:.3s}
.msg-badge:hover{border-color:var(--accent);color:var(--accent)} .grid-3{display:grid;grid-template-columns:1fr;gap:12px}
@media(min-width:520px){.grid-3{grid-template-columns:repeat(2,1fr)}}
@media(min-width:960px){.grid-3{grid-template-columns:repeat(3,1fr);gap:16px}}
.card{background:var(--graph);border:1px solid var(--border);padding:22px;position:relative;overflow:hidden;transition:all .4s;display:block;color:inherit}
@media(min-width:768px){.card{padding:28px}}
.card::after{content:'';position:absolute;top:0;left:0;width:100%;height:3px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .4s}
.card:hover{border-color:var(--accent);transform:translateY(-3px)}
.card:hover::after{transform:scaleX(1)}
.card-icon{font-size:24px;margin-bottom:10px}
@media(min-width:768px){.card-icon{font-size:28px;margin-bottom:12px}}
.card h3{font-family:var(--fh);font-size:14px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;line-height:1.3;word-wrap:break-word;overflow-wrap:break-word}
@media(min-width:768px){.card h3{font-size:16px;margin-bottom:8px}}
.card p{font-size:13px;color:var(--light);line-height:1.6}
.card-link{display:inline-flex;align-items:center;gap:5px;font-family:var(--fh);font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--accent);margin-top:12px;transition:gap .3s}
.card:hover .card-link{gap:10px} .grid-4{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
@media(min-width:520px){.grid-4{grid-template-columns:repeat(3,1fr);gap:12px}}
@media(min-width:768px){.grid-4{grid-template-columns:repeat(4,1fr);gap:14px}}
.card-sm{background:var(--graph);border:1px solid var(--border);padding:18px 12px;text-align:center;transition:border-color .3s,transform .3s;display:block;color:inherit}
.card-sm:hover{border-color:var(--accent);transform:translateY(-2px)}
.card-sm .card-icon{font-size:24px;margin-bottom:6px}
.card-sm h4{font-family:var(--fh);font-size:11px;letter-spacing:.8px;text-transform:uppercase;line-height:1.3;word-wrap:break-word}
@media(min-width:768px){.card-sm h4{font-size:13px}} .case-card{background:var(--graph);border:1px solid var(--border);overflow:hidden;transition:border-color .3s,transform .3s;display:block;color:inherit}
.case-card:hover{border-color:var(--accent);transform:translateY(-2px)}
.case-card__img{width:100%;aspect-ratio:16/10;background:var(--slate);display:flex;align-items:center;justify-content:center;font-size:32px;color:var(--dim);overflow:hidden}
.case-card__img img{width:100%;height:100%;object-fit:cover}
.case-card__body{padding:16px}
.case-card__body h4{font-family:var(--fh);font-size:14px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}
.case-card__body p{font-size:13px;color:var(--light)}
.case-meta{font-size:11px;color:var(--muted);margin-top:8px;text-transform:uppercase;letter-spacing:1px} .adv-card{padding:20px;border-left:3px solid var(--accent);background:var(--graph)}
@media(min-width:768px){.adv-card{padding:26px}}
.adv-card h4{font-family:var(--fh);font-size:14px;letter-spacing:.5px;text-transform:uppercase;margin-bottom:6px}
.adv-card p{font-size:13px;color:var(--light);line-height:1.6} .process-steps{display:grid;grid-template-columns:1fr;gap:12px;counter-reset:step}
@media(min-width:520px){.process-steps{grid-template-columns:repeat(2,1fr)}}
@media(min-width:960px){.process-steps{grid-template-columns:repeat(4,1fr);gap:14px}}
.step{counter-increment:step;background:var(--graph);border:1px solid var(--border);padding:22px}
@media(min-width:768px){.step{padding:28px}}
.step::before{content:counter(step,decimal-leading-zero);font-family:var(--fh);font-size:32px;font-weight:700;color:var(--accent);opacity:.18;line-height:1;display:block;margin-bottom:8px}
.step h4{font-family:var(--fh);font-size:13px;letter-spacing:.5px;text-transform:uppercase;margin-bottom:5px}
.step p{font-size:13px;color:var(--light);line-height:1.6} .faq-list{max-width:820px}
.faq-item{border-bottom:1px solid var(--border);padding:14px 0}
.faq-q{font-family:var(--fh);font-size:14px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;user-select:none}
.faq-q::after{content:'+';color:var(--accent);font-size:18px;flex-shrink:0}
.faq-item.open .faq-q::after{content:'\2212'}
.faq-a{max-height:0;overflow:hidden;transition:max-height .4s}
.faq-item.open .faq-a{max-height:500px}
.faq-a p{padding-top:10px;font-size:14px;color:var(--light);line-height:1.65} .cta-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
@media(max-width:600px){.cta-inner{flex-direction:column;align-items:flex-start}}
.cta-inner h2{font-family:var(--fh);font-size:20px;text-transform:uppercase;letter-spacing:.5px;word-wrap:break-word}
@media(min-width:768px){.cta-inner h2{font-size:30px;letter-spacing:1.5px}}
.cta-contacts{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.cta-contacts a{font-family:var(--fh);font-size:14px;color:var(--accent);transition:color .3s;word-break:break-all}
@media(min-width:768px){.cta-contacts a{font-size:17px}}
.cta-contacts a:hover{color:var(--accent-h)} .contacts-grid{display:grid;grid-template-columns:1fr;gap:14px}
@media(min-width:520px){.contacts-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:768px){.contacts-grid{grid-template-columns:repeat(4,1fr)}}
.contact-card{background:var(--graph);border:1px solid var(--border);padding:20px;text-align:center}
.contact-card .cc-icon{font-size:24px;margin-bottom:8px}
.contact-card h4{font-family:var(--fh);font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
.contact-card a,.contact-card p{font-size:14px;color:var(--white);display:block}
.contact-card a:hover{color:var(--accent)} .page-hero{padding-top:76px;padding-bottom:32px;position:relative;overflow:hidden}
@media(min-width:768px){.page-hero{padding-top:112px;padding-bottom:52px}}
@media(min-width:1024px){.page-hero{padding-top:148px;padding-bottom:68px}}
.page-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 55% 40% at 70% 25%,var(--glow),transparent);pointer-events:none}
.breadcrumb{font-size:12px;color:var(--dim);margin-bottom:14px;word-wrap:break-word}
.breadcrumb a{color:var(--dim);transition:color .3s}
.breadcrumb a:hover{color:var(--accent)}
.page-hero h1{font-family:var(--fh);font-weight:700;line-height:1.12;text-transform:uppercase;max-width:820px;word-wrap:break-word;overflow-wrap:break-word;font-size:22px;letter-spacing:.5px}
@media(min-width:360px){.page-hero h1{font-size:24px}}
@media(min-width:480px){.page-hero h1{font-size:28px;letter-spacing:1px}}
@media(min-width:768px){.page-hero h1{font-size:38px;letter-spacing:1.5px}}
@media(min-width:1024px){.page-hero h1{font-size:48px;letter-spacing:2px}}
.page-hero .lead{font-size:14px;color:var(--light);max-width:640px;margin-top:12px;line-height:1.7;word-wrap:break-word}
@media(min-width:768px){.page-hero .lead{font-size:17px}} .content-grid{display:grid;grid-template-columns:1fr;gap:28px}
@media(min-width:940px){.content-grid{grid-template-columns:1fr 300px;gap:44px}}
.content h2{font-family:var(--fh);font-size:18px;text-transform:uppercase;letter-spacing:.5px;margin-top:28px;margin-bottom:10px;line-height:1.2;word-wrap:break-word}
@media(min-width:768px){.content h2{font-size:26px;margin-top:40px;margin-bottom:14px}}
.content h2:first-child{margin-top:0}
.content p{color:var(--light);margin-bottom:12px;font-size:15px;line-height:1.75}
.content ul{list-style:none;margin-bottom:14px;padding:0}
.content ul li{padding:6px 0 6px 22px;position:relative;color:var(--light);font-size:14px}
.content ul li::before{content:'\2014';position:absolute;left:0;color:var(--accent);font-weight:600}
.sidebar-card{background:var(--graph);border:1px solid var(--border);padding:22px;margin-bottom:16px}
@media(min-width:940px){.sidebar-card{position:sticky;top:82px}}
.sidebar-card h4{font-family:var(--fh);font-size:14px;letter-spacing:1px;text-transform:uppercase;margin-bottom:12px;color:var(--accent)}
.sidebar-card p,.sidebar-card>a{font-size:13px;color:var(--light);display:block;line-height:1.8}
.sidebar-card a:hover{color:var(--accent)}
.related-services a{display:block;padding:7px 0;font-size:13px;color:var(--light);border-bottom:1px solid var(--border);transition:color .3s}
.related-services a:last-child{border-bottom:none}
.related-services a:hover{color:var(--accent)} .site-footer{background:var(--graph);border-top:1px solid var(--border);padding:36px 0}
@media(min-width:768px){.site-footer{padding:52px 0}}
.footer-grid{display:grid;grid-template-columns:1fr;gap:24px}
@media(min-width:520px){.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:768px){.footer-grid{grid-template-columns:1.2fr 1fr 1fr 1fr;gap:28px}}
.site-footer h5{font-family:var(--fh);font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--accent);margin-bottom:10px}
.site-footer p,.site-footer a{font-size:13px;color:var(--light);line-height:1.8;display:block;word-break:break-all}
.site-footer a:hover{color:var(--accent)}
.footer-bottom{margin-top:24px;padding-top:18px;border-top:1px solid var(--border);text-align:center;font-size:12px;color:var(--dim)}
.messengers{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px} .sticky-bar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:900;background:var(--navy-d);border-top:1px solid var(--border)}
.sticky-bar a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 4px;font-family:var(--fh);font-size:9px;letter-spacing:1px;text-transform:uppercase;color:var(--light);transition:color .3s;gap:2px}
.sticky-bar a:hover{color:var(--accent)}
.sticky-bar .sb-icon{font-size:18px}
@media(min-width:768px){.sticky-bar{display:none}} .fade-up{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}
.fade-up.visible{opacity:1;transform:translateY(0)} .screen-reader-text{clip:rect(1px,1px,1px,1px);position:absolute!important;height:1px;width:1px;overflow:hidden}
.wp-block-image{margin-bottom:16px}
.alignwide{max-width:var(--mw);margin-left:auto;margin-right:auto}