@import "https://fonts.googleapis.com/css2?family=Syne:wght@700;800&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,300&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--color-bg:#080c12;--color-bg-alt:#0d1320;--color-surface:#111827;--color-surface-2:#1a2236;--color-border:#1e2d40;--color-border-glow:#00d4ff40;--color-accent:#00d4ff;--color-accent-dim:#00d4ff26;--color-accent-hover:#3df;--color-accent-glow:#00d4ff66;--color-warm:#ff6b35;--color-warm-dim:#ff6b351f;--color-text-primary:#e8f0fe;--color-text-secondary:#6b7fa8;--color-text-muted:#3d506e;--color-text-inverse:#080c12;--font-display:"Syne", system-ui, sans-serif;--font-sans:"DM Sans", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--font-size-xs:.7rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.5rem;--font-size-5xl:3.5rem;--font-size-6xl:4.5rem;--font-size-hero:clamp(3rem, 8vw, 6.5rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--max-width:1140px;--radius-sm:3px;--radius-md:6px;--radius-lg:12px;--radius-xl:20px;--shadow-card:0 1px 2px #0009, 0 0 0 1px var(--color-border);--shadow-card-hover:0 0 0 1px var(--color-accent), 0 8px 32px var(--color-accent-dim);--shadow-glow:0 0 40px var(--color-accent-glow);--transition-fast:.15s ease;--transition-base:.28s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1);--clip-height:48px}[data-theme=light]{--color-bg:#f0f4fa;--color-bg-alt:#e8eef8;--color-surface:#fff;--color-surface-2:#f5f8ff;--color-border:#d0dae8;--color-border-glow:#0096c833;--color-accent:#08c;--color-accent-dim:#0088cc1f;--color-accent-hover:#09d;--color-accent-glow:#0088cc4d;--color-warm:#e05020;--color-warm-dim:#e050201a;--color-text-primary:#0d1a2e;--color-text-secondary:#4a5e7a;--color-text-muted:#9aaabf;--color-text-inverse:#fff;--shadow-card:0 1px 3px #00000014, 0 0 0 1px var(--color-border);--shadow-card-hover:0 0 0 1px var(--color-accent), 0 8px 32px var(--color-accent-dim)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--font-size-base);background-color:var(--color-bg);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;transition:background-color var(--transition-base), color var(--transition-base);line-height:1.65}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover)}img,svg{max-width:100%;display:block}.container{max-width:var(--max-width);padding:0 var(--space-8);margin:0 auto}.section{padding:var(--space-32) 0;position:relative}.section-label{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-accent);letter-spacing:.18em;text-transform:uppercase;margin-bottom:var(--space-4);align-items:center;gap:var(--space-3);font-weight:500;display:flex}.section-label:before{content:"";background:var(--color-accent);width:24px;height:1px;display:inline-block}.section-title{font-family:var(--font-display);font-size:var(--font-size-4xl);margin-bottom:var(--space-4);color:var(--color-text-primary);letter-spacing:-.02em;font-weight:800;line-height:1.1}.section-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--space-12);max-width:560px;line-height:1.7}.btn-primary{padding:var(--space-4) var(--space-8);background:var(--color-accent);color:var(--color-text-inverse);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--font-size-base);cursor:pointer;transition:background-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);border:none;flex-direction:column;align-items:center;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn-primary:after{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff1f 0%,#0000 60%);position:absolute;inset:0}.btn-primary:hover{background-color:var(--color-accent-hover);box-shadow:0 8px 24px var(--color-accent-glow);color:var(--color-text-inverse);transform:translateY(-2px)}.btn-secondary{padding:var(--space-4) var(--space-8);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--font-size-base);cursor:pointer;transition:border-color var(--transition-fast), color var(--transition-fast), background var(--transition-fast);background-color:#0000;font-weight:500;display:inline-block}.btn-secondary:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-dim)}@media (width<=768px){.section{padding:var(--space-20) 0}.section-title{font-size:var(--font-size-3xl)}.container{padding:0 var(--space-6)}}.navbar{z-index:100;border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(16px);background-color:#080c12d9;position:sticky;top:0}[data-theme=light] .navbar{background-color:#f0f4fae0}.navbar-inner{align-items:center;gap:var(--space-8);height:64px;display:flex}.navbar-logo{font-family:var(--font-display);font-size:var(--font-size-xl);color:var(--color-accent);letter-spacing:.1em;white-space:nowrap;font-weight:800}.navbar-logo span{color:var(--color-text-primary);font-size:var(--font-size-xs);font-family:var(--font-mono);letter-spacing:.05em;opacity:.5;margin-left:var(--space-2);vertical-align:middle;font-weight:400}.navbar-links{gap:var(--space-8);flex:1;display:flex}.navbar-links a{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500;font-family:var(--font-mono);letter-spacing:.04em;transition:color var(--transition-fast);position:relative}.navbar-links a:after{content:"";background:var(--color-accent);width:0;height:1px;transition:width var(--transition-base);position:absolute;bottom:-4px;left:0}.navbar-links a:hover{color:var(--color-accent)}.navbar-links a:hover:after{width:100%}.navbar-controls{gap:var(--space-2);margin-left:auto;display:flex}.navbar-btn{border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-family:var(--font-mono);font-size:var(--font-size-xs);padding:var(--space-2) var(--space-3);cursor:pointer;letter-spacing:.06em;transition:border-color var(--transition-fast), color var(--transition-fast), background var(--transition-fast);background:0 0}.navbar-btn:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-dim)}@media (width<=768px){.navbar-links{display:none}}.hero{background:var(--color-bg);align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-grid-bg{pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-grid-bg:before{content:"";background-image:linear-gradient(#00d4ff0f 1px,#0000 1px),linear-gradient(90deg,#00d4ff0f 1px,#0000 1px);background-size:60px 60px;animation:20s linear infinite gridDrift;position:absolute;inset:-10%}.hero-grid-bg:after{content:"";background-image:linear-gradient(#00d4ff08 1px,#0000 1px),linear-gradient(90deg,#00d4ff08 1px,#0000 1px);background-size:240px 240px;animation:60s linear infinite reverse gridDrift;position:absolute;inset:-10%}@keyframes gridDrift{0%{transform:translate(0)}to{transform:translate(60px,60px)}}.hero-orb{pointer-events:none;background:radial-gradient(circle,#00d4ff0f 0%,#00d4ff06 35%,#0000 70%);border-radius:50%;width:70vw;max-width:900px;height:70vw;max-height:900px;animation:8s ease-in-out infinite orbPulse;position:absolute;top:-10%;right:-5%}@keyframes orbPulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.hero-crosshair{pointer-events:none;opacity:.12;width:320px;height:320px;position:absolute;top:50%;right:12%;transform:translateY(-50%)}.hero-crosshair:before,.hero-crosshair:after{content:"";background:var(--color-accent);position:absolute}.hero-crosshair:before{height:1px;top:50%;left:0;right:0}.hero-crosshair:after{width:1px;top:0;bottom:0;left:50%}.hero-crosshair-ring{border:1px solid var(--color-accent);border-radius:50%;animation:12s linear infinite radarSpin;position:absolute;inset:0}.hero-crosshair-ring-2{border:1px solid var(--color-accent);border-radius:50%;animation:8s linear infinite reverse radarSpin;position:absolute;inset:20%}.hero-crosshair-dot{background:var(--color-accent);width:8px;height:8px;box-shadow:0 0 12px var(--color-accent);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes radarSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-gradient-bottom{background:linear-gradient(to bottom, transparent, var(--color-bg));pointer-events:none;height:200px;position:absolute;bottom:0;left:0;right:0}.hero-inner{z-index:2;max-width:800px;padding-top:var(--space-16);padding-bottom:var(--space-16);position:relative}.hero-badge{align-items:center;gap:var(--space-2);background:var(--color-accent-dim);border:1px solid var(--color-border-glow);padding:var(--space-1) var(--space-4) var(--space-1) var(--space-2);font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-accent);letter-spacing:.08em;margin-bottom:var(--space-8);border-radius:100px;animation:.6s both fadeSlideUp;display:inline-flex}.hero-badge-dot{background:var(--color-accent);width:6px;height:6px;box-shadow:0 0 8px var(--color-accent);border-radius:50%;animation:2s ease-in-out infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.hero-title{font-family:var(--font-display);font-size:var(--font-size-hero);letter-spacing:-.03em;margin-bottom:var(--space-8);font-weight:800;line-height:1.05;animation:.7s .1s both fadeSlideUp}.hero-title-line1{color:var(--color-text-primary);display:block}.hero-title-line2{color:var(--color-accent);display:block;position:relative}.hero-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--space-10);max-width:520px;line-height:1.75;animation:.7s .2s both fadeSlideUp}.hero-ctas{gap:var(--space-4);flex-wrap:wrap;align-items:center;animation:.7s .3s both fadeSlideUp;display:flex}.hero-cta-sub{font-size:var(--font-size-xs);opacity:.75;font-weight:400;font-family:var(--font-mono);margin-top:2px;display:block}.hero-stats{gap:var(--space-12);margin-top:var(--space-16);padding-top:var(--space-8);border-top:1px solid var(--color-border);animation:.7s .4s both fadeSlideUp;display:flex}.hero-stat-num{font-family:var(--font-display);font-size:var(--font-size-3xl);color:var(--color-accent);font-weight:800;line-height:1;display:block}.hero-stat-label{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-muted);letter-spacing:.08em;margin-top:var(--space-1);display:block}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.hero{min-height:auto;padding-top:var(--space-16);padding-bottom:var(--space-16)}.hero-crosshair{display:none}.hero-stats{gap:var(--space-8);flex-wrap:wrap}}.pain-section{background:var(--color-bg-alt);position:relative}.pain-section:before{content:"";height:var(--clip-height);background:var(--color-bg);clip-path:polygon(0 0,100% 0,100% 100%,0 0);position:absolute;top:0;left:0;right:0}.pain-section:after{content:"";height:var(--clip-height);background:var(--color-bg);clip-path:polygon(0 100%,100% 0,100% 100%);position:absolute;bottom:0;left:0;right:0}.pain-list{margin-bottom:var(--space-12);flex-direction:column;gap:0;display:flex}.pain-item{gap:var(--space-6);padding:var(--space-8) 0;border-bottom:1px solid var(--color-border);transition:background var(--transition-base);border-radius:var(--radius-md);grid-template-columns:80px 1fr;align-items:start;display:grid}.pain-item:last-child{border-bottom:none}.pain-item:hover{background:var(--color-surface);padding-left:var(--space-4)}.pain-number{font-family:var(--font-display);color:var(--color-accent);opacity:.15;letter-spacing:-.04em;-webkit-user-select:none;user-select:none;transition:opacity var(--transition-base);font-size:4rem;font-weight:800;line-height:1}.pain-item:hover .pain-number{opacity:.4}.pain-title{font-family:var(--font-display);font-size:var(--font-size-xl);margin-bottom:var(--space-2);color:var(--color-text-primary);font-weight:700}.pain-desc{color:var(--color-text-secondary);line-height:1.7}.pain-closing{font-family:var(--font-display);font-size:var(--font-size-xl);color:var(--color-accent);padding:var(--space-6) var(--space-8);background:var(--color-accent-dim);border-left:3px solid var(--color-accent);border-radius:0 var(--radius-md) var(--radius-md) 0;font-weight:700}.flow-section{background:var(--color-bg)}.flow-steps{counter-reset:flow-counter;grid-template-columns:repeat(4,1fr);gap:0;display:grid;position:relative}.flow-steps:before{content:"";background:linear-gradient(90deg, var(--color-border), var(--color-accent), var(--color-border));z-index:0;height:1px;position:absolute;top:40px;left:12.5%;right:12.5%}.flow-step{text-align:center;padding:var(--space-6) var(--space-4) var(--space-8);z-index:1;flex-direction:column;align-items:center;display:flex;position:relative}.flow-step-num{background:var(--color-surface);border:1px solid var(--color-border);width:80px;height:80px;color:var(--color-accent);font-family:var(--font-display);font-size:var(--font-size-2xl);margin-bottom:var(--space-6);z-index:1;transition:background var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);border-radius:50%;justify-content:center;align-items:center;font-weight:800;display:flex;position:relative}.flow-step:hover .flow-step-num{background:var(--color-accent-dim);border-color:var(--color-accent);box-shadow:0 0 24px var(--color-accent-glow)}.flow-connector{display:none}.flow-step-title{font-family:var(--font-display);font-size:var(--font-size-lg);margin-bottom:var(--space-2);color:var(--color-text-primary);font-weight:700}.flow-step-desc{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.6}@media (width<=768px){.flow-steps{gap:var(--space-4);grid-template-columns:1fr 1fr}.flow-steps:before{display:none}}@media (width<=480px){.flow-steps{grid-template-columns:1fr}}.services-section{background:var(--color-bg-alt);position:relative}.services-section:before{content:"";height:var(--clip-height);background:var(--color-bg);clip-path:polygon(0 0,100% 0,100% 100%,0 0);position:absolute;top:0;left:0;right:0}.services-grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.service-card{padding:var(--space-8);background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);transition:border-color var(--transition-base), transform var(--transition-base), box-shadow var(--transition-base);position:relative;overflow:hidden}.service-card:before{content:"";background:linear-gradient(90deg, transparent, var(--color-accent), transparent);opacity:0;height:2px;transition:opacity var(--transition-base);position:absolute;top:0;left:0;right:0}.service-card:hover{border-color:var(--color-border-glow);box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.service-card:hover:before{opacity:1}.service-card-index{font-family:var(--font-display);color:var(--color-accent);opacity:.06;margin-bottom:var(--space-2);letter-spacing:-.04em;transition:opacity var(--transition-base);-webkit-user-select:none;user-select:none;font-size:5rem;font-weight:800;line-height:1}.service-card:hover .service-card-index{opacity:.12}.service-title{font-family:var(--font-display);font-size:var(--font-size-xl);margin-bottom:var(--space-1);color:var(--color-text-primary);font-weight:700}.service-subtitle{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-accent);margin-bottom:var(--space-4);letter-spacing:.08em;font-weight:500}.service-desc{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.75}@media (width<=900px){.services-grid{grid-template-columns:1fr;max-width:560px}}.tech-section{background:var(--color-bg);position:relative}.tech-section:before{content:"";height:var(--clip-height);background:var(--color-bg-alt);clip-path:polygon(0 0,100% 0,100% 100%,0 0);position:absolute;top:0;left:0;right:0}.tech-grid{gap:var(--space-8);grid-template-columns:repeat(3,1fr);display:grid}.tech-col{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);transition:border-color var(--transition-base)}.tech-col:hover{border-color:var(--color-border-glow)}.tech-col-label{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.12em;margin-bottom:var(--space-6);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border);font-weight:600}.tech-tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.tech-tag{padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--color-text-secondary);font-family:var(--font-mono);background:var(--color-bg);transition:border-color var(--transition-fast), color var(--transition-fast)}.tech-tag:hover{border-color:var(--color-accent);color:var(--color-accent)}@media (width<=768px){.tech-grid{grid-template-columns:1fr}}.cases-section{background:var(--color-bg-alt);position:relative}.cases-section:before{content:"";height:var(--clip-height);background:var(--color-bg);clip-path:polygon(0 0,100% 0,100% 100%,0 0);position:absolute;top:0;left:0;right:0}.cases-grid{gap:var(--space-6);grid-template-columns:repeat(2,1fr);display:grid}.case-card{padding:var(--space-8);background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);transition:border-color var(--transition-base), transform var(--transition-base), box-shadow var(--transition-base);position:relative;overflow:hidden}.case-card:first-child{gap:var(--space-8);background:linear-gradient(135deg, var(--color-surface) 60%, var(--color-surface-2));grid-column:1/-1;grid-template-columns:1fr 1fr;align-items:center;display:grid}.case-card:first-child .case-card-visual{background:var(--color-accent-dim);border-radius:var(--radius-md);border:1px solid var(--color-border-glow);justify-content:center;align-items:center;height:200px;display:flex;position:relative;overflow:hidden}.case-card:first-child .case-card-visual:before{content:"";background-image:linear-gradient(#00d4ff14 1px,#0000 1px),linear-gradient(90deg,#00d4ff14 1px,#0000 1px);background-size:20px 20px;position:absolute;inset:0}.case-card-visual-label{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-accent);opacity:.6;z-index:1;letter-spacing:.08em;position:relative}.case-card:hover{border-color:var(--color-border-glow);box-shadow:var(--shadow-card-hover);transform:translateY(-3px)}.case-card:first-child:hover{transform:translateY(-3px)}.case-title{font-family:var(--font-display);font-size:var(--font-size-lg);margin-bottom:var(--space-3);color:var(--color-text-primary);font-weight:700}.case-desc{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-5);line-height:1.75}.case-tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.case-tag{padding:var(--space-1) var(--space-3);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-accent);letter-spacing:.04em}@media (width<=900px){.cases-grid{grid-template-columns:1fr}.case-card:first-child{grid-column:auto;grid-template-columns:1fr}.case-card:first-child .case-card-visual{height:140px}}.contact-section{background:var(--color-bg);position:relative}.contact-section:before{content:"";height:var(--clip-height);background:var(--color-bg-alt);clip-path:polygon(0 0,100% 0,100% 100%,0 0);position:absolute;top:0;left:0;right:0}.contact-inner{max-width:900px}.contact-grid{gap:var(--space-12);grid-template-columns:1.6fr 1fr;align-items:start;display:grid}.contact-form{gap:var(--space-4);flex-direction:column;display:flex}.contact-input,.contact-textarea{padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-base);font-family:var(--font-sans);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.contact-input::placeholder,.contact-textarea::placeholder{color:var(--color-text-muted)}.contact-input:focus,.contact-textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-dim);outline:none}.contact-textarea{resize:vertical;min-height:120px}.contact-submit{align-self:flex-start}.contact-success{padding:var(--space-6);background:var(--color-accent-dim);border:1px solid var(--color-border-glow);border-radius:var(--radius-md);color:var(--color-accent);font-weight:500;font-family:var(--font-mono)}.contact-direct{padding:var(--space-8);background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.contact-or{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-muted);letter-spacing:.08em;margin-bottom:var(--space-4);text-transform:uppercase}.contact-line-btn{text-align:center;width:100%}@media (width<=768px){.contact-grid{gap:var(--space-8);grid-template-columns:1fr}}.footer{border-top:1px solid var(--color-border);padding:var(--space-12) 0;background:var(--color-bg)}.footer-inner{justify-content:space-between;align-items:flex-start;gap:var(--space-6);flex-wrap:wrap;display:flex}.footer-left{gap:var(--space-1);flex-direction:column;display:flex}.footer-logo{font-family:var(--font-display);font-weight:800;font-size:var(--font-size-xl);color:var(--color-accent);letter-spacing:.1em}.footer-company{color:var(--color-text-muted);font-size:var(--font-size-sm)}.footer-info{gap:var(--space-1);font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-muted);letter-spacing:.04em;flex-direction:column;display:flex}.footer-copy{color:var(--color-text-muted);font-size:var(--font-size-xs);font-family:var(--font-mono);letter-spacing:.04em;align-self:flex-end}@media (prefers-reduced-motion:no-preference){.reveal{opacity:0;transition:opacity .7s cubic-bezier(.4,0,.2,1),transform .7s cubic-bezier(.4,0,.2,1);transform:translateY(32px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}}