/* =========================================
   COSMOTECH — styles.css
   Color: Electric Blue #3B82F6 (RGB: 59, 130, 246)
   ========================================= */

:root {
    --bg-primary: #000000;
    --bg-secondary: #09090B;
    --bg-tertiary: #18181B;
    --primary-400: #60A5FA;
    --primary-500: #3B82F6;
    --primary-600: #2563EB;
    --primary-700: #1D4ED8;
    --primary-rgb: 59, 130, 246;
    --text-primary: #FFFFFF;
    --text-secondary: #E4E4E7;
    --text-tertiary: #A1A1AA;
    --text-quaternary: #71717A;
    --warning: #F59E0B;
    --radius-sm: 8px;
    --radius-md: 16px;
    --radius-lg: 24px;
    --radius-full: 9999px;
}

*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html {
    scroll-behavior:smooth; scroll-padding-top:80px;
    overflow-x:hidden; width:100%; height:100%; position:relative;
}
body {
    font-family:'Inter',sans-serif;
    background:var(--bg-primary);
    color:var(--text-primary);
    line-height:1.7;
    overflow-x:hidden;
    width:100%;
    position:relative;
    -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4 { font-family:'Plus Jakarta Sans',sans-serif; line-height:1.15; }
ul { list-style:none; }
a { text-decoration:none; }
img { display:block; }

.gradient-text {
    background:linear-gradient(135deg,var(--primary-400) 0%,var(--primary-500) 50%,#818CF8 100%);
    -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
}
.container { max-width:1240px; margin:0 auto; padding:0 24px; }
.section-padding { padding:120px 0; }
.hidden { display:none !important; }
.w-full,.full-width { width:100%; }

/* PARTICLES */
.particles-container {
    position:fixed; top:0; left:0; width:100%; height:100%;
    pointer-events:none; z-index:0; overflow:hidden;
}
.particle {
    position:absolute; width:2px; height:2px;
    background:var(--primary-500); border-radius:50%; opacity:0;
    animation:float-particle 20s infinite ease-in-out;
}
@keyframes float-particle {
    0%,100%{transform:translate(0,0);opacity:0;}
    10%{opacity:.6;} 25%{transform:translate(80px,-120px);opacity:.8;}
    50%{transform:translate(-60px,-220px);opacity:.4;}
    75%{transform:translate(-120px,-100px);opacity:.6;} 90%{opacity:.3;}
}

/* NAVBAR */
.navbar {
    position:fixed; top:0; left:0; width:100%; z-index:1000;
    padding:20px 0; transition:all .4s cubic-bezier(.4,0,.2,1);
}
.navbar.scrolled {
    background:rgba(0,0,0,.85);
    backdrop-filter:blur(24px) saturate(180%);
    border-bottom:1px solid rgba(var(--primary-rgb),.12);
    box-shadow:0 4px 30px rgba(0,0,0,.5); padding:14px 0;
}
.nav-container {
    max-width:1240px; margin:0 auto; padding:0 24px;
    display:flex; align-items:center; justify-content:space-between; gap:24px;
}
/* NAV LOGO — upgraded */
.nav-logo {
    display:flex; align-items:center; gap:12px;
    text-decoration:none; transition:transform .3s cubic-bezier(.4,0,.2,1);
}
.nav-logo:hover { transform:translateY(-1px); }

/* Logo image wrapper — glass pill */
.logo-img-wrap {
    position:relative;
    width:46px; height:46px;
    border-radius:12px;
    background:linear-gradient(135deg,rgba(var(--primary-rgb),.18) 0%,rgba(var(--primary-rgb),.06) 100%);
    border:1px solid rgba(var(--primary-rgb),.28);
    box-shadow:
        0 0 18px rgba(var(--primary-rgb),.25),
        inset 0 1px 0 rgba(255,255,255,.08);
    display:flex; align-items:center; justify-content:center;
    overflow:hidden;
    backdrop-filter:blur(8px);
    transition:box-shadow .3s ease;
}
.nav-logo:hover .logo-img-wrap {
    box-shadow:
        0 0 30px rgba(var(--primary-rgb),.45),
        inset 0 1px 0 rgba(255,255,255,.12);
}
.logo-img {
    width:34px; height:34px;
    object-fit:contain;
    filter:brightness(1.05);
    display:block;
}

/* Text block */
.logo-text-block {
    display:flex; flex-direction:column; justify-content:center;
    align-items:center; text-align:center; line-height:1;
}
.logo-text {
    font-family:'Plus Jakarta Sans',sans-serif;
    font-size:26px; font-weight:800;
    letter-spacing:-.5px;
    color:#FFFFFF;
    line-height:1;
}
.logo-accent {
    color:#FFFFFF;
    font-weight:300;
    letter-spacing:.5px;
}
.logo-tagline {
    font-size:8px; font-weight:600; letter-spacing:.14em;
    text-transform:uppercase; color:var(--text-quaternary);
    margin-top:4px;
}
.nav-links { display:flex; align-items:center; gap:8px; }
.nav-link {
    color:var(--text-tertiary); font-size:15px; font-weight:500;
    padding:8px 14px; border-radius:var(--radius-sm); transition:all .3s ease;
}
.nav-link:hover { color:var(--text-primary); background:rgba(var(--primary-rgb),.08); }
.nav-actions { display:flex; align-items:center; gap:16px; }
.mobile-menu-toggle {
    display:none; flex-direction:column; gap:5px;
    background:none; border:none; cursor:pointer; padding:4px;
}
.mobile-menu-toggle span {
    width:24px; height:2px; background:var(--text-primary);
    border-radius:2px; transition:all .3s ease; display:block;
}
.mobile-menu-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.mobile-menu-toggle.open span:nth-child(2){opacity:0;}
.mobile-menu-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
.mobile-menu {
    display:none; flex-direction:column; gap:16px; padding:20px 24px;
    background:rgba(9,9,11,.98); backdrop-filter:blur(20px);
    border-top:1px solid rgba(var(--primary-rgb),.1);
}
.mobile-menu.open{display:flex;}
.mobile-menu ul{display:flex;flex-direction:column;gap:4px;}
.mobile-menu .nav-link{display:block;padding:12px 14px;}

/* BUTTONS */
.btn-primary {
    display:inline-flex; align-items:center; justify-content:center; gap:8px;
    background:linear-gradient(135deg,var(--primary-700) 0%,var(--primary-600) 30%,var(--primary-500) 60%,var(--primary-400) 100%);
    background-size:200% 200%; animation:gradient-shift 4s ease infinite;
    color:#FFF; font-family:'Plus Jakarta Sans',sans-serif; font-weight:700;
    font-size:16px; padding:14px 28px; border-radius:var(--radius-md);
    border:none; cursor:pointer;
    box-shadow:0 0 0 1px rgba(var(--primary-rgb),.4),0 4px 24px rgba(var(--primary-rgb),.35),inset 0 1px 0 rgba(255,255,255,.15);
    transition:all .3s cubic-bezier(.4,0,.2,1);
}
.btn-primary:hover { transform:translateY(-2px) scale(1.02); filter:brightness(1.1); }
.btn-primary:active { transform:translateY(0) scale(.99); }
.btn-sm{font-size:14px;padding:10px 20px;}
.btn-lg{font-size:17px;padding:18px 36px;}
.btn-outline {
    display:inline-flex; align-items:center; justify-content:center; gap:8px;
    background:transparent; color:var(--text-secondary);
    font-family:'Plus Jakarta Sans',sans-serif; font-weight:600;
    font-size:16px; padding:14px 28px; border-radius:var(--radius-md);
    border:1px solid rgba(var(--primary-rgb),.3); cursor:pointer; transition:all .3s ease;
}
.btn-outline:hover {
    background:rgba(var(--primary-rgb),.08);
    border-color:rgba(var(--primary-rgb),.6);
    color:var(--text-primary); transform:translateY(-2px);
}
.btn-lg.btn-outline{font-size:17px;padding:18px 36px;}

@keyframes gradient-shift{0%,100%{background-position:0% 50%;}50%{background-position:100% 50%;}}
@keyframes pulse-glow{
    0%,100%{box-shadow:0 0 0 1px rgba(var(--primary-rgb),.4),0 4px 24px rgba(var(--primary-rgb),.35),0 0 60px rgba(var(--primary-rgb),.15);}
    50%{box-shadow:0 0 0 2px rgba(var(--primary-rgb),.7),0 8px 40px rgba(var(--primary-rgb),.55),0 0 80px rgba(var(--primary-rgb),.3);}
}
.pulse-glow { animation:pulse-glow 3s ease-in-out infinite; }

/* GLASS CARD */
.glass-card {
    background:linear-gradient(135deg,rgba(var(--primary-rgb),.07) 0%,rgba(var(--primary-rgb),.03) 50%,rgba(var(--primary-rgb),.07) 100%);
    backdrop-filter:blur(24px) saturate(180%);
    border:1px solid rgba(var(--primary-rgb),.14);
    border-radius:var(--radius-lg); padding:32px;
    box-shadow:0 4px 6px -1px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.04);
    transition:all .4s cubic-bezier(.4,0,.2,1);
}
.glass-card:hover {
    border-color:rgba(var(--primary-rgb),.3);
    box-shadow:0 25px 50px -12px rgba(var(--primary-rgb),.25);
    transform:translateY(-4px);
}

/* SECTION HEADER */
.section-header { text-align:center; margin-bottom:72px; }
.section-label {
    display:inline-flex; align-items:center; gap:8px;
    font-size:12px; font-weight:600; letter-spacing:.12em; text-transform:uppercase;
    color:var(--primary-400); background:rgba(var(--primary-rgb),.1);
    border:1px solid rgba(var(--primary-rgb),.25);
    padding:6px 16px; border-radius:var(--radius-full); margin-bottom:20px;
}
.section-title { font-size:48px; font-weight:700; letter-spacing:-.02em; margin-bottom:16px; }
.section-subtitle { font-size:18px; color:var(--text-tertiary); max-width:560px; margin:0 auto; line-height:1.7; }

/* REVEAL */
.reveal-item { opacity:0; transform:translateY(30px); transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1); }
.reveal-item.revealed { opacity:1; transform:translateY(0); }

/* LOAD ANIMATIONS */
.animate-fade-up { opacity:0; animation:fade-in-up .9s cubic-bezier(.16,1,.3,1) forwards; }
.animate-scale-in { opacity:0; animation:scale-in .7s cubic-bezier(.68,-.55,.265,1.55) forwards; }
.animate-fade-rotate { opacity:0; animation:fade-in-rotate 1.2s cubic-bezier(.16,1,.3,1) .4s forwards; }
.delay-1{animation-delay:.15s;} .delay-2{animation-delay:.3s;}
.delay-3{animation-delay:.5s;} .delay-4{animation-delay:.7s;}

@keyframes fade-in-up{from{opacity:0;transform:translateY(32px);}to{opacity:1;transform:translateY(0);}}
@keyframes scale-in{from{opacity:0;transform:scale(.85);}to{opacity:1;transform:scale(1);}}
@keyframes fade-in-rotate{from{opacity:0;transform:perspective(800px) rotateY(15deg) translateY(20px);}to{opacity:1;transform:perspective(800px) rotateY(0) translateY(0);}}
@keyframes float{0%,100%{transform:translateY(0) rotate(0deg);}25%{transform:translateY(-18px) rotate(1.5deg);}50%{transform:translateY(-8px) rotate(-1.5deg);}75%{transform:translateY(-26px) rotate(.8deg);}}
.float-animation{animation:float 7s ease-in-out infinite;}
@keyframes glow-pulse{0%,100%{opacity:.6;transform:scale(1);}50%{opacity:1;transform:scale(1.05);}}

/* HERO */
.hero {
    min-height:100vh; display:flex; align-items:center;
    position:relative; overflow:hidden; padding-top:100px; padding-bottom:60px;
}
.hero-bg-gradient {
    position:absolute; top:-200px; left:50%; transform:translateX(-50%);
    width:100%; max-width:900px; height:900px; pointer-events:none; z-index:0;
    background:radial-gradient(ellipse at center,rgba(var(--primary-rgb),.12) 0%,rgba(var(--primary-rgb),.04) 40%,transparent 70%);
}
.hero-container {
    max-width:1240px; margin:0 auto; padding:0 24px;
    display:grid; grid-template-columns:1fr 1fr;
    align-items:center; gap:80px; position:relative; z-index:1;
}
.hero-content{max-width:620px;}
.hero-badge {
    display:inline-flex; align-items:center; gap:10px; font-size:13px;
    font-weight:600; color:var(--primary-300);
    background:rgba(var(--primary-rgb),.1); border:1px solid rgba(var(--primary-rgb),.25);
    padding:8px 18px; border-radius:var(--radius-full); margin-bottom:28px;
}
.badge-dot {
    width:8px; height:8px; border-radius:50%; background:var(--primary-400);
    box-shadow:0 0 10px rgba(var(--primary-rgb),.8); animation:blink 2s ease-in-out infinite;
}
@keyframes blink{0%,100%{opacity:1;}50%{opacity:.3;}}
.hero-title { font-size:clamp(42px,5vw,70px); font-weight:800; letter-spacing:-.03em; margin-bottom:24px; }
.hero-subtitle { font-size:18px; color:var(--text-tertiary); line-height:1.7; margin-bottom:36px; max-width:520px; }
.hero-cta { display:flex; align-items:center; gap:16px; margin-bottom:52px; flex-wrap:wrap; }
.hero-stats { display:flex; align-items:center; gap:32px; }
.stat-item { display:flex; flex-direction:column; align-items:flex-start; }
.stat-number { font-family:'Plus Jakarta Sans',sans-serif; font-size:32px; font-weight:800; line-height:1; }
.stat-suffix { font-family:'Plus Jakarta Sans',sans-serif; font-size:28px; font-weight:700; color:var(--primary-400); }
.stat-label { font-size:13px; color:var(--text-quaternary); margin-top:4px; }
.stat-divider { width:1px; height:40px; background:rgba(var(--primary-rgb),.2); }

.hero-visual { position:relative; display:flex; justify-content:center; align-items:center; }
.hero-image-wrapper { position:relative; width:480px; height:480px; }
.hero-img {
    width:100%; height:100%; object-fit:contain; position:relative; z-index:2;
    filter:drop-shadow(0 0 30px rgba(var(--primary-rgb),.4)) drop-shadow(0 0 60px rgba(var(--primary-rgb),.2));
}
.hero-img-glow {
    position:absolute; inset:-20%;
    background:radial-gradient(ellipse at center,rgba(var(--primary-rgb),.25) 0%,rgba(var(--primary-rgb),.1) 40%,transparent 70%);
    border-radius:50%; z-index:1; animation:glow-pulse 4s ease-in-out infinite;
}
.floating-badge {
    position:absolute; display:flex; align-items:center; gap:10px;
    background:rgba(9,9,11,.9); backdrop-filter:blur(12px);
    border:1px solid rgba(var(--primary-rgb),.25); border-radius:var(--radius-md);
    padding:12px 18px; box-shadow:0 8px 32px rgba(0,0,0,.4),0 0 16px rgba(var(--primary-rgb),.1);
    z-index:3; animation:badge-float 5s ease-in-out infinite;
}
.badge-top-right{top:5%;right:-10%;}
.badge-bottom-left{bottom:10%;left:-12%;animation-delay:2.5s;}
@keyframes badge-float{0%,100%{transform:translateY(0);}50%{transform:translateY(-8px);}}
.badge-icon{font-size:24px;}
.badge-value{font-family:'Plus Jakarta Sans',sans-serif;font-size:18px;font-weight:800;color:var(--primary-400);line-height:1;}
.badge-desc{font-size:12px;color:var(--text-tertiary);}

/* SOCIAL PROOF */
.social-proof {
    padding:48px 0; overflow:hidden; position:relative; z-index:1;
    border-top:1px solid rgba(var(--primary-rgb),.08);
    border-bottom:1px solid rgba(var(--primary-rgb),.08);
    background:rgba(var(--primary-rgb),.02);
}
.proof-label{text-align:center;font-size:13px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--text-quaternary);margin-bottom:28px;}
.brands-track{overflow:hidden;mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);}
.brands-inner{display:flex;gap:48px;width:max-content;animation:scroll-brands 35s linear infinite;}
@keyframes scroll-brands{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}
.brand-item {
    font-family:'Plus Jakarta Sans',sans-serif; font-size:16px; font-weight:700;
    letter-spacing:.04em; color:var(--text-quaternary); white-space:nowrap;
    padding:8px 24px; border:1px solid rgba(var(--primary-rgb),.1);
    border-radius:var(--radius-sm); transition:all .3s ease; cursor:default;
}
.brand-item:hover{color:var(--primary-400);border-color:rgba(var(--primary-rgb),.35);background:rgba(var(--primary-rgb),.06);}

/* SERVICES */
.services {
    background:radial-gradient(ellipse at top,rgba(var(--primary-rgb),.06) 0%,transparent 60%);
    position:relative;z-index:1;
}
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.service-card-flip{perspective:1200px;height:380px;cursor:pointer;}
.service-card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.4,0,.2,1);}
.service-card-flip:hover .service-card-inner,
.service-card-flip.flipped .service-card-inner{transform:rotateY(180deg);}
.service-card-front,.service-card-back{
    position:absolute;width:100%;height:100%;
    backface-visibility:hidden;-webkit-backface-visibility:hidden;
    border-radius:var(--radius-lg);
}
.service-card-front{overflow:hidden;border:1px solid rgba(var(--primary-rgb),.12);}
.service-image{width:100%;height:100%;object-fit:cover;transition:transform .6s ease;}
.service-card-flip:hover .service-image{transform:scale(1.06);}
.service-overlay{
    position:absolute;bottom:0;left:0;right:0;padding:28px;
    background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.5) 60%,transparent 100%);
    display:flex;flex-direction:column;gap:8px;
}
.service-icon-front{font-size:28px;}
.service-title-front{font-size:20px;font-weight:700;color:#FFF;}
.service-css-bg{position:absolute;inset:0;border-radius:inherit;}
.service-css-bg-5{background:linear-gradient(135deg,rgba(var(--primary-rgb),.15),rgba(99,102,241,.2),rgba(var(--primary-rgb),.1));}
.service-css-bg-5::before{content:'✉️';position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);font-size:80px;opacity:.35;filter:drop-shadow(0 0 20px rgba(var(--primary-rgb),.6));}
.service-css-bg-6{background:linear-gradient(135deg,rgba(6,182,212,.15),rgba(var(--primary-rgb),.2),rgba(6,182,212,.1));}
.service-css-bg-6::before{content:'📊';position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);font-size:80px;opacity:.35;filter:drop-shadow(0 0 20px rgba(var(--primary-rgb),.6));}
.service-card-back{
    transform:rotateY(180deg);
    background:linear-gradient(135deg,rgba(var(--primary-rgb),.12) 0%,rgba(var(--primary-rgb),.06) 50%,rgba(var(--primary-rgb),.12) 100%) !important;
    backdrop-filter:blur(24px);border:1px solid rgba(var(--primary-rgb),.25) !important;
    padding:32px 28px !important;display:flex;flex-direction:column;gap:14px;
}
.service-card-back:hover{transform:rotateY(180deg) !important;}
.service-icon-back{font-size:36px;}
.service-title-back{font-size:22px;font-weight:700;color:var(--text-primary);}
.service-description{font-size:15px;color:var(--text-tertiary);line-height:1.65;flex:1;}
.service-features{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;}
.feature-tag{font-size:12px;font-weight:600;color:var(--primary-300);background:rgba(var(--primary-rgb),.1);border:1px solid rgba(var(--primary-rgb),.25);padding:4px 12px;border-radius:var(--radius-full);}

/* RESULTS */
.results{position:relative;z-index:1;}
.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:80px;}
.metric-card{text-align:center;padding:40px 24px !important;}
.metric-icon{font-size:36px;margin-bottom:16px;}
.metric-number{font-family:'Plus Jakarta Sans',sans-serif;font-size:48px;font-weight:800;color:var(--primary-400);line-height:1;margin-bottom:8px;}
.metric-label{font-size:14px;color:var(--text-tertiary);font-weight:500;margin-bottom:20px;}
.metric-bar{width:100%;height:3px;background:rgba(var(--primary-rgb),.15);border-radius:2px;overflow:hidden;}
.metric-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary-600),var(--primary-400));border-radius:2px;width:0;transition:width 1.5s cubic-bezier(.4,0,.2,1);}
.process-section{margin-top:80px;}
.process-title{text-align:center;font-size:28px;font-weight:700;margin-bottom:48px;color:var(--text-secondary);}
.process-steps{display:flex;align-items:center;justify-content:center;gap:0;flex-wrap:wrap;}
.process-step{display:flex;gap:16px;align-items:flex-start;max-width:220px;}
.step-number{font-family:'Plus Jakarta Sans',sans-serif;font-size:36px;font-weight:800;color:rgba(var(--primary-rgb),.25);line-height:1;flex-shrink:0;}
.step-content h4{font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:6px;}
.step-content p{font-size:13px;color:var(--text-quaternary);line-height:1.5;}
.process-connector{flex:1;height:1px;background:linear-gradient(90deg,rgba(var(--primary-rgb),.4),rgba(var(--primary-rgb),.1));margin:0 16px;min-width:30px;max-width:60px;}

/* TESTIMONIALS */
.testimonials{background:radial-gradient(ellipse at center,rgba(var(--primary-rgb),.05) 0%,transparent 60%);position:relative;z-index:1;}
.testimonials-grid{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:20px;align-items:start;}
.testimonial-card{padding:36px 28px !important;}
.featured-testimonial{
    border-color:rgba(var(--primary-rgb),.3) !important;
    background:linear-gradient(135deg,rgba(var(--primary-rgb),.1),rgba(var(--primary-rgb),.05),rgba(var(--primary-rgb),.1)) !important;
    margin-top:-20px;
}
.stars{font-size:18px;color:var(--warning);margin-bottom:16px;letter-spacing:2px;}
.testimonial-text{font-size:15px;color:var(--text-secondary);line-height:1.7;margin-bottom:24px;font-style:italic;}
.featured-testimonial .testimonial-text{font-size:16px;}
.testimonial-author{display:flex;align-items:center;gap:14px;}
.author-avatar{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;flex-shrink:0;box-shadow:0 0 15px rgba(var(--primary-rgb),.3);}
.author-name{font-size:15px;font-weight:700;}
.author-role{font-size:13px;color:var(--text-quaternary);margin-top:2px;}

/* ABOUT */
.about{position:relative;z-index:1;}
.about-grid{display:grid;grid-template-columns:1fr 1.6fr;gap:100px;align-items:center;}
.about-visual{display:flex;flex-direction:column;align-items:center;gap:24px;}
.about-image-wrapper{position:relative;width:280px;height:280px;display:flex;align-items:center;justify-content:center;}
.about-logo-img{width:200px;height:200px;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 0 30px rgba(var(--primary-rgb),.5));}
.about-glow{position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(var(--primary-rgb),.3) 0%,rgba(var(--primary-rgb),.1) 50%,transparent 70%);border-radius:50%;animation:glow-pulse 4s ease-in-out infinite;}
.about-ring{position:absolute;border-radius:50%;border:1px solid rgba(var(--primary-rgb),.2);animation:ring-spin 12s linear infinite;}
.about-ring-1{width:240px;height:240px;}
.about-ring-2{width:280px;height:280px;border-style:dashed;animation-direction:reverse;animation-duration:18s;}
@keyframes ring-spin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
.about-badges{display:flex;flex-direction:column;gap:10px;align-items:center;}
.about-badge{font-size:13px;font-weight:600;color:var(--primary-300);background:rgba(var(--primary-rgb),.1);border:1px solid rgba(var(--primary-rgb),.2);padding:8px 18px;border-radius:var(--radius-full);}
.about-content .section-title{font-size:40px;margin-bottom:24px;text-align:left;}
.about-text{font-size:16px;color:var(--text-tertiary);line-height:1.75;margin-bottom:18px;}
.about-text strong{color:var(--text-secondary);}
.about-values{display:flex;flex-direction:column;gap:20px;margin-top:32px;}
.value-item{display:flex;align-items:flex-start;gap:16px;}
.value-icon{font-size:24px;width:48px;height:48px;background:rgba(var(--primary-rgb),.1);border:1px solid rgba(var(--primary-rgb),.2);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.value-title{font-size:15px;font-weight:700;margin-bottom:4px;}
.value-desc{font-size:14px;color:var(--text-quaternary);}

/* CTA */
.cta-section{position:relative;overflow:hidden;z-index:1;}
.cta-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 20% 50%,rgba(var(--primary-rgb),.12) 0%,transparent 50%),radial-gradient(ellipse at 80% 50%,rgba(99,102,241,.1) 0%,transparent 50%),radial-gradient(ellipse at 50% 0%,rgba(var(--primary-rgb),.15) 0%,transparent 60%);pointer-events:none;}
.cta-content{max-width:760px;margin:0 auto;text-align:center;}
.cta-title{font-size:clamp(30px,4vw,50px);font-weight:800;letter-spacing:-.02em;margin:16px 0 20px;}
.cta-subtitle{font-size:18px;color:var(--text-tertiary);margin-bottom:48px;line-height:1.7;}
.cta-form{max-width:680px;margin:0 auto;}
.form-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:12px;}
.form-group{width:100%;}
.form-input,.form-textarea{
    width:100%;background:rgba(var(--primary-rgb),.06);
    border:1px solid rgba(var(--primary-rgb),.2);border-radius:var(--radius-md);
    color:var(--text-primary);font-family:'Inter',sans-serif;font-size:15px;
    padding:14px 18px;outline:none;transition:all .3s ease;backdrop-filter:blur(8px);
}
.form-input::placeholder,.form-textarea::placeholder{color:var(--text-quaternary);}
.form-input:focus,.form-textarea:focus{border-color:rgba(var(--primary-rgb),.6);background:rgba(var(--primary-rgb),.1);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.12);}
.form-textarea{min-height:120px;resize:vertical;margin-bottom:16px;}
.cta-trust{display:flex;justify-content:center;gap:32px;margin-top:24px;flex-wrap:wrap;}
.cta-trust span{font-size:14px;color:var(--text-quaternary);}
.form-success{text-align:center;padding:48px;background:rgba(var(--primary-rgb),.08);border:1px solid rgba(var(--primary-rgb),.25);border-radius:var(--radius-lg);}
.success-icon{font-size:56px;margin-bottom:16px;}
.form-success h3{font-size:28px;font-weight:700;margin-bottom:8px;}
.form-success p{color:var(--text-tertiary);font-size:16px;}

/* FOOTER */
.footer{background:var(--bg-secondary);border-top:1px solid rgba(var(--primary-rgb),.1);position:relative;z-index:1;padding:80px 0 32px;}
.footer-glow{position:absolute;top:0;left:50%;transform:translateX(-50%);width:100%;max-width:600px;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--primary-rgb),.5),transparent);}
.footer-top{display:grid;grid-template-columns:1fr 2fr;gap:80px;margin-bottom:60px;}
.footer-tagline{font-size:14px;color:var(--text-quaternary);margin:12px 0 24px;line-height:1.6;}
.social-links{display:flex;gap:10px;}
.social-link{width:40px;height:40px;border-radius:var(--radius-sm);background:rgba(var(--primary-rgb),.08);border:1px solid rgba(var(--primary-rgb),.18);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);font-size:14px;font-weight:700;transition:all .3s ease;}
.social-link:hover{background:rgba(var(--primary-rgb),.2);border-color:rgba(var(--primary-rgb),.4);color:var(--primary-400);transform:translateY(-2px);}
.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;}
.footer-col-title{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-primary);margin-bottom:16px;}
.footer-col li{margin-bottom:10px;}
.footer-col a{color:var(--text-quaternary);font-size:14px;transition:color .3s ease;}
.footer-col a:hover{color:var(--primary-400);}
.footer-bottom{border-top:1px solid rgba(var(--primary-rgb),.08);padding-top:28px;display:flex;align-items:center;justify-content:space-between;}
.footer-bottom p{font-size:14px;color:var(--text-quaternary);}
.footer-bottom-links{display:flex;gap:24px;}
.footer-bottom-links a{font-size:14px;color:var(--text-quaternary);transition:color .3s ease;}
.footer-bottom-links a:hover{color:var(--primary-400);}

/* RESPONSIVE */
@media(max-width:1023px){
    .hero-container{grid-template-columns:1fr;gap:60px;text-align:center;}
    .hero-content{max-width:100%;}
    .hero-cta,.hero-stats{justify-content:center;}
    .hero-visual{justify-content:center;}
    .hero-image-wrapper{width:380px;height:380px;}
    .badge-top-right{top:-5%;right:0;}
    .badge-bottom-left{bottom:-5%;left:0;}
    .services-grid{grid-template-columns:repeat(2,1fr);}
    .metrics-grid{grid-template-columns:repeat(2,1fr);}
    .testimonials-grid{grid-template-columns:1fr;max-width:600px;margin:0 auto;}
    .featured-testimonial{margin-top:0;}
    .about-grid{grid-template-columns:1fr;gap:60px;}
    .about-content .section-title{text-align:center;}
    .about-visual{margin:0 auto;}
    .footer-top{grid-template-columns:1fr;gap:40px;}
    .footer-bottom{flex-direction:column;gap:16px;text-align:center;}
    .section-title{font-size:38px;}
}
@media(max-width:767px){
    .section-padding{padding:80px 0;}
    .section-title{font-size:30px; text-align:center;}
    
    /* Hero */
    .hero-content{display:flex; flex-direction:column; align-items:center; text-align:center;}
    .hero-title{font-size:36px;text-align:center;}
    .hero-subtitle{text-align:center;margin-left:auto;margin-right:auto;}
    .hero-image-wrapper{width:280px;height:280px;}
    .hero-cta{flex-direction:column;align-items:center;}
    .hero-stats{gap:20px;justify-content:center;width:100%;}
    .stat-item{align-items:center;}
    .stat-number{font-size:26px;}
    .hero-badge{margin-left:auto;margin-right:auto;}
    
    /* Nav */
    .nav-links{display:none;}
    .mobile-menu-toggle{display:flex;}
    
    /* Services */
    .services-grid{grid-template-columns:1fr;}
    .service-card-flip{height:340px;}
    
    /* Metrics */
    .metrics-grid{grid-template-columns:repeat(2,1fr);gap:14px;}
    .metric-number{font-size:36px;}
    .process-steps{flex-direction:column;align-items:center;gap:24px;}
    .process-step{text-align:center;flex-direction:column;align-items:center;max-width:280px;}
    .process-connector{display:none;}
    
    /* About */
    .about-grid{grid-template-columns:1fr;gap:48px;}
    .about-content{display:flex; flex-direction:column; align-items:center; text-align:center;}
    .about-content .section-title{text-align:center;}
    .about-content .section-label{display:inline-flex;justify-content:center;}
    .about-text{text-align:center;}
    .about-values{align-items:center; width:100%;}
    .value-item{flex-direction:column;align-items:center;text-align:center;}
    
    /* CTA */
    .form-row{grid-template-columns:1fr;}
    .cta-trust{flex-direction:column;gap:12px;align-items:center;}
    
    /* Footer */
    .footer-links{grid-template-columns:1fr;gap:32px;text-align:center;}
    .footer-bottom{flex-direction:column;gap:16px;text-align:center;}
    .footer-brand{display:flex; flex-direction:column; align-items:center; text-align:center;}
    .footer-brand .nav-logo{justify-content:center;margin-bottom:12px;}
    .social-links{justify-content:center;}
    
    /* Misc */
    .floating-badge{display:none;}
    .particle:nth-child(n+25){display:none;}
}

@media(min-width:1440px){.hero-image-wrapper{width:540px;height:540px;}}