*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#08080a;--color-bg-glass:#08080c80;--color-matte:#0b0b0e;--color-text:#e8e6e3;--color-text-dim:#6b6b70;--color-accent:silver;--color-accent2:#d4af37;--color-neon-gold:#d4af37;--color-neon-rose:#a03060;--color-neon-silver:#e0e0e0;--color-neon-raspberry:#8b2252;--color-dim:#1c1c20;--color-line:#c0c0c01a;--color-glass-border:#c0c0c00f;--font-heading:"Cormorant Garamond", "Georgia", serif;--font-body:"Libre Baskerville", "Georgia", serif;--font-mono:"JetBrains Mono", monospace}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--color-dim) var(--color-bg)}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);cursor:none;margin:0;overflow-x:hidden}a{color:inherit;cursor:none;text-decoration:none}.accent{color:var(--color-neon-gold);text-shadow:0 0 20px #d4af374d}.dot{opacity:.2;color:var(--color-accent);margin:0 .2em}#revealCanvas{z-index:50;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.cursor{z-index:9999;pointer-events:none;mix-blend-mode:difference;position:fixed;top:0;left:0}.cursor__dot{background:var(--color-neon-silver);border-radius:50%;width:6px;height:6px;transition:transform .1s;position:absolute;transform:translate(-50%,-50%)rotate(45deg)}.cursor__ring{border:1px solid #c0c0c04d;width:36px;height:36px;transition:width .3s,height .3s,border-color .3s,border-radius .3s;position:absolute;transform:translate(-50%,-50%)rotate(45deg)}body.cursor-hover .cursor__ring{border-color:var(--color-neon-silver);border-radius:50%;width:60px;height:60px}body.cursor-hover .cursor__dot{background:var(--color-neon-silver);transform:translate(-50%,-50%)rotate(45deg)scale(2)}.sound-toggle{z-index:100;background:var(--color-bg-glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-glass-border);width:44px;height:44px;color:var(--color-text-dim);cursor:none;justify-content:center;align-items:center;transition:border-color .4s,color .4s,box-shadow .4s;display:flex;position:fixed;bottom:2rem;right:2rem}.sound-toggle:hover{border-color:var(--color-accent);color:var(--color-neon-silver);box-shadow:0 0 20px #c0c0c014}.sound-icon{width:18px;height:18px}.sound-icon--off{display:block}.sound-icon--on,body.sound-on .sound-icon--off{display:none}body.sound-on .sound-icon--on{display:block}.nav{z-index:100;mix-blend-mode:difference;justify-content:space-between;align-items:center;width:100%;padding:1.5rem 3rem;display:flex;position:fixed;top:0;left:0}.nav__logo{font-family:var(--font-heading);letter-spacing:.08em;font-size:1.15rem;font-style:italic;font-weight:400}.nav__links{gap:2.5rem;display:flex}.nav__link{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.18em;opacity:.4;cursor:none;font-size:.65rem;transition:opacity .4s,text-shadow .4s}.nav__link:hover,.nav__link.active{opacity:1;text-shadow:0 0 12px #c0c0c033}.section{justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex;position:relative;overflow:hidden}.section__title{font-family:var(--font-heading);letter-spacing:.02em;margin-bottom:1.5rem;font-size:clamp(2rem,4.5vw,3.5rem);font-weight:300}.hero__divider,.instrument__divider,.results__divider,.about__divider,.services__divider{background:linear-gradient(90deg, transparent, var(--color-line), #c0c0c040, var(--color-line), transparent);width:100%;max-width:500px;height:1px;margin:1.5rem auto}#glassCanvas,#liquidCanvas,#landscapeCanvas,#musicCanvas,#particleCanvas,#contactCanvas{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.section--hero{background:var(--color-bg)}#glassCanvas{z-index:1}.hero__content{z-index:2;text-align:center;pointer-events:none;padding:0 2rem;position:relative}.hero__title{font-family:var(--font-heading);letter-spacing:.04em;font-size:clamp(2.5rem,6vw,5.5rem);font-weight:300;line-height:1.05}.hero__title-line{opacity:0;animation:1.6s cubic-bezier(.16,1,.3,1) forwards heroReveal;display:block;transform:translateY(40px)}@keyframes heroReveal{to{opacity:1;transform:translateY(0)}}.hero__tagline{font-family:var(--font-heading);opacity:0;color:var(--color-text-dim);font-size:clamp(1.1rem,2.5vw,1.6rem);font-style:italic;font-weight:300;line-height:1.7;animation:1.2s .5s forwards fadeIn}.hero__categories{font-family:var(--font-mono);letter-spacing:.15em;opacity:0;margin-top:.75rem;font-size:.7rem;animation:1s .8s forwards fadeIn}.hero__web-services{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--color-neon-gold);opacity:0;pointer-events:all;border:1px solid #d4af3733;margin-top:1.5rem;padding:.6rem 1.8rem;font-size:.65rem;transition:all .4s cubic-bezier(.16,1,.3,1);animation:1s 1.1s forwards fadeIn;display:inline-block}.hero__web-services:hover{color:var(--color-neon-gold);text-shadow:0 0 12px #d4af3740;border-color:#d4af3780;box-shadow:0 0 25px #d4af3714}@keyframes fadeIn{to{opacity:.5}}.scroll-indicator{z-index:2;opacity:0;flex-direction:column;align-items:center;gap:.75rem;animation:1s 1.4s forwards fadeIn;display:flex;position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%)}.scroll-indicator span{font-family:var(--font-mono);letter-spacing:.25em;text-transform:uppercase;opacity:.4;font-size:.55rem}.scroll-indicator__line{background:linear-gradient(#c0c0c080,#0000);width:1px;height:40px;animation:2.5s ease-in-out infinite scrollPulse}@keyframes scrollPulse{0%,to{opacity:1;transform:scaleY(1)}50%{opacity:.2;transform:scaleY(.4)}}.section--instrument{background:var(--color-matte)}.instrument__content{z-index:1;text-align:center;max-width:800px;padding:2rem;position:relative}.instrument__label{font-family:var(--font-mono);letter-spacing:.3em;text-transform:uppercase;opacity:.35;margin-bottom:2rem;font-size:.65rem}.instrument__headline{font-family:var(--font-heading);letter-spacing:.01em;font-size:clamp(1.8rem,3.8vw,3rem);font-weight:300;line-height:1.5}.instrument__sub{opacity:.5;margin-bottom:2.5rem;font-size:clamp(.85rem,1.4vw,1rem);font-weight:400;line-height:1.9}.cta-button{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--color-accent);background:var(--color-bg-glass);-webkit-backdrop-filter:blur(8px);cursor:none;border:1px solid #c0c0c033;padding:1rem 2.5rem;font-size:.7rem;transition:all .5s cubic-bezier(.16,1,.3,1);display:inline-block;position:relative;overflow:hidden}.cta-button:hover{border-color:var(--color-neon-silver);color:var(--color-neon-silver);transform:scale(1.02);box-shadow:0 0 30px #c0c0c01a,inset 0 0 30px #c0c0c008}.cta-button--large{margin-top:2rem;padding:1.2rem 3rem;font-size:.8rem}.section--results{background:var(--color-bg);padding:6rem 3rem}.results__content{z-index:1;width:100%;max-width:900px;position:relative}.case-study{margin-top:3rem}.case-study__title{font-family:var(--font-heading);letter-spacing:.01em;margin-bottom:3rem;font-size:clamp(1.3rem,2.8vw,2.2rem);font-weight:300}.case-study__grid{grid-template-columns:1fr 1fr;gap:3rem;display:grid}.case-study__label{font-family:var(--font-mono);letter-spacing:.25em;text-transform:uppercase;opacity:.35;margin-bottom:1.5rem;font-size:.65rem}.case-study__list{padding:0;list-style:none}.case-study__list li{border-bottom:1px solid var(--color-line);opacity:.7;padding:.9rem 0;font-size:.95rem;font-weight:400}.case-study__col--after .case-study__list li{color:var(--color-neon-silver);opacity:1;text-shadow:0 0 15px #c0c0c01a}.case-study__disclaimer{font-family:var(--font-mono);opacity:.25;letter-spacing:.08em;margin-top:2rem;font-size:.6rem}.section--clients{background:var(--color-bg);min-height:60vh;position:relative;overflow:hidden}.client-wave__canvas{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.client-wave__content{z-index:1;text-align:center;padding:4rem 2rem;position:relative}.client-wave__eyebrow{font-family:var(--font-mono);letter-spacing:.3em;text-transform:uppercase;opacity:.3;margin-bottom:3rem;font-size:.6rem}.client-wave__names{flex-wrap:wrap;justify-content:center;gap:2rem 3rem;max-width:800px;margin:0 auto;display:flex}.client-wave__name{font-family:var(--font-heading);color:var(--color-text-dim);opacity:0;white-space:nowrap;font-size:clamp(1rem,2vw,1.4rem);font-style:italic;font-weight:300;transition:color .4s}.client-wave__name:hover{color:var(--color-neon-silver)}.section--about{background:var(--color-matte)}.about__content{z-index:1;max-width:700px;padding:2rem;position:relative}.about__name{font-family:var(--font-heading);color:var(--color-neon-silver);text-shadow:0 0 25px #c0c0c026;margin-bottom:1.5rem;font-size:clamp(1.5rem,2.8vw,2.2rem);font-style:italic;font-weight:400}.about__text{opacity:.65;margin-bottom:3rem;font-size:clamp(.95rem,1.6vw,1.05rem);font-weight:400;line-height:2}.about__stats{gap:4rem;display:flex}.stat{flex-direction:column;display:flex}.stat__number{font-family:var(--font-heading);color:var(--color-neon-silver);text-shadow:0 0 30px #c0c0c026;font-size:clamp(2.2rem,4.5vw,3.5rem);font-weight:300;line-height:1}.stat__label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.18em;opacity:.35;margin-top:.6rem;font-size:.6rem}.section--services{background:var(--color-bg);align-items:flex-start;padding:6rem 3rem}.services__content{z-index:1;width:100%;max-width:1000px;margin:0 auto;position:relative}.work__grid{margin-top:3rem}.work__item{border-top:1px solid var(--color-line);cursor:none;padding:2.5rem 0;transition:background .5s,border-color .5s}.work__item:last-child{border-bottom:1px solid var(--color-line)}.work__item:hover{background:#c0c0c005;border-color:#c0c0c026}.work__item-inner{align-items:center;gap:3rem;transition:transform .5s cubic-bezier(.16,1,.3,1);display:flex}.work__item:hover .work__item-inner{transform:translate(1.5rem)}.work__item-number{font-family:var(--font-mono);opacity:.2;color:var(--color-accent);font-size:.7rem}.work__item-title{font-family:var(--font-heading);letter-spacing:.01em;flex:1;font-size:clamp(1.4rem,3.2vw,2.4rem);font-weight:300}.work__item-category{font-family:var(--font-mono);opacity:.3;letter-spacing:.1em;font-size:.65rem}.section--contact{background:var(--color-matte);flex-direction:column;gap:4rem;min-height:70vh}.contact__content{z-index:1;text-align:center;position:relative}.contact__eyebrow{font-family:var(--font-mono);letter-spacing:.25em;text-transform:uppercase;opacity:.3;margin-bottom:1.5rem;font-size:.65rem}.contact__links{justify-content:center;align-items:center;gap:.75rem;margin-top:3rem;display:flex}.contact__link{font-family:var(--font-mono);letter-spacing:.12em;opacity:.4;cursor:none;font-size:.7rem;transition:opacity .4s,color .4s,text-shadow .4s}.contact__link:hover{opacity:1;color:var(--color-neon-silver);text-shadow:0 0 15px #c0c0c033}.footer{width:100%;font-family:var(--font-mono);letter-spacing:.12em;opacity:.2;justify-content:space-between;align-items:center;padding:0 3rem;font-size:.55rem;display:flex;position:absolute;bottom:2rem;left:0}.footer__link{opacity:.6;cursor:none;transition:opacity .4s}.footer__link:hover{opacity:1}.diag-modal__overlay{z-index:10000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;pointer-events:none;background:#000000b3;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}.diag-modal__overlay.active{opacity:1;pointer-events:all}.diag-modal{background:var(--color-matte);border:1px solid #1c1c20;border-radius:16px;width:90%;max-width:520px;max-height:85vh;padding:2rem;transition:transform .3s;position:relative;overflow-y:auto;transform:translateY(20px)scale(.97)}.diag-modal__overlay.active .diag-modal{transform:translateY(0)scale(1)}.diag-modal__close{color:var(--color-text-dim);cursor:pointer;background:0 0;border:none;font-size:1.8rem;line-height:1;transition:color .2s;position:absolute;top:1rem;right:1.2rem}.diag-modal__close:hover{color:var(--color-text)}.diag-modal__progress{background:#1c1c20;border-radius:2px;width:100%;height:2px;margin-bottom:1.5rem;overflow:hidden}.diag-modal__progress-bar{background:linear-gradient(90deg, var(--color-neon-silver), var(--color-neon-gold));border-radius:2px;height:100%;transition:width .4s}.diag-modal__step{display:none}.diag-modal__step--active{animation:.25s diagFadeIn;display:block}@keyframes diagFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.diag-modal__eyebrow{font-family:var(--font-mono);letter-spacing:.25em;text-transform:uppercase;color:var(--color-text-dim);margin-bottom:.5rem;font-size:.55rem}.diag-modal__title{font-family:var(--font-heading);color:var(--color-text);margin-bottom:.4rem;font-size:1.5rem;font-weight:400}.diag-modal__desc{color:var(--color-text-dim);margin-bottom:1.5rem;font-size:.8rem;line-height:1.5}.diag-modal__label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-dim);margin-top:1.2rem;margin-bottom:.6rem;font-size:.6rem;display:block}.diag-modal__options{flex-wrap:wrap;gap:.5rem;display:flex}.diag-modal__option{color:var(--color-text-dim);font-family:var(--font-body);cursor:pointer;background:0 0;border:1px solid #1c1c20;border-radius:6px;padding:.5rem 1rem;font-size:.75rem;transition:all .2s}.diag-modal__option:hover{border-color:var(--color-accent);color:var(--color-text)}.diag-modal__option.active{border-color:var(--color-neon-gold);color:var(--color-neon-gold);background:#d4af370f}.diag-modal__checks{flex-direction:column;gap:.5rem;display:flex}.diag-modal__check{color:var(--color-text-dim);cursor:pointer;align-items:flex-start;gap:.6rem;font-size:.78rem;transition:color .2s;display:flex}.diag-modal__check:hover{color:var(--color-text)}.diag-modal__check input[type=checkbox]{accent-color:var(--color-neon-gold);flex-shrink:0;margin-top:2px}.diag-modal__input,.diag-modal__textarea{width:100%;color:var(--color-text);font-family:var(--font-body);box-sizing:border-box;background:0 0;border:1px solid #1c1c20;border-radius:6px;outline:none;padding:.65rem .8rem;font-size:.8rem;transition:border-color .2s}.diag-modal__input:focus,.diag-modal__textarea:focus{border-color:var(--color-accent)}.diag-modal__input::placeholder,.diag-modal__textarea::placeholder{color:#3a3a40}.diag-modal__textarea{resize:vertical;min-height:60px}.diag-modal__nav{border-top:1px solid #1c1c20;justify-content:space-between;align-items:center;margin-top:2rem;padding-top:1rem;display:flex}.diag-modal__next,.diag-modal__submit{border:1px solid var(--color-accent);color:var(--color-text);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:linear-gradient(135deg,#1c1c20,#2a2a30);border-radius:6px;padding:.6rem 1.6rem;font-size:.65rem;transition:all .2s}.diag-modal__next:hover,.diag-modal__submit:hover{background:var(--color-accent);color:var(--color-bg)}.diag-modal__submit{border-color:var(--color-neon-gold)}.diag-modal__submit:hover{background:var(--color-neon-gold)}.diag-modal__back{color:var(--color-text-dim);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;font-size:.6rem;transition:color .2s}.diag-modal__back:hover{color:var(--color-text)}.diag-modal__error{color:#d4607e;background:#a0306026;border:1px solid #a030604d;border-radius:6px;margin-top:1rem;padding:.5rem .8rem;font-size:.75rem;animation:.2s diagFadeIn}.diag-modal__review-section{margin-bottom:1.2rem}.diag-modal__review-section h4{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--color-neon-gold);margin-bottom:.6rem;font-size:.6rem}.diag-modal__review-row{border-bottom:1px solid #111114;justify-content:space-between;padding:.35rem 0;font-size:.78rem;display:flex}.diag-modal__review-row span:first-child{color:var(--color-text-dim)}.diag-modal__review-row span:last-child{color:var(--color-text);text-align:right}.diag-modal__review-list{margin:0;padding:0;list-style:none}.diag-modal__review-list li{color:var(--color-text-dim);padding:.2rem 0 .2rem 1rem;font-size:.75rem;position:relative}.diag-modal__review-list li:before{content:"◇";color:var(--color-accent);font-size:.6rem;position:absolute;left:0}.diag-modal__review-desc{color:var(--color-text-dim);opacity:.7;margin-top:.5rem;font-size:.75rem;font-style:italic}.diag-modal__success{text-align:center;padding:2rem 0}.diag-modal__success-icon{color:var(--color-neon-gold);margin-bottom:1rem;font-size:2.5rem}.diag-modal__close-btn{color:var(--color-text-dim);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #1c1c20;border-radius:6px;margin-top:1.5rem;padding:.5rem 1.5rem;font-size:.6rem;transition:all .2s}.diag-modal__close-btn:hover{border-color:var(--color-accent);color:var(--color-text)}.diag-modal__overlay.active,.diag-modal__overlay.active *{cursor:auto!important}.section--apps-callout{background:var(--color-matte);border-top:1px solid #c0c0c00a;border-bottom:1px solid #c0c0c00a;justify-content:center;align-items:center;min-height:50vh;display:flex}.apps-callout__content{text-align:center;max-width:700px;padding:0 2rem}.apps-callout__eyebrow{font-family:var(--font-mono);letter-spacing:.35em;text-transform:uppercase;opacity:.25;margin-bottom:1.5rem;font-size:.55rem}.apps-callout__title{font-family:var(--font-heading);color:var(--color-text);margin:0 0 1rem;font-size:clamp(1.8rem,4vw,3rem);font-weight:300;line-height:1.3}.apps-callout__title em{background:linear-gradient(135deg, var(--color-neon-silver), var(--color-neon-gold));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:italic}.apps-callout__sub{font-family:var(--font-heading);color:var(--color-text-dim);margin-bottom:2rem;font-size:1rem;font-style:italic}@media (width<=768px){.nav{padding:1rem 1.5rem}.nav__links{gap:1.2rem}.nav__link{font-size:.55rem}.about__stats{flex-wrap:wrap;gap:2rem}.section--services,.section--results{padding:4rem 1.5rem}.work__item-inner{gap:1.5rem}.work__item:hover .work__item-inner{transform:translate(.75rem)}.case-study__grid{grid-template-columns:1fr;gap:2rem}.contact__links{flex-wrap:wrap;justify-content:center}.footer{text-align:center;flex-direction:column;gap:.5rem}.cursor{display:none}body{cursor:auto}a,.sound-toggle,.cta-button{cursor:pointer}}