:root{font-family:Outfit,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#050505;scroll-behavior:smooth}*{margin:0;padding:0;box-sizing:border-box}body{overflow-x:hidden;width:100vw;background-color:#050505}#webgl{position:fixed;top:0;left:0;outline:none;z-index:0}#ui-layer{position:relative;z-index:2;width:100%;pointer-events:none}button{background:#fff;color:#000;border:none;padding:1rem 3rem;font-size:1rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;border-radius:99px;cursor:pointer;transition:all .3s ease;box-shadow:0 0 20px #ffffff1a}button:hover{transform:translateY(-2px);box-shadow:0 0 40px #ffffff4d}header{position:fixed;top:0;left:0;width:100%;padding:2rem 4rem;display:flex;justify-content:space-between;align-items:center;z-index:100;background:#0505051a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.05);pointer-events:auto}.logo{font-size:1.5rem;font-weight:700;letter-spacing:1px;display:flex;align-items:center;gap:10px}.badge{font-size:.6rem;padding:.2rem .5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;letter-spacing:2px}nav a{color:#a1a1aa;text-decoration:none;margin-left:2rem;font-weight:500;font-size:.9rem;transition:all .3s;text-transform:uppercase;letter-spacing:1px}nav a:hover{color:#fff;text-shadow:0 0 10px rgba(255,255,255,.5)}@media(max-width:768px){header{padding:1.5rem}nav{display:none}}#scroll-container{width:100%}.hero-section{position:relative;height:100vh;width:100%;display:flex;flex-direction:column;justify-content:center}main{flex-grow:1;display:flex;align-items:center;justify-content:flex-start;padding-left:8vw;text-align:left;pointer-events:none}.hero{pointer-events:auto;z-index:10;max-width:600px}.status-indicator{display:inline-flex;align-items:center;gap:8px;font-size:.8rem;color:#4ade80;background:#4ade801a;padding:.5rem 1rem;border-radius:99px;margin-bottom:1.5rem;border:1px solid rgba(74,222,128,.2)}.dot{width:8px;height:8px;background:#4ade80;border-radius:50%;box-shadow:0 0 10px #4ade80;animation:pulse 2s infinite}.hero{pointer-events:auto;z-index:10;max-width:600px;animation:fadeUp 1s ease-out forwards;opacity:0}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{opacity:1;box-shadow:0 0 #4ade80b3}70%{opacity:.5;box-shadow:0 0 0 10px #4ade8000}to{opacity:0;box-shadow:0 0 #4ade8000}}h1{font-size:5rem;line-height:1.1;font-weight:700;letter-spacing:-2px;margin-bottom:1.5rem;background:linear-gradient(180deg,#fff,#71717a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transition:all .5s ease}p{font-size:1.25rem;color:#d4d4d8;margin-bottom:2.5rem;font-weight:300;line-height:1.6}.protocols{display:flex;gap:1.5rem;margin-bottom:2.5rem}.protocol-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);padding:1rem 1.5rem;border-radius:12px;min-width:140px}.protocol-card h3{font-size:1.2rem;font-weight:600;color:#fff;margin-bottom:.2rem}.protocol-card span{font-size:.8rem;color:#a1a1aa;text-transform:uppercase;letter-spacing:.5px}#stats-panel{display:flex;justify-content:flex-end;gap:4rem;padding:2rem 4rem;position:absolute;bottom:0;width:100%;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);pointer-events:auto}.stat-item{display:flex;flex-direction:column;align-items:flex-end}.stat-item .label{font-size:.75rem;text-transform:uppercase;color:#71717a;letter-spacing:1px;margin-bottom:.25rem}.stat-item .value{font-size:1.5rem;font-weight:500;color:#fff;font-family:monospace}@media(max-width:768px){main{padding-left:1.5rem;padding-right:1.5rem;justify-content:center;text-align:center}h1{font-size:3rem}.protocols{justify-content:center}#stats-panel{display:none}}.content-section{min-height:100vh;padding:8rem 8vw;background:#000c;background:linear-gradient(to bottom,transparent,#050505 20%,#050505);position:relative;z-index:10;display:flex;flex-direction:column;justify-content:center;pointer-events:auto}.section-header{margin-bottom:5rem}.section-label{color:#4ade80;font-size:.9rem;letter-spacing:2px;text-transform:uppercase;display:block;margin-bottom:1rem}.content-section h2{font-size:3.5rem;line-height:1.1;font-weight:700;color:#fff}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;width:100%}.feature-highlight{background:linear-gradient(145deg,#ffffff0d,#ffffff03);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:3rem;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;height:100%}@media(max-width:1024px){.feature-grid{grid-template-columns:1fr;gap:2rem}}.feature-content{max-width:600px;margin-bottom:2.5rem;position:relative;z-index:2}.feature-content h3{font-size:2rem;font-weight:600;margin-bottom:1rem;color:#fff}.feature-content p{font-size:1.1rem;color:#a1a1aa;line-height:1.6}.icon-box-large{width:64px;height:64px;margin-bottom:1.5rem;color:#4ade80}.icon-box-large svg{width:100%;height:100%}.marquee-container{width:100%;position:relative;display:flex;overflow:hidden;mask-image:linear-gradient(to right,transparent,black 5%,black 95%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 5%,black 95%,transparent);margin-bottom:1rem;padding:.5rem 0}.marquee-track{display:flex;gap:1.5rem;min-width:100%;animation:scroll 40s linear infinite}.marquee-track.reverse{animation-direction:reverse}.marquee-track.slow{animation-duration:60s}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.country-card{display:flex;align-items:center;gap:.8rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:.8rem 1.2rem;border-radius:8px;min-width:fit-content;white-space:nowrap;transition:all .3s ease}.country-card:hover{background:#ffffff1a;border-color:#4ade80;transform:translateY(-2px);box-shadow:0 4px 10px #4ade801a}.country-card span{font-weight:500;color:#fff;font-size:.95rem}.secondary-btn{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.8rem 1.5rem;font-size:.9rem;font-weight:500;margin-top:1.5rem;border-radius:99px;cursor:pointer;transition:all .3s;letter-spacing:.5px;pointer-events:auto}.secondary-btn:hover{background:#ffffff1a;border-color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px #0000004d}@media(max-width:768px){.content-section h2{font-size:2.5rem}.feature-highlight{padding:1.5rem}}#architecture{position:relative;padding:8rem 8vw;background:#050505;overflow:hidden}.arch-container{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:2rem;align-items:center;position:relative;max-width:1400px;margin:0 auto}.arch-node{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:2;transition:all .4s ease}.arch-node:hover{border-color:#ffffff4d;transform:translateY(-5px);box-shadow:0 10px 30px #00000080}.arch-node h3{font-size:1.2rem;color:#fff;margin:1rem 0 .5rem}.arch-node p{font-size:.9rem;color:#a1a1aa;margin-bottom:0}.arch-icon{width:60px;height:60px;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;border:1px solid rgba(255,255,255,.1)}.gateway-node{padding:4rem 2rem;border:1px solid rgba(74,222,128,.3);background:radial-gradient(circle at center,#4ade800d,#0000 70%)}.gateway-core{width:120px;height:120px;margin-bottom:1.5rem;position:relative;display:flex;align-items:center;justify-content:center}.core-pulse{position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid #4ade80;animation:ping 3s cubic-bezier(0,0,.2,1) infinite;opacity:.5}.core-solid{width:80%;height:80%;background:#000;border:1px solid #4ade80;border-radius:50%;z-index:2;display:flex;align-items:center;justify-content:center;box-shadow:0 0 30px #4ade8033}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.pipeline-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.pipe-line{fill:none;stroke:#ffffff1a;stroke-width:2}.pipe-flow{fill:none;stroke:#4ade80;stroke-width:2;stroke-dasharray:20 200;animation:flow 4s linear infinite}.pipe-flow.reverse{stroke:#ef4444;animation-direction:reverse}@keyframes flow{to{stroke-dashoffset:-220}}@media(max-width:1024px){.arch-container{grid-template-columns:1fr;gap:3rem}.pipeline-overlay{display:none}}.arch-header{text-align:center;margin-bottom:5rem;max-width:800px;margin-left:auto;margin-right:auto}#inf_crsl-vk{width:100%;padding:6rem 0 4rem;background:#050505;overflow:hidden;position:relative;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}.customers-header{text-align:center;position:relative;z-index:3;margin-bottom:3rem}.customers-header h2{font-size:3rem;color:#fff;font-weight:700;margin:0;background:linear-gradient(to right,#fff,#9ca3af);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}#particles-companies{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;opacity:.6}#inf_crsl-vk article{display:flex;width:200%;animation:bannermove 40s linear infinite;position:relative;z-index:20}#inf_crsl-vk article:hover{animation-play-state:paused}#inf_crsl-vk article div{width:100%;display:flex;justify-content:space-around}#inf_crsl-vk ul{display:flex;list-style:none;padding:0;margin:0;align-items:center;gap:4rem}#inf_crsl-vk li{flex:0 0 auto;display:flex;align-items:center;justify-content:center}#inf_crsl-vk img{max-height:120px;width:auto;object-fit:contain;filter:grayscale(100%) brightness(1.5);opacity:.7;transition:all .3s ease;position:relative;z-index:21;pointer-events:auto}#inf_crsl-vk img:hover{filter:brightness(0) invert(1);opacity:1}@keyframes bannermove{0%{transform:translate(0)}to{transform:translate(-50%)}}#inf_crsl-vk:before,#inf_crsl-vk:after{content:"";position:absolute;top:0;width:150px;height:100%;z-index:2;pointer-events:none}#inf_crsl-vk:before{left:0;background:linear-gradient(to right,#050505,transparent)}#inf_crsl-vk:after{right:0;background:linear-gradient(to left,#050505,transparent)}#integration{padding:8rem 8vw;background:#000;position:relative;overflow:hidden;scroll-margin-top:100px}.integration-header{margin-bottom:6rem;max-width:900px}.integration-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:3rem;position:relative;z-index:2}.theory-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:3rem;transition:all .4s ease;position:relative;overflow:hidden;height:100%}.theory-card:hover{border-color:#fff3;transform:translateY(-5px);background:#ffffff0d}.highlight-red{border-top:4px solid #ef4444}.highlight-blue{border-top:4px solid #3b82f6}.theory-number{font-size:.9rem;text-transform:uppercase;letter-spacing:2px;color:#a1a1aa;margin-bottom:1rem;display:block;font-family:Inter,sans-serif}.theory-card h3{font-size:2rem;color:#fff;margin-bottom:1.5rem;font-weight:700}.theory-card p{color:#cbd5e1;line-height:1.7;margin-bottom:1.5rem;font-size:1.05rem}.tech-pill{display:inline-block;padding:.5rem 1rem;border-radius:50px;font-size:.85rem;margin-right:.5rem;margin-bottom:.5rem;font-family:monospace}.pill-red{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.pill-blue{background:#3b82f61a;color:#3b82f6;border:1px solid rgba(59,130,246,.2)}.web2-note{grid-column:1 / -1;margin-top:4rem;padding:3rem;background:linear-gradient(180deg,#ffffff08,#0000);border-radius:20px;border:1px solid rgba(255,255,255,.05);text-align:center}.web2-note h4{font-size:1.5rem;color:#fff;margin-bottom:1rem}.web2-note p{color:#94a3b8;max-width:600px;margin:0 auto}.trex-bg{position:absolute;bottom:-20px;right:-20px;font-size:10rem;opacity:.03;font-weight:800;pointer-events:none;line-height:1}@media(max-width:768px){.integration-grid{grid-template-columns:1fr}.theory-card{padding:2rem}}#roadmap{padding:8rem 8vw;background:#050505;position:relative;overflow:visible;min-height:100vh;-webkit-overflow-scrolling:touch;touch-action:pan-y}.roadmap-header{margin-bottom:6rem;text-align:center;max-width:800px;margin-left:auto;margin-right:auto}.roadmap-header h2{font-size:3rem;font-weight:700;color:#fff;margin-bottom:1rem;background:linear-gradient(to right,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.timeline{position:relative;max-width:1000px;margin:0 auto;overflow:visible;min-height:auto}.timeline:after{content:"";position:absolute;width:2px;background:#ffffff1a;top:0;bottom:0;left:50%;margin-left:-1px}.timeline-item{padding:10px 40px;position:relative;background-color:inherit;width:50%;box-sizing:border-box}.timeline-item:after{content:"";position:absolute;width:16px;height:16px;right:-8px;background-color:#050505;border:2px solid #4ade80;top:24px;border-radius:50%;z-index:1;box-shadow:0 0 10px #4ade8080}.left{left:0}.right{left:50%}.right:after{left:-8px}.timeline-content{padding:2rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:16px;position:relative;transition:all .3s ease}.timeline-content:hover{transform:translateY(-5px);border-color:#4ade804d;background:#ffffff0d;box-shadow:0 10px 30px #00000080}.quarter-badge{display:inline-block;padding:.25rem .75rem;background:#4ade801a;color:#4ade80;border:1px solid rgba(74,222,128,.2);border-radius:99px;font-size:.85rem;font-weight:600;margin-bottom:1rem;font-family:monospace}.timeline-content h3{font-size:1.5rem;color:#fff;margin-bottom:1.5rem}.timeline-list{list-style:none;padding:0}.timeline-list li{margin-bottom:.8rem;padding-left:1.5rem;position:relative;color:#cbd5e1;font-size:.95rem;line-height:1.6}.timeline-list li:before{content:"▹";position:absolute;left:0;color:#4ade80}.q2-badge{background:#3b82f61a;color:#3b82f6;border-color:#3b82f633}.q2-dot:after{border-color:#3b82f6;box-shadow:0 0 10px #3b82f680}.q2-list li:before{color:#3b82f6}.q3-badge{background:#a855f71a;color:#a855f7;border-color:#a855f733}.q3-dot:after{border-color:#a855f7;box-shadow:0 0 10px #a855f780}.q3-list li:before{color:#a855f7}.q4-badge{background:#f973161a;color:#f97316;border-color:#f9731633}.q4-dot:after{border-color:#f97316;box-shadow:0 0 10px #f9731680}.q4-list li:before{color:#f97316}@media screen and (max-width:768px){#roadmap{padding:4rem 4vw;overflow:visible;min-height:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y}.roadmap-header{margin-bottom:3rem}.roadmap-header h2{font-size:2rem}.timeline{position:relative;padding-bottom:2rem;overflow:visible;min-height:auto;height:auto}.timeline:after{left:31px;height:calc(100% + 2rem);bottom:0}.timeline-item{width:100%;padding-left:70px;padding-right:25px;padding-bottom:3rem;position:relative;margin-bottom:1rem}.timeline-item:last-child{padding-bottom:2rem;margin-bottom:0}.timeline-item:after{left:21px}.left:after,.right:after{left:21px}.right{left:0%}.timeline-content{padding:1.5rem;position:relative;width:100%}.timeline-content h3{font-size:1.25rem}.timeline-list li{font-size:.9rem}}footer{background-color:#050505;border-top:1px solid rgba(255,255,255,.1);padding:5rem 8vw 2rem;color:#a1a1aa;font-size:.9rem;position:relative;z-index:10;pointer-events:auto}.footer-container{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:3rem;margin-bottom:4rem}.footer-brand p{margin-top:1rem;line-height:1.6;max-width:300px}.footer-brand .logo{height:32px;width:auto;filter:brightness(0) invert(1);opacity:.9}.footer-col h4{color:#fff;font-size:1rem;margin-bottom:1.5rem;font-weight:600}.footer-col ul{list-style:none;padding:0;margin:0}.footer-col li{margin-bottom:.8rem}.footer-col a{color:#a1a1aa;text-decoration:none;transition:all .3s ease;display:inline-block}.footer-col a:hover{color:#fff;transform:translate(5px)}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.social-links{display:flex;gap:1.5rem}.social-links a{color:#a1a1aa;transition:opacity .2s ease;display:flex;align-items:center}.social-links a:hover{opacity:.8}.social-icon{width:24px;height:24px;filter:brightness(0) invert(1)}.copyright{color:#52525b;font-size:.85rem}@media(max-width:1024px){.footer-container{grid-template-columns:repeat(4,1fr)}.footer-brand{grid-column:span 4;margin-bottom:2rem}}@media(max-width:768px){.footer-container{grid-template-columns:repeat(2,1fr)}.footer-brand{grid-column:span 2}.footer-bottom{flex-direction:column;text-align:center}}