:root{--primary-color: #38bdf8;--dark-bg: #0f172a;--text-color: #111;--light-text: #f8fafc;--gray-text: #64748b;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5}body{margin:0;padding:0;background-color:#0f172a;color:#fff}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:10px}::-webkit-scrollbar-track{background:#e2e8f0}#tsparticles{position:fixed!important;inset:0;z-index:1!important;pointer-events:none}.navbar{position:fixed;top:0;left:0;width:100%;z-index:9999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172acc;padding:1rem 2rem;transition:all .3s ease}:root{--brand-c1: #00bcd4;--brand-c2: #6c5ce7;--brand-dark: #071021;--brand-muted: #9fb2c8;--brand-glow: rgba(92,173,255,.18);--brand-shadow: 0 24px 60px rgba(44,120,255,.12);--brand-gradient: linear-gradient(135deg, var(--brand-c1), var(--brand-c2))}.navbar-container{max-width:1200px;margin:auto;display:flex;justify-content:space-between;align-items:center;position:relative}.mobile-menu{position:fixed;inset:0;z-index:2000;display:none;flex-direction:column;align-items:center;justify-content:center;gap:2rem;background:#000000f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mobile-menu.active{display:flex}.mobile-menu a{color:#e2e8f0;font-size:1.5rem;text-decoration:none}.mobile-menu .btn-primary{padding:14px 28px}.logo a{font-weight:700;font-size:1.3rem;color:#faea07;text-decoration:none}.nav-links{display:flex;gap:1.5rem}.nav-links a{color:#e2e8f0;transition:.3s;text-decoration:none}.nav-links a:hover{color:#38bdf8}.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer}.hamburger span{width:25px;height:3px;background:#fff;border-radius:4px}@media(max-width:768px){.navbar-container{justify-content:space-around}.nav-links{position:absolute;top:100%;right:0;background:#0f172a;flex-direction:column;width:200px;padding:1rem;display:none}.nav-links.active,.hamburger{display:flex}}.footer{background-color:#111;color:#fff;padding:3rem 1.5rem 1rem;margin-top:3rem}.footer-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;max-width:1200px;margin:auto}.footer-section h3,.footer-section h4{margin-bottom:1rem}.footer-section a{display:block;color:#ccc;text-decoration:none;margin-bottom:.5rem;transition:.3s ease}.footer-section a:hover{color:#00bcd4}.footer-section p{color:#aaa;margin-bottom:.5rem;font-size:.9rem}.footer-bottom{text-align:center;margin-top:2rem;padding-top:1rem;border-top:1px solid #333;font-size:.85rem;color:#777}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 20% 30%,#1e293b,#0f172a 60%);color:#fff;padding:3rem 2rem;position:relative;overflow:hidden}.hero-container{max-width:1200px;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:2}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:#ffffff14;padding:6px 14px;border-radius:50px;font-size:.8rem;margin-bottom:20px}.pulse-dot{width:8px;height:8px;background:#00f5ff;border-radius:50%;animation:pulse 1.5s infinite}@keyframes pulse{0%{box-shadow:0 0 #00f5ff99}to{box-shadow:0 0 0 20px transparent}}.hero-title{font-size:3rem;line-height:1.2;font-weight:700}.typed{color:#00f5ff}.cursor{animation:blink .8s infinite}@keyframes blink{50%{opacity:0}}.hero-subtitle{color:#94a3b8;margin:1.5rem 0;max-width:500px}.hero-buttons{display:flex;gap:1rem;flex-wrap:wrap}.btn-primary{background:#00f5ff;color:#000;padding:12px 22px;border-radius:12px;font-weight:700;text-decoration:none;transition:.3s ease}.btn-primary:hover{transform:translateY(-4px);box-shadow:0 15px 40px #00f5ff80}.btn-secondary{border:1px solid #94a3b8;padding:12px 22px;border-radius:12px;text-decoration:none;color:#fff;transition:.3s ease}.btn-secondary:hover{background:#ffffff1a;transform:translateY(-4px)}.hero-right{display:flex;justify-content:center;align-items:center;perspective:1600px}.logo-wrapper{transform-style:preserve-3d;animation:floatLogo 6s ease-in-out infinite}.logo-3d{width:320px;transition:transform .4s ease,filter .4s ease;filter:drop-shadow(0 20px 40px rgba(0,245,255,.25))}@keyframes floatLogo{0%{transform:rotateY(-8deg) translateY(0)}50%{transform:rotateY(8deg) translateY(-15px)}to{transform:rotateY(-8deg) translateY(0)}}.logo-3d:hover{transform:rotateX(20deg) rotateY(25deg) scale(1.08);filter:drop-shadow(0 40px 70px rgba(0,245,255,.6))}.scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translate(-50%);text-align:center;animation:bounce 2s infinite;color:#94a3b8}.arrow{font-size:1.5rem;color:#00f5ff}@keyframes bounce{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-10px)}}@media(max-width:1024px){.hero-container{grid-template-columns:1fr;display:flex;flex-direction:column-reverse;text-align:center}.hero-buttons{justify-content:center}.hero-title{font-size:1.2rem}}.authority-section{position:relative;padding:clamp(80px,10vw,140px) 20px}.authority-container{max-width:1200px;margin:0 auto}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:clamp(24px,4vw,40px);margin-bottom:clamp(60px,8vw,100px)}.stat-card{text-align:center;padding:clamp(24px,3vw,40px);border-radius:24px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff0a;border:1px solid rgba(56,189,248,.15);transition:all .4s ease}.stat-card:hover{transform:translateY(-8px);border-color:#38bdf880;box-shadow:0 0 50px #38bdf82e}.stat-number{font-size:clamp(2.2rem,5vw,3.4rem);font-weight:700;background:linear-gradient(90deg,#38bdf8,#22d3ee);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:12px}.stat-card p{color:#94a3b8;font-size:.95rem;line-height:1.5}.clients-orbit-wrapper{text-align:center}.clients-title{font-size:.85rem;letter-spacing:3px;color:#64748b;margin-bottom:clamp(50px,6vw,90px)}.orbit-scene{width:100%;height:clamp(320px,5vw,600px);display:flex;justify-content:center;align-items:center;perspective:2000px;position:relative}.orbit-scene:before{content:"";position:absolute;width:clamp(240px,35vw,500px);height:clamp(240px,35vw,500px);background:radial-gradient(circle,rgba(56,189,248,.2),transparent 70%);border-radius:50%;filter:blur(40px)}.orbit-ring{position:relative;width:clamp(260px,35vw,520px);height:clamp(260px,35vw,520px);transform-style:preserve-3d;animation:rotateOrbit 40s linear infinite;transform:rotateX(22deg)}.orbit-ring:hover{animation-play-state:paused}.orbit-item{position:absolute;top:50%;left:50%;transform-style:preserve-3d;backface-visibility:hidden;padding:clamp(10px,1.5vw,18px) clamp(18px,2.5vw,30px);border-radius:50px;font-weight:600;font-size:clamp(.8rem,1.3vw,1.05rem);background:#ffffff0d;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(56,189,248,.25);color:#94a3b8;white-space:nowrap;transition:all .4s ease}.orbit-item:hover{color:#38bdf8;border-color:#38bdf8;box-shadow:0 0 40px #38bdf880;transform:scale(1.2)}.orbit-item:nth-child(1){transform:rotateY(0) translateZ(clamp(140px,22vw,320px))}.orbit-item:nth-child(2){transform:rotateY(45deg) translateZ(clamp(140px,22vw,320px))}.orbit-item:nth-child(3){transform:rotateY(90deg) translateZ(clamp(140px,22vw,320px))}.orbit-item:nth-child(4){transform:rotateY(135deg) translateZ(clamp(140px,22vw,320px))}.orbit-item:nth-child(5){transform:rotateY(180deg) translateZ(clamp(140px,22vw,320px))}.orbit-item:nth-child(6){transform:rotateY(225deg) translateZ(clamp(140px,22vw,320px))}.orbit-item:nth-child(7){transform:rotateY(270deg) translateZ(clamp(140px,22vw,320px))}.orbit-item:nth-child(8){transform:rotateY(315deg) translateZ(clamp(140px,22vw,320px))}@keyframes rotateOrbit{0%{transform:rotateX(22deg) rotateY(0)}to{transform:rotateX(22deg) rotateY(360deg)}}.section{padding:6rem 1.5rem;max-width:1200px;margin:0 auto;position:relative;z-index:2}.section-title{font-size:2rem;margin-bottom:.5rem}.section-sub{color:#94a3b8;margin-bottom:1.5rem}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-top:1.5rem}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.testimonial-card{padding:1.25rem;border-radius:12px;background:#ffffff08}.cta-inner{display:flex;flex-direction:column;gap:1rem;align-items:flex-start}.modal-overlay{position:fixed;inset:0;background:#000000b8;display:flex;align-items:center;justify-content:center;z-index:2000}.modal{width:100%;max-width:720px;padding:2rem;border-radius:16px;color:#fff;position:relative;background:linear-gradient(180deg,#030712f5,#06111cf5);border:1px solid rgba(255,255,255,.04);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-close{position:absolute;top:12px;right:12px;background:transparent;border:none;color:#cbd5e1;font-size:1.1rem;cursor:pointer}.modal-form label{display:block;margin-bottom:12px;color:#e6eef8}.modal-form input,.modal-form textarea,.modal-form select{width:100%;padding:12px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#ffffff05,#ffffff03);color:#fff;font-size:.95rem;box-sizing:border-box}.modal-form select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:44px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 20 20' fill='none' stroke='%23ffffff'><path d='M6 8l4 4 4-4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-position:right 12px center;background-repeat:no-repeat;background-size:14px}.modal-form textarea{resize:vertical;min-height:120px}.modal-form input:focus,.modal-form textarea:focus,.modal-form select:focus{outline:none;border-color:var(--brand-c1);box-shadow:0 10px 30px #00b4dc1f}.modal-form select,.modal-form option{background-color:#020617fa;color:#e6eef8}.modal-form option{padding:8px 10px}.floating-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:0 14px}.floating-btn .btn-text{color:#fff;font-weight:700}.reveal,.reveal-left,.reveal-right{will-change:transform,opacity}.glass,.glass-strong{transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s ease,border-color .3s ease}.glass:hover,.glass-strong:hover{transform:translateY(-10px);box-shadow:0 30px 80px #02061799,0 8px 30px #00f5ff0f;border-color:#ffffff1f}.service-card{transition:transform .6s cubic-bezier(.175,.885,.32,1.275),box-shadow .45s ease;transform-origin:center bottom}.service-card:hover{transform:translateY(-18px) rotateX(4deg);box-shadow:0 40px 90px #03071ab3,0 8px 40px #00f5ff0f}.glass-strong-icon{background:linear-gradient(180deg,#ffffff05,#ffffff03);border-radius:8px;width:56px;height:56px}.text-brand-c1{color:var(--brand-c1)}.timeline-container{position:relative;padding:28px 0}.timeline-line{position:absolute;left:0;right:0;top:40px;height:4px;background:#ffffff0a;border-radius:4px}.timeline-progress{position:absolute;left:0;top:40px;width:0%;height:4px;background:linear-gradient(90deg,var(--brand-c1),var(--brand-c2));border-radius:4px;transform-origin:left center}.timeline-steps{margin-top:8px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.timeline-step{padding:14px;background:#ffffff05;border-radius:10px;text-align:center;color:#cbd5e1}svg path.animate{stroke-dasharray:1000;stroke-dashoffset:1000}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.testimonial-card:hover{transform:translateY(-8px);box-shadow:var(--brand-shadow)}.service-card:before{transition:opacity .35s ease}.testimonial-card{transition:transform .45s ease,box-shadow .45s ease}.testimonial-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 30px 70px #02061799,0 6px 30px #8b5cf614}.btn-primary{background:var(--brand-gradient);color:#031024;font-weight:700;padding:12px 22px;border-radius:12px;border:1px solid rgba(255,255,255,.06);box-shadow:var(--brand-shadow),0 6px 18px #0000002e;transition:transform .28s cubic-bezier(.2,.9,.3,1),box-shadow .28s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.btn-primary:hover,.btn-primary:focus{transform:translateY(-6px) scale(1.03);box-shadow:0 40px 120px var(--brand-glow),0 16px 50px #00000038;outline:none}.btn-secondary{background:transparent;color:var(--brand-c2);border:1px solid rgba(108,92,231,.14);padding:10px 18px;border-radius:10px;transition:transform .28s cubic-bezier(.2,.9,.3,1),background .2s ease,box-shadow .2s ease}.btn-secondary:hover{transform:translateY(-4px);background:#6c5ce70f;box-shadow:0 18px 40px #6c5ce70f}.floating-btn{position:fixed;bottom:28px;right:28px;z-index:99999;height:64px;min-width:64px;padding:0 18px;border-radius:999px;background:var(--brand-gradient);display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;box-shadow:0 30px 80px #2478ff1f,0 10px 36px #0000002e;transition:width .36s cubic-bezier(.22,1,.36,1),transform .28s ease,box-shadow .28s ease;overflow:hidden}.floating-btn .btn-icon{font-size:20px;transition:transform .28s ease}.floating-btn .btn-text{opacity:0;white-space:nowrap;transition:opacity .24s ease,margin-left .28s ease;margin-left:0}.floating-btn:hover{transform:translateY(-6px) scale(1.02);min-width:180px;box-shadow:0 48px 140px var(--brand-glow),0 18px 60px #00000038}.floating-btn:hover .btn-text{opacity:1;margin-left:6px;color:#021427}.floating-btn:active{transform:scale(.98)}@media(max-width:768px){.floating-btn{right:18px;bottom:18px;height:60px;min-width:60px}.floating-btn:hover{min-width:160px}}button:focus,a:focus{outline:3px solid rgba(0,245,255,.12);outline-offset:3px}
