@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--surface-primary: #08090d;--text-primary: #f5f8ff;--font-base: "Manrope", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-accent: "Space Grotesk", "Manrope", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--surface-primary)}body{min-height:100vh;background-color:var(--surface-primary);color:var(--text-primary);font-family:var(--font-base);-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button:focus-visible,a:focus-visible{outline:2px solid rgba(0,189,255,.65);outline-offset:4px}img{max-width:100%;height:auto;display:block}.app-shell{min-height:100vh;background:radial-gradient(circle at 20% -10%,rgba(255,255,255,.08),transparent 55%),radial-gradient(circle at 80% 0%,rgba(255,255,255,.05),transparent 60%),var(--surface-primary);color:var(--text-primary);font-family:var(--font-base);position:relative;overflow-x:hidden}.app-shell:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:52px 52px;opacity:.24;z-index:0}.glow-layer{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 10%,rgba(255,255,255,.08),transparent 62%),radial-gradient(circle at 5% 65%,rgba(255,255,255,.05),transparent 48%),radial-gradient(circle at 90% 75%,rgba(255,255,255,.04),transparent 55%);filter:blur(0px);z-index:1}.hero{position:relative;z-index:2;padding:3.5rem clamp(1.5rem,6vw,6rem) 4rem}.top-nav{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-bottom:4rem}.logo-group{display:flex;align-items:center;gap:1rem}.logo{width:clamp(146px,8vw,196px);filter:drop-shadow(0 12px 24px rgba(0,0,0,.35))}.nav-actions{display:flex;align-items:center;gap:.75rem}.ghost-btn,.primary-btn,.secondary-btn{border:none;cursor:pointer;font-family:var(--font-base);font-size:.95rem;border-radius:999px;transition:transform .22s ease,box-shadow .22s ease,background .22s ease}.ghost-btn{padding:.7rem 1.1rem;background:#ffffff0a;color:#eef4ffd6;border:1px solid rgba(255,255,255,.04)}.ghost-btn:hover{transform:translateY(-2px);border-color:#ffffff2e;background:#ffffff14}.primary-btn{padding:.75rem 1.4rem;background:linear-gradient(120deg,#00baffe6,#983ffff2);color:#05070f;font-weight:600;box-shadow:0 18px 40px #45a0ff40}.primary-btn:hover{transform:translateY(-3px) scale(1.01);box-shadow:0 22px 50px #4bb0ff52}.secondary-btn{padding:.75rem 1.4rem;background:#ffffff0f;color:#e8f4ffd9;border:1px solid rgba(255,255,255,.08)}.secondary-btn:hover{transform:translateY(-3px);background:#ffffff1f}.hero-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:clamp(2.4rem,5vw,5rem);align-items:center}.hero-text h1{font-size:clamp(2.75rem,5vw,4.6rem);line-height:1.08;margin:1rem 0 1.5rem;color:#f5f8fff7}.hero-text h1 span:first-child{display:block;font-size:clamp(1.05rem,2vw,1.35rem);text-transform:uppercase;letter-spacing:.08em;color:#a3b4d2b3;font-family:var(--font-accent);margin-bottom:.4rem}.typing-wrap{display:inline-flex;align-items:flex-end;justify-content:flex-start;gap:.3rem;min-height:1.2em;width:24ch;color:#e6f0fff2;font-family:var(--font-accent);letter-spacing:.02em;position:relative;white-space:nowrap}.typing-wrap[data-deleting=true]{opacity:.9}.typing-cursor{width:2px;height:1.2em;background:linear-gradient(180deg,#ffffffe6,#a0c1ff66);border-radius:1px;animation:cursorBlink 1.1s steps(2,start) infinite}.typing-wrap[data-deleting=true] .typing-cursor{opacity:.5}@keyframes cursorBlink{0%,to{opacity:0}50%{opacity:1}}.hero-text p{color:#d1dbefb3;font-size:1.05rem;line-height:1.7;max-width:38ch}.hero-ctas{display:flex;flex-wrap:wrap;gap:1rem;margin:2.5rem 0 1.5rem}.trust-signals{display:flex;flex-wrap:wrap;gap:1.5rem;color:#c2cfe5ad}.trust-signals div{display:flex;align-items:center;gap:.6rem}.signal-dot{width:10px;height:10px;border-radius:999px;background:linear-gradient(120deg,#00baffb3,#983fffe6);box-shadow:0 0 12px #56abffb3}.hero-visual{position:relative;display:grid;place-items:center;isolation:isolate;min-height:460px}.aura-sphere{width:clamp(260px,35vw,360px);aspect-ratio:1 / 1;position:relative;border-radius:50%;overflow:hidden;filter:drop-shadow(0 32px 80px rgba(0,0,0,.55));display:grid;place-items:center;--glow-blur: 42px;--glow-opacity: .72;--layer-blur-1: 8px;--layer-blur-2: 14px;--layer-blur-3: 20px;--layer-opacity-1: 1;--layer-opacity-2: .92;--layer-opacity-3: .78;--swirl-speed-1: 18s;--swirl-speed-2: 26s;--swirl-speed-3: 34s;--highlight-hue: 160;--highlight-sat: 82;--highlight-light: 72;--highlight-light-accent: 86;--highlight-light-core: 92;--shadow-strength: .65;--shadow-strength-deep: .83;--core-shadow: .85;--core-shadow-heavy: .98;--core-blur: 6px;--core-size: 70%;--core-duration: 7s;--core-scale-min: .92;--core-scale-mid: 1.05;--core-scale-end: .99;--core-clip-min: 52%;--core-clip-mid: 46%;--core-clip-end: 48%;--core-offset-min-x: -6px;--core-offset-min-y: -5px;--core-offset-mid-x: 4px;--core-offset-mid-y: 3px;--core-offset-end-x: -2px;--core-offset-end-y: -1px}.aura-sphere:before{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 35% 35%,#71e6ff52,#0000);filter:blur(var(--glow-blur, 42px));opacity:var(--glow-opacity, .55);animation:auraGlow 12s ease-in-out infinite alternate}.aura-layer{position:absolute;inset:0;border-radius:inherit;mix-blend-mode:screen;background:conic-gradient(from 120deg,hsla(var(--highlight-hue, 160),var(--highlight-sat, 82)%,var(--highlight-light-accent, 82)%,.96),hsla(var(--highlight-hue, 160),var(--highlight-sat, 82)%,var(--highlight-light, 70)%,.88),hsla(var(--highlight-hue, 160),var(--highlight-sat, 82)%,var(--highlight-light, 68)%,.92),rgba(15,29,40,calc(var(--shadow-strength-deep, .7) + .15)));animation:swirl var(--swirl-speed-1, 18s) linear infinite;opacity:var(--layer-opacity-1, 1);filter:blur(var(--layer-blur-1, 10px))}.aura-layer__two{animation-duration:var(--swirl-speed-2, 26s);animation-direction:reverse;opacity:var(--layer-opacity-2, .9);filter:blur(var(--layer-blur-2, 16px))}.aura-layer__three{animation-duration:var(--swirl-speed-3, 34s);opacity:var(--layer-opacity-3, .7);filter:blur(var(--layer-blur-3, 22px))}.aura-core{position:relative;width:var(--core-size, 70%);aspect-ratio:1 / 1;border-radius:50%;background:radial-gradient(circle at 42% 38%,hsla(var(--highlight-hue, 160),var(--highlight-sat, 82)%,var(--highlight-light-core, 88)%,.95),rgba(36,84,96,min(calc(var(--core-shadow, .8) + .15),1)) 58%,#0c1820);mix-blend-mode:lighten;filter:blur(var(--core-blur, 6px));animation:pulseCore var(--core-duration, 7s) ease-in-out infinite}@keyframes swirl{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.04)}to{transform:rotate(360deg) scale(1)}}@keyframes auraGlow{0%{opacity:.5;transform:translate3d(-6px,-4px,0) scale(.98)}50%{opacity:.7}to{opacity:.6;transform:translate3d(6px,5px,0) scale(1.02)}}@keyframes pulseCore{0%,to{transform:scale(var(--core-scale-min, .92)) translate3d(var(--core-offset-min-x, -6px),var(--core-offset-min-y, -5px),0);clip-path:circle(var(--core-clip-min, 52%) at 48% 52%)}35%{transform:scale(var(--core-scale-mid, 1.05)) translate3d(var(--core-offset-mid-x, 4px),var(--core-offset-mid-y, 3px),0);clip-path:circle(var(--core-clip-mid, 46%) at 44% 46%)}65%{transform:scale(var(--core-scale-end, .99)) translate3d(var(--core-offset-end-x, -2px),var(--core-offset-end-y, -1px),0);clip-path:circle(var(--core-clip-end, 48%) at 52% 54%)}}.control-panel{position:fixed;inset:0 auto 0 0;width:min(360px,90vw);background:#070a12eb;border-right:1px solid rgba(112,140,180,.15);box-shadow:0 0 40px #0000008c;transform:translate(-100%);transition:transform .28s ease;z-index:200;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.control-panel--open{transform:translate(0)}.control-panel__header{padding:1.25rem 1.5rem 1rem;border-bottom:1px solid rgba(112,140,180,.12);display:grid;gap:.35rem;color:#dce6ffeb}.control-panel__header strong{font-size:1rem;letter-spacing:.06em;text-transform:uppercase}.control-panel__header span{font-size:.78rem;color:#aabedcad}.control-panel__content{flex:1;overflow-y:auto;padding:1.25rem 1.5rem 2rem;display:grid;gap:1.6rem}.control-group{display:grid;gap:.9rem}.control-group h4{font-size:.9rem;letter-spacing:.05em;text-transform:uppercase;color:#d7e4ffcc}.control-grid{display:grid;gap:1rem}.control-slider label{display:flex;justify-content:space-between;font-size:.82rem;color:#b9cae5b8;font-variant-numeric:tabular-nums}.control-slider input[type=range]{width:100%;appearance:none;height:4px;border-radius:999px;background:linear-gradient(90deg,#00baff99,#983fff99);outline:none}.control-slider input[type=range]::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border-radius:50%;background:#ffffffe6;box-shadow:0 0 12px #00baff80;cursor:pointer}.control-slider input[type=range]::-moz-range-thumb{width:14px;height:14px;border:none;border-radius:50%;background:#ffffffe6;box-shadow:0 0 12px #00baff80;cursor:pointer}@keyframes float{0%,to{transform:translateY(-8px)}50%{transform:translateY(12px) scale(1.02)}}.wave-card{position:absolute;bottom:16%;right:9%;width:clamp(240px,28vw,340px);padding:1.6rem;border-radius:24px;background:#14141ac7;border:1px solid rgba(255,255,255,.07);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#dde8ffe6;box-shadow:0 25px 60px #030d237a;overflow:hidden}.wave-card span{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:#8598bbbf}.wave-card p{margin-top:.9rem;line-height:1.5;font-size:.98rem}.pulse{width:38px;height:38px;border-radius:50%;background:radial-gradient(circle,#00bcffe6,#0085ff73);display:grid;place-items:center;position:absolute;top:-18px;right:-18px;animation:pulse 3.2s infinite;box-shadow:0 0 #00a4ffcc}@keyframes pulse{0%{transform:scale(.9);box-shadow:0 0 #00a4ff8c}70%{transform:scale(1.06);box-shadow:0 0 0 18px #00a4ff00}to{transform:scale(.9);box-shadow:0 0 #00a4ff00}}.wave-line{height:2px;width:100%;background:linear-gradient(90deg,#fff0,#00d1ffb3,#fff0);margin-top:.7rem;opacity:.5;animation:shimmer 3.6s ease-in-out infinite}.wave-line:nth-of-type(2){animation-delay:.5s}.wave-line:nth-of-type(3){animation-delay:1s}@keyframes shimmer{0%{transform:translate(-30%)}50%{transform:translate(30%)}to{transform:translate(-30%)}}.floating-metric{position:absolute;top:12%;left:8%;padding:1rem 1.25rem;border-radius:18px;background:#18181ecc;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#d9e5ffe6;display:grid;gap:.4rem;animation:float 10s ease-in-out infinite;animation-delay:.8s}.floating-metric span{font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:#9cb0d3cc}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1.5rem;padding:0 clamp(1.5rem,6vw,6rem);margin-bottom:5rem}.metric-card{padding:1.8rem 1.9rem;border-radius:22px;background:#16161ccc;border:1px solid rgba(255,255,255,.07);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 18px 40px #030a1b52;transition:transform .22s ease,border .22s ease}.metric-card:hover{transform:translateY(-6px);border:1px solid rgba(255,255,255,.18)}.metric-card span{font-size:2.1rem;font-weight:600;color:#f5f8fff0}.metric-card p{color:#bdcce5ad;margin-top:.6rem}.section-header{display:grid;gap:1rem;max-width:56ch;margin:0 auto 3rem;text-align:center}.section-header h2{font-size:clamp(2rem,3.8vw,3rem);color:#f5f8fff0}.section-header p{color:#c2d0e8ad;line-height:1.7}.services{padding:0 clamp(1.5rem,6vw,6rem) 5.5rem}.service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.service-card{position:relative;padding:2.2rem;border-radius:28px;background:#14141acc;border:1px solid rgba(255,255,255,.07);overflow:hidden;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);min-height:260px;transition:transform .22s ease,border .22s ease}.service-card:hover{transform:translateY(-12px);border-color:#ffffff2e}.card-glow{position:absolute;inset:-35% 35% 55% -40%;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 70%);opacity:0;transition:opacity .22s ease}.service-card:hover .card-glow{opacity:1}.service-card h3{font-size:1.5rem;color:#f0f6fff2}.service-card p{margin:1rem 0 1.4rem;color:#bacde8b3;line-height:1.6}.card-highlight{display:inline-flex;align-items:center;gap:.45rem;font-size:.85rem;letter-spacing:.04em;text-transform:uppercase;color:#73d1ffd1}.card-highlight:before{content:"";width:9px;height:9px;border-radius:50%;background:linear-gradient(120deg,#00baffcc,#983fffe6);box-shadow:0 0 10px #56abff99}.workflow{padding:0 clamp(1.5rem,6vw,6rem) 5.5rem}.timeline{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}.timeline-card{padding:2.4rem;border-radius:26px;background:#16161cc7;border:1px solid rgba(255,255,255,.07);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:relative;overflow:hidden;transition:transform .22s ease,border .22s ease}.timeline-card:hover{transform:translateY(-10px);border-color:#ffffff2e}.timeline-card:after{content:"";position:absolute;inset:auto -30% -60%;height:70%;background:radial-gradient(circle,rgba(255,255,255,.14),transparent 70%);opacity:0;transition:opacity .22s ease}.timeline-card:hover:after{opacity:1}.step{font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;color:#7e91b1b3}.timeline-card h3{margin-top:1.1rem;font-size:1.4rem;color:#f2f7ffeb}.timeline-card p{margin-top:.8rem;color:#bbcce6ad;line-height:1.6}.testimonials{padding:0 clamp(1.5rem,6vw,6rem) 5.5rem}.testimonial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.testimonial{padding:2.4rem;border-radius:28px;background:#14141ad1;border:1px solid rgba(255,255,255,.07);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#d6e3ffe0;position:relative;overflow:hidden;transition:transform .22s ease,border .22s ease}.testimonial:hover{transform:translateY(-12px);border-color:#ffffff2e}.testimonial:before{content:"";position:absolute;inset:-40% 40% 55% -40%;background:radial-gradient(circle,rgba(255,255,255,.16),transparent 70%);opacity:0;transition:opacity .22s ease}.testimonial:hover:before{opacity:1}.testimonial p{font-size:1.05rem;line-height:1.7}.testimonial footer{margin-top:1.8rem;display:grid;gap:.3rem}.testimonial span{font-weight:600;color:#f0f6ffeb}.testimonial small{color:#acbed9ad}.cta{padding:0 clamp(1.5rem,6vw,6rem) 6rem}.cta-card{position:relative;padding:clamp(2.6rem,6vw,4.8rem);border-radius:36px;background:linear-gradient(140deg,#121218e6,#1c1c24eb);border:1px solid rgba(255,255,255,.08);overflow:hidden;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-align:center}.cta-glow{position:absolute;inset:-30% -20% -20% 40%;background:radial-gradient(circle,rgba(0,219,255,.22),transparent 70%);opacity:.8;pointer-events:none}.cta-card h2{font-size:clamp(2.2rem,4vw,3.2rem);color:#f5f8fff5}.cta-card p{margin-top:1rem;color:#c2d0e8b3;line-height:1.7}.cta-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2.5rem}.footer{padding:0 clamp(1.5rem,6vw,6rem) 3.5rem;color:#adbcd6a8}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:2rem;padding:3.5rem 0}.footer-grid img{width:160px}.footer-heading{display:block;font-size:.9rem;letter-spacing:.08em;text-transform:uppercase;color:#d7e2f6b3;margin-bottom:1rem}.footer-grid a{display:block;margin-bottom:.6rem;color:#adbcd6a8;cursor:pointer;transition:color .2s ease}.footer-grid a:hover{color:#71c7ffdb}.footer-meta{border-top:1px solid rgba(255,255,255,.05);padding-top:1.5rem;display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;font-size:.85rem}@media (max-width: 960px){.nav-actions{display:none}.hero{padding-top:2.4rem}.hero-content{grid-template-columns:1fr}.hero-text p,.hero-text h1{max-width:unset}.hero-visual{min-height:380px}.sphere-wrapper{width:280px}.wave-card{position:relative;inset:unset;margin-top:-90px}.floating-metric{position:relative;inset:unset;margin-top:-120px}}@media (max-width: 640px){.hero{padding:2rem 1.5rem 3.5rem}.metrics,.services,.workflow,.testimonials,.cta,.footer{padding-left:1.5rem;padding-right:1.5rem}.metric-card,.service-card,.timeline-card,.testimonial{padding:1.8rem}.cta-card{border-radius:28px}}
