.cl-root{--cl-bg: #020617;--cl-surface: #0f172a;--cl-border: rgba(255,255,255,.08);--cl-text: #f8fafc;--cl-muted: #94a3b8;--cl-cyan: #06b6d4;--cl-emerald: #10b981;--cl-violet: #8b5cf6;--cl-pink: #ec4899;--cl-glow: rgba(6, 182, 212, .25);background:var(--cl-bg);color:var(--cl-text);font-family:Inter,system-ui,sans-serif;position:relative;overflow:hidden}.cl-container{max-width:1200px;margin:0 auto;padding:0 24px;position:relative;z-index:10}.cl-section{padding:40px 0 120px}.text-center{text-align:center}.mx-auto{margin-left:auto;margin-right:auto}.cl-text-cyan{color:var(--cl-cyan)}.cl-h1{font-size:clamp(3rem,6vw,4.5rem);font-weight:800;line-height:1.1;letter-spacing:-.04em;margin-bottom:1.5rem;color:#fff}.cl-hero-desc{font-size:1.25rem;color:var(--cl-muted);line-height:1.6;max-width:720px}.cl-text-gradient{background:linear-gradient(to right,var(--cl-cyan),var(--cl-violet));-webkit-background-clip:text;color:transparent}.cl-bg-glow{position:absolute;top:-20%;left:50%;transform:translate(-50%);width:800px;height:800px;z-index:0;pointer-events:none;background:radial-gradient(circle,rgba(6,182,212,.15) 0%,rgba(139,92,246,.05) 40%,transparent 70%);filter:blur(80px)}.cl-grid{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.15;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(ellipse 100% 100% at 50% 0%,black 40%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 100% 100% at 50% 0%,black 40%,transparent 100%)}.cl-hero{padding:140px 0 60px;position:relative}.cl-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:99px;border:1px solid rgba(6,182,212,.4);background:#06b6d41a;color:var(--cl-cyan);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:24px;backdrop-filter:blur(5px)}.cl-live-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 10px #22c55e;animation:pulseDot 2s infinite}@keyframes pulseDot{0%,to{opacity:1}50%{opacity:.3}}.cl-interface-split{display:grid;grid-template-columns:400px 1fr;gap:40px;align-items:stretch}.cl-info-panel{background:#0f172a99;border:1px solid var(--cl-border);border-radius:24px;overflow:hidden;backdrop-filter:blur(20px);display:flex;flex-direction:column}.cl-ip-header{background:#ffffff08;border-bottom:1px solid var(--cl-border);padding:16px 24px;display:flex;align-items:center;gap:16px;font-size:.85rem;font-weight:600;color:var(--cl-muted);letter-spacing:.05em;text-transform:uppercase}.cl-dots{display:flex;gap:6px}.cl-dots span{width:10px;height:10px;border-radius:50%;background:#ef4444}.cl-dots span:nth-child(2){background:#eab308}.cl-dots span:nth-child(3){background:#22c55e}.cl-ip-body{padding:32px 24px;flex-grow:1;display:flex;flex-direction:column;gap:32px}.cl-contact-item{display:flex;align-items:flex-start;gap:16px}.cl-ci-icon{width:40px;height:40px;border-radius:12px;background:#06b6d41a;border:1px solid rgba(6,182,212,.3);color:var(--cl-cyan);display:flex;align-items:center;justify-content:center;flex-shrink:0}.cl-contact-item h4{font-size:1rem;font-weight:700;color:#fff;margin-bottom:4px}.cl-contact-item p{font-size:.9rem;color:var(--cl-muted);line-height:1.5}.cl-map-mockup{margin-top:auto;height:180px;background:#050505;border:1px solid var(--cl-border);border-radius:16px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.cl-map-overlay{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.1) 1px,transparent 1px);background-size:20px 20px;opacity:.5}.cl-map-pin{position:relative;z-index:10;display:flex;align-items:center;justify-content:center}.cl-pin-pulse{position:absolute;inset:-20px;border-radius:50%;border:2px solid var(--cl-cyan);opacity:0;animation:mapPulse 2s infinite}@keyframes mapPulse{0%{transform:scale(.5);opacity:1}to{transform:scale(2);opacity:0}}.cl-map-label{position:absolute;bottom:12px;left:16px;font-size:.75rem;font-weight:700;color:var(--cl-cyan);text-transform:uppercase;letter-spacing:.1em;z-index:10}.cl-form-panel{background:#ffffff05;border:1px solid var(--cl-border);border-radius:24px;padding:48px}.cl-fp-title{font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:24px}.cl-intent-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:48px}.cl-intent-btn{background:#ffffff08;border:1px solid var(--cl-border);border-radius:12px;padding:16px;display:flex;align-items:center;gap:12px;font-size:.95rem;font-weight:600;color:var(--cl-muted);cursor:pointer;transition:all .3s;text-align:left}.cl-intent-btn:hover{background:#ffffff0f;color:#fff}.cl-intent-btn.active{background:color-mix(in srgb,var(--intent-color) 10%,transparent);border-color:var(--intent-color);color:#fff;box-shadow:0 0 20px color-mix(in srgb,var(--intent-color) 20%,transparent)}.cl-intent-btn.active svg{color:var(--intent-color)}.cl-form{display:flex;flex-direction:column;gap:24px}.cl-form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}.cl-form-group{display:flex;flex-direction:column;gap:8px}.cl-form-group label{font-size:.85rem;font-weight:600;color:var(--cl-muted);text-transform:uppercase;letter-spacing:.05em}.cl-form-group input,.cl-form-group textarea{background:#0000004d;border:1px solid var(--cl-border);border-radius:12px;padding:16px;color:#fff;font-size:1rem;font-family:Inter,sans-serif;transition:all .3s}.cl-form-group input:focus,.cl-form-group textarea:focus{outline:none;border-color:var(--cl-cyan);background:#06b6d40d;box-shadow:0 0 15px #06b6d41a}.cl-submit-btn{margin-top:16px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:20px;background:linear-gradient(135deg,var(--cl-cyan),var(--cl-violet));color:#fff;font-weight:800;font-size:1.1rem;border:none;border-radius:12px;cursor:pointer;transition:all .3s;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 10px 30px #06b6d44d}.cl-submit-btn:hover{transform:translateY(-2px);box-shadow:0 15px 40px #06b6d466;filter:brightness(1.2)}@media(max-width:1024px){.cl-interface-split{grid-template-columns:1fr}.cl-info-panel{flex-direction:row;flex-wrap:wrap}.cl-ip-header,.cl-map-mockup{width:100%}}@media(max-width:768px){.cl-form-panel{padding:24px}.cl-intent-grid,.cl-form-row{grid-template-columns:1fr}.cl-info-panel{flex-direction:column}}