@charset "UTF-8";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0a;--s1:#111111;--s2:#1a1a1a;--border:#2a2a2a;--text:#f5f5f5;--muted:#888888;--white:#ffffff;--cyan:#637779;--font-display:"Syne",sans-serif;--font-mono:"DM Mono",monospace}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-display);overflow-x:hidden;cursor:none}.cursor{position:fixed;width:8px;height:8px;background:var(--white);border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:transform .1s;mix-blend-mode:difference}.cursor-ring{position:fixed;width:36px;height:36px;border:1px solid rgba(255,255,255,.4);border-radius:50%;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);transition:all .15s ease;mix-blend-mode:difference}body:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");opacity:.4;pointer-events:none;z-index:1}nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:0 60px;height:70px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid transparent;transition:all .4s;backdrop-filter:blur(0px)}nav.scrolled{border-bottom-color:var(--border);background:rgba(10,10,10,.85);backdrop-filter:blur(20px)}.logo{font-size:18px;font-weight:800;letter-spacing:-.5px;color:var(--white);text-decoration:none;display:flex;align-items:center;gap:10px}.logo-dot{width:8px;height:8px;background:var(--cyan);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}.nav-links{display:flex;align-items:center;gap:40px;list-style:none}.nav-links a{font-size:13px;font-weight:500;color:var(--muted);text-decoration:none;letter-spacing:.5px;text-transform:uppercase;transition:color .3s;font-family:var(--font-mono)}.nav-links a:hover{color:var(--white)}.nav-cta{font-size:13px;font-weight:600;color:var(--bg);background:var(--white);padding:10px 24px;border:none;letter-spacing:.5px;text-transform:uppercase;font-family:var(--font-mono);cursor:none;transition:all .3s}.nav-cta:hover{background:var(--cyan);color:var(--bg)}section{position:relative;z-index:2}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:70px 60px 0;overflow:hidden}.hero-tag{font-family:var(--font-mono);font-size:11px;color:var(--cyan);letter-spacing:3px;text-transform:uppercase;margin-bottom:32px;display:flex;align-items:center;gap:12px}.hero-tag:before{content:"";display:block;width:40px;height:1px;background:var(--cyan)}.hero-h1{font-size:clamp(52px,8vw,110px);font-weight:800;line-height:.92;letter-spacing:-3px;color:var(--white);margin-bottom:32px}.hero-h1 .outline{-webkit-text-stroke:1px var(--white);color:transparent}.hero-h1 .cyan{color:var(--cyan)}.hero-sub{max-width:480px;font-size:16px;font-weight:400;line-height:1.7;color:var(--muted);margin-bottom:56px;font-family:var(--font-mono)}.hero-actions{display:flex;align-items:center;gap:24px}.btn-primary{font-size:13px;font-weight:600;color:var(--bg);background:var(--white);padding:16px 36px;border:none;letter-spacing:1px;text-transform:uppercase;font-family:var(--font-mono);cursor:none;transition:all .3s;text-decoration:none;display:inline-block}.btn-primary:hover{background:var(--cyan)}.btn-ghost{font-size:13px;font-weight:500;color:var(--muted);background:transparent;padding:16px 36px;border:1px solid var(--border);letter-spacing:1px;text-transform:uppercase;font-family:var(--font-mono);cursor:none;transition:all .3s;text-decoration:none;display:inline-block}.btn-ghost:hover{border-color:var(--white);color:var(--white)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:80px 80px;opacity:.4;mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,black 0%,transparent 100%)}.hero-stat-row{display:flex;gap:60px;margin-top:80px;padding-top:40px;border-top:1px solid var(--border)}.hero-stat-num{font-size:36px;font-weight:800;color:var(--white);letter-spacing:-1px;display:block}.hero-stat-label{font-size:11px;font-family:var(--font-mono);color:var(--muted);letter-spacing:2px;text-transform:uppercase;display:block;margin-top:4px}.scroll-hint{position:absolute;bottom:40px;right:60px;display:flex;flex-direction:column;align-items:center;gap:8px;font-family:var(--font-mono);font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--muted)}.scroll-line{width:1px;height:60px;background:linear-gradient(var(--muted),transparent);animation:scrollLine 1.5s ease infinite}@keyframes scrollLine{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}.marquee-section{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:20px 0;overflow:hidden;background:var(--s1)}.marquee-track{display:flex;gap:60px;animation:marquee 20s linear infinite;width:max-content}.marquee-item{font-family:var(--font-mono);font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--muted);white-space:nowrap;display:flex;align-items:center;gap:24px}.marquee-item:after{content:"\2726";color:var(--cyan);font-size:8px}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.services{padding:120px 60px}.section-label{font-family:var(--font-mono);font-size:11px;color:var(--cyan);letter-spacing:3px;text-transform:uppercase;margin-bottom:24px;display:flex;align-items:center;gap:12px}.section-label:before{content:"";display:block;width:40px;height:1px;background:var(--cyan)}.section-title{font-size:clamp(36px,5vw,64px);font-weight:800;letter-spacing:-2px;line-height:1;color:var(--white);margin-bottom:80px}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border)}.service-card{background:var(--bg);padding:48px 40px;position:relative;overflow:hidden;transition:background .4s}.service-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:var(--cyan);transform:scaleX(0);transform-origin:left;transition:transform .4s}.service-card:hover{background:var(--s1)}.service-card:hover:before{transform:scaleX(1)}.service-num{font-family:var(--font-mono);font-size:11px;color:var(--muted);letter-spacing:2px;margin-bottom:32px;display:block}.service-icon{font-size:32px;margin-bottom:24px;display:block}.service-title{font-size:22px;font-weight:700;color:var(--white);margin-bottom:16px;letter-spacing:-.5px}.service-desc{font-size:14px;font-family:var(--font-mono);color:var(--muted);line-height:1.8}.service-arrow{position:absolute;bottom:48px;right:40px;font-size:20px;color:var(--border);transition:all .3s}.service-card:hover .service-arrow{color:var(--cyan);transform:translate(4px,-4px)}.about{padding:120px 60px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.about-visual{position:relative;height:500px}.about-box{position:absolute;border:1px solid var(--border);background:var(--s1)}.about-box-1{inset:0 60px 60px 0;display:flex;align-items:center;justify-content:center}.about-box-2{bottom:0;right:0;width:180px;height:180px;border-color:var(--cyan);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.about-box-2 span:first-child{font-size:48px;font-weight:800;color:var(--cyan);letter-spacing:-2px}.about-box-2 span:last-child{font-size:10px;font-family:var(--font-mono);color:var(--muted);letter-spacing:2px;text-transform:uppercase;text-align:center}.about-inner-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;width:100%;height:100%;background:var(--border)}.about-cell{background:var(--s1);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.about-cell-num{font-size:28px;font-weight:800;color:var(--white);letter-spacing:-1px}.about-cell-label{font-size:9px;font-family:var(--font-mono);color:var(--muted);letter-spacing:2px;text-transform:uppercase}.about-text p{font-size:15px;font-family:var(--font-mono);color:var(--muted);line-height:1.9;margin-bottom:20px}.about-text p strong{color:var(--white);font-weight:500}.process{padding:120px 60px;background:var(--s1);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:80px;position:relative}.process-steps:before{content:"";position:absolute;top:28px;left:0;right:0;height:1px;background:var(--border);z-index:0}.step{padding:0 32px;position:relative;z-index:1}.step:first-child{padding-left:0}.step-dot{width:56px;height:56px;border:1px solid var(--border);background:var(--bg);display:flex;align-items:center;justify-content:center;margin-bottom:32px;font-family:var(--font-mono);font-size:12px;color:var(--muted);transition:all .4s;letter-spacing:1px}.step:hover .step-dot{border-color:var(--cyan);color:var(--cyan);background:rgba(0,229,255,.05)}.step-title{font-size:18px;font-weight:700;color:var(--white);margin-bottom:12px;letter-spacing:-.3px}.step-desc{font-size:13px;font-family:var(--font-mono);color:var(--muted);line-height:1.8}.stats{padding:120px 60px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);margin-top:80px}.stat-card{background:var(--bg);padding:48px 40px;text-align:center;transition:background .3s}.stat-card:hover{background:var(--s1)}.stat-num{font-size:56px;font-weight:800;color:var(--white);letter-spacing:-3px;display:block;line-height:1}.stat-unit{color:var(--cyan);font-size:40px}.stat-label{font-size:12px;font-family:var(--font-mono);color:var(--muted);letter-spacing:2px;text-transform:uppercase;margin-top:16px;display:block}.tech{padding:120px 60px;background:var(--s1);border-top:1px solid var(--border)}.tech-pills{display:flex;flex-wrap:wrap;gap:12px;margin-top:60px}.tech-pill{font-family:var(--font-mono);font-size:12px;color:var(--muted);border:1px solid var(--border);padding:12px 24px;letter-spacing:1px;transition:all .3s;cursor:none}.tech-pill:hover{border-color:var(--white);color:var(--white)}.tech-pill.active{border-color:var(--cyan);color:var(--cyan)}.testimonial{padding:120px 60px;border-top:1px solid var(--border)}.testi-inner{max-width:800px}.testi-quote{font-size:clamp(24px,3vw,36px);font-weight:600;color:var(--white);line-height:1.4;letter-spacing:-.5px;margin-bottom:48px;position:relative;padding-left:40px}.testi-quote:before{content:'"';position:absolute;left:0;top:-10px;font-size:80px;color:var(--cyan);opacity:.4;font-weight:800;line-height:1}.testi-author{display:flex;align-items:center;gap:20px;padding-left:40px}.testi-avatar{width:48px;height:48px;background:var(--s2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:var(--white)}.testi-name{font-weight:600;color:var(--white);font-size:15px}.testi-role{font-family:var(--font-mono);font-size:12px;color:var(--muted);letter-spacing:1px;margin-top:2px}.cta{padding:160px 60px;text-align:center;position:relative;overflow:hidden;border-top:1px solid var(--border)}.cta:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(0,229,255,.04) 0%,transparent 70%);pointer-events:none}.cta h2{font-size:clamp(48px,7vw,96px);font-weight:800;letter-spacing:-3px;line-height:.95;color:var(--white);margin-bottom:32px}.cta h2 .outline{-webkit-text-stroke:1px var(--white);color:transparent}.cta p{font-family:var(--font-mono);font-size:15px;color:var(--muted);margin-bottom:56px;max-width:400px;margin-left:auto;margin-right:auto;line-height:1.8}.cta-actions{display:flex;justify-content:center;gap:16px}footer{padding:60px;border-top:1px solid var(--border);display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:60px}.footer-brand .logo{margin-bottom:16px;display:inline-flex}.footer-desc{font-family:var(--font-mono);font-size:13px;color:var(--muted);line-height:1.8;max-width:280px}.footer-col h4{font-size:11px;font-family:var(--font-mono);letter-spacing:3px;text-transform:uppercase;color:var(--muted);margin-bottom:24px}.footer-col ul{list-style:none}.footer-col ul li{margin-bottom:12px}.footer-col ul li a{font-size:14px;color:var(--muted);text-decoration:none;font-family:var(--font-mono);transition:color .3s}.footer-col ul li a:hover{color:var(--white)}.footer-bottom{padding:24px 60px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.footer-copy{font-family:var(--font-mono);font-size:12px;color:var(--muted);letter-spacing:1px}.footer-made{font-family:var(--font-mono);font-size:12px;color:var(--muted);display:flex;align-items:center;gap:6px}.footer-made span{color:var(--cyan)}.fade-up{opacity:0;transform:translateY(40px);transition:opacity .8s ease,transform .8s ease}.fade-up.visible{opacity:1;transform:translateY(0)}.fade-up:nth-child(2){transition-delay:.1s}.fade-up:nth-child(3){transition-delay:.2s}.fade-up:nth-child(4){transition-delay:.3s}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.cursor-blink{animation:blink 1s step-end infinite;color:var(--cyan)}
