:root{--bg-dark:#050505;--text-main:#f4f4f5;--text-muted:#a1a1aa;--accent-teal:#00d4b2;--font-body:"Inter", sans-serif;--font-display:"Space Grotesk", sans-serif;--curve:cubic-bezier(.19, 1, .22, 1);--curve-smooth:cubic-bezier(.25, 1, .5, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-dark);color:var(--text-main);cursor:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,.massive-text{font-family:var(--font-display)}.noise-overlay{pointer-events:none;z-index:9997;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:100vw;height:100vh;position:fixed;top:0;left:0}.cursor-dot{background-color:var(--accent-teal);pointer-events:none;z-index:9999;border-radius:50%;width:6px;height:6px;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.cursor-outline{pointer-events:none;z-index:9998;width:40px;height:40px;transition:width .4s var(--curve), height .4s var(--curve), background-color .4s;-webkit-backdrop-filter:invert(10%);backdrop-filter:invert(10%);border:1px solid #00d4b280;border-radius:50%;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.cursor-outline.hover{background-color:#00d4b20d;border-color:#00d4b2cc;width:90px;height:90px}.premium-nav{z-index:9990;width:100%;transition:transform .4s var(--curve-smooth);background:0 0;padding:32px 0;position:fixed;top:0;left:0}.nav-container{justify-content:space-between;align-items:center;max-width:1440px;margin:0 auto;padding:0 5vw;display:flex}.nav-logo{color:var(--text-main);align-items:center;gap:12px;text-decoration:none;display:flex}.nav-logo-icon{height:24px}.nav-logo-text{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.3rem;font-weight:700}.hamburger-menu{flex-direction:column;justify-content:space-between;width:40px;height:24px;display:flex}.hamburger-menu .line{background-color:var(--text-main);border-radius:2px;height:2px;transition:background-color .3s}.hamburger-menu:hover .line{background-color:var(--accent-teal)}.line-1{transform-origin:100%;align-self:flex-end;width:100%}.line-2{transform-origin:100%;align-self:flex-end;width:60%}.line-3{transform-origin:100%;align-self:flex-end;width:80%}.side-menu{z-index:9980;pointer-events:none;flex-direction:column;justify-content:center;align-items:flex-end;width:250px;height:100vh;padding-top:0;padding-right:5vw;display:flex;position:fixed;top:0;right:0}.side-menu-items{text-align:right;opacity:0;transition:transform .5s var(--curve-smooth), opacity .5s;flex-direction:column;align-items:flex-end;gap:16px;list-style:none;display:flex;transform:translate(100%)}.side-menu.active .side-menu-items{opacity:1;pointer-events:all;transform:translate(0)}.side-menu-items li a{color:#fff;font-family:var(--font-display);letter-spacing:.15em;text-transform:uppercase;font-size:1.1rem;font-weight:700;text-decoration:none;transition:color .3s}.side-menu-items li a:hover{color:var(--accent-teal)}.menu-divider{justify-content:flex-end;align-items:center;height:24px;padding-right:4px;display:flex}.menu-divider .circle{background-color:#0000;border:1px solid #fff6;border-radius:50%;width:6px;height:6px}.nav-links{gap:40px;display:flex}.nav-links a{color:var(--text-muted);font-size:.95rem;font-weight:500;text-decoration:none;transition:color .3s}.nav-links a:hover{color:var(--text-main)}.nav-btn{color:var(--accent-teal);background:#00d4b20d;border:1px solid #00d4b24d;border-radius:100px;padding:12px 24px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.nav-btn:hover{background:var(--accent-teal);color:var(--bg-dark);box-shadow:0 0 20px #00d4b266}.loader-hero{flex-direction:column;justify-content:center;min-height:100vh;padding:80px 5vw 0;display:flex;position:relative;overflow:hidden}.glow-sphere{z-index:0;pointer-events:none;filter:blur(80px);background:radial-gradient(circle,#00d4b226 0%,#0000 60%);width:60vw;height:60vw;position:absolute;top:40%;left:30%;transform:translate(-50%,-50%)}.hero-content{z-index:1;justify-content:space-between;align-items:center;gap:5vw;width:100%;max-width:1440px;margin:0 auto;display:flex}.hero-text-col{flex:1}.hero-top-logo-custom{opacity:0;flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:40px;display:flex;transform:translateY(20px)}.hero-top-logo-custom img{height:32px}.hero-top-logo-custom span{font-family:var(--font-body);letter-spacing:-.01em;font-size:1.1rem;font-weight:700}.kinetic-row{overflow:hidden}.kinetic-text{letter-spacing:-.05em;text-transform:uppercase;color:var(--text-main);font-size:clamp(3rem,9vw,9rem);font-weight:900;line-height:.95}.accent-text{color:var(--accent-teal)}.char{opacity:0;display:inline-block;transform:translateY(110%)}.hero-subtext-new{color:var(--text-muted);opacity:0;max-width:450px;margin-top:30px;font-size:1.25rem;line-height:1.5;transform:translateY(20px)}.hero-visual-col{flex:1;justify-content:center;align-items:center;height:600px;display:flex;position:relative}.hero-mockup-wrapper{perspective:1000px;width:100%;height:100%;position:relative}.hero-floating-img{opacity:0;object-fit:cover;border-radius:36px;position:absolute;box-shadow:0 30px 60px #000c,0 0 0 1px #ffffff1a}.main-float{z-index:2;width:280px;height:580px;top:50%;left:50%;transform:translate(-50%,-50%)rotateY(-15deg)rotateX(5deg)}.secondary-float{z-index:1;filter:brightness(.6)blur(2px);width:240px;height:500px;top:60%;left:20%;transform:translate(-50%,-50%)rotateY(10deg)rotate(-5deg)}.scroll-hint-wrapper{z-index:10;position:absolute;bottom:5vh;left:50%;transform:translate(-50%)}.scroll-hint{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);flex-direction:column;align-items:center;gap:10px;font-size:.9rem;display:flex}.arrow{color:var(--accent-teal);font-size:1.2rem;animation:2s infinite bounce}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}.story-section{background-color:var(--bg-dark);position:relative}.story-container{justify-content:center;align-items:center;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.massive-text-track{pointer-events:none;z-index:1;gap:15vw;padding-left:50vw;padding-right:50vw;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.massive-text{color:#0000;-webkit-text-stroke:1px #ffffff0d;white-space:nowrap;letter-spacing:-.02em;font-size:clamp(6rem,22vw,25rem);font-weight:900}.mockup-glow{z-index:5;filter:blur(80px);background:radial-gradient(#00d4b226 0%,#0000 70%);width:400px;height:600px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pinned-mockup{z-index:10;perspective:1500px;width:300px;height:620px;position:relative}.mockup-frame{width:100%;height:100%;transform-style:preserve-3d;background:#000;border-radius:44px;position:relative;overflow:hidden;box-shadow:0 40px 80px #000000e6,inset 0 0 0 1px #fff3,inset 0 0 20px #ffffff0d}.mockup-glare{pointer-events:none;z-index:20;background:linear-gradient(125deg,#ffffff26 0%,#fff0 40%);width:100%;height:100%;position:absolute;top:0;left:0}.mockup-img{object-fit:cover;opacity:0;will-change:opacity, transform;width:100%;height:100%;position:absolute;top:0;left:0}#mockup-map{opacity:1}.bento-section{z-index:20;background-color:#030303;border-top:1px solid #ffffff08;padding:20vh 0;position:relative}.section-header{margin-bottom:8vh}.badge{color:var(--accent-teal);letter-spacing:.05em;text-transform:uppercase;background:#00d4b21a;border:1px solid #00d4b233;border-radius:100px;margin-bottom:24px;padding:6px 16px;font-size:.85rem;font-weight:500;display:inline-block}.section-heading{letter-spacing:-.04em;font-size:clamp(3rem,6vw,5.5rem);font-weight:700;line-height:1.1}.bento-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:320px;gap:24px;display:grid}.bento-card{transition:transform .5s var(--curve-smooth), border-color .5s var(--curve-smooth), box-shadow .5s var(--curve-smooth);border-radius:32px;flex-direction:column;justify-content:space-between;padding:48px;display:flex;position:relative;overflow:hidden}.card-glass{-webkit-backdrop-filter:blur(30px);background:#ffffff05;border:1px solid #ffffff0f;box-shadow:inset 0 1px #ffffff1a,0 20px 40px #0000004d}.bento-card:hover{border-color:#ffffff26;transform:translateY(-5px);box-shadow:inset 0 1px #fff3,0 30px 60px #00000080}.card-large{grid-area:span 2/span 2}.card-wide{grid-column:span 2}.card-small{grid-column:span 1}.card-accent{background:var(--accent-teal);color:var(--bg-dark);box-shadow:0 20px 50px #00d4b226}.card-accent p{color:#000000b3;font-weight:500}.card-content h3{letter-spacing:-.03em;margin-bottom:16px;font-size:2.2rem;font-weight:700}.card-large h3{font-size:3.5rem}.card-small h3{margin-bottom:12px;font-size:3.5rem}.card-content p{color:var(--text-muted);font-size:1.15rem;font-weight:300;line-height:1.6}.abstract-visual{z-index:-1;width:100%;height:100%;position:absolute;top:0;left:0}.bento-bg{object-fit:cover;opacity:.4;mix-blend-mode:screen;filter:contrast(1.2)brightness(.8);width:100%;height:100%}.bento-image{object-fit:contain;opacity:.7;width:70%;height:100%;position:absolute;bottom:0;right:-10%;-webkit-mask-image:linear-gradient(90deg,#0000,#000 40%);mask-image:linear-gradient(90deg,#0000,#000 40%)}.icon-pulse{background-color:var(--accent-teal);border-radius:50%;width:16px;height:16px;margin-bottom:24px;animation:2s cubic-bezier(.66,0,0,1) infinite pulse;box-shadow:0 0 #00d4b2b3}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #00d4b280}70%{transform:scale(1);box-shadow:0 0 0 20px #00d4b200}to{transform:scale(.95);box-shadow:0 0 #00d4b200}}.cta-magnetic{background-color:var(--bg-dark);flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex;position:relative;overflow:hidden}.cta-magnetic:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle,#00d4b20d 0%,#0000 50%);width:100vw;height:100vw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cta-content{z-index:1;flex-direction:column;align-items:center;display:flex;position:relative}.massive-cta-text{letter-spacing:-.05em;text-align:center;background:linear-gradient(#fff 0%,#888 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:60px;font-size:clamp(4rem,10vw,10rem);font-weight:900}.btn-magnetic{background-color:var(--accent-teal);width:200px;height:200px;color:var(--bg-dark);letter-spacing:-.02em;border-radius:50%;justify-content:center;align-items:center;font-size:1.3rem;font-weight:700;text-decoration:none;transition:transform .1s linear,box-shadow .4s;display:inline-flex;box-shadow:0 10px 30px #00d4b24d}.btn-magnetic:hover{box-shadow:0 15px 45px #00d4b280}.btn-text{pointer-events:none;font-family:var(--font-display)}.minimal-footer{background:#000;border-top:1px solid #ffffff0d;justify-content:space-between;padding:60px 5vw;display:flex}.footer-left img{opacity:.8;height:28px}.footer-right p{color:var(--text-muted);font-size:.95rem;font-weight:300}@media (width<=1024px){.hero-content{text-align:center;flex-direction:column}.hero-visual-col{width:100%;height:400px}.main-float{transform:translate(-50%,-50%)scale(.8)}.secondary-float{display:none}.bento-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.bento-grid{grid-template-columns:1fr}.card-large,.card-wide,.card-small{grid-column:span 1}.cursor-dot,.cursor-outline{display:none}.massive-text{font-size:20vw}}