.hero-section{height:250vh;position:relative;background:var(--bg-dark)}.hero-sticky{position:sticky;top:0;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--bg-dark)}.hero-title-bg{position:absolute;font-size:clamp(4rem,10vw,12rem);font-weight:800;text-align:center;line-height:.9;letter-spacing:-.04em;color:#ffffff0d;z-index:1}.mask-container{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,#1a1a24 0%,var(--bg-dark) 100%);display:flex;align-items:center;justify-content:center;z-index:5;clip-path:inset(32.49vh 28.43vw 32.49vh 28.43vw round 81.22px);transform:translateZ(0);will-change:clip-path}@media (max-width: 768px){.mask-container{clip-path:inset(40vh 8vw 40vh 8vw round 100px)}}.mask-gradient{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 40%,var(--glow-1),transparent 60%),radial-gradient(circle at 70% 30%,var(--glow-2),transparent 60%),radial-gradient(circle at 50% 70%,var(--glow-3),transparent 60%);opacity:.4;z-index:-1}@keyframes rotateAurora{to{transform:rotate(360deg)}}.hero-title-fg{font-size:clamp(4rem,10vw,12rem);font-weight:800;text-align:center;line-height:.9;letter-spacing:-.04em;color:#fff;text-shadow:0 0 40px rgba(255,255,255,.3);will-change:transform}.scroll-indicator{position:absolute;bottom:40px;z-index:10;opacity:.6;transition:opacity .3s}.scroll-indicator:hover{opacity:1}.scroll-dot{animation:scrollBounce 2s ease-in-out infinite}@keyframes scrollBounce{0%{cy:10;opacity:1}50%{cy:24;opacity:.3}to{cy:10;opacity:1}}.grid-section{padding:15vh 5vw;position:relative;z-index:10;background:var(--bg-dark)}.bento-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:24px;max-width:1400px;margin:0 auto}.bento-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:32px;padding:40px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;transition:transform .4s cubic-bezier(.16,1,.3,1),background .4s;box-shadow:0 4px 24px -1px #0003}.bento-card:hover{transform:translateY(-8px) translateZ(0);background:#ffffff0a;border-color:#ffffff26}.bento-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(600px circle at var(--mouse-x, 0) var(--mouse-y, 0),rgba(255,255,255,.06),transparent 40%);z-index:0;pointer-events:none;opacity:0;transition:opacity .5s}.bento-card:hover:before{opacity:1}.card-web{grid-column:span 7;min-height:420px}.card-ai{grid-column:span 5;min-height:420px}.card-full{grid-column:span 12;min-height:350px;display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:40px}@media (max-width: 1024px){.card-web,.card-ai{grid-column:span 12}.card-full{flex-direction:column;text-align:center}}.card-tag{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--glow-2);text-transform:uppercase;margin-bottom:16px;letter-spacing:.1em;font-weight:700}.card-title{font-size:2rem;font-weight:800;letter-spacing:-.02em;line-height:1.1;position:relative;z-index:1}.vector-graph{width:100%;height:150px;margin-top:auto;position:relative;background:linear-gradient(180deg,transparent,rgba(255,255,255,.02));border-top:1px solid var(--glass-border);border-radius:16px;overflow:hidden}.graph-line{position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--glow-1),var(--glow-3),transparent);box-shadow:0 -10px 30px var(--glow-1)}.depth-section{height:120vh;display:flex;align-items:center;justify-content:center;perspective:2500px;position:relative;overflow:hidden;background:var(--bg-dark)}.depth-container{width:70vw;max-width:1000px;height:60vh;transform-style:preserve-3d;position:relative;will-change:transform}.glass-panel{position:absolute;top:0;right:0;bottom:0;left:0;background:#14141966;border:1px solid rgba(255,255,255,.15);border-radius:24px;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:-30px 30px 80px #000c,inset 0 0 0 1px #ffffff0d;display:flex;flex-direction:column;padding:24px;backface-visibility:hidden;transform:translateZ(0)}.panel-header{display:flex;gap:8px;margin-bottom:24px}.dot{width:12px;height:12px;border-radius:50%}.dot.r{background:#ff5f56}.dot.y{background:#ffbd2e}.dot.g{background:#27c93f}.skeleton-ui{flex:1;display:flex;gap:20px}.skeleton-sidebar{width:25%;background:#ffffff05;border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:12px;border:1px solid rgba(255,255,255,.03)}.skel-line{height:12px;border-radius:6px;background:#ffffff0d}.skel-line.active{background:linear-gradient(90deg,var(--glow-2),transparent);opacity:.8;width:80%}.skel-line.short{width:60%}.skeleton-main{flex:1;display:flex;flex-direction:column;gap:20px}.skeleton-top{height:60px;background:#ffffff05;border-radius:16px;border:1px solid rgba(255,255,255,.03);display:flex;align-items:center;padding:0 20px;justify-content:space-between}.skel-circle{width:24px;height:24px;border-radius:50%;background:#ffffff14}.skeleton-cards{flex:1;display:flex;gap:20px}.skel-card{flex:1;background:linear-gradient(135deg,rgba(255,255,255,.04),transparent);border-radius:16px;border:1px solid rgba(255,255,255,.05);position:relative;overflow:hidden}.skel-card:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:50%;background:linear-gradient(0deg,rgba(168,85,247,.1),transparent)}.floating-element{position:absolute;right:-40px;top:80px;width:260px;height:160px;background:linear-gradient(135deg,#ffffff14,#ffffff03);border:1px solid rgba(255,255,255,.15);border-radius:20px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transform:translateZ(120px);box-shadow:0 30px 60px #0009;display:flex;flex-direction:column;justify-content:space-between;padding:20px}@media (max-width: 768px){.depth-container{width:100vw!important;height:80vh!important}.floating-element{right:0!important;top:-60px!important;transform:translateZ(40px) scale(.9)!important;width:220px!important}.skeleton-ui{flex-direction:column!important;gap:12px!important}.skeleton-sidebar{width:100%!important;flex-direction:row!important;padding:10px!important;overflow-x:auto!important;white-space:nowrap!important}.skeleton-sidebar>div{flex:0 0 auto!important}.skeleton-top{padding:0 12px!important;font-size:.8rem!important}.skeleton-cards{flex-direction:column!important;gap:12px!important}.hero-title-bg,.hero-title-fg{font-size:clamp(3rem,15vw,6rem)!important}}.sticky-desktop-wrapper{position:relative;z-index:10;background:var(--bg-dark)}.sticky-desktop-inner{position:relative}@media (min-width: 1024px){.sticky-desktop-wrapper{height:250vh}.sticky-desktop-inner{position:sticky;top:auto;bottom:5vh;width:100%}}@keyframes hScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-container{display:flex;width:max-content;animation:hScroll 30s linear infinite}.marquee-group{display:flex;align-items:center;gap:80px;padding-right:80px}.marquee-item{color:var(--text-muted);font-size:2.5rem;font-weight:800;letter-spacing:-.02em;opacity:.3;transition:all .3s;cursor:default;white-space:nowrap}.marquee-item:hover{opacity:1;color:var(--text-light);transform:scale(1.1);text-shadow:0 0 30px var(--glow-2)}*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}*{margin:0;padding:0}ul,ol{list-style:none}body{min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6,button,input,label{line-height:1.1}h1,h2,h3,h4,h5,h6{text-wrap:balance}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;color:inherit}button{background:none;border:none;cursor:pointer}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid var(--primary-500);outline-offset:3px}::selection{background-color:var(--primary-500);color:var(--text-100)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-900)}::-webkit-scrollbar-thumb{background:var(--bg-600);border-radius:var(--radius-full);border:2px solid var(--bg-900)}::-webkit-scrollbar-thumb:hover{background:var(--bg-500)}*{scrollbar-width:thin;scrollbar-color:var(--bg-600) var(--bg-900)}:root{--bg-dark: #020203;--text-light: #F8F9FA;--text-muted: #8B8D98;--glow-1: #6366F1;--glow-2: #A855F7;--glow-3: #EC4899;--glass-border: rgba(255, 255, 255, .08);--glass-bg: rgba(255, 255, 255, .02);--primary-gradient: linear-gradient(135deg, var(--glow-1), var(--glow-2));--accent-blue: var(--glow-1)}body{background-color:var(--bg-dark);color:var(--text-light);font-family:Plus Jakarta Sans,sans-serif;overflow-x:clip;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}#root{display:flex;flex-direction:column;min-height:100vh}a{text-decoration:none;color:inherit}