*,*::before,*::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:90px; }
body { 
font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; 
color:#1e293b; 
overflow-x:hidden; 
background:#fff;
line-height:1.6;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}
a { text-decoration:none; color:inherit; }
img { max-width:100%; display:block; height:auto; }
button { font-family:inherit; cursor:pointer; border:none; background:none; }
:root {
--c-primary:#0f4c81;
--c-primary-light:#1a6db5;
--c-primary-dark:#061e35;
--c-primary-bg:#e8f0fe;
--c-accent:#00b894;
--c-accent-light:#00d4aa;
--c-accent-dark:#009d80;
--c-bg:#f8fafc;
--c-alt:#f1f5f9;
--c-text-dark:#1e293b;
--c-text-mid:#475569;
--c-text-light:#94a3b8;
--c-border:#e2e8f0;
--shadow-sm:0 2px 8px rgba(15,76,129,.04);
--shadow-md:0 8px 30px rgba(15,76,129,.06);
--shadow-lg:0 20px 60px rgba(15,76,129,.12);
--shadow-xl:0 30px 80px rgba(15,76,129,.18);
--shadow-glow:0 0 40px rgba(0,184,148,.15);
--radius-sm:8px;
--radius-md:12px;
--radius-lg:18px;
--radius-xl:24px;
--ease:cubic-bezier(0.22,0.61,0.36,1);
--ease-bounce:cubic-bezier(0.68,-0.6,0.32,1.6);
--font-display:'Space Grotesk','Inter',sans-serif;
--font-body:'Inter',sans-serif;
}
.container { max-width:1240px; margin:0 auto; padding:0 24px; }
.scroll-progress {
position:fixed; top:0; left:0; right:0; height:3px;
background:transparent; z-index:9999; pointer-events:none;
}
.scroll-progress-bar {
height:100%; 
background:linear-gradient(90deg,var(--c-primary),var(--c-accent));
width:0%; transition:width .15s ease;
}
::-webkit-scrollbar { width:10px; }
::-webkit-scrollbar-track { background:#f1f5f9; }
::-webkit-scrollbar-thumb { 
background:linear-gradient(180deg,var(--c-primary),var(--c-accent));
border-radius:5px;
}
.navbar {
position:fixed; top:0; left:0; right:0; z-index:9000;
background:#ffffff;
border-bottom:1px solid rgba(15,76,129,0.06);
transition:all .3s var(--ease);
box-shadow:var(--shadow-sm);
}
.navbar.scrolled { 
box-shadow:var(--shadow-md);
backdrop-filter:blur(20px);
background:rgba(255,255,255,0.95);
}
.nav-inner {
max-width:1240px; margin:0 auto; padding:0 24px;
display:flex; align-items:center; justify-content:space-between;
height:80px; 
}
.nav-logo {
display:flex; align-items:center;
transition:transform .3s var(--ease);
padding:8px 0;
}
.nav-logo:hover { transform:scale(1.03); }
.nav-logo img {
height:55px;
width:auto;
max-width:200px;
display:block;
object-fit:contain;
}
.nav-menu {
display:flex; align-items:center; gap:4px;
}
.nav-link {
padding:10px 16px;
color:var(--c-text-dark);
font-weight:500;
font-size:0.92rem;
transition:all .3s var(--ease);
border-radius:var(--radius-sm);
position:relative;
white-space:nowrap;
}
.nav-link:hover {
color:var(--c-primary);
background:var(--c-primary-bg);
}
.nav-link.active {
color:var(--c-primary);
background:var(--c-primary-bg);
font-weight:600;
}
.nav-cta {
padding:12px 24px;
background:linear-gradient(135deg,var(--c-accent),var(--c-accent-dark));
color:#fff !important;
border-radius:var(--radius-md);
font-weight:700;
font-size:0.9rem;
display:inline-flex;
align-items:center;
gap:8px;
transition:all .3s var(--ease);
box-shadow:0 6px 20px rgba(0,184,148,.3);
margin-left:8px;
white-space:nowrap;
}
.nav-cta:hover {
transform:translateY(-2px);
box-shadow:0 12px 28px rgba(0,184,148,.4);
}
.mobile-toggle {
display:none;
font-size:1.5rem;
color:var(--c-text-dark);
cursor:pointer;
padding:8px;
border-radius:var(--radius-sm);
}
.mobile-toggle:hover {
background:var(--c-bg);
}
.nav-dropdown {
position:relative;
}
.nav-dropdown > .nav-link {
display:inline-flex;
align-items:center;
gap:6px;
}
.nav-dropdown > .nav-link::after {
content:'\f107';
font-family:'Font Awesome 6 Free';
font-weight:900;
font-size:0.7rem;
transition:transform .3s var(--ease);
}
.nav-dropdown:hover > .nav-link::after { transform:rotate(180deg); }
.nav-dropdown:hover > .nav-link {
color:var(--c-primary);
background:var(--c-primary-bg);
}
.dropdown-menu {
position:absolute;
top:calc(100% + 10px);
left:0;
min-width:340px;
background:#ffffff;
border-radius:var(--radius-md);
box-shadow:0 25px 60px rgba(15,76,129,0.15);
border:1px solid rgba(15,76,129,0.06);
padding:10px;
opacity:0;
visibility:hidden;
transform:translateY(15px);
transition:all .35s var(--ease);
z-index:1000;
}
.nav-dropdown:hover .dropdown-menu {
opacity:1;
visibility:visible;
transform:translateY(0);
}
.dropdown-menu::before {
content:'';
position:absolute;
top:-6px;
left:30px;
width:12px;
height:12px;
background:#ffffff;
border-top:1px solid rgba(15,76,129,0.06);
border-left:1px solid rgba(15,76,129,0.06);
transform:rotate(45deg);
}
.dropdown-menu a {
display:flex;
align-items:center;
gap:12px;
padding:12px 14px;
color:var(--c-text-dark);
font-size:0.88rem;
font-weight:500;
border-radius:var(--radius-sm);
transition:all .25s var(--ease);
position:relative;
z-index:1;
}
.dropdown-menu a:hover {
background:linear-gradient(135deg,var(--c-primary-bg),#dbe9fa);
color:var(--c-primary);
padding-left:20px;
}
.dropdown-menu a i {
width:36px; height:36px;
background:linear-gradient(135deg,var(--c-primary-bg),#dbe9fa);
color:var(--c-primary);
border-radius:var(--radius-sm);
display:flex;
align-items:center;
justify-content:center;
font-size:0.9rem;
transition:all .25s var(--ease);
flex-shrink:0;
}
.dropdown-menu a:hover i {
background:linear-gradient(135deg,var(--c-primary),var(--c-accent));
color:#fff;
transform:scale(1.1);
}
.hero {
min-height:calc(100vh - 80px);
display:flex;
align-items:center;
background:linear-gradient(135deg,#0f4c81 0%,#061e35 60%,#020f1f 100%);
color:#fff;
position:relative;
overflow:hidden;
padding:120px 0 100px;
margin-top:80px;
}
.hero::before {
content:'';
position:absolute;
width:900px; height:900px;
border-radius:50%;
background:radial-gradient(circle,rgba(0,184,148,.18) 0%,transparent 60%);
top:-350px; right:-250px;
animation:heroGlow 8s ease-in-out infinite alternate;
filter:blur(40px);
pointer-events:none;
}
.hero::after {
content:'';
position:absolute;
width:600px; height:600px;
border-radius:50%;
background:radial-gradient(circle,rgba(15,76,129,.5) 0%,transparent 60%);
bottom:-250px; left:-200px;
filter:blur(50px);
pointer-events:none;
}
@keyframes heroGlow {
from { opacity:.5; transform:scale(.95); }
to { opacity:1; transform:scale(1.2); }
}
.orb {
position:absolute;
border-radius:50%;
filter:blur(70px);
opacity:.4;
pointer-events:none;
}
.orb-1 { width:300px; height:300px; background:#00b894; top:15%; left:5%; animation:orbFloat 9s ease-in-out infinite; }
.orb-2 { width:250px; height:250px; background:#1a6db5; bottom:20%; right:8%; animation:orbFloat 11s ease-in-out infinite reverse; }
@keyframes orbFloat {
0%,100% { transform:translate(0,0); }
50% { transform:translate(40px,-50px); }
}
.hero-grid {
position:relative;
z-index:2;
display:grid;
grid-template-columns:1.25fr 1fr;
gap:70px;
align-items:center;
width:100%;
}
.hero-content {
padding-right:20px;
}
.hero-badge {
display:inline-flex;
align-items:center;
gap:10px;
background:rgba(0,184,148,.12);
backdrop-filter:blur(20px);
padding:10px 20px;
border-radius:50px;
font-size:0.82rem;
color:#00d4aa;
border:1px solid rgba(0,184,148,.3);
margin-bottom:24px;
font-weight:700;
letter-spacing:0.5px;
animation:fadeUp .8s var(--ease) .2s both;
}
.hero-badge::before {
content:'';
width:8px; height:8px;
background:#00d4aa;
border-radius:50%;
animation:pulseDot 2s infinite;
}
@keyframes pulseDot {
0%,100% { box-shadow:0 0 0 0 rgba(0,212,170,.6); }
50% { box-shadow:0 0 0 12px rgba(0,212,170,0); }
}
.hero-title {
font-family:var(--font-display);
font-size:3.4rem;
font-weight:700;
line-height:1.08;
margin-bottom:24px;
letter-spacing:-1.8px;
animation:fadeUp .8s var(--ease) .35s both;
color:#fff;
}
.hero-title .accent {
background:linear-gradient(135deg,#00b894,#00d4aa,#5eead4);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
background-clip:text;
}
.hero-subtitle {
font-size:1.1rem;
color:rgba(255,255,255,.75);
max-width:580px;
margin-bottom:32px;
line-height:1.7;
animation:fadeUp .8s var(--ease) .5s both;
}
.hero-trust {
display:flex;
flex-direction:column;
gap:12px;
margin-bottom:36px;
animation:fadeUp .8s var(--ease) .65s both;
}
.trust-item {
display:flex;
align-items:center;
gap:12px;
color:rgba(255,255,255,.85);
font-size:0.95rem;
}
.trust-item i {
color:#00d4aa;
font-size:1rem;
width:20px;
}
.hero-buttons {
display:flex;
gap:14px;
flex-wrap:wrap;
animation:fadeUp .8s var(--ease) .8s both;
}
@keyframes fadeUp {
from { opacity:0; transform:translateY(40px); }
to { opacity:1; transform:translateY(0); }
}
.btn-primary {
display:inline-flex;
align-items:center;
gap:8px;
padding:16px 32px;
background:linear-gradient(135deg,var(--c-accent),var(--c-accent-dark));
color:#fff;
border-radius:var(--radius-md);
font-weight:700;
transition:all .4s var(--ease);
font-size:0.95rem;
box-shadow:0 10px 30px rgba(0,184,148,.3);
text-decoration:none;
}
.btn-primary:hover {
transform:translateY(-4px);
box-shadow:0 20px 40px rgba(0,184,148,.4);
}
.btn-outline {
display:inline-flex;
align-items:center;
gap:8px;
padding:16px 32px;
border:2px solid rgba(255,255,255,.25);
background:rgba(255,255,255,.04);
backdrop-filter:blur(12px);
color:#fff;
border-radius:var(--radius-md);
font-weight:700;
transition:all .4s var(--ease);
font-size:0.95rem;
text-decoration:none;
}
.btn-outline:hover {
border-color:#fff;
background:rgba(255,255,255,.1);
transform:translateY(-4px);
}
.hero-form-wrapper {
animation:fadeUp .8s var(--ease) .4s both;
}
.hero-form {
background:rgba(255,255,255,.08);
backdrop-filter:blur(30px);
-webkit-backdrop-filter:blur(30px);
border:1px solid rgba(255,255,255,.15);
border-radius:var(--radius-xl);
padding:40px 36px;
box-shadow:0 40px 100px rgba(0,0,0,.35);
position:relative;
}
.hero-form::before {
content:'';
position:absolute;
top:-1px; left:-1px; right:-1px;
height:3px;
background:linear-gradient(90deg,var(--c-accent),var(--c-accent-light));
border-radius:var(--radius-xl) var(--radius-xl) 0 0;
}
.form-badge {
display:inline-flex;
align-items:center;
gap:6px;
background:rgba(0,184,148,.18);
color:#00d4aa;
padding:6px 14px;
border-radius:20px;
font-size:0.72rem;
font-weight:700;
letter-spacing:1px;
text-transform:uppercase;
margin-bottom:16px;
}
.form-title {
font-family:var(--font-display);
font-size:1.7rem;
font-weight:700;
color:#fff;
margin-bottom:6px;
line-height:1.2;
}
.form-sub {
font-size:0.9rem;
color:rgba(255,255,255,.65);
margin-bottom:28px;
display:flex;
align-items:center;
gap:6px;
}
.form-sub i { color:#00d4aa; }
.form-row { margin-bottom:16px; }
.form-row label {
display:block;
font-size:0.78rem;
font-weight:600;
color:rgba(255,255,255,.85);
margin-bottom:8px;
letter-spacing:0.3px;
}
.form-row input,
.form-row select,
.form-row textarea {
width:100%;
padding:14px 18px;
border:1.5px solid rgba(255,255,255,.15);
border-radius:var(--radius-md);
font-size:0.95rem;
font-family:var(--font-body);
background:rgba(255,255,255,.04);
color:#fff;
transition:all .3s var(--ease);
}
.form-row input::placeholder,
.form-row textarea::placeholder {
color:rgba(255,255,255,.4);
}
.form-row select { 
color:rgba(255,255,255,.85); 
cursor:pointer;
appearance:none;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2300d4aa'%3E%3Cpath d='M12 16L6 10h12z'/%3E%3C/svg%3E");
background-repeat:no-repeat;
background-position:right 16px center;
background-size:18px;
padding-right:50px;
}
.form-row select option {
background:#0f4c81;
color:#fff;
}
.form-row input:focus,
.form-row select:focus,
.form-row textarea:focus {
outline:none;
border-color:var(--c-accent);
background:rgba(255,255,255,.08);
box-shadow:0 0 0 4px rgba(0,184,148,.15);
}
.form-submit {
width:100%;
padding:16px;
background:linear-gradient(135deg,var(--c-accent),var(--c-accent-dark));
color:#fff;
border:none;
border-radius:var(--radius-md);
font-size:1rem;
font-weight:700;
cursor:pointer;
transition:all .4s var(--ease);
box-shadow:0 15px 35px rgba(0,184,148,.3);
display:flex;
align-items:center;
justify-content:center;
gap:8px;
margin-top:8px;
}
.form-submit:hover {
transform:translateY(-3px);
box-shadow:0 22px 45px rgba(0,184,148,.4);
}
.form-trust-row {
display:flex;
align-items:center;
justify-content:center;
gap:18px;
margin-top:20px;
padding-top:20px;
border-top:1px solid rgba(255,255,255,.08);
font-size:0.78rem;
color:rgba(255,255,255,.55);
}
.form-trust-row span {
display:flex;
align-items:center;
gap:6px;
}
.form-trust-row i {
color:#00d4aa;
font-size:0.9rem;
}
.section-header {
text-align:center;
max-width:780px;
margin:0 auto 60px;
}
.section-pill {
display:inline-flex;
align-items:center;
gap:8px;
background:linear-gradient(135deg,var(--c-primary-bg),#dbe9fa);
color:var(--c-primary);
font-size:0.72rem;
font-weight:800;
padding:8px 20px;
border-radius:50px;
text-transform:uppercase;
letter-spacing:1.8px;
margin-bottom:18px;
border:1px solid rgba(15,76,129,.12);
}
.section-pill.light {
background:rgba(255,255,255,.1);
color:#fff;
border:1px solid rgba(255,255,255,.15);
backdrop-filter:blur(20px);
}
.section-title {
font-family:var(--font-display);
font-size:2.6rem;
font-weight:700;
margin:14px 0 14px;
line-height:1.15;
letter-spacing:-1.2px;
background:linear-gradient(135deg,#1e293b,#475569);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}
.section-sub {
font-size:1.05rem;
color:var(--c-text-mid);
line-height:1.7;
}
.stats { padding:80px 0; background:linear-gradient(180deg,#fff 0%,#f8fafc 100%); }
.stats-grid {
display:grid;
grid-template-columns:repeat(5,1fr);
gap:20px;
}
.stat-card {
background:rgba(255,255,255,.65);
backdrop-filter:blur(20px);
border:1px solid rgba(15,76,129,.08);
border-radius:var(--radius-lg);
padding:32px 24px;
text-align:center;
transition:all .4s var(--ease);
position:relative;
overflow:hidden;
}
.stat-card::before {
content:'';
position:absolute;
top:0; left:0; right:0;
height:3px;
background:linear-gradient(90deg,var(--c-primary),var(--c-accent));
transform:scaleX(0);
transition:transform .4s var(--ease);
transform-origin:left;
}
.stat-card:hover::before { transform:scaleX(1); }
.stat-card:hover {
transform:translateY(-8px);
box-shadow:var(--shadow-xl);
background:#fff;
}
.stat-card h3 {
font-family:var(--font-display);
font-size:2.6rem;
font-weight:700;
background:linear-gradient(135deg,var(--c-primary),var(--c-accent));
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
line-height:1;
margin-bottom:10px;
}
.stat-card p {
font-size:0.8rem;
color:var(--c-text-mid);
text-transform:uppercase;
letter-spacing:1.2px;
font-weight:600;
}
.services { padding:100px 0; background:var(--c-bg); }
.services-grid {
display:grid;
grid-template-columns:repeat(3,1fr);
gap:26px;
}
.service-card {
background:#fff;
border-radius:var(--radius-lg);
padding:40px 32px;
border:1px solid rgba(15,76,129,.06);
transition:all .5s var(--ease);
position:relative;
overflow:hidden;
}
.service-card::before {
content:'';
position:absolute;
top:0; left:0;
width:100%; height:100%;
background:linear-gradient(135deg,rgba(15,76,129,.03),rgba(0,184,148,.03));
opacity:0;
transition:opacity .4s;
}
.service-card::after {
content:'';
position:absolute;
top:0; left:0; right:0;
height:4px;
background:linear-gradient(90deg,var(--c-primary),var(--c-accent));
transform:scaleX(0);
transition:transform .5s var(--ease);
transform-origin:left;
}
.service-card:hover {
transform:translateY(-12px);
border-color:rgba(0,184,148,.2);
box-shadow:0 30px 60px rgba(15,76,129,.15);
}
.service-card:hover::before { opacity:1; }
.service-card:hover::after { transform:scaleX(1); }
.service-card > * { position:relative; z-index:1; }
.service-icon {
width:64px;
height:64px;
border-radius:var(--radius-md);
display:flex;
align-items:center;
justify-content:center;
margin-bottom:24px;
font-size:1.6rem;
color:#fff;
box-shadow:0 10px 25px rgba(15,76,129,.2);
transition:transform .4s var(--ease);
}
.service-card:hover .service-icon {
transform:scale(1.1) rotate(-6deg);
}
.service-card h3 {
font-family:var(--font-display);
font-size:1.3rem;
font-weight:700;
margin-bottom:12px;
color:var(--c-text-dark);
}
.service-card p {
font-size:0.94rem;
color:var(--c-text-mid);
line-height:1.65;
margin-bottom:20px;
}
.service-link {
display:inline-flex;
align-items:center;
gap:8px;
color:var(--c-primary);
font-weight:600;
font-size:0.9rem;
transition:gap .3s var(--ease);
}
.service-link:hover {
gap:14px;
color:var(--c-accent);
}
.why { padding:100px 0; background:#fff; }
.why-grid {
display:grid;
grid-template-columns:1fr 1fr;
gap:70px;
align-items:center;
}
.why-content h2 {
font-family:var(--font-display);
font-size:2.4rem;
font-weight:700;
margin-bottom:20px;
line-height:1.15;
letter-spacing:-1px;
color:var(--c-text-dark);
}
.why-content p {
font-size:1.05rem;
color:var(--c-text-mid);
line-height:1.75;
margin-bottom:32px;
}
.why-features {
display:grid;
gap:14px;
}
.why-feature {
display:flex;
gap:18px;
padding:20px;
background:#f8fafc;
border-radius:var(--radius-md);
border:1px solid rgba(15,76,129,.04);
transition:all .3s var(--ease);
align-items:flex-start;
}
.why-feature:hover {
background:#fff;
border-color:rgba(0,184,148,.2);
transform:translateX(8px);
box-shadow:var(--shadow-md);
}
.why-feature-icon {
width:52px;
height:52px;
border-radius:var(--radius-sm);
background:linear-gradient(135deg,var(--c-primary-bg),#dbe9fa);
color:var(--c-primary);
display:flex;
align-items:center;
justify-content:center;
font-size:1.3rem;
flex-shrink:0;
transition:all .3s var(--ease);
}
.why-feature:hover .why-feature-icon {
background:linear-gradient(135deg,var(--c-primary),var(--c-accent));
color:#fff;
transform:scale(1.05);
}
.why-feature-content h4 {
font-size:1.05rem;
font-weight:700;
margin-bottom:6px;
color:var(--c-text-dark);
}
.why-feature-content p {
font-size:0.88rem;
color:var(--c-text-mid);
line-height:1.55;
margin:0;
}
.why-visual {
position:relative;
}
.why-card {
background:linear-gradient(135deg,#0f4c81,#061e35);
padding:56px 44px;
border-radius:var(--radius-xl);
color:#fff;
position:relative;
overflow:hidden;
box-shadow:0 40px 80px rgba(15,76,129,.25);
}
.why-card::before {
content:'';
position:absolute;
width:400px;
height:400px;
border-radius:50%;
background:radial-gradient(circle,rgba(0,184,148,.25),transparent 60%);
top:-180px; right:-180px;
filter:blur(30px);
}
.why-card-badge {
display:inline-flex;
align-items:center;
gap:10px;
background:rgba(0,184,148,.18);
color:#00d4aa;
padding:10px 22px;
border-radius:50px;
font-size:0.85rem;
font-weight:700;
margin-bottom:24px;
position:relative;
z-index:1;
}
.why-card h3 {
font-family:var(--font-display);
font-size:2.2rem;
font-weight:700;
line-height:1.15;
margin-bottom:18px;
position:relative;
z-index:1;
}
.why-card p {
font-size:0.98rem;
color:rgba(255,255,255,.78);
line-height:1.7;
margin-bottom:30px;
position:relative;
z-index:1;
}
.why-card-stats {
display:grid;
grid-template-columns:repeat(2,1fr);
gap:24px;
padding-top:28px;
border-top:1px solid rgba(255,255,255,.12);
position:relative;
z-index:1;
}
.why-card-stats > div h4 {
font-family:var(--font-display);
font-size:1.9rem;
font-weight:700;
color:#00d4aa;
margin-bottom:6px;
}
.why-card-stats > div p {
font-size:0.82rem;
color:rgba(255,255,255,.65);
margin:0;
}
.process { padding:100px 0; background:var(--c-bg); }
.process-grid {
display:grid;
grid-template-columns:repeat(4,1fr);
gap:30px;
position:relative;
}
.process-step {
text-align:center;
position:relative;
}
.process-step::before {
content:'';
position:absolute;
top:46px;
right:-15px;
width:calc(100% - 92px);
height:2px;
background:linear-gradient(90deg,var(--c-primary-bg),transparent);
z-index:0;
}
.process-step:last-child::before { display:none; }
.step-number {
width:92px;
height:92px;
border-radius:50%;
background:linear-gradient(135deg,var(--c-primary),var(--c-accent));
color:#fff;
display:flex;
align-items:center;
justify-content:center;
font-family:var(--font-display);
font-size:1.9rem;
font-weight:700;
margin:0 auto 24px;
box-shadow:0 18px 40px rgba(15,76,129,.25);
position:relative;
z-index:1;
border:5px solid #fff;
}
.step-number::after {
content:'';
position:absolute;
inset:-8px;
border-radius:50%;
border:2px solid currentColor;
opacity:.2;
animation:ringPulse 2.5s ease-in-out infinite;
}
@keyframes ringPulse {
0%,100% { transform:scale(1); opacity:.2; }
50% { transform:scale(1.15); opacity:0; }
}
.process-step h4 {
font-family:var(--font-display);
font-size:1.2rem;
font-weight:700;
margin-bottom:10px;
color:var(--c-text-dark);
}
.process-step p {
font-size:0.9rem;
color:var(--c-text-mid);
line-height:1.6;
padding:0 10px;
}
.testimonials { padding:100px 0; background:#fff; }
.testimonials-grid {
display:grid;
grid-template-columns:repeat(3,1fr);
gap:28px;
}
.testimonial-card {
background:#fff;
border-radius:var(--radius-lg);
padding:36px;
border:1px solid rgba(15,76,129,.08);
transition:all .4s var(--ease);
position:relative;
box-shadow:var(--shadow-sm);
}
.testimonial-card::before {
content:'\f10d';
font-family:'Font Awesome 6 Free';
font-weight:900;
position:absolute;
top:24px; right:28px;
font-size:2.8rem;
color:rgba(0,184,148,.12);
line-height:1;
}
.testimonial-card:hover {
transform:translateY(-10px);
box-shadow:var(--shadow-lg);
border-color:rgba(0,184,148,.2);
}
.testimonial-stars {
color:#fbbf24;
font-size:1.05rem;
margin-bottom:18px;
letter-spacing:3px;
}
.testimonial-card blockquote {
font-size:0.98rem;
line-height:1.75;
color:var(--c-text-dark);
margin-bottom:24px;
font-style:italic;
}
.testimonial-author {
display:flex;
align-items:center;
gap:16px;
padding-top:22px;
border-top:1px solid var(--c-alt);
}
.testimonial-avatar {
width:52px;
height:52px;
border-radius:50%;
background:linear-gradient(135deg,var(--c-primary),var(--c-accent));
color:#fff;
display:flex;
align-items:center;
justify-content:center;
font-weight:700;
font-size:1.05rem;
flex-shrink:0;
}
.testimonial-author h5 {
font-size:0.98rem;
font-weight:700;
color:var(--c-text-dark);
margin-bottom:2px;
}
.testimonial-author p {
font-size:0.82rem;
color:var(--c-text-mid);
}
.areas-section { padding:80px 0; background:linear-gradient(180deg,var(--c-bg),#fff); }
.area-pills {
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:14px;
max-width:900px;
margin:0 auto;
}
.area-pill {
background:#fff;
border:1.5px solid var(--c-border);
padding:14px 28px;
border-radius:50px;
font-size:0.92rem;
font-weight:600;
color:var(--c-text-mid);
transition:all .4s var(--ease);
cursor:default;
}
.area-pill:hover {
background:linear-gradient(135deg,var(--c-primary),var(--c-accent));
color:#fff;
border-color:transparent;
transform:translateY(-4px) scale(1.05);
box-shadow:0 12px 30px rgba(15,76,129,.3);
}
.area-pill.hq {
background:linear-gradient(135deg,var(--c-primary),var(--c-accent));
color:#fff;
border-color:transparent;
box-shadow:0 8px 24px rgba(0,184,148,.3);
}
.area-pill.hq i { margin-right:6px; }
.cta-section {
padding:120px 0;
background:linear-gradient(135deg,#0f4c81 0%,#061e35 60%,#020f1f 100%);
color:#fff;
position:relative;
overflow:hidden;
}
.cta-section::before {
content:'';
position:absolute;
width:700px;
height:700px;
border-radius:50%;
background:radial-gradient(circle,rgba(0,184,148,.18),transparent 60%);
top:-250px; right:-100px;
filter:blur(50px);
}
.cta-section::after {
content:'';
position:absolute;
width:500px;
height:500px;
border-radius:50%;
background:radial-gradient(circle,rgba(15,76,129,.4),transparent 60%);
bottom:-200px; left:-100px;
filter:blur(50px);
}
.cta-content {
text-align:center;
max-width:780px;
margin:0 auto;
position:relative;
z-index:1;
}
.cta-content h2 {
font-family:var(--font-display);
font-size:2.8rem;
font-weight:700;
margin-bottom:20px;
line-height:1.15;
letter-spacing:-1.2px;
}
.cta-content p {
color:rgba(255,255,255,.78);
margin-bottom:36px;
line-height:1.7;
font-size:1.15rem;
}
.cta-buttons {
display:flex;
gap:16px;
justify-content:center;
flex-wrap:wrap;
}
.footer {
background:#061e35;
color:rgba(255,255,255,0.7);
padding:90px 0 30px;
position:relative;
overflow:hidden;
}
.footer::before {
content:'';
position:absolute;
width:600px;
height:600px;
border-radius:50%;
background:radial-gradient(circle,rgba(0,184,148,.08),transparent 60%);
top:-250px; right:-150px;
filter:blur(50px);
pointer-events:none;
}
.footer-grid {
display:grid;
grid-template-columns:2.2fr 1fr 1fr 1.2fr;
gap:60px;
margin-bottom:60px;
position:relative;
z-index:1;
}
.footer-col h4 {
font-family:var(--font-display);
font-size:1.05rem;
font-weight:700;
color:#fff;
margin-bottom:24px;
letter-spacing:0.3px;
}
.footer-brand h4 {
font-size:1.5rem;
margin-bottom:18px;
}
.footer-brand h4 span { color:var(--c-accent); }
.footer p, .footer li {
font-size:0.9rem;
line-height:1.8;
color:rgba(255,255,255,0.65);
}
.footer-brand p {
margin-bottom:24px;
max-width:380px;
}
.footer-contact {
margin-top:14px;
}
.footer-contact > div {
display:flex;
align-items:flex-start;
gap:12px;
margin-bottom:12px;
font-size:0.9rem;
color:rgba(255,255,255,0.75);
}
.footer-contact i {
color:var(--c-accent);
width:20px;
font-size:1rem;
margin-top:2px;
}
.footer ul { list-style:none; }
.footer ul a {
color:rgba(255,255,255,0.65);
transition:all .3s var(--ease);
display:block;
padding:6px 0;
font-size:0.9rem;
}
.footer ul a:hover {
color:var(--c-accent);
transform:translateX(6px);
}
.footer-social {
display:flex;
gap:12px;
margin-top:20px;
}
.footer-social a {
width:42px;
height:42px;
background:rgba(255,255,255,0.06);
border-radius:var(--radius-sm);
display:flex;
align-items:center;
justify-content:center;
color:rgba(255,255,255,0.65);
font-size:1rem;
transition:all .3s var(--ease);
border:1px solid rgba(255,255,255,0.05);
}
.footer-social a:hover {
background:var(--c-accent);
color:#fff;
transform:translateY(-4px);
border-color:var(--c-accent);
box-shadow:0 10px 24px rgba(0,184,148,0.3);
}
.footer-bottom {
border-top:1px solid rgba(255,255,255,0.08);
padding-top:28px;
display:flex;
justify-content:space-between;
align-items:center;
font-size:0.85rem;
color:rgba(255,255,255,0.5);
flex-wrap:wrap;
gap:14px;
position:relative;
z-index:1;
}
.footer-legal { display:flex; gap:28px; }
.footer-legal a {
color:rgba(255,255,255,0.5);
transition:color .3s;
}
.footer-legal a:hover { color:var(--c-accent); }
.whatsapp-float {
position:fixed;
bottom:30px;
right:30px;
width:62px;
height:62px;
background:linear-gradient(135deg,#25D366,#128C7E);
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
color:#fff;
font-size:1.85rem;
box-shadow:0 12px 32px rgba(37,211,102,.4);
z-index:998;
animation:waPulse 3s infinite;
text-decoration:none;
}
@keyframes waPulse {
0%,100% { box-shadow:0 12px 32px rgba(37,211,102,.4), 0 0 0 0 rgba(37,211,102,.6); }
50% { box-shadow:0 12px 32px rgba(37,211,102,.4), 0 0 0 22px rgba(37,211,102,0); }
}
.whatsapp-float:hover {
transform:scale(1.1) rotate(8deg);
}
@media (max-width:1024px) {
.mobile-toggle { display:block; }
.nav-menu {
display:none;
position:absolute;
top:80px; left:0; right:0;
background:#fff;
flex-direction:column;
padding:24px;
gap:6px;
box-shadow:0 20px 40px rgba(0,0,0,0.1);
border-top:1px solid rgba(15,76,129,0.08);
max-height:calc(100vh - 80px);
overflow-y:auto;
}
.nav-menu.open { display:flex; }
.nav-link { width:100%; text-align:center; }
.nav-cta { margin-top:8px; }
.dropdown-menu {
position:static;
opacity:1;
visibility:visible;
transform:none;
box-shadow:none;
border:none;
background:rgba(15,76,129,0.04);
margin-top:8px;
padding:14px;
min-width:auto;
width:100%;
}
.dropdown-menu::before { display:none; }
.nav-dropdown:hover .dropdown-menu { transform:none; }
.hero-grid { grid-template-columns:1fr; gap:50px; }
.hero-content { padding-right:0; text-align:center; }
.hero-title { font-size:2.6rem; }
.hero-trust { align-items:center; }
.hero-buttons { justify-content:center; }
.services-grid, .testimonials-grid { grid-template-columns:repeat(2,1fr); }
.stats-grid { grid-template-columns:repeat(3,1fr); }
.process-grid { grid-template-columns:repeat(2,1fr); gap:50px; }
.process-step::before { display:none; }
.why-grid { grid-template-columns:1fr; gap:50px; }
.footer-grid { grid-template-columns:1fr 1fr; gap:40px; }
.footer-brand { grid-column:1/-1; }
}
@media (max-width:768px) {
.nav-logo img { height:42px; }
.nav-inner { height:70px; }
.hero { margin-top:70px; padding:80px 0 60px; }
.hero-title { font-size:2.1rem; }
.section-title { font-size:1.9rem; }
.services-grid, .testimonials-grid, .stats-grid { grid-template-columns:1fr; }
.process-grid { grid-template-columns:1fr; gap:60px; }
.footer-grid { grid-template-columns:1fr; gap:36px; }
.footer-bottom { flex-direction:column; text-align:center; }
.footer-legal { justify-content:center; }
.cta-content h2 { font-size:1.9rem; }
.why-card h3 { font-size:1.7rem; }
.why-card { padding:40px 28px; }
.hero-form { padding:32px 26px; }
}
@supports (padding:max(0px)) {
.navbar, .footer {
padding-left: max(24px, env(safe-area-inset-left));
padding-right: max(24px, env(safe-area-inset-right));
}
.whatsapp-float {
right: max(30px, env(safe-area-inset-right));
bottom: max(30px, env(safe-area-inset-bottom));
}
}
@media (max-width: 1024px) {
.nav-link {
padding: 14px 20px;
min-height: 44px;
display: flex;
align-items: center;
justify-content: center;
}
.dropdown-menu a {
padding: 14px 16px;
min-height: 44px;
}
.btn-primary, .btn-outline {
min-height: 48px;
padding: 14px 28px;
}
.form-submit {
min-height: 52px;
}
.area-pill {
min-height: 40px;
display: inline-flex;
align-items: center;
}
}
.mobile-toggle {
position: relative;
width: 44px;
height: 44px;
display: none;
border-radius: var(--radius-sm);
align-items: center;
justify-content: center;
transition: all .3s var(--ease);
}
.mobile-toggle:hover {
background: var(--c-primary-bg);
}
.mobile-toggle.active {
background: var(--c-primary-bg);
transform: rotate(90deg);
}
@media (max-width: 1024px) {
.mobile-toggle { display: flex; }
}
@media (max-width: 1024px) {
.nav-menu {
transform: translateY(-20px);
opacity: 0;
visibility: hidden;
transition: all .35s var(--ease);
}
.nav-menu.open {
display: flex !important;
transform: translateY(0);
opacity: 1;
visibility: visible;
}
.nav-menu {
padding: 16px 20px 32px;
gap: 4px;
}
.nav-link {
font-size: 1rem;
font-weight: 600;
}
.nav-cta {
margin-top: 12px;
padding: 16px 24px;
font-size: 1rem;
justify-content: center;
width: 100%;
}
}
@media (max-width: 768px) {
.hero { 
padding: 60px 0 50px;
min-height: auto;
}
.hero-grid { gap: 40px; }
.hero-badge {
font-size: 0.74rem;
padding: 8px 16px;
margin-bottom: 18px;
}
.hero-title {
font-size: 2rem;
line-height: 1.1;
letter-spacing: -1px;
margin-bottom: 16px;
}
.hero-subtitle {
font-size: 1rem;
line-height: 1.65;
margin-bottom: 24px;
}
.hero-trust { gap: 10px; margin-bottom: 24px; }
.trust-item { 
font-size: 0.88rem;
text-align: left;
align-items: flex-start;
}
.trust-item i { margin-top: 2px; }
.hero-buttons {
flex-direction: column;
width: 100%;
gap: 12px;
}
.hero-buttons .btn-primary,
.hero-buttons .btn-outline {
width: 100%;
justify-content: center;
padding: 16px;
font-size: 0.95rem;
}
.hero-form {
padding: 28px 22px;
border-radius: 18px;
}
.form-title { font-size: 1.4rem; }
.form-sub { font-size: 0.85rem; margin-bottom: 22px; }
.form-trust-row {
gap: 12px;
font-size: 0.72rem;
}
}
@media (max-width: 768px) {
.stats { padding: 60px 0; }
.stats-grid { 
grid-template-columns: repeat(2, 1fr);
gap: 14px;
}
.stat-card {
padding: 24px 16px;
}
.stat-card h3 { font-size: 2rem; }
.stat-card p { font-size: 0.72rem; }
.stat-card:nth-child(5) {
grid-column: 1 / -1;
max-width: 200px;
margin: 0 auto;
}
}
@media (max-width: 768px) {
.section-header { margin-bottom: 40px; }
.section-title {
font-size: 1.7rem;
letter-spacing: -0.8px;
line-height: 1.2;
}
.section-sub {
font-size: 0.95rem;
line-height: 1.65;
}
.section-pill {
font-size: 0.68rem;
padding: 7px 16px;
letter-spacing: 1.4px;
}
}
@media (max-width: 768px) {
.services { padding: 60px 0; }
.services-grid { gap: 16px; }
.service-card {
padding: 28px 24px;
}
.service-icon { 
width: 56px;
height: 56px;
font-size: 1.4rem;
margin-bottom: 18px;
}
.service-card h3 { font-size: 1.15rem; }
.service-card p { font-size: 0.9rem; }
}
@media (max-width: 768px) {
.why { padding: 60px 0; }
.why-content h2 {
font-size: 1.8rem;
line-height: 1.2;
}
.why-features { gap: 12px; }
.why-feature {
padding: 16px;
gap: 14px;
}
.why-feature-icon { 
width: 44px;
height: 44px;
font-size: 1.1rem;
}
.why-feature-content h4 { font-size: 0.98rem; }
.why-feature-content p { font-size: 0.84rem; }
.why-card {
padding: 36px 24px;
border-radius: 18px;
}
.why-card h3 { 
font-size: 1.5rem;
letter-spacing: -0.5px;
}
.why-card p { font-size: 0.92rem; }
.why-card-stats { gap: 18px; }
.why-card-stats > div h4 { font-size: 1.6rem; }
.why-card-stats > div p { font-size: 0.75rem; }
}
@media (max-width: 768px) {
.process { padding: 60px 0; }
.process-grid { 
gap: 50px;
position: relative;
}
.process-grid::before {
content: '';
position: absolute;
top: 90px;
bottom: 90px;
left: 50%;
width: 2px;
background: linear-gradient(180deg, var(--c-primary-bg), transparent);
transform: translateX(-50%);
}
.step-number {
width: 80px;
height: 80px;
font-size: 1.7rem;
margin-bottom: 18px;
}
.process-step h4 { font-size: 1.05rem; }
.process-step p {
font-size: 0.88rem;
padding: 0 20px;
}
}
@media (max-width: 768px) {
.testimonials { padding: 60px 0; }
.testimonials-grid { gap: 18px; }
.testimonial-card {
padding: 28px 24px;
}
.testimonial-card::before { font-size: 2.2rem; }
.testimonial-card blockquote { 
font-size: 0.92rem;
line-height: 1.7;
}
.testimonial-author { 
gap: 14px;
padding-top: 18px;
}
.testimonial-avatar {
width: 46px;
height: 46px;
font-size: 0.95rem;
}
}
@media (max-width: 768px) {
.areas-section { padding: 60px 0; }
.area-pills { gap: 10px; }
.area-pill {
padding: 10px 20px;
font-size: 0.84rem;
}
}
@media (max-width: 768px) {
.cta-section { padding: 70px 0; }
.cta-content h2 {
font-size: 1.8rem;
line-height: 1.2;
margin-bottom: 16px;
}
.cta-content p {
font-size: 1rem;
margin-bottom: 28px;
}
.cta-buttons {
flex-direction: column;
gap: 12px;
width: 100%;
}
.cta-buttons .btn-primary,
.cta-buttons .btn-outline {
width: 100%;
justify-content: center;
}
}
@media (max-width: 768px) {
.footer { padding: 60px 0 24px; }
.footer-grid { 
gap: 32px;
margin-bottom: 40px;
}
.footer-col h4 {
font-size: 1rem;
margin-bottom: 18px;
}
.footer-brand h4 { font-size: 1.3rem; }
.footer-brand p { font-size: 0.88rem; }
.footer-contact > div {
font-size: 0.88rem;
}
.footer ul a {
font-size: 0.88rem;
padding: 8px 0;
}
.footer-social a {
width: 44px;
height: 44px;
font-size: 1.1rem;
}
.footer-bottom {
text-align: center;
gap: 16px;
font-size: 0.8rem;
}
.footer-legal { 
gap: 20px;
justify-content: center;
}
}
@media (max-width: 768px) {
.whatsapp-float {
width: 56px;
height: 56px;
font-size: 1.7rem;
bottom: 20px;
right: 20px;
}
}
@media (max-width: 380px) {
.container { padding: 0 16px; }
.nav-inner { padding: 0 16px; height: 64px; }
.nav-logo img { height: 38px; }
.hero { margin-top: 64px; padding: 50px 0 40px; }
.hero-title { font-size: 1.75rem; }
.hero-subtitle { font-size: 0.92rem; }
.hero-form { padding: 24px 18px; }
.form-row input, .form-row select, .form-row textarea {
padding: 13px 14px;
font-size: 16px; 
}
.section-title { font-size: 1.5rem; }
.stat-card h3 { font-size: 1.7rem; }
.stats-grid { grid-template-columns: 1fr; }
.stat-card:nth-child(5) { grid-column: auto; max-width: none; }
}
@media (max-height: 500px) and (orientation: landscape) {
.hero {
min-height: auto;
padding: 30px 0;
}
.hero-title { font-size: 1.8rem; margin-bottom: 12px; }
.hero-subtitle { font-size: 0.92rem; margin-bottom: 16px; }
.hero-trust { display: none; } 
.hero-buttons { flex-direction: row; }
}
@media (max-width: 768px) {
input, select, textarea {
font-size: 16px !important; 
}
.form-row input,
.form-row select,
.form-row textarea {
font-size: 16px !important;
}
}
@media (max-width: 768px) {
.orb { display: none; }
.hero::before, .hero::after {
animation: none;
opacity: 0.6;
}
.step-number::after {
animation-duration: 3.5s; 
}
}
@media (prefers-reduced-motion: reduce) {
*, *::before, *::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
}
}
@media (prefers-color-scheme: dark) {
}
.hero.hero-center { text-align:center; }
.hero.hero-center .container { display:flex; justify-content:center; }
.hero-in { position:relative; z-index:2; max-width:920px; }
.hero-in .hero-title { font-size:4rem; letter-spacing:-2px; }
.hero-in .hero-subtitle { margin-left:auto; margin-right:auto; max-width:680px; }
.hero-eyebrow { display:inline-flex; align-items:center; gap:8px; background:rgba(0,184,148,.12); backdrop-filter:blur(20px); padding:8px 18px; border-radius:50px; font-size:.78rem; color:var(--c-accent-light); border:1px solid rgba(0,184,148,.3); margin-bottom:20px; font-weight:700; }
.hero-eyebrow::before { content:''; width:8px; height:8px; background:var(--c-accent-light); border-radius:50%; animation:pulseDot 2s infinite; }
.hero-trust-row { display:flex; gap:30px; justify-content:center; flex-wrap:wrap; margin:0 0 40px; }
.hero-trust-row .trust-item { color:rgba(255,255,255,.7); font-size:.85rem; }
.floating-card { position:absolute; background:rgba(255,255,255,.08); backdrop-filter:blur(24px); border:1px solid rgba(255,255,255,.15); border-radius:var(--radius-md); padding:14px 20px; color:#fff; display:flex; align-items:center; gap:10px; font-weight:600; font-size:.85rem; box-shadow:0 20px 50px rgba(0,0,0,.2); z-index:2; }
.floating-card i { font-size:1.3rem; color:var(--c-accent-light); }
.fc-1 { top:25%; left:5%; animation:floatCard 6s ease-in-out infinite; }
.fc-2 { top:30%; right:5%; animation:floatCard 7s ease-in-out infinite reverse; }
.fc-3 { bottom:25%; left:8%; animation:floatCard 8s ease-in-out infinite; }
@keyframes floatCard { 0%,100% { transform:translateY(0) rotate(-1deg); } 50% { transform:translateY(-15px) rotate(1deg); } }
.scroll-ind { position:absolute; bottom:30px; left:50%; transform:translateX(-50%); color:rgba(255,255,255,.4); font-size:.75rem; display:flex; flex-direction:column; align-items:center; gap:8px; animation:bounceInd 2.5s infinite; }
@keyframes bounceInd { 0%,100% { transform:translateX(-50%) translateY(0); } 50% { transform:translateX(-50%) translateY(12px); } }
.svc-section { padding:100px 0; }
.svc-alt { background:linear-gradient(180deg,var(--c-bg) 0%,#fff 100%); }
.svc-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; }
.svc-grid-3 { grid-template-columns:repeat(3,1fr); }
.svc-card { background:#fff; border-radius:var(--radius-lg); padding:32px 26px; border:1px solid rgba(15,76,129,.06); transition:all .5s var(--ease); position:relative; overflow:hidden; }
.svc-card::after { content:''; position:absolute; top:0; left:0; right:0; height:4px; background:linear-gradient(90deg,var(--c-primary),var(--c-accent)); transform:scaleX(0); transform-origin:left; transition:transform .5s var(--ease); }
.svc-card:hover { transform:translateY(-12px); border-color:rgba(0,184,148,.2); box-shadow:0 30px 60px rgba(15,76,129,.15); }
.svc-card:hover::after { transform:scaleX(1); }
.svc-ic { width:56px; height:56px; border-radius:var(--radius-md); display:flex; align-items:center; justify-content:center; margin-bottom:18px; font-size:1.4rem; color:#fff; background:linear-gradient(135deg,var(--c-primary),var(--c-primary-light)); box-shadow:0 10px 20px rgba(15,76,129,.2); transition:transform .4s var(--ease); }
.svc-card:hover .svc-ic { transform:scale(1.1) rotate(-5deg); }
.svc-card h3 { font-size:1.05rem; font-weight:700; margin-bottom:8px; color:var(--c-text-dark); }
.svc-card p { font-size:.85rem; color:var(--c-text-mid); line-height:1.6; margin-bottom:14px; }
.svc-card .price { display:inline-flex; align-items:center; gap:4px; font-size:.75rem; color:var(--c-accent); font-weight:700; background:rgba(0,184,148,.1); padding:4px 10px; border-radius:6px; }
.brands { padding:60px 0; overflow:hidden; position:relative; background:linear-gradient(135deg,var(--c-primary),var(--c-primary-dark)); color:#fff; }
.brand-marquee { display:flex; gap:60px; white-space:nowrap; animation:marquee 30s linear infinite; }
.brand-marquee:hover { animation-play-state:paused; }
@keyframes marquee { from { transform:translateX(0); } to { transform:translateX(-50%); } }
.brand-item { font-family:var(--font-display); font-size:1.4rem; font-weight:700; color:rgba(255,255,255,.6); letter-spacing:2px; flex-shrink:0; transition:color .3s; }
.brand-item:hover { color:var(--c-accent-light); }
.proc-timeline { position:relative; max-width:1000px; margin:0 auto; }
.proc-timeline::before { content:''; position:absolute; top:40px; left:8%; right:8%; height:3px; background:linear-gradient(90deg,var(--c-primary),var(--c-accent),var(--c-primary)); border-radius:3px; }
.proc-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:30px; position:relative; }
.proc-step { text-align:center; }
.proc-dot { width:80px; height:80px; border-radius:50%; display:flex; align-items:center; justify-content:center; margin:0 auto 18px; font-family:var(--font-display); font-size:1.6rem; font-weight:700; color:#fff; border:4px solid #fff; box-shadow:0 15px 35px rgba(0,0,0,.15); position:relative; background:linear-gradient(135deg,var(--c-primary),var(--c-primary-light)); }
.proc-dot::after { content:''; position:absolute; inset:-8px; border-radius:50%; border:2px solid var(--c-accent); opacity:.2; animation:ringPulse 2s ease-in-out infinite; }
.proc-step:nth-child(2) .proc-dot { background:linear-gradient(135deg,#00b894,#00d4aa); }
.proc-step:nth-child(3) .proc-dot { background:linear-gradient(135deg,#f39c12,#e67e22); }
.proc-step:nth-child(4) .proc-dot { background:linear-gradient(135deg,#e74c3c,#c0392b); }
.proc-step:nth-child(5) .proc-dot { background:linear-gradient(135deg,#9b59b6,#8e44ad); }
.proc-step h4 { font-size:1.05rem; font-weight:700; margin-bottom:8px; color:var(--c-text-dark); }
.proc-step p { font-size:.85rem; color:var(--c-text-mid); line-height:1.5; }
.usp { padding:100px 0; background:#fff; }
.usp-grid { max-width:1000px; margin:0 auto; display:flex; flex-direction:column; }
.usp-row { display:grid; grid-template-columns:120px 1fr auto; align-items:center; gap:40px; padding:36px 0; border-bottom:1px solid var(--c-alt); transition:all .4s var(--ease); position:relative; }
.usp-row:last-child { border:none; }
.usp-row::before { content:''; position:absolute; left:-20px; top:50%; width:4px; height:0; background:linear-gradient(180deg,var(--c-primary),var(--c-accent)); border-radius:2px; transform:translateY(-50%); transition:height .4s var(--ease); }
.usp-row:hover { padding-left:24px; }
.usp-row:hover::before { height:60%; }
.usp-num { font-family:var(--font-display); font-size:4rem; font-weight:700; line-height:1; background:linear-gradient(135deg,var(--c-primary-bg),#dbe9fa); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; transition:all .4s; }
.usp-row:hover .usp-num { background:linear-gradient(135deg,var(--c-primary),var(--c-accent)); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; transform:scale(1.1); }
.usp-content h3 { font-size:1.25rem; font-weight:700; margin-bottom:8px; color:var(--c-text-dark); }
.usp-content p { font-size:.95rem; color:var(--c-text-mid); line-height:1.6; max-width:600px; }
.usp-arrow { color:var(--c-text-light); font-size:1.2rem; opacity:0; transform:translateX(-10px); transition:all .4s var(--ease); }
.usp-row:hover .usp-arrow { opacity:1; transform:translateX(0); color:var(--c-accent); }
.issues { padding:100px 0; background:var(--c-bg); }
.issues-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.issue-card { background:#fff; border-radius:var(--radius-lg); padding:32px 22px; text-align:center; transition:all .4s var(--ease); position:relative; overflow:hidden; border:1px solid rgba(15,76,129,.06); }
.issue-card::before { content:''; position:absolute; top:0; left:50%; transform:translateX(-50%); width:0; height:3px; background:linear-gradient(90deg,var(--c-primary),var(--c-accent)); transition:width .4s var(--ease); }
.issue-card:hover::before { width:80%; }
.issue-card:hover { transform:translateY(-6px); box-shadow:var(--shadow-lg); border-color:transparent; }
.issue-ic { width:60px; height:60px; border-radius:50%; margin:0 auto 16px; display:flex; align-items:center; justify-content:center; font-size:1.6rem; color:var(--c-primary); background:linear-gradient(135deg,var(--c-primary-bg),#dbe9fa); transition:all .4s var(--ease); }
.issue-card:hover .issue-ic { background:linear-gradient(135deg,var(--c-primary),var(--c-accent)); color:#fff; transform:rotate(360deg); }
.issue-card h4 { font-size:.95rem; font-weight:700; color:var(--c-text-dark); margin-bottom:6px; }
.issue-card p { font-size:.78rem; color:var(--c-text-mid); }
.testimonial-verified { margin-left:auto; background:rgba(0,184,148,.1); color:var(--c-accent); padding:4px 10px; border-radius:6px; font-size:.7rem; font-weight:700; display:inline-flex; align-items:center; gap:4px; }
.cta-split { padding:100px 0; position:relative; overflow:hidden; background:linear-gradient(135deg,#0f4c81 0%,#061e35 60%,#020f1f 100%); color:#fff; }
.cta-split::before { content:''; position:absolute; width:600px; height:600px; border-radius:50%; background:radial-gradient(circle,rgba(0,184,148,.15),transparent 60%); top:-200px; right:-100px; filter:blur(40px); }
.cta-grid { display:grid; grid-template-columns:1.1fr 1fr; gap:60px; align-items:center; position:relative; z-index:1; }
.cta-left h2 { font-family:var(--font-display); font-size:2.6rem; font-weight:700; margin-bottom:16px; line-height:1.15; letter-spacing:-1.2px; }
.cta-left p { color:rgba(255,255,255,.75); margin-bottom:28px; line-height:1.7; font-size:1.05rem; }
.cta-left ul { list-style:none; padding:0; margin-bottom:32px; }
.cta-left li { padding:10px 0; display:flex; align-items:center; gap:12px; color:rgba(255,255,255,.9); font-size:.95rem; }
.cta-left li i { color:var(--c-accent); font-size:1.1rem; }
.cta-form { background:rgba(255,255,255,.05); backdrop-filter:blur(30px); padding:40px; border-radius:var(--radius-xl); border:1px solid rgba(255,255,255,.1); box-shadow:0 40px 100px rgba(0,0,0,.3); }
.cta-form h3 { font-size:1.4rem; font-weight:700; color:#fff; margin-bottom:6px; }
.cta-form h3 i { color:var(--c-accent-light); }
.cta-form .sub { font-size:.88rem; color:rgba(255,255,255,.6); margin-bottom:24px; }
.who { padding:100px 0; }
.who-grid { display:grid; grid-template-columns:1.3fr 1fr; gap:60px; align-items:center; }
.who-text h2 { font-family:var(--font-display); font-size:2.2rem; font-weight:700; margin-bottom:20px; letter-spacing:-.5px; color:var(--c-text-dark); }
.who-text p { font-size:1.02rem; color:var(--c-text-mid); line-height:1.8; margin-bottom:16px; }
.who-highlight { display:flex; gap:24px; margin-top:30px; flex-wrap:wrap; }
.hl-item { text-align:center; }
.hl-item .num { font-family:var(--font-display); font-size:2rem; font-weight:700; color:var(--c-primary); }
.hl-item .lbl { font-size:.78rem; color:var(--c-text-light); text-transform:uppercase; letter-spacing:1px; }
.who-img { position:relative; }
.who-img img { border-radius:var(--radius-lg); box-shadow:var(--shadow-lg); }
.who-img .float-badge { position:absolute; bottom:-20px; right:-20px; background:var(--c-accent); color:#fff; padding:16px 24px; border-radius:var(--radius-md); font-weight:700; font-size:.9rem; box-shadow:0 8px 24px rgba(0,184,148,.3); }
.industries { padding:100px 0; background:var(--c-bg); }
.ind-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.ind-card { background:#fff; border-radius:var(--radius-md); padding:24px; text-align:center; box-shadow:var(--shadow-sm); transition:all .3s var(--ease); }
.ind-card:hover { transform:translateY(-6px); box-shadow:var(--shadow-lg); }
.ind-card i { font-size:2rem; color:var(--c-primary); margin-bottom:12px; }
.ind-card h4 { font-size:.95rem; font-weight:700; margin-bottom:4px; color:var(--c-text-dark); }
.ind-card p { font-size:.8rem; color:var(--c-text-mid); }
.values { padding:100px 0; background:#fff; }
.val-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.val-item { background:#fff; border-radius:var(--radius-lg); padding:28px; text-align:center; box-shadow:var(--shadow-sm); transition:all .3s var(--ease); border-bottom:3px solid transparent; }
.val-item:hover { transform:translateY(-6px); border-bottom-color:var(--c-accent); box-shadow:var(--shadow-lg); }
.val-circle { width:68px; height:68px; border-radius:50%; margin:0 auto 14px; display:flex; align-items:center; justify-content:center; font-size:1.4rem; background:var(--c-primary-bg); color:var(--c-primary); }
.val-item:nth-child(even) .val-circle { background:#e6faf5; color:var(--c-accent); }
.val-item h4 { font-size:1.05rem; font-weight:700; margin-bottom:6px; color:var(--c-text-dark); }
.val-item p { font-size:.85rem; color:var(--c-text-mid); }
.founder { padding:100px 0; }
.founder-box { max-width:800px; margin:0 auto; text-align:center; position:relative; padding:50px 40px; }
.founder-box .qm { font-size:7rem; color:var(--c-primary-bg); font-family:Georgia,serif; line-height:1; position:absolute; top:-10px; left:10px; }
.founder-box blockquote { font-size:1.25rem; color:var(--c-text-dark); line-height:1.75; font-style:italic; margin-bottom:28px; position:relative; z-index:1; }
.founder-box .fname { font-size:1.05rem; font-weight:700; color:var(--c-primary); }
.founder-box .ftitle { font-size:.85rem; color:var(--c-text-light); }
.cad-form-glass .gform_wrapper, .cad-form-light .gform_wrapper { margin:0; }
.cad-form-glass .gfield_label, .cad-form-light .gfield_label { font-size:.78rem; font-weight:600; margin-bottom:8px; letter-spacing:.3px; }
.cad-form-glass .gfield_label { color:rgba(255,255,255,.85); }
.cad-form-light .gfield_label { color:var(--c-text-dark); }
.cad-form-glass .gform_fields, .cad-form-light .gform_fields { display:grid; gap:14px; }
.cad-form-glass input, .cad-form-glass select, .cad-form-glass textarea, .cad-form-light input, .cad-form-light select, .cad-form-light textarea { width:100%; padding:14px 16px; border-radius:var(--radius-md); font-size:.95rem; font-family:var(--font-body); transition:all .3s var(--ease); }
.cad-form-glass input, .cad-form-glass select, .cad-form-glass textarea { border:1.5px solid rgba(255,255,255,.15); background:rgba(255,255,255,.04); color:#fff; }
.cad-form-glass input::placeholder, .cad-form-glass textarea::placeholder { color:rgba(255,255,255,.4); }
.cad-form-glass select option { background:var(--c-primary); color:#fff; }
.cad-form-glass input:focus, .cad-form-glass select:focus, .cad-form-glass textarea:focus { outline:none; border-color:var(--c-accent); background:rgba(255,255,255,.08); box-shadow:0 0 0 4px rgba(0,184,148,.15); }
.cad-form-light input, .cad-form-light select, .cad-form-light textarea { border:1.5px solid var(--c-border); background:var(--c-bg); color:var(--c-text-dark); }
.cad-form-light input:focus, .cad-form-light select:focus, .cad-form-light textarea:focus { outline:none; border-color:var(--c-primary); box-shadow:0 0 0 3px rgba(15,76,129,.1); }
.cad-form-glass .gform_button, .cad-form-light .gform_button { width:100%; padding:16px; border:none; border-radius:var(--radius-md); font-size:1rem; font-weight:700; cursor:pointer; color:#fff; background:linear-gradient(135deg,var(--c-accent),var(--c-accent-dark)); box-shadow:0 15px 35px rgba(0,184,148,.3); transition:all .4s var(--ease); margin-top:8px; }
.cad-form-glass .gform_button:hover, .cad-form-light .gform_button:hover { transform:translateY(-3px); box-shadow:0 22px 45px rgba(0,184,148,.4); }
.cad-form-glass .gform_confirmation_message, .cad-form-light .gform_confirmation_message { padding:16px; border-radius:var(--radius-md); background:rgba(0,184,148,.12); color:var(--c-accent-dark); font-weight:600; text-align:center; }
.cad-form-glass .gform_confirmation_message { color:var(--c-accent-light); }
.cad-form-glass .gfield_required { color:var(--c-accent-light); }
@media (max-width:1024px) {
.hero-in .hero-title { font-size:3rem; }
.svc-grid, .svc-grid-3, .issues-grid { grid-template-columns:repeat(2,1fr); }
.ind-grid, .val-grid { grid-template-columns:repeat(2,1fr); }
.proc-grid { grid-template-columns:repeat(2,1fr); gap:50px; }
.proc-timeline::before { display:none; }
.cta-grid, .who-grid { grid-template-columns:1fr; gap:40px; }
.floating-card { display:none; }
}
@media (max-width:768px) {
.hero-in .hero-title { font-size:2.2rem; }
.hero-trust-row { gap:16px; }
.svc-grid, .svc-grid-3, .issues-grid, .ind-grid, .val-grid { grid-template-columns:1fr; }
.proc-grid { grid-template-columns:1fr; gap:40px; }
.usp-row { grid-template-columns:80px 1fr; gap:20px; }
.usp-num { font-size:3rem; }
.who-img .float-badge { right:0; }
.founder-box { padding:30px 20px; }
}

/* ===== CADLINC OVERRIDES ===== */
.site-below-footer-wrap{display:none!important}
.services,.why,.process,.testimonials,.svc-section,.usp,.issues,.who,.industries,.values,.founder{padding-top:72px;padding-bottom:72px}
.stats,.areas-section{padding:60px 0}
.cta-section,.cta-split{padding:80px 0}
.section-header{margin-bottom:46px}
@media(max-width:768px){.services,.why,.process,.testimonials,.svc-section,.usp,.issues,.who,.industries,.values,.founder,.stats,.areas-section,.cta-section,.cta-split{padding-top:48px;padding-bottom:48px}}

.cta-split .cta-left h2,.cta-split .cta-left p,.cta-split .cta-left li,.cta-split .cta-left{color:#fff!important}

/* Glass-form label visibility */
.cad-form-glass .gfield_label,.cad-form-glass label,.cad-form-glass legend,.cad-form-glass .gform-field-label,.cad-form-glass .gform-field-label__filler,.cad-form-glass .gform_required_legend,.cad-form-glass .gfield_description,.cad-form-glass .gform_description,.cad-form-glass .gform_fields,.cad-form-glass .ginput_container{color:#fff!important}
.cad-form-glass .gfield_required{color:#00d4aa!important}

/* service-icon default bg (so white glyphs are visible when no inline gradient is set) */
.service-icon{background:linear-gradient(135deg,var(--c-primary),var(--c-primary-light))}

/* why-card heading fix: white headings on the dark gradient card */
.why-card h3,.why-card h4{color:#fff!important}
.why-card .why-feature-icon{color:var(--c-primary)}

/* why-card variant: icon beside heading */
.why-icon-row{display:grid;grid-template-columns:auto 1fr;column-gap:18px;row-gap:14px;align-items:center}
.why-icon-row .why-feature-icon{margin:0}
.why-icon-row h3{margin:0}
.why-icon-row p{grid-column:1 / -1;margin:0}