:root{--sn-bg:var(--bg-base,#0f0d0a);--sn-bg-dark:var(--bg-surface,#1a1612);--sn-bg-card:var(--bg-card,#2a2420);--sn-bg-elevated:var(--bg-elevated,#241f1a);--sn-green:var(--brand-primary,#f59e0b);--sn-green-hover:var(--brand-primary-hover,#d97706);--sn-green-glow:var(--brand-primary-glow,rgba(245,158,11,0.2));--sn-cyan:var(--accent-teal,#2dd4bf);--sn-blue:#60a5fa;--sn-purple:#a78bfa;--sn-gold:var(--accent-gold,#fbbf24);--sn-white:var(--text-primary,#faf6ed);--sn-gray:var(--text-secondary,#d9c9a3);--sn-muted:var(--text-muted,#a89f8a);--sn-border:var(--border-default,rgba(250,246,237,0.08));--sn-border-strong:var(--border-strong,rgba(250,246,237,0.12));--sn-font:var(--font-sans,"Figtree","Inter",-apple-system,sans-serif)}*{margin:0;padding:0;box-sizing:border-box}.demo-page{background:var(--sn-bg);font-family:var(--sn-font);color:var(--sn-white);min-height:100vh;overflow-x:hidden;position:relative}body:has(.demo-page){background:var(--sn-bg)!important}body:has(.demo-page) main{padding:0!important;margin:0!important}.particles-bg{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.particle{position:absolute;width:4px;height:4px;background:var(--sn-gold);border-radius:50%;opacity:.25;animation:particleFloat 20s linear infinite}.particle.p0{background:var(--color-amber-500);width:5px;height:5px}.particle.p1{background:var(--color-amber-400)}.particle.p2{background:var(--color-amber-600)}.particle.p3{background:var(--color-teal-400);opacity:.12}.particle.p4{background:var(--color-amber-300);width:3px;height:3px}@keyframes particleFloat{0%{transform:translateY(100vh) translateX(0) scale(0);opacity:0}10%{opacity:.5;transform:scale(1)}90%{opacity:.3}to{transform:translateY(-100vh) translateX(50px) scale(.5);opacity:0}}.sn-navbar{position:fixed;top:0;left:0;right:0;height:64px;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:0 40px;background:transparent;transition:all .3s ease}.sn-navbar.scrolled{background:rgba(0,32,46,.95);backdrop-filter:blur(20px);box-shadow:0 4px 30px rgba(0,0,0,.3)}.sn-logo{font-size:20px;font-weight:700}.logo-green{color:var(--sn-green)}.logo-white{color:var(--sn-white)}.sn-nav-center{display:flex;gap:8px}.sn-nav-link{display:flex;align-items:center;gap:5px;padding:10px 14px;background:none;border:none;color:var(--sn-white);font-family:var(--sn-font);font-size:14px;cursor:pointer;transition:all .2s}.sn-nav-link:hover{opacity:.7;transform:translateY(-1px)}.sn-nav-right{display:flex;align-items:center;gap:18px}.sn-nav-icon{color:var(--sn-white);cursor:pointer;transition:transform .2s}.sn-nav-icon:hover{transform:scale(1.15)}.sn-signin{color:var(--sn-white);font-size:14px;text-decoration:none}.sn-btn-get-started{padding:10px 22px;background:var(--sn-green);color:var(--sn-bg);font-weight:600;border:none;border-radius:100px;cursor:pointer;position:relative;overflow:hidden;transition:all .3s}.sn-btn-get-started:hover{background:var(--sn-green-hover);transform:translateY(-2px);box-shadow:0 8px 25px rgba(129,181,50,.4)}.pulse-glow:before{content:"";position:absolute;inset:-3px;background:var(--sn-green);border-radius:100px;z-index:-1;animation:pulseGlow 2s ease-in-out infinite}@keyframes pulseGlow{0%,to{opacity:0;transform:scale(1)}50%{opacity:.4;transform:scale(1.08)}}.floating-btns{position:fixed;right:20px;top:50%;transform:translateY(-50%);z-index:999;display:flex;flex-direction:column;gap:10px}.floating-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:100px;font-weight:600;cursor:pointer;border:2px solid var(--sn-green);transition:all .3s cubic-bezier(.4,0,.2,1)}.floating-btn.contact{background:var(--sn-bg-card);color:var(--sn-green)}.floating-btn.demo-btn{background:linear-gradient(135deg,var(--sn-green) 0,var(--sn-gold) 100%);color:var(--sn-bg);border-color:transparent}.floating-btn svg{width:18px;height:18px}.floating-btn:hover{transform:translateX(-8px) scale(1.05);box-shadow:0 8px 30px var(--sn-green-glow)}.magnetic-btn{transition:transform .15s ease-out}.hero-section.split-layout{position:relative;min-height:100vh;padding-top:120px;padding-bottom:60px;display:flex;flex-direction:column;overflow:hidden;background:var(--sn-bg)}.hero-section.split-layout:before{content:"";position:absolute;top:-20%;left:-10%;width:60%;height:80%;background:radial-gradient(ellipse,rgba(245,158,11,.12) 0,transparent 60%);pointer-events:none;z-index:0}.hero-section.split-layout:after{content:"";position:absolute;bottom:-10%;right:-10%;width:50%;height:60%;background:radial-gradient(ellipse,rgba(45,212,191,.08) 0,transparent 60%);pointer-events:none;z-index:0}.hero-bg-carousel{position:absolute;inset:0;z-index:0;background:var(--sn-bg)}.hero-bg-slide{position:absolute;inset:0;opacity:0;transition:opacity 1.2s cubic-bezier(.4,0,.2,1);transform:scale(1);background:radial-gradient(ellipse at 30% 20%,rgba(245,158,11,.08) 0,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(251,191,36,.06) 0,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(45,212,191,.04) 0,transparent 60%),var(--sn-bg)}.hero-bg-slide.active{opacity:1}.hero-bg-slide.ken-burns{animation:kenBurns 20s ease-out infinite alternate}@keyframes kenBurns{0%{transform:scale(1)}to{transform:scale(1.1)}}.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(15,13,10,.4) 60%,rgba(15,13,10,.9)),radial-gradient(ellipse at 20% 0,rgba(245,158,11,.15) 0,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(45,212,191,.1) 0,transparent 50%);pointer-events:none}.hero-overlay:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 0L60 30L30 60L0 30L30 0z' fill='none' stroke='%23f59e0b' stroke-opacity='0.03' stroke-width='0.5'/%3E%3C/svg%3E");opacity:.5}.hero-container.container-wide{max-width:1440px;width:100%;margin:0 auto;padding:0 60px;position:relative;z-index:10;flex-grow:1;display:flex;flex-direction:column}.hero-top-row{display:flex;justify-content:space-between;align-items:flex-start;gap:100px;margin-bottom:80px}.hero-left{flex:1}.hero-right{width:480px;padding-top:20px}.hero-title-main{font-size:88px;font-weight:900;line-height:.9;letter-spacing:-.04em;margin-bottom:40px}.hero-title-main span{display:block}.hero-title-main .green-text{color:var(--sn-green)}.hero-title-main .white-text{color:var(--sn-white)}.hero-controls-horizontal{display:flex;align-items:center;gap:20px;margin-top:20px}.indicator-group{display:flex;gap:10px}.indicator-pills{width:40px;height:4px;background:rgba(255,255,255,.2);border:none;border-radius:100px;cursor:pointer;position:relative;overflow:hidden;transition:background .3s}.indicator-pills.active{background:rgba(255,255,255,.4)}.pill-fill{position:absolute;left:0;top:0;height:100%;width:100%;background:var(--sn-white);transform-origin:left;animation:pillFillAnim 6s linear forwards}@keyframes pillFillAnim{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.pause-btn{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.6;transition:opacity .3s}.pause-btn:hover{opacity:1}.hero-description{font-size:22px;line-height:1.4;color:rgba(255,255,255,.9);margin-bottom:40px}.hero-actions{display:flex;gap:16px}.btn-explore-platform{padding:18px 36px;background:linear-gradient(135deg,var(--sn-green) 0,var(--sn-gold) 100%);color:var(--sn-bg);border:none;border-radius:100px;font-size:16px;font-weight:800;cursor:pointer;transition:all .3s;box-shadow:0 4px 20px var(--sn-green-glow)}.btn-explore-platform:hover{transform:translateY(-3px);box-shadow:0 12px 35px var(--sn-green-glow);filter:brightness(1.1)}.btn-watch-video{padding:16px 32px;background:transparent;border:2px solid var(--sn-border-strong);color:var(--sn-white);border-radius:100px;font-size:16px;font-weight:800;cursor:pointer;display:flex;align-items:center;gap:12px;transition:all .3s}.btn-watch-video:hover{border-color:var(--sn-green);background:var(--sn-green-glow);border-color:var(--sn-white);background:rgba(255,255,255,.1)}.play-icon-circle{width:24px;height:24px;border-radius:50%;border:2px solid var(--sn-white);display:flex;align-items:center;justify-content:center}.hero-bottom-cards{display:flex;gap:24px;margin-top:auto;padding-bottom:20px;perspective:1000px}.hero-card-item{flex:1;height:320px;border-radius:32px;overflow:hidden;position:relative;cursor:pointer;background:var(--sn-bg-card);border:1px solid var(--sn-border);transition:transform .3s ease-out,box-shadow .3s ease-out,border-color .3s ease-out;transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateZ(0);transform-style:preserve-3d}.magnetic-btn{transition:transform .1s cubic-bezier(.2,0,0,1),background .3s,box-shadow .3s;will-change:transform}.hero-card-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(800px circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.15),transparent 40%);opacity:0;transition:opacity .3s;pointer-events:none;z-index:2}.hero-card-item:hover:before{opacity:1}.hero-card-item:hover{transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateZ(20px);box-shadow:0 20px 50px rgba(0,0,0,.5),0 0 30px var(--sn-green-glow);border-color:var(--sn-green)}.card-image-wrapper{width:100%;height:100%;position:relative}.card-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .8s cubic-bezier(.2,0,.1,1)}.hero-card-item:hover .card-img{transform:scale(1.1)}.card-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.9) 0,rgba(0,0,0,.3) 60%,transparent)}.card-content{position:absolute;bottom:30px;left:30px;z-index:3}.card-label{display:block;font-size:12px;font-weight:800;letter-spacing:.15em;color:var(--sn-green);margin-bottom:8px;text-transform:uppercase}.card-title{font-size:32px;font-weight:900;color:var(--sn-white);line-height:1.1}.card-arrow{position:absolute;top:30px;right:30px;width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.1);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;opacity:0;transform:translateX(-10px);transition:all .4s;color:var(--sn-white);border:1px solid rgba(255,255,255,.2);z-index:4}.hero-card-item:hover .card-arrow{opacity:1;transform:translateX(0)}@media (max-width:1200px){.hero-title-main{font-size:72px}.hero-top-row{gap:60px}.hero-right{width:400px}.hero-description{font-size:20px}}@media (max-width:1024px){.hero-section.split-layout{padding-top:100px;padding-bottom:40px}.hero-title-main{font-size:64px}.hero-top-row{flex-direction:column;gap:40px;margin-bottom:60px}.hero-right{width:100%}.hero-description{font-size:18px}.hero-bottom-cards{flex-wrap:wrap;gap:20px}.hero-card-item{min-width:calc(50% - 10px);height:280px;transform:perspective(1000px) rotateX(0deg) rotateY(0deg) translateZ(0)!important}.hero-card-item:hover{transform:perspective(1000px) rotateX(0deg) rotateY(0deg) translateZ(10px)!important}}@media (max-width:768px){.hero-title-main{font-size:52px}.hero-description{font-size:16px;margin-bottom:30px}.hero-actions{flex-direction:column;gap:12px}.btn-explore-platform,.btn-watch-video{width:100%;justify-content:center}.hero-bottom-cards{gap:16px;margin-top:40px}.hero-card-item{min-width:100%;height:260px}.card-title{font-size:28px}.card-label{font-size:11px}}@media (max-width:640px){.hero-section.split-layout{padding-top:80px}.hero-container.container-wide{padding:0 30px}.hero-title-main{font-size:44px;margin-bottom:30px}.hero-card-item{height:240px}.card-title{font-size:24px}.card-content{bottom:20px;left:20px}.card-arrow{top:20px;right:20px;width:40px;height:40px}}@media (max-width:480px){.hero-title-main{font-size:36px}.hero-description{font-size:14px}.btn-explore-platform,.btn-watch-video{padding:14px 28px;font-size:14px}.hero-card-item{height:200px;border-radius:24px}.card-title{font-size:20px}.card-label{font-size:10px}.indicator-pills{width:30px;height:3px}}.hero-image-card:hover{box-shadow:0 35px 100px rgba(0,0,0,.5)}.hero-image-card.card-1{width:230px;height:300px;top:0;left:0;z-index:3}.hero-image-card.card-2{width:210px;height:280px;top:50px;right:30px;z-index:2}.hero-image-card.card-3{width:300px;height:200px;bottom:0;left:70px;z-index:1}.floating-element{position:absolute;font-size:28px;pointer-events:none;animation:floatComplex 6s ease-in-out infinite}.floating-element.el-1{top:0;right:60px;color:var(--sn-cyan);text-shadow:0 0 30px var(--sn-cyan)}.floating-element.el-2{bottom:120px;left:20px;color:var(--sn-purple);font-size:36px;animation-delay:2s}.floating-element.el-3{top:180px;right:0;width:14px;height:14px;background:var(--sn-green);border-radius:50%;animation-delay:1s}@keyframes floatComplex{0%,to{transform:translateY(0) translateX(0) rotate(0deg)}25%{transform:translateY(-20px) translateX(10px) rotate(90deg)}50%{transform:translateY(-10px) translateX(-5px) rotate(180deg)}75%{transform:translateY(-25px) translateX(8px) rotate(270deg)}}.floating-badge{position:absolute;display:flex;align-items:center;gap:10px;background:rgba(0,32,46,.9);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:12px 16px;box-shadow:0 15px 40px rgba(0,0,0,.4);animation:floatBadge 5s ease-in-out infinite}.floating-badge.badge-1{top:15%;right:-30px;animation-delay:0s}.floating-badge.badge-2{bottom:30%;right:-50px;animation-delay:1.5s}.badge-avatar{font-size:28px}.badge-icon{font-size:24px}.badge-name,.badge-value{font-weight:600;font-size:14px;display:block}.badge-label,.badge-role{font-size:11px;color:var(--sn-gray)}.badge-value{color:var(--sn-green);font-size:18px}@keyframes floatBadge{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-15px) rotate(2deg)}}.dashboard-preview{position:relative;width:580px;transition:transform .1s ease-out}.dashboard-mockup{background:rgba(0,32,46,.85);backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:24px;box-shadow:0 40px 100px rgba(0,0,0,.5)}.glass-effect{position:relative}.glass-effect:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent);border-radius:20px 20px 0 0;pointer-events:none}.dashboard-header{display:flex;justify-content:space-between;margin-bottom:24px}.dash-logo{color:var(--sn-green);font-weight:700;font-size:15px}.dash-title{color:var(--sn-gray);font-size:13px}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.dash-metric{background:rgba(0,0,0,.25);padding:18px;border-radius:12px}.dash-metric.full-width{grid-column:span 2}.metric-label{display:block;font-size:12px;color:var(--sn-gray);margin-bottom:10px}.metric-value{font-size:28px;font-weight:800}.metric-value.green{color:var(--sn-green)}.metric-value.purple{color:var(--sn-purple)}.mini-chart{display:flex;align-items:flex-end;gap:8px;height:50px}.chart-bar{flex:1;background:linear-gradient(180deg,var(--sn-cyan),var(--sn-blue));border-radius:4px;animation:chartGrow 1s ease-out forwards;transform-origin:bottom}@keyframes chartGrow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.floating-star{position:absolute;font-size:32px;color:var(--sn-cyan);text-shadow:0 0 40px var(--sn-cyan)}.floating-star.star-1{top:-40px;right:-40px}.floating-star.star-2{bottom:30px;left:-50px;color:var(--sn-purple);text-shadow:0 0 40px var(--sn-purple)}.floating-plus{position:absolute;top:45%;right:-60px;font-size:44px;color:var(--sn-purple)}.glow-pulse{animation:glowPulse 2.5s ease-in-out infinite}@keyframes glowPulse{0%,to{opacity:.7;transform:scale(1);filter:drop-shadow(0 0 20px currentColor)}50%{opacity:1;transform:scale(1.15);filter:drop-shadow(0 0 40px currentColor)}}.rotate-slow{animation:rotateSlow 10s linear infinite}@keyframes rotateSlow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.reveal-section{opacity:1;transform:translateY(0);animation:revealUp .8s ease-out}@keyframes revealUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.animate-child{opacity:1;transform:translateY(0);animation:revealUp .6s ease-out}.slide-in-right{animation:slideRight .6s ease-out}@keyframes slideRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}.scale-in{animation:scaleUp .6s ease-out}@keyframes scaleUp{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.logos-section{padding:60px;background:var(--sn-bg-dark);text-align:center}.logos-title{font-size:14px;color:var(--sn-gray);margin-bottom:35px;letter-spacing:.5px}.logos-strip{display:flex;justify-content:center;gap:55px;flex-wrap:wrap}.logo-item{font-size:22px;font-weight:700;color:var(--sn-white);opacity:.6;transition:all .3s;cursor:default}.logo-item:hover{opacity:1;transform:scale(1.08)}.hover-scale{transition:transform .3s ease}.hover-scale:hover{transform:scale(1.1)}.solutions-section{padding:100px 60px;text-align:center;position:relative;background:radial-gradient(ellipse at 70% 20%,rgba(245,158,11,.06) 0,transparent 50%),radial-gradient(ellipse at 30% 80%,rgba(45,212,191,.04) 0,transparent 50%)}.solutions-title{font-size:40px;font-weight:700;margin-bottom:50px;line-height:1.2}.solutions-title .green{color:var(--sn-green)}.gradient-text{background:linear-gradient(135deg,var(--sn-green),var(--sn-gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.solution-tabs{display:inline-flex;background:rgba(255,255,255,.06);border-radius:100px;padding:6px;margin-bottom:60px}.solution-tab{padding:14px 26px;background:none;border:none;color:var(--sn-gray);font-family:var(--sn-font);font-size:14px;font-weight:500;cursor:pointer;border-radius:100px;transition:all .4s cubic-bezier(.4,0,.2,1)}.solution-tab:hover{color:var(--sn-white);background:var(--sn-green-glow)}.solution-tab.active{background:linear-gradient(135deg,var(--sn-green) 0,var(--sn-gold) 100%);color:var(--sn-bg);transform:scale(1.05);box-shadow:0 4px 20px var(--sn-green-glow)}.solution-content{max-width:1100px;margin:0 auto}.solution-panel{display:flex;gap:60px;align-items:center;text-align:left;animation:slideInPanel .5s ease-out}@keyframes slideInPanel{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.panel-visual{position:relative;flex:1.2}.panel-icon{font-size:56px;position:absolute;top:-35px;left:-35px;z-index:10;animation:bounceIn .6s cubic-bezier(.68,-.55,.265,1.55)}@keyframes bounceIn{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}.panel-image{width:100%;border-radius:20px;box-shadow:0 30px 80px rgba(0,0,0,.35);transition:transform .3s}.panel-image:hover{transform:scale(1.02)}.panel-info{flex:1}.panel-info h3{font-size:32px;margin-bottom:18px}.panel-info p{color:var(--sn-gray);line-height:1.7;margin-bottom:28px;font-size:16px}.btn-outline{position:relative;padding:14px 28px;background:var(--sn-bg-card);border:1px solid var(--sn-border-strong);border-radius:12px;color:var(--sn-white);font-family:var(--sn-font);font-size:15px;font-weight:600;cursor:pointer;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;gap:10px}.btn-outline span{transition:transform .3s ease;font-size:18px}.btn-outline:hover{background:linear-gradient(135deg,var(--sn-green) 0,var(--sn-gold) 100%);color:var(--sn-bg-dark);border-color:transparent;transform:translateY(-3px) scale(1.02);box-shadow:0 15px 35px var(--sn-green-glow)}.btn-outline:active{transform:translateY(-1px) scale(.98)}.btn-outline:hover span{transform:translateX(8px)}.btn-outline:after{content:"";position:absolute;top:-50%;left:-100%;width:200%;height:200%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:rotate(45deg);transition:all .6s cubic-bezier(.4,0,.2,1);pointer-events:none}.btn-outline:hover:after{left:100%}.hover-arrow span{display:inline-block;transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.insight-link{display:inline-flex;align-items:center;gap:10px;color:var(--sn-green)!important;font-weight:700;font-size:15px;transition:all .3s ease;margin-top:15px}.insight-link span{font-size:20px;transition:transform .3s ease}.insight-link:hover{gap:15px;text-shadow:0 0 15px var(--sn-green-glow);opacity:.9}.insight-link:hover span{transform:translateX(5px)}.ai-tower-section{padding:120px 60px;text-align:center}.section-title{font-size:42px;font-weight:700;margin-bottom:70px;line-height:1.25}.section-title .green{color:var(--sn-green)}.infinity-wrapper{width:100%;max-width:1100px;margin:0 auto 80px}.infinity-svg-3d{position:absolute;inset:0;width:100%;height:100%;z-index:1}.infinity-line{stroke-dasharray:2000;stroke-dashoffset:0}.infinity-line.back{opacity:.8}.infinity-line.front{opacity:1}.infinity-highlight{animation:tubeShimmer 8s linear infinite;stroke-dasharray:400 1600}@keyframes tubeShimmer{0%{stroke-dashoffset:2000}to{stroke-dashoffset:0}}.infinity-tracer{filter:blur(2px);animation:tracerFlow 4s linear infinite}.t1{animation-duration:3s;opacity:.8}.t2{animation-duration:5s;opacity:.6;animation-delay:-1.5s}@keyframes tracerFlow{0%{stroke-dashoffset:1600}to{stroke-dashoffset:-1600}}.infinity-avatar{position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10;display:flex;flex-direction:column;align-items:center;gap:15px}.left-loop{left:28%}.right-loop{left:72%}.avatar-orb{position:absolute;width:170px;height:170px;border-radius:50%;animation:orbPulse 4s ease-in-out infinite}.cyan-orb{background:radial-gradient(circle,rgba(0,245,212,.4) 0,transparent 70%);filter:blur(10px)}.purple-orb{background:radial-gradient(circle,rgba(139,92,246,.4) 0,transparent 70%);filter:blur(10px)}@keyframes orbPulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.2);opacity:.8}}.avatar-face{width:140px;height:140px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:6px solid var(--sn-bg);box-shadow:0 10px 40px rgba(0,0,0,.6);position:relative;z-index:5;animation:faceFloat 6s ease-in-out infinite}@keyframes faceFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.pill-label{padding:12px 30px;border-radius:100px;font-size:16px;font-weight:700;white-space:nowrap;z-index:15;box-shadow:0 10px 30px rgba(0,0,0,.3)}.employees{background:linear-gradient(135deg,#00c8f0,#00f5d4);color:var(--sn-bg)}.customers{background:linear-gradient(135deg,#8b5cf6,#ec4899);color:var(--sn-white)}.infinity-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:20;pointer-events:none}.ai-main{display:block;font-size:90px;font-weight:950;line-height:.8;background:linear-gradient(180deg,#81b532,#00f5d4 50%,#81b532);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 30px rgba(129,181,50,.8))}.ai-sub{display:block;font-size:24px;font-weight:800;letter-spacing:12px;margin-top:10px;color:var(--sn-white);text-shadow:0 0 20px rgba(255,255,255,.5)}.path-node{position:absolute;display:flex;flex-direction:column;align-items:center;gap:10px;z-index:15}.path-node .dot{width:20px;height:20px;background:var(--sn-white);border-radius:50%;box-shadow:0 0 20px rgba(255,255,255,.9),0 0 40px rgba(0,245,212,.5);animation:dotPulse 2s ease-in-out infinite}@keyframes dotPulse{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.4);filter:brightness(1.3)}}.path-node span{font-size:14px;font-weight:600;color:var(--sn-white);text-shadow:0 2px 4px rgba(0,0,0,.5)}.node-it{top:5%;left:22%}.node-crm{top:5%;left:78%}.node-risk{bottom:15%;left:8%}.node-hr{bottom:5%;left:35%}.node-dev{bottom:5%;left:65%}.node-fin{bottom:15%;left:92%}.node-extra{top:50%;left:95%;transform:translateY(-50%)}.sparkle-star{position:absolute;color:var(--sn-white);font-size:16px;z-index:25;animation:starTwinkle 3s ease-in-out infinite}@keyframes starTwinkle{0%,to{opacity:.2;transform:scale(.5) rotate(0deg)}50%{opacity:1;transform:scale(1.2) rotate(180deg)}}.any-cards{display:flex;justify-content:center;gap:35px;flex-wrap:wrap}.any-card{background:var(--sn-bg-card);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:35px;width:280px;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d;perspective:1000px}.any-card:hover{transform:translateY(-12px) rotateX(5deg);box-shadow:0 30px 60px rgba(0,0,0,.35);border-color:rgba(255,255,255,.15)}.hover-3d{transition:transform .3s ease}.any-icon{width:70px;height:70px;margin:0 auto 20px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:32px}.any-icon.cyan{background:rgba(0,245,212,.15)}.any-icon.purple{background:rgba(139,92,246,.15)}.any-icon.green{background:rgba(129,181,50,.15)}.icon-bounce{animation:iconBounce 2s ease-in-out infinite}@keyframes iconBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.any-card h4{font-size:20px;margin-bottom:10px}.any-card p{font-size:15px;color:var(--sn-gray);line-height:1.5}.testimonials-section{padding:100px 60px;position:relative;background:radial-gradient(ellipse at 20% 50%,rgba(245,158,11,.05) 0,transparent 40%),radial-gradient(ellipse at 80% 30%,rgba(251,191,36,.04) 0,transparent 40%)}.testimonial-cards{display:grid;grid-template-columns:1fr 1fr;gap:35px;max-width:1200px;margin:50px auto 0}.testimonial-card{position:relative;border-radius:24px;overflow:hidden;transition:all .4s}.testimonial-card:hover{transform:translateY(-10px) scale(1.02)}.hover-lift-3d{transition:transform .4s cubic-bezier(.4,0,.2,1)}.testimonial-image{position:relative}.testimonial-image img{width:100%;height:320px;-o-object-fit:cover;object-fit:cover}.image-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(0,32,46,.8))}.testimonial-stat{position:absolute;bottom:24px;left:24px;right:24px;background:rgba(0,32,46,.85);backdrop-filter:blur(15px);padding:24px;border-radius:16px;border:1px solid rgba(255,255,255,.1)}.glass-stat:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent)}.stat-value{font-size:52px;font-weight:800;color:var(--sn-green);display:block}.stat-label{display:block;font-size:15px;color:var(--sn-gray);margin-top:8px}.counter-animate{animation:counterPop .6s ease-out}@keyframes counterPop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.stats-section{padding:70px;background:var(--sn-bg-dark);text-align:center}.stats-section h3{font-size:15px;color:var(--sn-gray);margin-bottom:50px;letter-spacing:.5px}.stats-grid{display:flex;justify-content:center;gap:100px;flex-wrap:wrap}.stat-item{text-align:center}.stat-num{display:block;font-size:56px;font-weight:800;color:var(--sn-green)}.counter-up{animation:counterUp 1s ease-out}@keyframes counterUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stat-text{font-size:14px;color:var(--sn-gray);margin-top:10px}.insights-section{padding:100px 60px;position:relative;background:radial-gradient(ellipse at 60% 20%,rgba(45,212,191,.04) 0,transparent 40%),radial-gradient(ellipse at 40% 80%,rgba(245,158,11,.05) 0,transparent 40%)}.insights-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:50px}.insights-title{font-size:44px;font-weight:700;line-height:1.15}.insights-title .green{color:var(--sn-green)}.insights-buttons{display:flex;gap:16px}.insights-grid{display:grid;grid-template-columns:420px 1fr 1fr;grid-template-rows:1fr 1fr;gap:24px}.insight-featured{grid-row:span 2;border-radius:24px;padding:35px;background:linear-gradient(135deg,var(--sn-green) 0,var(--sn-gold) 50%,var(--sn-cyan) 100%);display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden;min-height:450px}.gradient-shift{animation:gradientShift 6s ease-in-out infinite;background-size:200% 200%}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.featured-shapes{position:absolute;top:25px;right:25px;display:flex;gap:18px}.shape-ring{width:55px;height:55px;border-radius:50%;background:linear-gradient(135deg,var(--sn-cyan),var(--sn-blue));box-shadow:0 15px 40px rgba(0,200,240,.4)}.shape-donut{width:48px;height:48px;border-radius:50%;border:12px solid var(--sn-purple);box-shadow:0 15px 40px rgba(139,92,246,.4)}.shape-cube{width:42px;height:42px;background:linear-gradient(135deg,#ff6b6b,#feca57);border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 15px 40px rgba(254,202,87,.3)}.shape-sphere{width:38px;height:38px;background:linear-gradient(135deg,var(--sn-green),var(--sn-cyan));border-radius:50%;box-shadow:0 15px 40px rgba(129,181,50,.3)}.spin-slow{animation:rotateSlow 8s linear infinite}.bounce-slow{animation:bounceSlow 3s ease-in-out infinite}.rock-slow{animation:rockSlow 4s ease-in-out infinite}.float-slow{animation:floatComplex 5s ease-in-out infinite}@keyframes bounceSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes rockSlow{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.featured-content{position:relative;z-index:2}.insight-label{font-size:11px;font-weight:700;letter-spacing:2px;opacity:.85;margin-bottom:14px;display:block}.insight-featured h3{font-size:40px;font-weight:800;line-height:1.05}.insight-featured h3 .year{font-size:54px;margin-top:5px;display:block}.insight-link{color:var(--sn-white);font-weight:600;text-decoration:none;margin-top:20px;display:inline-block}.insight-card{background:var(--sn-bg-card);border-radius:20px;overflow:hidden;transition:all .4s;border:1px solid var(--sn-border)}.insight-card:hover{transform:translateY(-8px);box-shadow:0 25px 50px rgba(0,0,0,.4),0 0 30px var(--sn-green-glow);border-color:var(--sn-green)}.insight-image{height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:700;font-size:22px}.insight-image.gartner{background:linear-gradient(135deg,#1a365d,#2c5282)}.insight-image.ai-itsm{background:linear-gradient(135deg,var(--sn-purple),var(--sn-pink))}.insight-image.maturity{background:linear-gradient(135deg,var(--sn-cyan),var(--sn-blue))}.insight-image .sub{font-size:13px;font-weight:500;opacity:.85;margin-top:5px}.insight-content{padding:24px}.insight-content h4{font-size:16px;font-weight:600;line-height:1.45;margin:12px 0 18px}.insight-content .insight-link{color:var(--sn-green)}.work-section{padding:100px 60px;display:grid;grid-template-columns:380px 1fr;gap:70px;position:relative;background:radial-gradient(ellipse at 30% 40%,rgba(245,158,11,.06) 0,transparent 50%)}.work-left h2{font-size:48px;font-weight:700;line-height:1.08;margin-bottom:18px}.work-left h2 .green{color:var(--sn-green)}.work-left p{color:var(--sn-gray);font-size:17px;line-height:1.6}.work-cards{display:flex;flex-direction:column}.work-card{display:grid;grid-template-columns:55px 1fr 55px;gap:24px;align-items:center;padding:28px 0;border-top:1px solid var(--sn-border);cursor:pointer;transition:all .3s}.work-card:last-child{border-bottom:1px solid var(--sn-border)}.work-card:hover{background:var(--sn-bg-card);margin:0 -24px;padding-left:24px;padding-right:24px;border-radius:16px;border-color:transparent}.work-icon{font-size:36px;transition:transform .3s}.bounce-hover:hover{animation:bounceOnce .4s ease}@keyframes bounceOnce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.work-info h4{font-size:20px;font-weight:700;margin-bottom:6px}.work-info p{color:var(--sn-gray);font-size:15px;line-height:1.5}.work-arrow{width:50px;height:50px;border:2px solid var(--sn-green);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--sn-green);font-size:22px;transition:all .3s}.work-card:hover .work-arrow{background:linear-gradient(135deg,var(--sn-green) 0,var(--sn-gold) 100%);color:var(--sn-bg);transform:scale(1.1);box-shadow:0 8px 25px var(--sn-green-glow)}.magnetic-arrow{transition:transform .15s ease-out}.sn-footer{background:var(--sn-bg-dark);padding:70px;border-top:1px solid rgba(255,255,255,.08)}.footer-top{display:grid;grid-template-columns:repeat(4,1fr);gap:50px;margin-bottom:60px}.footer-col h5{font-size:15px;font-weight:700;margin-bottom:24px;color:var(--sn-white)}.footer-col a,.footer-link{display:block;color:var(--sn-gray);font-size:14px;text-decoration:none;margin-bottom:14px;transition:all .2s}.footer-col a:hover,.footer-link:hover{color:var(--sn-white);transform:translateX(4px)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:35px;border-top:1px solid rgba(255,255,255,.08)}.footer-logo{font-size:22px;font-weight:700;color:var(--sn-green)}.footer-logo span{color:var(--sn-white)}.footer-bottom p{color:var(--sn-gray);font-size:13px}.footer-links{display:flex;gap:24px}.footer-links a{color:var(--sn-gray);font-size:13px;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--sn-white)}.infinity-wrapper{position:relative;width:1000px;height:500px;margin:0 auto}.stars-layer{position:absolute;inset:0;pointer-events:none;z-index:0}.twinkle-star{position:absolute;color:var(--sn-white);font-size:14px;opacity:0;animation:twinkle 3s ease-in-out infinite;text-shadow:0 0 5px rgba(255,255,255,.8)}@keyframes twinkle{0%,to{opacity:0;transform:scale(.5)}50%{opacity:.8;transform:scale(1.2)}}.infinity-tracer-fast{stroke-dasharray:100 1000;animation:infinityDash 3s linear infinite;opacity:.8}.infinity-tracer-white{opacity:.5;animation:infinityDash 4s linear infinite reverse}@keyframes infinityDash{to{stroke-dashoffset:-2200}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:1200px){.sn-nav-center{display:none}.hero-slide{flex-direction:column;padding:100px 60px;gap:50px}.dashboard-preview,.hero-images{width:100%;max-width:520px;height:auto}.hero-image-card{position:relative!important;display:inline-block}.work-section{grid-template-columns:1fr}.insights-grid{grid-template-columns:1fr 1fr}.insight-featured{grid-column:span 2;grid-row:auto;min-height:350px}}@media (max-width:900px){.solution-panel{flex-direction:column}.insights-grid,.testimonial-cards{grid-template-columns:1fr}.insight-featured{grid-column:auto}.any-cards{flex-direction:column;align-items:center}}@media (max-width:768px){.sn-navbar{padding:0 20px;height:56px}.hero-slide{padding:80px 24px 40px 50px}.hero-title{font-size:38px}.hero-dots{left:16px}.ai-tower-section,.insights-section,.logos-section,.solutions-section,.testimonials-section,.work-section{padding:70px 24px}.insights-title,.section-title{font-size:32px}.infinity-container{transform:scale(.65);height:320px;margin-bottom:40px}.floating-btn span{display:none}.floating-btn{padding:12px}.stats-grid{gap:40px}.footer-top{grid-template-columns:1fr 1fr;gap:30px}.footer-bottom{flex-direction:column;gap:20px;text-align:center}.insights-header{flex-direction:column;gap:24px}}@media (max-width:1024px){.container-wide{padding:0 40px}.hero-title-main{font-size:52px}.floating-btns{right:15px}.infinity-wrapper{transform:scale(.75);left:50%;margin:-40px 0 -40px -500px;position:relative}}@media (max-width:768px){.demo-page{overflow-x:hidden}.container-wide{padding:0 24px}.sn-navbar{padding:0 20px}.hero-top-row{flex-direction:column;gap:40px;text-align:center;margin-top:40px}.hero-left,.hero-right{width:100%;padding-right:0}.hero-title-main{font-size:38px;line-height:1.1;text-wrap:balance;margin-bottom:20px}.hero-controls-horizontal{justify-content:center;margin-top:20px}.hero-description{font-size:16px;margin-bottom:25px;padding:0 10px}.hero-actions{justify-content:center;flex-wrap:wrap;gap:15px}.hero-bottom-cards{flex-direction:column;height:auto;gap:20px;margin-top:50px}.hero-card-item{width:100%;height:260px}.infinity-wrapper{width:1000px;transform:scale(.45);height:220px;left:50%;margin:20px 0 -20px -500px;transform-origin:center top;position:relative;top:20px}.footer-top,.insights-grid,.stats-grid,.work-section{grid-template-columns:1fr;display:flex;flex-direction:column;gap:40px}.insights-section,.sn-footer,.stats-section,.work-section{padding:50px 24px}.stat-num{font-size:42px}.insight-featured{min-height:380px}.footer-bottom,.footer-links,.insights-header,.work-left{text-align:center;flex-direction:column;align-items:center;gap:20px}.floating-btn span{display:none}.floating-btn{padding:12px;width:48px;height:48px;justify-content:center}}@media (max-width:480px){.hero-title-main{font-size:34px}.btn-explore-platform,.btn-watch-video{width:100%;justify-content:center}.floating-btns{bottom:20px;top:auto;transform:none;flex-direction:row;right:20px}}@media (max-width:370px){.hero-title-main{font-size:28px}.hero-actions{flex-direction:column;width:100%;gap:12px}.btn-explore-platform,.btn-watch-video{width:100%;padding:14px 20px}.stat-num{font-size:36px}.sn-navbar{padding:0 15px}}@media (max-height:500px) and (orientation:landscape){.hero-section{padding-top:80px;min-height:auto}.infinity-wrapper{height:150px;transform:scale(.3);left:50%;margin:10px 0 10px -500px}.hero-bottom-cards{display:none}.hero-title-main{font-size:32px;margin-bottom:15px}.floating-btns{display:none}}