@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap";:root{--bg-color:#030303;--text-color:#fff;--accent-primary:#6366f1;--accent-glow:#818cf8;--platinum:#e2e8f0;--silver:#94a3b8;--glass-bg:#ffffff0d;--glass-border:#ffffff1f;--glass-blur:20px}*{box-sizing:border-box;cursor:none;margin:0;padding:0}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{background-color:var(--bg-color);color:var(--text-color);-webkit-font-smoothing:antialiased;font-family:Outfit,sans-serif;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:0}.cursor-dot,.cursor-outline{pointer-events:none;z-index:9999;opacity:0;border-radius:50%;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}:focus-visible{outline:3px solid var(--accent-glow);outline-offset:3px}.cursor-dot{background:var(--accent-glow);width:6px;height:6px;box-shadow:0 0 12px var(--accent-glow);transition:opacity .3s}.cursor-outline{border:1px solid #ffffff26;width:36px;height:36px;transition:all .12s ease-out}body:hover .cursor-dot,body:hover .cursor-outline{opacity:1}h1,h2,h3{letter-spacing:-.04em;font-weight:900;line-height:.95}.section-title{background:linear-gradient(180deg, #fff 30%, var(--silver));color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-size:clamp(1.75rem,4vw,3.5rem)}.content{z-index:2;position:relative}section{flex-direction:column;justify-content:center;min-height:100vh;padding:clamp(80px,15vh,120px) max(4vw,6%);display:flex;position:relative}.container{width:100%;max-width:clamp(300px,90vw,1400px);margin:0 auto;padding:0 clamp(1rem,4vw,2rem)}.grid-services{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:clamp(12px,3vw,24px);display:grid}.hero-letters{z-index:10;pointer-events:none;perspective:1200px;transform-style:preserve-3d;will-change:transform, opacity, filter;flex-direction:column;justify-content:center;align-items:center;transition:filter .1s ease-out;display:flex;position:fixed;inset:0}.hero-letters.dissolving{z-index:1}.hero-letters.dissolved{z-index:0}.letter-row{color:var(--platinum);text-transform:uppercase;letter-spacing:-.06em;transform-style:preserve-3d;will-change:transform, opacity;font-size:clamp(8rem,22vw,28rem);font-weight:900;line-height:.85;transition:none}.navbar-glass{-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);background:#030303b3}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(calc(var(--glass-blur) / 2));border:1px solid var(--glass-border);border-radius:16px;transition:all .4s cubic-bezier(.23,1,.32,1)}.glass-card:hover{background:#ffffff14;border-color:#6366f14d;transform:translateY(-4px);box-shadow:0 20px 40px #0000004d}.btn-prm{border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;text-transform:uppercase;letter-spacing:.15em;cursor:none;background:0 0;min-width:48px;min-height:48px;padding:16px 32px;font-size:.75rem;font-weight:700;transition:all .4s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden}.btn-prm:hover{color:#000;background:#fff;border-color:#fff;transform:scale(1.03)}.btn-prm:after{content:"";opacity:0;background:linear-gradient(135deg,#6366f126,#0000 60%);transition:opacity .3s;position:absolute;inset:0}.btn-prm:hover:after{opacity:1}.service-card{-webkit-backdrop-filter:blur(16px);background:#ffffff08;border:1px solid #ffffff0f;border-radius:16px;padding:clamp(24px,5vw,48px) clamp(20px,4vw,36px);transition:all .5s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden}.service-card:before{content:"";background:linear-gradient(90deg, transparent, var(--accent-glow), transparent);opacity:0;height:1px;transition:opacity .4s;position:absolute;top:0;left:0;right:0}.service-card:hover{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#6366f10a;border-color:#6366f133;transform:translateY(-2px)}.service-card:hover:before{opacity:1}.projects-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.project-card{aspect-ratio:16/10;background:#0a0a0a;border:1px solid #ffffff0a;position:relative;overflow:hidden}.project-card img{object-fit:cover;opacity:.5;filter:grayscale(.5);width:100%;height:100%;transition:all .6s cubic-bezier(.23,1,.32,1)}.project-card:hover img{opacity:.9;filter:grayscale(0);transform:scale(1.04)}.project-info{z-index:2;position:absolute;bottom:28px;left:28px}.tag-ia{color:var(--accent-glow);text-transform:uppercase;letter-spacing:.25em;margin-bottom:12px;font-size:.7rem;font-weight:700;display:block}.side-indicator{z-index:100;flex-direction:column;gap:16px;display:flex;position:fixed;top:50%;right:32px;transform:translateY(-50%)}.dot{background:#ffffff1f;border-radius:50%;width:5px;height:5px;transition:all .4s}.dot.active{background:var(--accent-glow);box-shadow:0 0 8px var(--accent-glow);transform:scale(1.8)}@media (width<=768px){.projects-grid{grid-template-columns:1fr;gap:12px}.letter-row{font-size:28vw}section{padding:clamp(60px,12vh,100px) max(4vw,6%)}.side-indicator{display:none}.btn-prm{min-height:42px;padding:12px 20px;font-size:.65rem}.service-card{padding:24px 20px}.section-title{font-size:clamp(1.75rem,8vw,3rem)}.hero-letters{padding-top:10vh}.project-card{aspect-ratio:4/3}.project-info{bottom:20px;left:20px}.project-info h3{font-size:1.5rem!important}.project-info p{font-size:.6rem!important}}@media (width<=480px){.tag-ia{font-size:.6rem}h2{font-size:clamp(1.75rem,9vw,2.5rem)}.grid-services{grid-template-columns:1fr}}