@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--bg: #070A12;--bg2: #0B1020;--card: #0D1428;--card2: #0B1226;--text: #EAF0FF;--muted: #A7B2D6;--muted2: #8390BC;--line: rgba(255, 255, 255, .1);--glow: rgba(126, 87, 255, .35);--glow2: rgba(0, 214, 255, .22);--radius: 18px;--radius2: 24px;--shadow: 0 20px 60px rgba(0, 0, 0, .45);--shadow2: 0 12px 30px rgba(0, 0, 0, .35);--max: 1200px;--accent1: #7E57FF;--accent2: #00D6FF;--accent3: #44FFB5;--warn: #FFCC66;--danger: #FF6B8B;--bg-dark: var(--bg);--text-main: var(--text);--text-muted: var(--muted);--glass-border: var(--line);--font-main: "Inter", sans-serif;--font-head: "Outfit", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-main);background:radial-gradient(1200px 700px at 15% 0%,rgba(126,87,255,.15),transparent 55%),radial-gradient(1100px 700px at 85% 20%,rgba(0,214,255,.12),transparent 55%),linear-gradient(180deg,var(--bg),var(--bg2));background-size:100% 100%,100% 100%,100% 100%;background-attachment:fixed;color:var(--text);overflow-x:hidden;line-height:1.5}h1,h2,h3,h4,h5,h6,.logo,.btn-primary,.btn-secondary{font-family:var(--font-head)}h1,h2,h3{line-height:1.1;margin-bottom:1rem;color:#fff}h1{font-size:clamp(3rem,5vw,4.5rem);font-weight:800;letter-spacing:-.02em}h2.section-title{font-size:clamp(2rem,3vw,3rem);text-align:center;margin-bottom:3rem;letter-spacing:-.02em;color:var(--text)}.neon-text{background:linear-gradient(135deg,var(--accent2),#0072FF);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block}.highlight{color:var(--accent3);font-weight:600}p{color:var(--muted);margin-bottom:1.5rem;font-size:1.1rem}.container{max-width:var(--max);margin:0 auto;padding:0 2rem}section{padding:8rem 0;position:relative}header{position:fixed;top:0;width:100%;z-index:100;padding:1rem 0;background:#070a12a6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.nav-wrapper{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:1rem;font-weight:800;font-size:1.25rem;letter-spacing:-.01em;color:var(--text-main);text-decoration:none}.logo img{height:36px;border-radius:8px}nav ul{display:flex;list-style:none;gap:2rem;align-items:center}nav a{text-decoration:none!important;color:var(--text-muted);font-weight:600;font-size:.95rem;transition:color .2s}nav a:hover{text-decoration:none!important;color:var(--text-main)}nav a.btn-primary{color:var(--text-main)}#menu-toggle{display:none;flex-direction:column;justify-content:space-between;width:30px;height:21px;background:transparent;border:none;cursor:pointer;z-index:101}.bar{height:2px;width:100%;background-color:var(--text-main);border-radius:10px;transition:all .3s ease}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;border-radius:16px;border:1px solid var(--line);color:var(--text);font-weight:700;text-decoration:none;box-shadow:var(--shadow2);cursor:pointer;font-family:var(--font-head);transition:all .2s ease;font-size:1rem;line-height:1.2}.btn-primary{background:linear-gradient(180deg,#ffffff1a,#ffffff0f)}.btn-primary:hover{background:linear-gradient(180deg,#ffffff24,#ffffff14);text-decoration:none}.btn-primary:active,.btn-secondary:active{transform:translateY(1px)}.btn-secondary{background:#ffffff0d;box-shadow:none;border:1px solid var(--line);color:var(--muted);margin-left:1rem}.btn-secondary:hover{background:#ffffff14;color:var(--text);text-decoration:none}a{color:inherit;text-decoration:none!important}a:hover{text-decoration:none!important}#hero{height:100vh;min-height:700px;display:flex;align-items:center;justify-content:center;text-align:center;padding-top:80px}.hero-content{max-width:900px;animation:fadeIn 1s ease-out;padding:0 1rem}.hero-actions{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-top:2rem}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.card{padding:2.5rem;border-radius:var(--radius2);transition:transform .3s cubic-bezier(.2,.8,.2,1);border:1px solid rgba(255,255,255,.08);background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0003}.card:hover{transform:translateY(-5px);border-color:#ffffff26;background:#ffffff0f;box-shadow:0 8px 30px #0000004d}.glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.icon{margin-bottom:1.5rem;color:var(--accent2);display:flex;justify-content:flex-start}.card h3{margin-bottom:.75rem;font-size:1.25rem;font-weight:700}.split-layout{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.stats-list{list-style:none;margin-top:2rem}.stats-list li{margin-bottom:1rem;font-size:1.1rem;display:flex;align-items:center;gap:.75rem}.stats-list li:before{content:"→";color:var(--accent2);font-weight:800}.stats-visual{height:300px;display:flex;align-items:flex-end;justify-content:center;gap:2rem;padding:2rem;background:#ffffff05;border-radius:var(--radius2)}.bar{flex:1;max-width:100px;background:#ffffff0d;border:1px solid var(--line);border-radius:8px 8px 0 0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:1rem;position:relative;min-height:40px}.bar.active{background:linear-gradient(to top,var(--accent1),var(--accent2));border:none;box-shadow:0 0 20px #7e57ff4d}.bar span{font-family:var(--font-head);font-weight:700;font-size:.9rem;color:#fff;text-transform:uppercase;letter-spacing:.05em;background:#0000004d;padding:4px 8px;border-radius:4px}.spotlight-section{padding:8rem 0;position:relative;overflow:hidden}.spotlight-header{text-align:center;max-width:800px;margin:0 auto 5rem}.spotlight-header h2{opacity:.7;font-size:1.1rem;margin-bottom:1rem;letter-spacing:.1em;text-transform:uppercase}.spotlight-header h3{font-size:3.5rem;line-height:1.1;margin-bottom:2rem;font-weight:800}.spotlight-lead{font-size:1.25rem;line-height:1.6;color:var(--text-muted);max-width:65ch;margin:0 auto}.spotlight-visual{margin:0 auto 5rem;max-width:900px;height:400px;position:relative;display:flex;justify-content:center;align-items:center}.abstract-interface{position:relative;width:100%;height:100%}.ui-panel{background:#0d142899;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 20px 50px #0000004d}.main-panel{width:80%;height:300px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column}.ui-header{height:40px;border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;padding:0 16px;gap:8px}.dot{width:10px;height:10px;border-radius:50%}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27c93f}.ui-body{flex:1;display:flex;align-items:center;justify-content:center}.node-flow{display:flex;align-items:center;gap:16px}.node{padding:10px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;font-size:.9rem;font-weight:600;color:var(--text);box-shadow:0 4px 12px #0003}.node.start{border-color:var(--text-muted)}.node.check{border-color:var(--accent1);color:var(--accent1)}.node.decision{border-color:var(--accent2);color:var(--accent2)}.node.end{border-color:var(--accent3);color:var(--accent3);background:#44ffb51a}.line{width:40px;height:2px;background:#ffffff1a}.float-card{position:absolute;padding:16px;display:flex;flex-direction:column;gap:4px;min-width:160px;animation:float 6s ease-in-out infinite;background:#0d1428cc}.float-card span{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.float-card strong{font-size:1.5rem;color:var(--accent2)}.card-1{top:10%;right:5%;border-color:var(--accent2);animation-delay:0s}.card-2{bottom:10%;left:5%;border-color:var(--accent1);animation-delay:3s}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.feature-card{padding:2rem;border-radius:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);transition:transform .3s ease,background .3s ease}.feature-card:hover{transform:translateY(-5px);background:#ffffff0d;border-color:#ffffff1a}.feature-icon{width:48px;height:48px;background:linear-gradient(135deg,#ffffff1a,#ffffff05);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:var(--accent2)}.feature-card h4{font-size:1.25rem;margin-bottom:.75rem;font-weight:700}.feature-card p{color:var(--text-muted);font-size:1rem;line-height:1.6}@media(max-width:768px){.spotlight-header h3{font-size:2.5rem}.feature-grid{grid-template-columns:1fr}.abstract-interface{transform:scale(.8)}}#contact{padding-top:12rem}.center-text{text-align:center;max-width:800px;margin:0 auto}#contactForm{padding:4rem;border-radius:var(--radius2);margin-top:4rem;display:flex;flex-direction:column;gap:1.5rem;background:#ffffff05;border:1px solid var(--line);max-width:800px;margin-left:auto;margin-right:auto}.input-group{display:flex;flex-direction:column;gap:.5rem;text-align:left}.input-group label{font-weight:600;font-size:.9rem;color:var(--muted)}.input-group input,.input-group textarea{width:100%;padding:1rem 1.25rem;background:#0003;border:1px solid var(--line);border-radius:12px;color:#fff;font-family:var(--font-main);font-size:1rem;transition:border-color .2s}.input-group input:focus,.input-group textarea:focus{outline:none;border-color:var(--accent1);background:#0006}footer{padding:3rem 0;text-align:center;border-top:1px solid var(--glass-border);color:var(--text-muted);font-size:.9rem;background:#0003}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){h1{font-size:2.8rem}h2.section-title{font-size:2rem}#menu-toggle{display:flex}nav{position:fixed;top:0;right:-100%;height:100vh;width:80%;background:#0b1020;display:flex;flex-direction:column;justify-content:center;transition:right .3s cubic-bezier(.4,0,.2,1);box-shadow:-10px 0 30px #00000080;padding:2rem}nav.active{right:0}nav ul{flex-direction:column;gap:1.5rem;align-items:flex-start;width:100%}nav a{font-size:1.2rem;display:block;width:100%}nav .btn-primary{width:100%;text-align:center}#menu-toggle.active .bar:nth-child(1){transform:translateY(9px) rotate(45deg)}#menu-toggle.active .bar:nth-child(2){opacity:0}#menu-toggle.active .bar:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.grid-3,.split-layout{grid-template-columns:1fr;gap:3rem}.split-layout{text-align:center}.stats-list li{justify-content:center}.btn-secondary{margin-left:0;margin-top:1rem;display:block;width:100%}.hero-actions{flex-direction:column;align-items:center;width:100%}.btn-primary{width:100%}}#bg-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:.6;pointer-events:none}.process-lead{text-align:center;max-width:700px;margin:0 auto 3rem}.process-card{display:flex;flex-direction:column}.process-card h3{margin-top:.5rem;margin-bottom:.25rem}.step-number{font-family:var(--font-head);font-size:3rem;font-weight:800;color:var(--accent2);opacity:.2;line-height:1;margin-bottom:-.5rem}.step-subtitle{color:var(--text);font-weight:600;margin-bottom:1.25rem;font-size:1.05rem;line-height:1.4;min-height:2.8em}.step-content{list-style:none;margin-bottom:1.5rem;flex-grow:1}.step-content li{font-size:.95rem;color:var(--muted);margin-bottom:.65rem;padding-left:1.25rem;position:relative;line-height:1.4}.step-content li:before{content:"•";position:absolute;left:0;color:var(--accent2)}.step-signal{margin-top:auto;padding-top:1.25rem;border-top:1px solid var(--line);font-size:.9rem;color:var(--muted);line-height:1.5}.step-signal .highlight{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:.25rem}@media(max-width:768px){.step-subtitle{min-height:auto}}.scroll-indicator{position:absolute;bottom:3rem;left:50%;transform:translate(-50%);color:var(--accent2);display:flex;flex-direction:column;align-items:center;gap:.5rem;animation:bounce 2s infinite;cursor:default;z-index:10}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-10px)}60%{transform:translate(-50%) translateY(-5px)}}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.container{width:100%}.grid{display:grid}.hidden{display:none}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.uppercase{text-transform:uppercase}.line-through{text-decoration-line:line-through}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}
