:root{--bg-dark:#030305;--bg-deep:#000;--text-primary:#fff;--text-secondary:#8a8d98;--accent-cyan:#00e5ff;--accent-purple:#7000ff;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-display:"Montserrat", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--bg-deep);background:radial-gradient(circle at center, var(--bg-dark) 0%, var(--bg-deep) 100%);color:var(--text-primary);-webkit-font-smoothing:antialiased;overflow-x:hidden}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:#2a2a35;border-radius:4px}.canvas-container{z-index:0;pointer-events:none;width:100vw;height:100vh;top:0;left:0;position:fixed!important}.content-layer{z-index:10;width:100%;position:relative}.section{flex-direction:column;justify-content:center;min-height:100vh;padding:4rem 10%;display:flex;position:relative}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.04em;font-weight:800}.title-main{color:#fff;max-width:850px;margin-bottom:2.5rem;font-size:clamp(2.5rem,5vw,5rem);line-height:1.1}.text-reveal{text-shadow:0 0 30px #000,0 4px 25px #000000e6,0 0 10px #000c;will-change:transform, opacity}.card-reveal{will-change:transform, opacity}.alien-section{justify-content:center;align-items:center;gap:4rem;min-height:100vh;padding:4rem 8%;display:flex;position:relative}.alien-wrapper{flex-shrink:0;position:relative}.alien-character{filter:drop-shadow(0 0 30px #00e5ff4d)drop-shadow(0 0 60px #7000ff33);mix-blend-mode:screen;width:clamp(180px,25vw,320px);height:auto;animation:4s ease-in-out infinite alienSway}.speech-bubble{color:#1a1a2e;font-family:var(--font-display);text-align:center;background:#fffffff2;border-radius:20px;max-width:280px;padding:1.2rem 1.8rem;font-size:clamp(.9rem,1.5vw,1.15rem);font-weight:600;line-height:1.4;position:absolute;top:-30px;left:50%;transform:translate(-50%)translateY(-100%);box-shadow:0 8px 32px #00e5ff26,0 0 0 1px #00e5ff1a}.speech-bubble:after{content:"";border-top:14px solid #fffffff2;border-left:14px solid #0000;border-right:14px solid #0000;width:0;height:0;position:absolute;bottom:-12px;left:50%;transform:translate(-50%)}.alien-about-text{max-width:550px}.alien-about-text h2{color:#fff;margin-bottom:1.5rem;font-size:clamp(2rem,4vw,3.5rem)}.alien-about-text p{color:#c8cdd5;margin-bottom:1rem;font-size:clamp(1rem,1.3vw,1.2rem);line-height:1.7}@keyframes alienSway{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-8px)rotate(2deg)}75%{transform:translateY(-4px)rotate(-2deg)}}.portfolio-section{flex-direction:column;justify-content:center;min-height:100vh;padding:4rem 6%;display:flex}.portfolio-grid{grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem;display:grid}.case-card{-webkit-backdrop-filter:blur(10px);will-change:transform;background:#0a0b1459;border:1px solid #ffffff0f;border-radius:24px;transition:all .5s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.case-card:before{content:"";width:300%;height:300%;translate:calc(var(--mouse-x,0px) - 50%) calc(var(--mouse-y,0px) - 50%);opacity:0;pointer-events:none;z-index:1;will-change:translate, scale, opacity;background:radial-gradient(circle closest-side,#ff8c0073 0%,#ff007a2e 40%,#ff007a00 100%);transition:opacity .4s,scale .3s ease-out;position:absolute;top:0;left:0;scale:.6}.case-card:hover:before{opacity:1;scale:1}.case-card:hover{border-color:#00e5ff40;transform:translateY(-8px);box-shadow:0 30px 60px #00000080,0 0 30px #00e5ff14}.case-card-image{aspect-ratio:16/10;border-bottom:1px solid #ffffff0d;width:100%;overflow:hidden}.case-card-image img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .6s}.case-card:hover .case-card-image img{transform:scale(1.05)}.case-card-body{padding:1.8rem}.case-card-body h3{color:#fff;margin-bottom:.5rem;font-size:1.4rem}.case-card-body .case-tag{color:var(--accent-cyan);margin-bottom:1.2rem;font-size:.85rem;font-weight:500}.case-card-body ul{margin-bottom:1.5rem;padding:0;list-style:none}.case-card-body ul li{color:#aeb9c7;padding-left:1.2em;font-size:.95rem;line-height:1.6;position:relative}.case-card-body ul li:before{content:"✦";color:var(--accent-cyan);position:absolute;left:0}.case-card-link{color:var(--accent-cyan);align-items:center;gap:.5rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:gap .3s;display:inline-flex}.case-card-link:hover{gap:.8rem}.final-cta-card{background:#05000f66;border:1px solid #7000ff33;border-radius:32px;padding:4rem 2rem;position:relative;overflow:hidden}.final-cta-card:before{content:"";width:300%;height:300%;translate:calc(var(--mouse-x,0px) - 50%) calc(var(--mouse-y,0px) - 50%);opacity:0;pointer-events:none;z-index:1;will-change:translate, scale, opacity;background:radial-gradient(circle closest-side,#ff8c0073 0%,#ff007a2e 40%,#ff007a00 100%);transition:opacity .4s,scale .3s ease-out;position:absolute;top:0;left:0;scale:.6}.final-cta-card:hover:before{opacity:1;scale:1}.alien-about-text{text-align:left;padding:2rem 5% 2rem 2rem}@media (width<=768px){.alien-section{text-align:center;flex-direction:column!important;justify-content:flex-end!important;padding-bottom:5rem!important}.alien-about-text{text-align:center!important;max-width:100%!important;margin:0 auto!important;padding:2rem 1rem!important}.portfolio-grid{grid-template-columns:1fr;gap:1.5rem}.section{text-align:center!important;align-items:center!important;padding:3rem 6%!important}.title-main{line-height:1.2;font-size:clamp(1.8rem,8vw,2.4rem)!important}.subtitle{font-size:1.1rem;margin-left:auto!important;margin-right:auto!important}.glass-panel{padding:3rem 1.5rem}.btn-primary{width:100%;padding:1.2rem 2rem}.features-grid{grid-template-columns:1fr}.feature-card:first-child,.feature-card:nth-child(2),.feature-card:nth-child(3),.feature-card:nth-child(4){grid-column:span 1;padding:2.5rem 1.5rem}}.subtitle{color:#e2e8f0;max-width:600px;font-size:clamp(1.1rem,1.5vw,1.4rem);font-weight:400;line-height:1.6}.glass-panel{-webkit-backdrop-filter:blur(20px);background:#0a0b1266;border:1px solid #ffffff08;border-radius:16px;margin-top:4rem;padding:5rem;box-shadow:0 30px 60px #0009}.btn-primary{color:var(--text-primary);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;-webkit-backdrop-filter:blur(12px);z-index:1;background:#ffffff08;border:1px solid #ffffff1a;border-radius:100px;margin-top:3rem;padding:1.5rem 3.5rem;font-size:1.1rem;font-weight:700;text-decoration:none;transition:all .5s cubic-bezier(.16,1,.3,1);display:inline-block;position:relative;overflow:hidden;box-shadow:0 0 20px #00000080,inset 0 0 15px #ffffff05}.btn-primary:before{content:"";z-index:-1;opacity:0;background:linear-gradient(135deg,#fff6,#ff8c00e6,#ff007acc,#ffffff1a);border-radius:100px;transition:opacity .6s;position:absolute;inset:-2px}.btn-primary:after{content:"";z-index:-1;background:#05050a;border-radius:100px;transition:background .6s;position:absolute;inset:1px}.btn-primary:hover{color:#fff;border-color:#0000;transform:translateY(-3px)scale(1.02);box-shadow:0 20px 40px #ff8c0040,0 0 20px #ff8c001a}.btn-primary:hover:before{opacity:1}.btn-primary:hover:after{background:#140a05d9}.features-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:5rem;display:grid}.feature-card{-webkit-backdrop-filter:blur(12px);will-change:transform;background:#0a0b1440;border:1px solid #ffffff0d;border-radius:32px;padding:3.5rem 3rem;transition:all .6s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 10px 40px #0006,inset 0 0 20px #ffffff05}.feature-card:before{content:"";width:300%;height:300%;translate:calc(var(--mouse-x,0px) - 50%) calc(var(--mouse-y,0px) - 50%);opacity:0;pointer-events:none;z-index:0;will-change:translate, scale, opacity;background:radial-gradient(circle closest-side,#ff8c0073 0%,#ff007a2e 40%,#ff007a00 100%);transition:opacity .4s,scale .3s ease-out;position:absolute;top:0;left:0;scale:.6}.final-cta:before{content:"";width:300%;height:300%;translate:calc(var(--mouse-x,0px) - 50%) calc(var(--mouse-y,0px) - 50%);opacity:0;pointer-events:none;z-index:0;will-change:translate, scale, opacity;background:radial-gradient(circle closest-side,#ff8c0099 0%,#ff007a40 40%,#ff007a00 100%);transition:opacity .4s,scale .3s ease-out;position:absolute;top:0;left:0;scale:.6}.feature-card:hover:before,.final-cta:hover:before{opacity:1;scale:1.1}.feature-card:first-child{grid-column:span 2;padding:4.5rem 4rem}.feature-card:nth-child(2),.feature-card:nth-child(3){grid-column:span 1}.feature-card:nth-child(4){background:linear-gradient(135deg,#7000ff1a,#00e5ff0d);border-color:#7000ff33;grid-column:span 2}.feature-card:hover{background:#0f111e66;border-color:#00e5ff4d;transform:translateY(-8px);box-shadow:0 40px 80px #000c,0 0 40px #00e5ff1a,inset 0 0 20px #ffffff0d}.feature-card h3{color:#fff;letter-spacing:-.02em;margin-bottom:1.2rem;font-size:2.1rem}.feature-card p{color:#aeb9c7;max-width:95%;font-size:1.15rem;font-weight:400;line-height:1.7}@media (width<=480px){.title-main{font-size:2.2rem}.feature-card,.feature-card:first-child{padding:2.5rem 1.5rem}}@media (width<=768px){.feature-card,.glass-panel.final-cta{-webkit-backdrop-filter:blur(8px)}.features-grid{flex-direction:column!important;display:flex!important}.feature-card{width:100%!important;padding:2.5rem 1.5rem!important}}