@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&display=swap";:root{--pk:#ff2060;--pk-glow:#ff206059;--cy:#00e5ff;--cy-glow:#00e5ff40;--pu:#9d6fff;--go:#ffb830;--gr:#27c93f;--bg:#020406;--sf:#0a0a1c80;--sf2:#14143299;--bd:#ffffff0f;--bd2:#ffffff1f;--tx:#f0f2ff;--tx2:#f0f2ff8c;--tx3:#f0f2ff4d;--ease:cubic-bezier(.22,1,.36,1);--ff:"Inter",-apple-system,sans-serif;--ff2:"Space Grotesk",sans-serif;--ff3:"JetBrains Mono",monospace;--ff-syne:"Syne",sans-serif;--max:1400px;--glow-pk:0 0 40px #ff206080, 0 0 80px #ff20604d;--glow-cy:0 0 40px #00e5ff80, 0 0 80px #00e5ff4d;--glow-pu:0 0 40px #9d6fff80, 0 0 80px #9d6fff4d;--glass:#0a0a1cb3;--glass-light:#ffffff0d;--glass-border:#ffffff1a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background:var(--bg);scroll-padding-top:90px}body{font-family:var(--ff);color:var(--tx);-webkit-font-smoothing:antialiased;line-height:1.65;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--bd2);border-radius:99px}.bg-grid{z-index:-2;background-image:linear-gradient(#00e5ff05 1px,#0000 1px),linear-gradient(90deg,#00e5ff05 1px,#0000 1px);background-size:80px 80px;animation:4s ease-in-out infinite gridPulse;position:fixed;inset:0;-webkit-mask-image:radial-gradient(80% 70% at 50% 30%,#000,#0000);mask-image:radial-gradient(80% 70% at 50% 30%,#000,#0000)}@keyframes gridPulse{0%,to{opacity:.5}50%{opacity:1}}.bo{filter:blur(80px);opacity:.25;z-index:-1;pointer-events:none;border-radius:50%;animation:20s ease-in-out infinite bFloat;position:fixed}.bo1{background:var(--pk);width:clamp(300px,60vw,900px);height:clamp(300px,60vw,900px);animation-delay:0s;top:-20%;right:-20%;box-shadow:0 0 200px #ff206099,0 0 400px #ff20604d}.bo2{background:var(--cy);width:clamp(250px,50vw,800px);height:clamp(250px,50vw,800px);animation-delay:-7s;bottom:-20%;left:-20%;box-shadow:0 0 200px #00e5ff99,0 0 400px #00e5ff4d}.bo3{background:var(--pu);width:clamp(200px,40vw,550px);height:clamp(200px,40vw,550px);animation-delay:-14s;top:30%;left:30%;box-shadow:0 0 150px #9d6fff99,0 0 300px #9d6fff4d}.bo4{background:var(--go);width:clamp(150px,30vw,400px);height:clamp(150px,30vw,400px);animation-duration:15s;animation-delay:-18s;top:50%;right:-10%;box-shadow:0 0 100px #ffb83080}@keyframes bFloat{0%,to{transform:translate(0)scale(1)}25%{transform:translate(80px,-40px)scale(1.15)}50%{transform:translate(-60px,60px)scale(.95)}75%{transform:translate(-80px,-50px)scale(1.1)}}.particles-container{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.particle{transition:transform .1s linear;animation:linear infinite particleDrift;position:absolute}@keyframes particleDrift{0%{opacity:0;transform:translateY(0)translate(0)rotate(0)}10%{opacity:.7}90%{opacity:.7}to{opacity:0;transform:translateY(-120vh)translate(50px)rotate(720deg)}}.mouse-trail-container{pointer-events:none;z-index:9998;position:fixed;inset:0}.trail-point{background:var(--cy);width:12px;height:12px;box-shadow:0 0 10px var(--cy-glow);border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.gradient-mesh{z-index:-3;pointer-events:none;opacity:.8;background:radial-gradient(at 15% 15%,#ff206040 0%,#0000 50%),radial-gradient(at 85% 85%,#00e5ff40 0%,#0000 50%),radial-gradient(at 60% 25%,#9d6fff33 0%,#0000 40%),radial-gradient(at 25% 75%,#ffb83026 0%,#0000 40%);animation:12s ease-in-out infinite meshFloat;position:fixed;inset:0}@keyframes meshFloat{0%,to{filter:blur();transform:scale(1)rotate(0)}50%{filter:blur(20px);transform:scale(1.15)rotate(3deg)}}.app-root:after{content:"";z-index:9999;pointer-events:none;background:linear-gradient(#00e5ff00 50%,#00e5ff05 50.1%,#00e5ff00 100%) 0 0/100% 4px;height:100vh;animation:8s linear infinite scanlineSweep;position:fixed;inset:0}.scan-bar{width:100%;height:2px;box-shadow:0 0 15px var(--pk-glow);z-index:10000;pointer-events:none;background:#ff206033;animation:4s ease-in-out infinite sweep;position:fixed;top:0;left:0}@keyframes scanlineSweep{0%{background-position:0 0}to{background-position:0 100%}}@keyframes sweep{0%,to{transform:translateY(-10vh)}50%{transform:translateY(110vh)}}.geo-shape{z-index:-1;opacity:.2;pointer-events:none;animation:20s linear infinite floatGeo;position:fixed}.geo-shape.s1{border:1px solid var(--pk);width:120px;height:120px;animation-duration:25s;top:20%;left:10%}.geo-shape.s2{border:1px solid var(--cy);border-radius:50%;width:80px;height:80px;animation-duration:20s;top:70%;right:15%}.geo-shape.s3{border:1px solid var(--pu);width:150px;height:150px;animation-duration:30s;top:50%;left:80%;transform:rotate(45deg)}@keyframes floatGeo{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-100px)rotate(180deg)}to{transform:translateY(0)rotate(360deg)}}.starfield{z-index:-3;pointer-events:none;background:var(--bg);position:fixed;inset:0}.stars1{background:0 0;width:2px;height:2px;animation:4s infinite alternate starTwinkle;box-shadow:100px 50px #fff,250px 150px #fff,30px 400px #fff,450px 200px #fff,600px 300px #fff,750px 100px #fff,800px 450px #fff,950px 600px #fff}.stars2{opacity:.7;background:0 0;width:3px;height:3px;animation:6s infinite alternate starTwinkle;box-shadow:150px 250px #fff,350px 50px #fff,550px 400px #fff,650px 150px #fff,850px 350px #fff}@keyframes starTwinkle{0%{opacity:.3}to{opacity:1}}.sbar{background:linear-gradient(90deg,var(--pk),var(--cy),var(--pu));z-index:10001;height:3px;transition:width .1s;position:fixed;top:0;left:0}nav{z-index:5000;transition:all .45s var(--ease);position:fixed;top:0;left:0;right:0}nav .nav-bg{-webkit-backdrop-filter:blur();backdrop-filter:blur();transition:all .45s var(--ease);background:0 0;border-bottom:1px solid #0000;position:absolute;inset:0}nav.scrolled .nav-bg{-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);border-bottom-color:var(--bd);background:#020406d9}nav.scrolled:after{content:"";background:linear-gradient(90deg,transparent,var(--pk),var(--cy),var(--pu),transparent);opacity:.5;height:1px;position:absolute;bottom:0;left:0;right:0}.nav-inner{z-index:2;width:100%;max-width:var(--max);transition:padding .4s var(--ease);justify-content:space-between;align-items:center;margin:0 auto;padding:22px 48px;display:flex;position:relative}nav.scrolled .nav-inner{padding-top:14px;padding-bottom:14px}.nav-brand{font-family:var(--ff2);letter-spacing:-.03em;align-items:center;gap:10px;font-size:26px;font-weight:700;transition:all .3s;display:flex}.nav-brand:hover{transform:scale(1.02)}.nav-brand .dot{background:var(--pk);width:8px;height:8px;box-shadow:0 0 12px var(--pk);border-radius:50%;animation:2s ease-in-out infinite dotPulse}@keyframes dotPulse{0%,to{box-shadow:0 0 12px var(--pk)}50%{box-shadow:0 0 25px var(--pk), 0 0 40px var(--pk-glow)}}.nav-menu{gap:4px;list-style:none;display:flex}.nav-menu a{color:var(--tx2);border:1px solid #0000;border-radius:99px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .3s;position:relative}.nav-menu a:before{content:"";border:1px solid var(--cy);opacity:0;border-radius:99px;transition:all .3s;position:absolute;inset:-2px;transform:scale(.8)}.nav-menu a:hover{color:#fff;background:#ffffff0f}.nav-menu a:hover:before{opacity:1;transform:scale(1)}.nav-menu a.active{color:#fff;box-shadow:0 0 15px var(--cy-glow);background:#00e5ff1a;border:1px solid #00e5ff40}.nav-cta{background:var(--pk);color:#fff;cursor:pointer;transition:all .35s var(--ease);box-shadow:0 4px 20px var(--pk-glow);border:none;border-radius:99px;padding:10px 24px;font-size:13px;font-weight:600}.nav-cta:hover{box-shadow:0 8px 30px var(--pk-glow);transform:translateY(-2px)}@media (width<=900px){.nav-menu,.nav-cta{display:none}}.wrap{width:100%;max-width:var(--max);margin:0 auto;padding:0 48px}.section{border-top:1px solid var(--bd);z-index:1;background:#020406d9;padding:180px 0;position:relative;overflow:hidden}.section:before{content:"";background:linear-gradient(90deg,transparent,var(--pk),var(--cy),var(--pu),transparent);opacity:0;z-index:2;height:2px;transition:opacity .5s;position:absolute;top:0;left:0;right:0}.section:hover:before{opacity:.6;animation:3s linear infinite borderFlow}@keyframes borderFlow{0%{background-position:-200% 0}to{background-position:200% 0}}.tag{letter-spacing:.25em;text-transform:uppercase;color:var(--pk);margin-bottom:16px;font-size:11px;font-weight:700;display:inline-block}.heading{font-family:var(--ff2);letter-spacing:-.04em;margin-bottom:28px;font-size:clamp(36px,6vw,72px);font-weight:700;line-height:1.05}.desc{color:var(--tx2);max-width:700px;margin-bottom:28px;font-size:clamp(16px,2vw,20px);line-height:1.75}@media (width<=600px){.wrap{padding:0 20px}.section{padding:100px 0}}.hero{text-align:center;z-index:1;background:#020406cc;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:140px 48px 100px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#ff20601f 0%,#ff20600d 30%,#0000 60%);width:clamp(400px,70vw,1000px);height:clamp(400px,70vw,1000px);animation:6s ease-in-out infinite heroRingPulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#00e5ff1a 0%,#0000 50%);width:clamp(250px,40vw,500px);height:clamp(250px,40vw,500px);animation:8s ease-in-out infinite heroRingPulse2;position:absolute;top:30%;left:65%}@keyframes heroRingPulse{0%,to{opacity:.5;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.3)}}@keyframes heroRingPulse2{0%,to{transform:translate(-50%,-50%)scale(1)rotate(0)}50%{transform:translate(-50%,-50%)scale(1.2)rotate(180deg)}}.hero-art{width:clamp(600px,80vw,800px);height:auto;margin-bottom:48px;animation:8s ease-in-out infinite artFloat;position:relative}.hero-art img{width:100%;height:auto;filter:drop-shadow(0 0 80px var(--pk-glow)) drop-shadow(0 25px 50px #00000080);transition:all .5s,filter .5s}.hero-art:hover img{filter:drop-shadow(0 0 120px var(--pk-glow)) drop-shadow(0 30px 60px #00000080)}.hero-art:after{content:"";background:radial-gradient(ellipse,var(--pk-glow),transparent 70%);filter:blur(25px);height:80px;animation:4s ease-in-out infinite orbGlow;position:absolute;bottom:-30px;left:15%;right:15%}.hero-art:before{content:"";background:linear-gradient(90deg,transparent,var(--cy),transparent);opacity:.4;width:clamp(350px,55vw,550px);height:2px;position:absolute;top:-25px;left:50%;transform:translate(-50%)}.hero-glow-orb{background:radial-gradient(circle,var(--pk-glow) 0%,transparent 70%);filter:blur(35px);pointer-events:none;mix-blend-mode:screen;border-radius:50%;width:clamp(400px,65vw,700px);height:clamp(400px,65vw,700px);animation:10s ease-in-out infinite heroOrbFloat;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes heroOrbFloat{0%,to{filter:blur(35px);transform:translate(-50%,-50%)scale(1)rotate(0)}25%{filter:blur(25px);transform:translate(-45%,-55%)scale(1.15)rotate(90deg)}50%{filter:blur(45px);transform:translate(-50%,-45%)scale(.9)rotate(180deg)}75%{filter:blur(30px);transform:translate(-55%,-50%)scale(1.1)rotate(270deg)}}@keyframes artFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-30px)}}@keyframes orbGlow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.badge{color:var(--pk);letter-spacing:.14em;font-size:12px;font-weight:600;font-family:var(--ff3);transition:all .4s var(--ease);background:#ff206014;border:1px solid #ff206033;border-radius:99px;align-items:center;gap:10px;margin-bottom:28px;padding:10px 28px;display:inline-flex;position:relative;overflow:hidden}.badge:before{content:"";background:linear-gradient(90deg,#0000,#ff20604d,#0000);animation:2.5s ease-in-out infinite badgeShine;position:absolute;inset:0;transform:translate(-100%)}.badge:hover{border-color:var(--pk);box-shadow:0 0 40px var(--pk-glow);background:#ff206026;transform:translateY(-3px)scale(1.02)}.badge:active{transform:scale(.98)}@keyframes badgeShine{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}.badge-dot{background:var(--pk);width:8px;height:8px;box-shadow:0 0 15px var(--pk);border-radius:50%;animation:2s infinite blink}@keyframes blink{0%,to{opacity:1;box-shadow:0 0 15px var(--pk)}50%{opacity:.4;box-shadow:0 0 25px var(--pk)}}.hero-title{font-family:var(--ff2);letter-spacing:-.06em;background:linear-gradient(90deg,var(--pk),var(--cy),var(--pu),var(--pk));-webkit-text-fill-color:transparent;background-size:300% 100%;-webkit-background-clip:text;background-clip:text;margin-bottom:28px;font-size:clamp(72px,16vw,180px);font-weight:700;line-height:.85;animation:4s linear infinite gradShift,3s ease-in-out infinite titleFloat}.hero-title:hover{animation:1s linear infinite gradShift}@keyframes gradShift{0%{background-position:0%}to{background-position:300%}}@keyframes titleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero-sub{letter-spacing:.5em;text-transform:uppercase;color:var(--tx3);margin-bottom:44px;font-size:clamp(12px,1.4vw,15px)}.hero-desc{max-width:720px;color:var(--tx2);margin:0 auto 64px;font-size:clamp(16px,1.8vw,20px);line-height:1.75}.counter-row{background:var(--sf);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--bd);width:100%;max-width:900px;transition:all .5s var(--ease);border-radius:24px;grid-template-columns:repeat(4,1fr);margin-bottom:56px;display:grid;overflow:hidden;box-shadow:0 25px 80px #00000059,inset 0 1px #ffffff0d}.counter-row:hover{box-shadow:0 35px 100px #0006, 0 0 60px var(--pk-glow);transform:translateY(-5px)}.counter-cell{text-align:center;border-right:1px solid var(--bd);transition:all .4s var(--ease);padding:32px 20px;position:relative;overflow:hidden}.counter-cell:before{content:"";background:linear-gradient(135deg,#0000 40%,#ffffff0d,#0000 60%);transition:all .6s;position:absolute;inset:0;transform:translate(-100%)}.counter-cell:hover:before{transform:translate(100%)}.counter-cell:hover{background:#ffffff08;transform:translateY(-8px)}.counter-cell:last-child{border-right:none}.counter-num{font-family:var(--ff2);background:linear-gradient(135deg,var(--tx),#fff);-webkit-text-fill-color:transparent;text-shadow:0 0 30px #0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(28px,4vw,42px);font-weight:700;line-height:1;transition:all .4s}.counter-cell:hover .counter-num{filter:brightness(1.3);text-shadow:0 0 30px var(--pk-glow);transform:scale(1.1)}.counter-lbl{letter-spacing:.14em;text-transform:uppercase;color:var(--tx3);margin-top:6px;font-size:10px;transition:all .3s}.counter-cell:hover .counter-lbl{color:var(--tx)}.btn-row{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.btn{transition:all .4s var(--ease);cursor:pointer;z-index:1;border:none;border-radius:99px;align-items:center;gap:10px;padding:18px 40px;font-size:15px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";z-index:-1;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);position:absolute;inset:0;transform:translate(-100%)}.btn-primary{background:var(--pk);color:#fff;box-shadow:0 10px 35px var(--pk-glow), 0 0 60px var(--pk-glow)}.btn-primary:hover{box-shadow:0 20px 60px var(--pk-glow), 0 0 100px var(--pk-glow);transform:translateY(-6px)scale(1.02)}.btn-primary:hover:before{animation:.8s btnShine}.btn-primary:active{transform:scale(.97)}.btn-ghost{border:1px solid var(--bd2);color:#fff;background:0 0}.btn-ghost:hover{border-color:var(--cy);box-shadow:0 15px 40px var(--cy-glow);background:#ffffff14;transform:translateY(-6px)}.btn-ripple{pointer-events:none;background:#ffffff80;border-radius:50%;animation:.5s linear rippleAnim;position:absolute;transform:scale(0)}@keyframes rippleAnim{to{opacity:0;transform:scale(4)}}@keyframes btnShine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.showcase-hero{border:1px solid var(--bd);width:100%;transition:all .6s var(--ease);cursor:pointer;border-radius:32px;margin-bottom:16px;position:relative;overflow:hidden}.showcase-hero:hover{box-shadow:0 40px 100px #00000073, 0 0 80px var(--pk-glow);transform:scale(1.015)}.showcase-hero img{object-fit:cover;width:100%;height:clamp(260px,40vw,500px);transition:transform 1s,filter .5s;display:block}.showcase-hero:hover img{filter:brightness(1.1);transform:scale(1.08)}.showcase-hero .overlay{background:linear-gradient(#0000 25%,#020406f2);flex-direction:column;justify-content:flex-end;padding:clamp(24px,5vw,64px);transition:all .5s;display:flex;position:absolute;inset:0}.showcase-hero:hover .overlay{background:linear-gradient(#0000 20%,#020406fa)}.showcase-hero .overlay h3{font-family:var(--ff2);margin-bottom:8px;font-size:clamp(24px,4vw,48px);font-weight:700;transition:all .4s;position:relative}.showcase-hero .overlay h3:after{content:"";background:var(--pk);width:0;height:2px;transition:all .4s;position:absolute;bottom:-5px;left:0}.showcase-hero:hover .overlay h3:after{width:100%}.showcase-hero:hover .overlay h3{text-shadow:0 0 40px var(--pk-glow)}.showcase-hero .overlay p{color:var(--tx2);max-width:500px;font-size:clamp(13px,1.5vw,16px)}.mosaic{grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(200px,auto);gap:16px;display:grid}.mosaic-item{border:1px solid var(--bd);background:var(--sf);transition:all .5s var(--ease);border-radius:24px;position:relative;overflow:hidden}.mosaic-item:hover{border-color:var(--pk);z-index:5;transform:translateY(-8px)scale(1.015);box-shadow:0 20px 60px #0006}.mosaic-item img{object-fit:cover;opacity:.7;width:100%;height:100%;transition:all .5s}.mosaic-item:hover img{opacity:1;transform:scale(1.05)}.mosaic-item.a{grid-area:span 2/span 2}.mosaic-item.b{grid-column:span 2}.mosaic-item.c,.mosaic-item.d{grid-column:span 1}.mosaic-item.e,.mosaic-item.f{grid-column:span 2}.mosaic-item.g,.mosaic-item.h{grid-column:span 1}.m-overlay{opacity:0;background:linear-gradient(#0000 50%,#000000e6);flex-direction:column;justify-content:flex-end;padding:clamp(14px,2vw,28px);transition:opacity .4s;display:flex;position:absolute;inset:0}.mosaic-item:hover .m-overlay{opacity:1}.m-tag{font-family:var(--ff3);letter-spacing:.15em;text-transform:uppercase;color:var(--pk);margin-bottom:4px;font-size:9px}.m-title{font-family:var(--ff2);font-size:clamp(14px,1.6vw,20px);font-weight:700}.pipe-wrap{background:var(--sf);border:1px solid var(--bd);border-radius:40px;margin:48px 0;padding:clamp(36px,6vw,80px) clamp(20px,4vw,60px);position:relative;overflow:hidden}.pipe-wrap:before{content:"";pointer-events:none;background:radial-gradient(circle,#00e5ff1a 0%,#0000 60%);width:400px;height:400px;animation:3s ease-in-out infinite pipePulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pipe-wrap:after{content:"";background:linear-gradient(135deg,var(--pk),var(--cy),var(--pu));opacity:.04;pointer-events:none;border-radius:40px;position:absolute;inset:0}.pipe-wrap .pipe-glow{background:radial-gradient(circle,var(--pk-glow) 0%,transparent 60%);filter:blur(30px);width:150px;height:150px;animation:5s ease-in-out infinite reverse pipePulse;position:absolute;top:30%;left:70%}@keyframes pipePulse{0%,to{opacity:.4;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.4)}}.pipe-track{z-index:2;flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(8px,2vw,20px);display:flex;position:relative}.pipe-node{flex-direction:column;align-items:center;gap:12px;min-width:90px;display:flex}.pipe-ico{border:1px solid var(--bd);width:clamp(56px,8vw,80px);height:clamp(56px,8vw,80px);transition:all .4s var(--ease);background:#ffffff08;border-radius:22px;justify-content:center;align-items:center;font-size:clamp(24px,3vw,36px);display:flex;position:relative}.pipe-ico:after{content:"";border:1px solid #0000;border-radius:24px;transition:all .3s;position:absolute;inset:-3px}.pipe-node:hover .pipe-ico{border-color:var(--pk);box-shadow:0 18px 45px #ff206033, 0 0 40px var(--pk-glow);background:#ff206026;transform:translateY(-10px)}.pipe-node:hover .pipe-ico:after{border-color:var(--pk);box-shadow:0 0 20px var(--pk-glow)}.pipe-lbl{font-family:var(--ff3);color:var(--tx3);letter-spacing:.1em;text-transform:uppercase;font-size:10px;transition:all .3s}.pipe-node:hover .pipe-lbl{color:var(--tx)}.pipe-arrow{background:linear-gradient(90deg,transparent,var(--bd2),transparent);width:clamp(30px,5vw,80px);height:2px;margin-bottom:30px;position:relative}.pipe-arrow:after{content:"";background:var(--cy);width:8px;height:8px;box-shadow:0 0 15px var(--cy);border-radius:50%;animation:1.8s linear infinite dotRun;position:absolute;top:-3px}@keyframes dotRun{0%{opacity:0;left:0}20%{opacity:1}80%{opacity:1}to{opacity:0;left:100%}}@media (width<=700px){.pipe-track{flex-direction:column}.pipe-arrow{width:2px;height:36px;margin-bottom:0}.pipe-arrow:after{animation:2s linear infinite dotRunV;top:auto;left:-2px}}@keyframes dotRunV{0%{opacity:0;top:0}20%{opacity:1}80%{opacity:1}to{opacity:0;top:100%}}.stage{border:1px solid var(--bd);background:radial-gradient(#00e5ff0a,#0000 70%);border-radius:48px;width:100%;height:clamp(500px,60vw,850px);margin:48px 0;position:relative;overflow:hidden}.stage:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff1a,#0000 50%);border:1px solid #0000;border-radius:48px;position:absolute;inset:0}.stage-samurai{background:radial-gradient(#ff206012,#0000 60%),repeating-linear-gradient(45deg,#0000,#0000 60px,#ff206003 60px 120px);border-color:#ff20601a}.stage-samurai .glow-orb{filter:blur(50px);pointer-events:none;background:radial-gradient(circle,#ff206024,#0000 70%);width:clamp(200px,30vw,450px);height:clamp(200px,30vw,450px);animation:8s ease-in-out infinite alternate pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.stage-samurai:hover .glow-orb{animation-duration:4s}@keyframes pulse{0%{opacity:.4;transform:translate(-50%,-50%)scale(1)}to{opacity:.7;transform:translate(-50%,-50%)scale(1.35)}}.stage-badge{z-index:5;animation:3s ease-in-out infinite badgeFloat;position:absolute;bottom:clamp(20px,4vw,40px);left:50%;transform:translate(-50%)}@keyframes badgeFloat{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-5px)}}model-viewer{--poster-color:transparent;outline:none;width:100%;height:100%;display:block}.card-grid{grid-template-columns:repeat(auto-fit,minmax(clamp(260px,30vw,340px),1fr));gap:20px;display:grid}.glass-card{background:var(--sf);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid var(--bd2);border-radius:24px;padding:32px;transition:all .5s cubic-bezier(.19,1,.22,1);position:relative;overflow:hidden;box-shadow:0 15px 40px #0000004d,inset 0 1px 1px #ffffff0d}.glass-card:before{content:"";background:linear-gradient(45deg,#0000,#ffffff0a,#0000);transition:all .5s;position:absolute;inset:0;transform:translate(-100%)}.glass-card:after{content:"";opacity:0;background:radial-gradient(circle,#ffffff14 0%,#0000 50%);width:200%;height:200%;transition:all .4s ease-out;position:absolute;top:-50%;left:-50%;transform:scale(0)}.glass-card:hover:before{transform:translate(100%)}.glass-card:hover:after{opacity:1;transform:scale(1)}.glass-card:hover{border-color:var(--pk);box-shadow:0 25px 60px #ff206033, 0 0 50px var(--pk-glow), inset 0 1px 1px #ffffff1a;transform:translateY(-15px)scale(1.03)}.glass-card .accent{opacity:.6;width:100%;height:4px;animation:2.5s infinite alternate pulseBorder;position:absolute;top:0;left:0;box-shadow:0 0 20px}@keyframes pulseBorder{0%{opacity:.3;filter:brightness(.7);height:3px;top:0}to{opacity:1;filter:brightness(1.5);height:5px;top:-1px}}.glass-card .card-tag{letter-spacing:.18em;text-transform:uppercase;margin-bottom:12px;font-size:10px;font-weight:700}.glass-card h3{font-family:var(--ff2);margin-bottom:12px;font-size:clamp(18px,2vw,22px);font-weight:700;transition:all .4s}.glass-card:hover h3{text-shadow:0 0 25px #fff6}.glass-card p{color:var(--tx2);font-size:clamp(13px,1.4vw,15px);line-height:1.7}.glass-card.premium:before{content:"";opacity:0;background:linear-gradient(135deg,#0000 40%,#ff20604d 100%);width:100px;height:100px;transition:all .4s;position:absolute;top:0;right:0}.glass-card.premium:hover:before{opacity:1;width:150px;height:150px}.timeline{flex-direction:column;gap:0;margin-top:56px;display:flex}.tl-entry{border-left:2px solid var(--bd);transition:all .45s var(--ease);gap:clamp(16px,3vw,32px);padding:clamp(20px,3vw,36px) clamp(16px,2vw,28px);display:flex;position:relative}.tl-entry:before{content:"";background:var(--bg);border:2px solid var(--bd);border-radius:50%;width:12px;height:12px;transition:all .3s;position:absolute;top:50%;left:-2px;transform:translate(-50%,-50%)}.tl-entry:hover:before{background:var(--pk);border-color:var(--pk);box-shadow:0 0 15px var(--pk-glow)}.tl-entry:hover{border-left-color:var(--pk);background:#ffffff05;padding-left:clamp(24px,3vw,40px)}.tl-dot{font-family:var(--ff3);flex-shrink:0;min-width:48px;font-size:clamp(14px,1.8vw,18px);font-weight:700}.tl-body h4{font-family:var(--ff2);margin-bottom:8px;font-size:clamp(16px,2vw,20px);transition:all .3s}.tl-entry:hover h4{text-shadow:0 0 20px}.tl-body p{color:var(--tx2);font-size:clamp(13px,1.4vw,15px);line-height:1.7}.feat-grid{grid-template-columns:repeat(auto-fill,minmax(clamp(140px,16vw,190px),1fr));gap:14px;display:grid}.feat-card{background:var(--sf);border:1px solid var(--bd);text-align:center;transition:all .35s var(--ease);border-radius:24px;padding:clamp(20px,3vw,32px)}.feat-card:hover{border-color:var(--pk);transform:translateY(-5px);box-shadow:0 10px 30px #ff20601a}.feat-card .emoji{margin-bottom:12px;font-size:clamp(24px,3vw,34px)}.feat-card .fname{font-family:var(--ff2);margin-bottom:5px;font-size:clamp(13px,1.4vw,15px);font-weight:600}.feat-card .fdesc{color:var(--tx3);font-size:clamp(11px,1.2vw,12px)}.code-box{border:1px solid var(--bd);background:#00000073;border-radius:20px;margin:24px 0;overflow:hidden}.code-bar{border-bottom:1px solid var(--bd);align-items:center;gap:7px;padding:14px 20px;display:flex}.code-bar .dot{border-radius:50%;width:11px;height:11px}.dot.r{background:#ff5f57}.dot.y{background:#ffbd2e}.dot.g{background:#27c93f}.code-bar .fname{font-family:var(--ff3);color:var(--tx3);margin-left:10px;font-size:12px}.code-body{font-family:var(--ff3);color:var(--tx2);white-space:pre-wrap;padding:clamp(14px,2vw,24px);font-size:clamp(12px,1.3vw,14px);line-height:1.85;overflow-x:auto}footer{border-top:1px solid var(--bd);text-align:center;z-index:1;background:#020406e6;padding:120px 0 60px;position:relative}.ft-brand{font-family:var(--ff2);margin-bottom:14px;font-size:clamp(28px,4vw,36px);font-weight:700}.ft-sub{color:var(--tx2);margin-bottom:28px;font-size:clamp(13px,1.4vw,16px)}.ft-tags{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:28px;display:flex}.ft-tag{font-family:var(--ff3);border:1px solid var(--bd);color:var(--tx3);border-radius:99px;padding:6px 18px;font-size:11px;transition:all .3s}.ft-tag:hover{border-color:var(--pk);color:var(--pk)}.ft-copy{color:var(--tx3);font-size:12px;font-style:italic}.rv{opacity:0;visibility:hidden;animation:.8s 3s forwards cssRevealFallback}@keyframes cssRevealFallback{to{opacity:1;visibility:visible}}.gradient-text{background:linear-gradient(90deg,var(--pk),var(--cy),var(--pu),var(--pk));-webkit-text-fill-color:transparent;background-size:300% 100%;-webkit-background-clip:text;background-clip:text;animation:6s linear infinite gradShift}.quote-break{text-align:center;z-index:1;justify-content:center;align-items:center;width:100%;min-height:clamp(300px,40vw,500px);display:flex;position:relative;overflow:hidden}.quote-break:before{content:"";background:radial-gradient(circle,#ff20601a 0%,#0000 50%);width:clamp(400px,60vw,700px);height:clamp(400px,60vw,700px);animation:6s ease-in-out infinite quotePulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.quote-break:after{content:"";background:radial-gradient(circle,#00e5ff14 0%,#0000 50%);width:clamp(200px,30vw,350px);height:clamp(200px,30vw,350px);animation:8s ease-in-out infinite reverse quotePulse;position:absolute;top:30%;right:20%}@keyframes quotePulse{0%,to{opacity:.6;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.2)}}.cta-banner{text-align:center;z-index:1;border-top:1px solid var(--bd);background:#020406e6;padding:120px 48px;position:relative}.cta-title{font-family:var(--ff2);margin-bottom:20px;font-size:clamp(36px,6vw,64px);font-weight:700}.cta-sub{color:var(--tx2);max-width:600px;margin:0 auto 40px;font-size:clamp(15px,1.8vw,18px);line-height:1.7}.quote-break .qb-bg{filter:brightness(.3)saturate(1.3);background-position:50%;background-size:cover;position:absolute;inset:0}.quote-break .qb-overlay{background:linear-gradient(#02040699,#020406cc);position:absolute;inset:0}.quote-break .qb-content{z-index:2;max-width:700px;padding:40px;position:relative}.quote-break blockquote{font-family:var(--ff2);letter-spacing:-.02em;margin-bottom:16px;font-size:clamp(22px,4vw,40px);font-style:italic;font-weight:600;line-height:1.3}.quote-break cite{color:var(--pk);letter-spacing:.2em;text-transform:uppercase;font-size:13px;font-style:normal}.sm-wrap{flex-wrap:wrap;justify-content:center;align-items:center;gap:0;padding:60px 20px;display:flex}.sm-node{flex-direction:column;align-items:center;gap:8px;display:flex;position:relative}.sm-circle{border:2px solid var(--bd2);background:var(--sf);width:clamp(80px,12vw,110px);height:clamp(80px,12vw,110px);transition:all .4s var(--ease);cursor:default;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.sm-circle:hover{border-color:var(--pk);box-shadow:0 0 30px var(--pk-glow);transform:scale(1.1)}.sm-circle .sm-emoji{font-size:clamp(22px,3vw,30px)}.sm-circle .sm-name{font-family:var(--ff3);color:var(--tx2);text-transform:uppercase;letter-spacing:.08em;font-size:clamp(8px,1.1vw,10px)}.sm-arrow{background:linear-gradient(90deg,transparent,var(--bd2),transparent);flex-shrink:0;width:clamp(30px,5vw,70px);height:2px;margin:0 -4px;position:relative}.sm-arrow:after{content:"›";color:var(--pk);font-size:18px;position:absolute;top:-10px;right:-4px}.sm-desc{color:var(--tx3);text-align:center;max-width:100px;margin-top:4px;font-size:10px}@media (width<=700px){.sm-wrap{flex-direction:column;gap:8px}.sm-arrow{width:2px;height:30px;margin:0}.sm-arrow:after{top:auto;bottom:-4px;right:-8px;transform:rotate(90deg)}}.cmd-table{border-collapse:separate;border-spacing:0;border:1px solid var(--bd);table-layout:fixed;border-radius:20px;width:100%;margin-top:32px;overflow:hidden}.cmd-table thead th{text-align:left;font-family:var(--ff3);letter-spacing:.12em;text-transform:uppercase;color:var(--pk);border-bottom:1px solid var(--bd);background:#ff20600f;padding:16px 20px;font-size:11px}.cmd-table tbody td{border-bottom:1px solid var(--bd);color:var(--tx2);padding:14px 20px;font-size:14px;transition:background .3s}.cmd-table tbody tr:last-child td{border-bottom:none}.cmd-table tbody tr:hover td{background:#ffffff05}.cmd-table .cmd-cat{font-family:var(--ff2);color:var(--tx);font-size:14px;font-weight:600}.cmd-table .cmd-phrase{font-family:var(--ff3);color:var(--cy);font-size:12px}.cmd-table .cmd-action{font-family:var(--ff3);color:var(--go);letter-spacing:.06em;font-size:11px}@media (width<=700px){.cmd-table{font-size:12px}.cmd-table thead th,.cmd-table tbody td{padding:10px 12px}}.perm-grid{grid-template-columns:repeat(auto-fill,minmax(clamp(200px,25vw,280px),1fr));gap:14px;display:grid}.perm-card{background:var(--sf);border:1px solid var(--bd);transition:all .35s var(--ease);border-radius:20px;align-items:flex-start;gap:16px;padding:clamp(18px,2.5vw,28px);display:flex}.perm-card:hover{border-color:var(--cy);transform:translateY(-3px)}.perm-icon{background:#00e5ff0f;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:24px;display:flex}.perm-info .perm-name{font-family:var(--ff3);color:var(--cy);letter-spacing:.08em;margin-bottom:4px;font-size:11px}.perm-info .perm-why{color:var(--tx2);font-size:13px;line-height:1.55}.marquee{border-top:1px solid var(--bd);border-bottom:1px solid var(--bd);z-index:1;background:#020406e6;padding:24px 0;position:relative;overflow:hidden}.marquee:before,.marquee:after{content:"";z-index:2;pointer-events:none;width:120px;position:absolute;top:0;bottom:0}.marquee:before{background:linear-gradient(90deg,var(--bg),transparent);left:0}.marquee:after{background:linear-gradient(270deg,var(--bg),transparent);right:0}.marquee-track{gap:48px;width:max-content;animation:30s linear infinite marqueeScroll;display:flex}.marquee-item{font-family:var(--ff3);color:var(--tx3);letter-spacing:.15em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:10px;font-size:clamp(12px,1.4vw,14px);display:flex}.marquee-item .mq-dot{background:var(--pk);border-radius:50%;flex-shrink:0;width:4px;height:4px}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.flow-wrap{flex-wrap:wrap;justify-content:center;align-items:center;gap:0;padding:48px 16px;display:flex}.flow-node{flex-direction:column;align-items:center;gap:8px;display:flex;position:relative}.flow-box{border:1px solid var(--bd2);background:var(--sf);text-align:center;width:clamp(100px,14vw,140px);transition:all .4s var(--ease);cursor:default;border-radius:20px;padding:clamp(16px,2vw,24px) 12px}.flow-box:hover{border-color:var(--pk);box-shadow:0 0 30px var(--pk-glow);transform:scale(1.08)}.flow-box .fl-emoji{margin-bottom:6px;font-size:clamp(20px,3vw,28px)}.flow-box .fl-name{font-family:var(--ff2);font-size:clamp(11px,1.2vw,14px);font-weight:600}.flow-box .fl-detail{font-family:var(--ff3);color:var(--tx3);margin-top:4px;font-size:9px}.flow-connector{background:linear-gradient(90deg,var(--bd2),var(--cy),var(--bd2));flex-shrink:0;width:clamp(20px,4vw,60px);height:2px;position:relative}.flow-connector:after{content:"";background:var(--cy);width:8px;height:8px;box-shadow:0 0 8px var(--cy);border-radius:50%;animation:1.5s ease-in-out infinite alternate flowPulse;position:absolute;top:-3px;right:-3px}@keyframes flowPulse{0%{opacity:.4;transform:scale(.8)}to{opacity:1;transform:scale(1.2)}}@media (width<=700px){.flow-wrap{flex-direction:column;gap:8px}.flow-connector{width:2px;height:24px}.flow-connector:after{inset:auto auto -3px -3px}}.json-grid{grid-template-columns:repeat(auto-fit,minmax(clamp(240px,28vw,300px),1fr));gap:16px;display:grid}.json-card{border:1px solid var(--bd);transition:all .35s var(--ease);background:#0006;border-radius:20px;overflow:hidden}.json-card:hover{border-color:var(--go);transform:translateY(-4px)}.json-card-head{border-bottom:1px solid var(--bd);align-items:center;gap:10px;padding:14px 20px;display:flex}.json-card-head .jc-emoji{font-size:18px}.json-card-head .jc-action{font-family:var(--ff3);color:var(--go);letter-spacing:.1em;font-size:11px}.json-card-body{font-family:var(--ff3);color:var(--tx2);white-space:pre-wrap;padding:16px 20px;font-size:12px;line-height:1.8}.fx-grid{grid-template-columns:repeat(auto-fit,minmax(clamp(260px,30vw,340px),1fr));gap:18px;display:grid}.fx-card{background:var(--sf);border:1px solid var(--bd);transition:all .4s var(--ease);border-radius:28px;padding:clamp(24px,3vw,36px);position:relative;overflow:hidden}.fx-card:before{content:"";opacity:0;background:linear-gradient(135deg,#ffffff0d 0%,#0000 50%);width:100%;height:100%;transition:all .4s;position:absolute;top:0;left:0}.fx-card:hover{box-shadow:0 20px 60px #0000004d, 0 0 40px var(--pk-glow);border-color:#ffffff26;transform:translateY(-6px)}.fx-card:hover:before{opacity:1}.fx-card .fx-num{font-family:var(--ff2);opacity:.04;background:linear-gradient(135deg,var(--pk),var(--cy));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(48px,6vw,72px);font-weight:700;line-height:1;position:absolute;top:16px;right:20px}.fx-card .fx-emoji{margin-bottom:14px;font-size:32px;animation:3s ease-in-out infinite emojiFloat}.fx-card:hover .fx-emoji{animation:1s ease-in-out emojiFloat}@keyframes emojiFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.fx-card h3{font-family:var(--ff2);margin-bottom:8px;font-size:clamp(17px,2vw,20px);font-weight:700}.fx-card p{color:var(--tx2);font-size:clamp(13px,1.4vw,14px);line-height:1.7}.fab-top{background:var(--pk);color:#fff;cursor:pointer;z-index:4000;width:48px;height:48px;box-shadow:0 6px 24px var(--pk-glow);transition:all .35s var(--ease);opacity:0;pointer-events:none;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:20px;display:flex;position:fixed;bottom:32px;right:32px;transform:translateY(20px)}.fab-top.show{opacity:1;pointer-events:all;transform:translateY(0)}.fab-top:hover{box-shadow:0 10px 36px var(--pk-glow);transform:translateY(-4px)scale(1.1)}.cta-banner{text-align:center;border-top:1px solid var(--bd);padding:clamp(60px,8vw,120px) 32px;position:relative;overflow:hidden}.cta-banner:before{content:"";pointer-events:none;background:radial-gradient(circle,#ff20600f,#0000 70%);width:600px;height:600px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cta-banner .cta-title{font-family:var(--ff2);margin-bottom:16px;font-size:clamp(28px,5vw,52px);font-weight:700;position:relative}.cta-banner .cta-sub{color:var(--tx2);max-width:500px;margin:0 auto 40px;font-size:clamp(14px,1.6vw,18px);line-height:1.7}.cta-banner .btn-row{position:relative}@media (pointer:fine){body,a,button,.btn{cursor:none!important}.cursor-dot{background:var(--cy);pointer-events:none;z-index:10000;width:8px;height:8px;box-shadow:0 0 10px var(--cy);mix-blend-mode:difference;border-radius:50%;position:fixed;top:0;left:0}.cursor-ring{pointer-events:none;z-index:9999;mix-blend-mode:difference;border:1px solid #00e5ff66;border-radius:50%;width:34px;height:34px;position:fixed;top:0;left:0}}.intro-loader{z-index:99999;background:var(--bg);pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.loader-bg-grid{opacity:.5;background-image:linear-gradient(#00e5ff0d 1px,#0000 1px),linear-gradient(90deg,#00e5ff0d 1px,#0000 1px);background-size:80px 80px;position:absolute;inset:0}.loader-num{font-family:var(--ff2);color:var(--tx);z-index:2;mix-blend-mode:overlay;opacity:.8;font-size:clamp(80px,15vw,240px);font-weight:700;line-height:1}.loader-bar-wrap{background:var(--bd);z-index:2;width:300px;height:2px;margin-top:20px;position:relative;overflow:hidden}.loader-bar{background:var(--cy);width:0%;height:100%;box-shadow:0 0 15px var(--cy)}.glitch-text{display:inline-block;position:relative}.glitch-text:before,.glitch-text:after{content:attr(data-text);opacity:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.glitch-text:hover:before{opacity:1;color:var(--pk);animation:.3s cubic-bezier(.25,.46,.45,.94) infinite both glitch-anim;left:2px}.glitch-text:hover:after{opacity:1;color:var(--cy);animation:glitch-anim-2 .3s cubic-bezier(.25,.46,.45,.94) both infinite backwards;left:-2px}@keyframes glitch-anim{0%{clip-path:polygon(0 2%,100% 2%,100% 5%,0 5%)}20%{clip-path:polygon(0 15%,100% 15%,100% 15%,0 15%)}40%{clip-path:polygon(0 10%,100% 10%,100% 20%,0 20%)}60%{clip-path:polygon(0 1%,100% 1%,100% 2%,0 2%)}80%{clip-path:polygon(0 33%,100% 33%,100% 33%,0 33%)}to{clip-path:polygon(0 44%,100% 44%,100% 44%,0 44%)}}@keyframes glitch-anim-2{0%{clip-path:polygon(0 25%,100% 25%,100% 30%,0 30%)}20%{clip-path:polygon(0 3%,100% 3%,100% 3%,0 3%)}40%{clip-path:polygon(0 5%,100% 5%,100% 20%,0 20%)}60%{clip-path:polygon(0 2%,100% 2%,100% 2%,0 2%)}80%{clip-path:polygon(0 2%,100% 2%,100% 2%,0 2%)}to{clip-path:polygon(0 15%,100% 15%,100% 15%,0 15%)}}.terminal-console{font-family:var(--ff3);color:var(--tx2);border:1px solid var(--bd);background:#0009;border-radius:12px;flex-direction:column;min-height:250px;padding:clamp(16px,2.5vw,24px);font-size:clamp(11px,1.3vw,13px);line-height:1.8;display:flex;overflow-y:auto}.term-row{gap:10px;margin-bottom:2px;animation:.2s forwards textFadeIn;display:flex}.term-prefix{color:var(--pk);flex-shrink:0;min-width:55px}.term-cursor{background:var(--cy);vertical-align:middle;width:6px;height:14px;margin-left:5px;animation:1s infinite alternate blink;display:inline-block}@keyframes textFadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.counter-row{grid-template-columns:repeat(2,1fr)}.counter-cell:nth-child(2){border-right:none}.counter-cell:first-child,.counter-cell:nth-child(2){border-bottom:1px solid var(--bd)}.mosaic{grid-template-columns:repeat(2,1fr)}.mosaic-item.a,.mosaic-item.b,.mosaic-item.c,.mosaic-item.d,.mosaic-item.e,.mosaic-item.f,.mosaic-item.g,.mosaic-item.h{grid-area:span 1/span 1}.stage{border-radius:32px;height:500px}}@media (width<=600px){.counter-row{grid-template-columns:1fr}.counter-cell{border-bottom:1px solid var(--bd);border-right:none!important}.counter-cell:last-child{border-bottom:none}.mosaic{grid-template-columns:1fr}.mosaic-item{min-height:220px}.hero-title{font-size:52px}.hero{padding:120px 20px 60px}.fab-top{width:42px;height:42px;bottom:20px;right:20px}}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-smooth iframe{pointer-events:none}.line,.word,.char{transform-style:preserve-3d;display:inline-block}.screen-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:48px;display:grid}.screen-card{aspect-ratio:16/10;border:1px solid #ffffff0d;border-radius:16px;transition:transform .4s cubic-bezier(.19,1,.22,1),border-color .3s,box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 20px 40px -10px #000c}.screen-card:hover{border-color:#00f0ff66;transform:translateY(-8px)scale(1.02);box-shadow:0 30px 60px -10px #00f0ff26}.screen-card .img-wrap{width:100%;height:100%}.screen-card img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.19,1,.22,1);transform:scale(1.02)}.screen-card:hover img{transform:scale(1.08)}.g-overlay{pointer-events:none;background:linear-gradient(#02040c00 40%,#02040ce6 100%);flex-direction:column;justify-content:flex-end;padding:1.5rem;display:flex;position:absolute;inset:0}.g-tag{color:var(--cy);font-family:var(--ff2);letter-spacing:2px;text-transform:uppercase;opacity:0;margin-bottom:.4rem;font-size:.75rem;transition:all .4s cubic-bezier(.19,1,.22,1);transform:translateY(10px)}.g-title{color:var(--tx);font-family:var(--ff2);text-transform:uppercase;opacity:0;font-size:1.1rem;font-weight:800;line-height:1.2;transition:all .4s cubic-bezier(.19,1,.22,1) 50ms;transform:translateY(10px)}.screen-card:hover .g-tag,.screen-card:hover .g-title{opacity:1;transform:translateY(0)}@media (width<=768px){.screen-grid{grid-template-columns:repeat(2,1fr);gap:12px}}
