/*
Theme Name: Custom

*/
:root{
--color1:#0C1326;
--color2:#141d36;
--color3:#FFB23E;
--paper:#F5F2EC;
--paper-line:#e4ddcf;
--title:#15110a;
--subtitle:#3D7BFF;
--footbg:#070B17;
--foota:#A9B4CC;
--foottxt:#6c789a;
--display:"Bricolage Grotesque", "Segoe UI", system-ui, sans-serif;
--body:"Inter", system-ui, -apple-system, sans-serif;
--mono:"JetBrains Mono", ui-monospace, monospace;
}
html{scroll-behavior: smooth;}
body{font-family:var(--body);color:#4a4636;}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-weight: 700;color:var(--color2);font-family:var(--display);}
p:empty{margin:0;}
a{color:var(--color3);}
a:hover{color:inherit;}

.mark{
width:34px;height:34px;border-radius:9px;flex:none;
background:linear-gradient(135deg,var(--subtitle),var(--color3));
display:grid;place-items:center;
position:relative;overflow:hidden;
}
.mark svg{width:20px;height:20px}
.top-bar{background:#fff;padding:20px 0;}
.navbar-bg{background:var(--color1);padding:15px 0;}
.navbar-bg *{color:#fff;}
#main-menu {width: 100%;}
.navbar-bg #main-menu a {color:var(--foota) !important;font-weight: 500;}
.navbar-bg #main-menu .dropdown-menu a {color:var(--title) !important;}
.navbar-bg #main-menu .dropdown-menu a:active,.navbar-bg #main-menu .dropdown-menu a:focus{background:var(--color3) !important;}
.navbar-bg .btn{padding: 9px 16px;}

.txtc1{color:var(--color1) !important;}
.txtc2{color:var(--color2) !important;}
.txtc3{color:var(--color3) !important;}
.txtp{color:var(--foota) !important;}
.hp-title{font-size:clamp(30px,4vw,45px);}
.sub-title{color:var(--subtitle) !important;font-family:var(--mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;display:inline-flex;align-items:center;gap:10px;}
.sub-title::before{content:"";width:26px;height:1px;background:var(--subtitle);display:inline-block;}
.sub-title2{color:var(--color3) !important;font-family:var(--mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;display:inline-flex;align-items:center;gap:10px;}
.sub-title2::before{content:"";width:26px;height:1px;background:var(--color3);display:inline-block;}
.txti{font-size:3rem;}
.txtf1{font-family: var(--mono); !important;}
.txtf2{font-family: var(--display); !important;}

.btn-primary,.send{background-color:var(--color3) !important;border-color:var(--color3) !important;color:var(--color1) !important;}
.btn-secondary{background-color:var(--title) !important;border-color:var(--title) !important;color:#fff !important;}
.btn-white{background-color:#fff !important;border-color:#fff !important;color:var(--title) !important;}
.btn-white-outline{background-color:tranparent !important;border-color:#fff !important;color:#fff !important;}
.btn,.send{border-radius:30px !important;padding:14px 24px;font-family: var(--mono);font-weight:500;}
.btn:hover,.send:hover {
  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.5);
}

.hero{position:relative;padding:80px 0;overflow:hidden;background:linear-gradient(to right,rgba(5, 30, 70, 0.95) 0%,rgba(5, 30, 70, 0.80) 30%,rgba(5, 30, 70, 0.40) 60%,rgba(5, 30, 70, 0.00) 100%),url(imgs/slide-1.jpg);background-size: cover;background-position: center;background-repeat: no-repeat;}
.hero h1{font-size:clamp(42px,6.2vw,80px);font-weight:800;margin:22px 0 0;color:#fff;}
.hero h1 .grow{background:linear-gradient(100deg,var(--subtitle),var(--color3));-webkit-background-clip:text;background-clip:text;color:transparent;}
.hero p.lead{font-size:clamp(16px,1.5vw,19px);max-width:520px;margin:24px 0 0;color:var(--foota)}
.hero-cta{display:flex;gap:14px;margin-top:34px;flex-wrap:wrap}

/* ---------- MARQUEE ---------- */
.marquee{border-top:1px solid rgba(169,180,204,.12);border-bottom:1px solid rgba(169,180,204,.12);padding:18px 0;overflow:hidden;background:var(--footbg)}
.track{display:flex;gap:48px;white-space:nowrap;width:max-content;animation:scroll 32s linear infinite}
.track span{font-family:var(--mono);font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--foottxt);display:flex;align-items:center;gap:48px}
.track span::after{content:"✦";color:var(--subtitle)}
@keyframes scroll{to{transform:translateX(-50%)}}


.hpsec1{background: var(--color1);padding:100px 0;}

/* ---------- SERVICES ---------- */
.svc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.svc{
background:var(--color2);border:1px solid rgba(169,180,204,.12);
border-radius:18px;padding:26px 22px;position:relative;overflow:hidden;
transition:transform .3s, border-color .3s;min-height:178px;display:flex;flex-direction:column;
}
.svc::before{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(61,123,255,.0),rgba(255,178,62,.0));transition:background .3s}
.svc:hover{transform:translateY(-6px);border-color:rgba(61,123,255,.4)}
.svc:hover::before{background:linear-gradient(160deg,rgba(61,123,255,.08),rgba(255,178,62,.06))}
.svc .ico{width:44px;height:44px;border-radius:11px;display:grid;place-items:center;background:rgba(61,123,255,.12);color:var(--subtitle);margin-bottom:16px;position:relative}
.svc h3{font-size:19px;position:relative;color:#fff;}
.svc p{font-size:14px;margin-top:9px;margin-bottom:0;position:relative;color:var(--foota)}
.svc .no{position:absolute;top:20px;right:22px;font-family:var(--mono);font-size:12px;color:var(--foottxt)}

.hpsec2{background: var(--paper);color: #4a4636;padding:100px 0;}
.why-panel {background:var(--color2);border-radius: 24px;padding: 42px;color: #fff;}

/* ---------- AI FEATURE ---------- */
.hpsec3{background:linear-gradient(150deg,var(--footbg),#0f1a3a);position:relative;overflow:hidden;padding:100px 0;}
.hpsec3::after{content:"";position:absolute;width:560px;height:560px;border-radius:50%;
background:radial-gradient(circle,rgba(61,123,255,.22),transparent 70%);top:-180px;right:-120px}
.ai-panel{background:rgba(12,19,38,.6);border:1px solid rgba(169,180,204,.16);border-radius:20px;padding:28px;font-family:var(--mono);font-size:13.5px}
.ai-line{display:flex;gap:10px;padding:9px 0;color:var(--foota);align-items:center}
.ai-line .p{color:var(--subtitle)}
.ai-line .ok{color:var(--color3)}
.typed{border-right:2px solid var(--color3);padding-right:2px;animation:blink 1s step-end infinite}
@keyframes blink{50%{border-color:transparent}}

/* ---------- SOCIAL ---------- */
.social-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.scard{background:var(--color2);border:1px solid rgba(169,180,204,.12);border-radius:14px;padding:22px}
.scard .h{display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:12px;color:var(--foottxt)}
.scard .big{font-family:var(--display);font-size:34px;color:#fff;font-weight:700;margin-top:10px}
.scard .pct{color:var(--color3);font-size:13px;font-family:var(--mono)}

/* ---------- PROCESS ---------- */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;counter-reset:s}
.step{position:relative;padding-top:24px;border-top:2px solid var(--paper-line)}
.step .n{font-family:var(--mono);font-size:13px;color:#b5791a}
.step h3{font-size:20px;margin:12px 0 8px;color:var(--color2);}
.step p{font-size:14px}
.step.active{border-top-color:var(--color3)}

  /* ---------- CTA BAND ---------- */
.hpsec4{background:linear-gradient(120deg,var(--subtitle),var(--color3));color:var(--color1);padding:100px 0}
.hpsec4 p{color:rgba(7,11,23,.78);font-size:18px;margin-top:14px;max-width:560px;margin-left:auto;margin-right:auto}


.footer {padding: 20px 0;background:var(--footbg);}
.footer h4 {font-family: var(--mono);margin: 30px 0 15px;font-size: 20px;color: var(--foottxt);text-transform: uppercase;}
.footer *{color: var(--foota);}
.foot-social a{display:inline-block;margin:0 5px;font-size:22px;width: 36px;height: 36px;border-radius: 9px;border: 1px solid rgba(169,180,204,.2);text-align: center;line-height: 36px;}
.copy-foot {padding-top: 24px;border-top: 1px solid rgba(169,180,204,.1);padding-top: 20px;}

.section-white {background: #fff;padding: 50px 0;}
.section-primary {background: var(--color1);padding: 50px 0;}
.section-primary * {color: #fff;}
.section-secondary {background: var(--color2);padding: 50px 0;}
.section-secondary * {color: #fff;}
.section-lightgrey {background: #eee;padding: 50px 0;}

.inner-bg{position:relative;padding:50px 0;overflow:hidden;background:linear-gradient(to right,rgba(5, 30, 70, 0.95) 0%,rgba(5, 30, 70, 0.80) 30%,rgba(5, 30, 70, 0.40) 60%,rgba(5, 30, 70, 0.00) 100%),url(imgs/header-default.jpg);background-size: cover;background-position: center;background-repeat: no-repeat;}
.inner-bg *{color:#fff;}
.g-recaptcha {display: inline-block;transform: scale(0.77);-webkit-transform: scale(0.77);transform-origin: 0 0; -webkit-transform-origin: 0 0;}
.wrapper {padding: 50px 0;}
.updated {display: none;}
.published.updated {display: inline;}
#recent-posts-2 a,#categories-2 a,h2.entry-title a {color: inherit;}
.txtarea-field{height:100px;}
.txt20{font-size:20px;}
.mb30{margin-bottom:30px;}
.ewd-ufaq-faq-title-text h4 {font-size: 18px;}

/***************************** MEDIA *******************************/
@media screen and (min-width: 992px) {

}

@media screen and (max-width: 991px) {
.svc-grid{grid-template-columns:repeat(2,1fr)}
.steps{grid-template-columns:repeat(2,1fr)}
}

@media screen and (max-width: 767px) {
.svc-grid,.steps,.foot-grid,.social-cards{grid-template-columns:1fr}
}