*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{overflow-x:hidden}:root{--font-display:"Space Grotesk",system-ui,sans-serif;--font-body:"Inter",system-ui,sans-serif;--color-bg:#07070a;--color-surface:#0c0c12;--color-surface-2:#111118;--color-border:hsla(0,0%,100%,.06);--color-text:#e8e7e4;--color-text-muted:#8a8a94;--color-text-faint:#4a4a54;--color-primary:#b07ce8;--color-primary-dim:rgba(176,124,232,.15);--color-accent:#667eea;--color-glow:rgba(176,124,232,.4);--text-xs:clamp(.7rem,.65rem + .25vw,.8rem);--text-sm:clamp(.8rem,.75rem + .25vw,.9rem);--text-base:clamp(.95rem,.9rem + .25vw,1.05rem);--text-lg:clamp(1.1rem,1rem + .5vw,1.35rem);--text-xl:clamp(1.5rem,1.1rem + 1.5vw,2.5rem);--text-2xl:clamp(2rem,1.2rem + 3vw,4rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--space-24:6rem;--transition-ui:.3s cubic-bezier(.16,1,.3,1);--ease-out:cubic-bezier(.16,1,.3,1)}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;min-height:100vh;overflow-x:hidden}#loader{align-items:center;background:var(--color-bg);display:flex;inset:0;justify-content:center;position:fixed;transition:opacity .8s var(--ease-out),visibility .8s;z-index:10000}#loader.loaded{opacity:0;pointer-events:none;visibility:hidden}.loader-inner{text-align:center}.loader-logo{color:var(--color-text);height:34px;margin-bottom:var(--space-8);width:100px}.loader-progress{background:var(--color-border);border-radius:2px;height:2px;margin:0 auto var(--space-4);overflow:hidden;width:200px}.loader-bar{background:var(--color-primary);border-radius:2px;height:100%;transition:width .3s ease;width:0}.loader-text{color:var(--color-text-muted);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase}#webgl{z-index:1}#hero-overlay,#webgl{height:100%;left:0;position:fixed;top:0;width:100%}#hero-overlay{align-items:center;background:none;display:flex;flex-direction:column;justify-content:center;padding:0 var(--space-6);pointer-events:none;text-align:center;transition:opacity .8s var(--ease-out);z-index:3}#hero-overlay.faded{opacity:0}.hero-title{color:#fff;font-family:var(--font-display);font-size:clamp(2.2rem,1.5rem + 4vw,5rem);font-weight:700;letter-spacing:-.03em;line-height:1.05;margin-bottom:var(--space-4);opacity:0;text-shadow:0 2px 40px rgba(7,7,10,.95),0 0 120px rgba(7,7,10,.7)}.hero-title .highlight{color:#b07ce8}.hero-content{background:radial-gradient(ellipse at center,rgba(7,7,10,.92) 0,rgba(7,7,10,.7) 50%,transparent 80%);border-radius:20px;padding:var(--space-12) var(--space-16);position:relative}.hero-subtitle{color:#c8c8d2d9;font-family:var(--font-body);font-size:var(--text-lg);font-weight:300;line-height:1.6;margin-left:auto;margin-right:auto;max-width:560px;opacity:0;text-shadow:0 2px 30px rgba(7,7,10,.95)}#scroll-container{position:relative;z-index:2}.hero-spacer{height:100vh}.scene{align-items:center;display:flex;height:200vh;pointer-events:none;position:relative}.scene-content{align-items:flex-end;display:flex;height:100vh;padding:0 clamp(var(--space-4),4vw,var(--space-16)) 12vh;position:sticky;top:0;width:100%}.scene-text{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:linear-gradient(135deg,#07070afa,#07070af5 70%,#07070ae0);border:1px solid rgba(176,124,232,.08);border-radius:16px;box-shadow:0 8px 32px #00000080;max-width:600px;padding:var(--space-8);pointer-events:auto}.scene-label{color:var(--color-primary);display:inline-block;font-family:var(--font-body);font-size:var(--text-xs);font-weight:500;letter-spacing:.15em;margin-bottom:var(--space-4);text-transform:uppercase}.scene-text h2{color:var(--color-text);font-family:var(--font-display);font-size:var(--text-2xl);font-weight:600;letter-spacing:-.02em;line-height:1.1;margin-bottom:var(--space-6)}.scene-text p{color:var(--color-text-muted);font-size:var(--text-base);line-height:1.7;max-width:480px}.fade-element{opacity:0;transform:translateY(30px)}#nav{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:linear-gradient(180deg,rgba(7,7,10,.9) 0,transparent);display:flex;gap:var(--space-6);left:0;padding:var(--space-4) clamp(var(--space-4),3vw,var(--space-8));position:fixed;right:0;top:0;z-index:250}.nav-brand svg{color:var(--color-text);height:28px;width:80px}.nav-progress{background:var(--color-border);border-radius:1px;flex:1;height:1px;overflow:hidden}.nav-progress-bar{background:var(--color-primary);height:100%;transition:width .1s linear;width:0}.nav-links{align-items:center;display:flex;gap:var(--space-6)}.nav-links a{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:500;letter-spacing:.05em;text-decoration:none;text-transform:uppercase;transition:color var(--transition-ui)}.nav-links a:hover{color:var(--color-text)}.nav-cta{border:1px solid var(--color-border);border-radius:100px;padding:var(--space-2) var(--space-4);transition:background var(--transition-ui),border-color var(--transition-ui),color var(--transition-ui)}.nav-cta:hover{background:var(--color-primary-dim);border-color:var(--color-primary);color:var(--color-primary)!important}.nav-brand{cursor:pointer;position:relative;z-index:201}#menu-overlay{align-items:center;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#07070af7;display:flex;inset:0;justify-content:center;opacity:0;pointer-events:none;position:fixed;transition:opacity .5s cubic-bezier(.22,1,.36,1),visibility .5s;visibility:hidden;z-index:200}#menu-overlay.open{opacity:1;pointer-events:auto;visibility:visible}.menu-content{text-align:center}.menu-nav{display:flex;flex-direction:column;gap:var(--space-6);list-style:none;margin:0;padding:0}.menu-nav li{overflow:hidden}.menu-nav a{color:var(--color-text-muted);display:inline-block;font-family:var(--font-display);font-size:clamp(2rem,4vw,3.5rem);font-weight:700;letter-spacing:-.02em;opacity:0;text-decoration:none;transform:translateY(100%);transition:color .3s ease,transform .5s cubic-bezier(.22,1,.36,1),opacity .5s cubic-bezier(.22,1,.36,1)}.menu-nav a:hover{color:var(--color-primary)}#menu-overlay.open .menu-nav a{opacity:1;transform:translateY(0)}#menu-overlay.open .menu-nav li:first-child a{transition-delay:.08s}#menu-overlay.open .menu-nav li:nth-child(2) a{transition-delay:.14s}#menu-overlay.open .menu-nav li:nth-child(3) a{transition-delay:.2s}#menu-overlay.open .menu-nav li:nth-child(4) a{transition-delay:.26s}#menu-overlay.open .menu-nav li:nth-child(5) a{transition-delay:.32s}.menu-label{color:var(--color-text-faint);font-size:var(--text-xs);letter-spacing:.15em;margin-bottom:var(--space-8);opacity:0;text-transform:uppercase;transform:translateY(10px);transition:opacity .4s ease .05s,transform .4s ease .05s}#menu-overlay.open .menu-label{opacity:1;transform:translateY(0)}.menu-close-hint{color:var(--color-text-faint);font-size:var(--text-xs);letter-spacing:.1em;margin-top:var(--space-10);opacity:0;transition:opacity .4s ease .4s}#menu-overlay.open .menu-close-hint{opacity:.5}#nav.menu-active .nav-links,#nav.menu-active .nav-progress{opacity:0;pointer-events:none;transition:opacity .3s ease}#nav.menu-active{backdrop-filter:none;-webkit-backdrop-filter:none;background:transparent}#scene-indicator{opacity:1;position:fixed;right:clamp(var(--space-4),3vw,var(--space-8));top:50%;transform:translateY(-50%);transition:opacity .5s var(--ease-out);z-index:100}#scene-indicator.hidden{opacity:0;pointer-events:none}.indicator-dots{display:flex;flex-direction:column;gap:var(--space-3)}.dot{background:transparent;border:1px solid var(--color-text-faint);border-radius:50%;cursor:pointer;height:8px;padding:0;transition:all var(--transition-ui);width:8px}.dot.active{background:var(--color-primary);border-color:var(--color-primary);box-shadow:0 0 12px var(--color-glow)}.dot:hover{border-color:var(--color-text-muted)}#scroll-prompt{align-items:center;bottom:var(--space-8);display:flex;flex-direction:column;gap:var(--space-2);left:50%;opacity:0;position:fixed;transform:translate(-50%);z-index:100}#scroll-prompt.hidden{opacity:0!important;pointer-events:none}#scroll-prompt span{color:#b07ce8d9;font-size:var(--text-xs);font-weight:500;letter-spacing:.2em;text-transform:uppercase}.scroll-line{animation:scrollPulse 2s ease-in-out infinite;background:linear-gradient(to bottom,var(--color-primary),transparent);height:40px;width:1px}.scroll-chevron{align-items:center;animation:scrollBounce 2s ease-in-out infinite;display:flex;flex-direction:column;gap:2px}.scroll-chevron svg{filter:drop-shadow(0 0 6px rgba(176,124,232,.4))}@keyframes scrollPulse{0%,to{opacity:.3;transform:scaleY(.6)}50%{opacity:1;transform:scaleY(1)}}@keyframes scrollBounce{0%,to{opacity:.6;transform:translateY(0)}50%{opacity:1;transform:translateY(8px)}}.content-section{background:var(--color-bg);padding:clamp(var(--space-16),8vw,var(--space-24)) clamp(var(--space-6),5vw,var(--space-24));pointer-events:auto;position:relative}.section-inner{margin:0 auto;max-width:1200px}.section-label{color:var(--color-primary);display:inline-block;font-size:var(--text-xs);font-weight:500;letter-spacing:.15em;margin-bottom:var(--space-4);text-transform:uppercase}.section-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;letter-spacing:-.02em;line-height:1.15;margin-bottom:clamp(var(--space-8),4vw,var(--space-16))}.services-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.service-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:var(--space-8);transition:border-color var(--transition-ui),background var(--transition-ui),transform var(--transition-ui)}.service-card:hover{background:var(--color-surface-2);border-color:#b07ce833;transform:translateY(-2px)}.service-icon{color:var(--color-primary);height:56px;margin-bottom:var(--space-6);width:56px}.service-icon svg{height:100%;width:100%}.service-card h3{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-3)}.service-card p{color:var(--color-text-muted);font-size:var(--text-sm);line-height:1.6}.clients-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.client-card{align-items:center;background:#fff;border:1px solid var(--color-border);border-radius:12px;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-8) var(--space-6);text-align:center;transition:border-color var(--transition-ui),transform var(--transition-ui)}.client-card:hover{border-color:#b07ce833;transform:translateY(-2px)}.client-name{color:var(--color-text);font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;letter-spacing:-.01em;margin:auto}.client-type{color:var(--color-text-muted);font-size:var(--text-xs);letter-spacing:.05em;margin-top:auto;text-transform:uppercase}.cta-section{padding-bottom:clamp(var(--space-16),10vw,12rem);padding-top:clamp(var(--space-16),10vw,12rem);text-align:center}.cta-inner{align-items:center;display:flex;flex-direction:column}.cta-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:600;letter-spacing:-.02em;line-height:1.1;margin-bottom:var(--space-6)}.cta-subtitle{color:var(--color-text-muted);font-size:var(--text-base);line-height:1.7;margin-bottom:var(--space-8);max-width:520px}.cta-button{align-items:center;background:var(--color-primary);border-radius:100px;color:var(--color-bg);display:inline-flex;font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;gap:var(--space-3);padding:var(--space-4) var(--space-8);text-decoration:none;transition:transform var(--transition-ui),box-shadow var(--transition-ui)}.cta-button svg{height:18px;transition:transform var(--transition-ui);width:18px}.cta-button:hover{box-shadow:0 8px 32px #b07ce866;transform:translateY(-2px)}.cta-button:hover svg{transform:translate(4px)}.cta-button:active{transform:translateY(0)}.hero-m-icon{background:#ffffff14;border:2px solid rgba(176,124,232,.3);border-radius:8px;color:#b07ce8;display:inline-block;margin:0 2px;padding:0 4px;position:relative}.contact-layout{align-items:start;display:grid;gap:clamp(var(--space-8),5vw,var(--space-24));grid-template-columns:1fr 1fr}.contact-info{padding-top:var(--space-8)}.contact-desc{color:var(--color-text-muted);font-size:var(--text-base);line-height:1.7;margin-bottom:var(--space-6);max-width:480px}.contact-email{border-bottom:1px solid transparent;color:var(--color-primary);display:inline-block;font-size:var(--text-lg);text-decoration:none;transition:border-color var(--transition-ui)}.contact-email:hover{border-color:var(--color-primary)}.contact-form{gap:var(--space-4)}.contact-form,.form-group{display:flex;flex-direction:column}.form-group{gap:var(--space-2)}.flex{align-items:center;display:flex;gap:var(--space-4)}.w-100{width:100%}.form-group label{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:500;letter-spacing:.05em;text-transform:uppercase}.form-group input,.form-group textarea{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);font-family:var(--font-body);font-size:var(--text-base);outline:none;padding:var(--space-3) var(--space-4);transition:border-color var(--transition-ui)}.form-group input:focus,.form-group textarea:focus{border-color:var(--color-primary)}.form-group textarea{min-height:120px;resize:vertical}.form-group input::-moz-placeholder,.form-group textarea::-moz-placeholder{color:var(--color-text-faint)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-text-faint)}.form-status{color:var(--color-primary);font-size:var(--text-sm);min-height:1.5em}#footer{background:var(--color-bg);border-top:1px solid var(--color-border);padding:var(--space-8) clamp(var(--space-6),5vw,var(--space-24));pointer-events:auto}.footer-inner{flex-wrap:wrap;gap:var(--space-4);justify-content:space-between;margin:0 auto;max-width:1200px}.footer-brand,.footer-inner{align-items:center;display:flex}.footer-brand{gap:var(--space-3)}.footer-logo{height:20px;width:60px}.footer-brand p,.footer-logo{color:var(--color-text-faint)}.footer-brand p{font-size:var(--text-xs)}.footer-links{display:flex;gap:var(--space-6)}.footer-links a{color:var(--color-text-faint);font-size:var(--text-xs);text-decoration:none;transition:color var(--transition-ui)}.footer-links a:hover{color:var(--color-text-muted)}.mt-auto{margin-top:auto}@media(max-width:768px){.nav-links a:not(.nav-cta){display:none}#scene-indicator{right:var(--space-3)}.dot{height:6px;width:6px}.scene-text h2{font-size:clamp(1.5rem,1rem + 3vw,2.5rem)}.hero-title{font-size:clamp(2rem,1.2rem + 5vw,3.5rem)}.hero-subtitle{font-size:var(--text-base)}.services-grid{grid-template-columns:1fr}.clients-grid{grid-template-columns:repeat(2,1fr)}.contact-layout{grid-template-columns:1fr}.footer-inner{flex-direction:column;text-align:center}}@media(max-width:480px){.clients-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}.fade-element{opacity:1;transform:none}}::-moz-selection{background:#b07ce840;color:var(--color-text)}::selection{background:#b07ce840;color:var(--color-text)}:focus-visible{border-radius:4px;outline:2px solid var(--color-primary);outline-offset:3px}button{background:none;border:none;cursor:pointer}