.hero-mockup-wrap{position:relative;width:100%;max-width:520px;margin-left:auto}.hero-mockup-3d{perspective:1200px;transform-style:preserve-3d}.hero-mockup-browser{background:var(--card);border-radius:12px;overflow:hidden;border:1px solid var(--border);box-shadow:0 50px 100px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.05);transform:rotateY(-12deg) rotateX(4deg);transition:transform .6s cubic-bezier(.23,1,.32,1)}.hero-mockup-wrap:hover .hero-mockup-browser{transform:rotateY(-8deg) rotateX(2deg)}.hero-mockup-titlebar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:rgba(255,255,255,.04);border-bottom:1px solid var(--border)}.hero-mockup-dots{display:flex;gap:6px}.hero-mockup-dots i{width:10px;height:10px;border-radius:50%;background:var(--muted);display:block;opacity:.6}.hero-mockup-dots i:first-child{background:#ff5f57;opacity:.9}.hero-mockup-dots i:nth-child(2){background:#febc2e;opacity:.9}.hero-mockup-dots i:nth-child(3){background:#28c840;opacity:.9}.hero-mockup-url{flex:1 1;text-align:center;font-size:.7rem;color:var(--muted);background:rgba(255,255,255,.03);padding:6px 12px;border-radius:6px;max-width:180px;margin:0 auto}.hero-mockup-content{padding:20px;min-height:280px}.hero-mockup-nav{display:flex;align-items:center;gap:12px;margin-bottom:24px}.hero-mockup-logo{font-family:Syne,sans-serif;font-weight:800;font-size:.9rem;color:var(--accent)}.hero-mockup-nav-item{width:40px;height:6px;border-radius:3px;background:rgba(255,255,255,.08)}.hero-mockup-hero-block{margin-bottom:20px}.hero-mockup-line{height:8px;border-radius:4px;background:rgba(255,255,255,.06);margin-bottom:10px}.hero-mockup-line-1{width:85%}.hero-mockup-line-2{width:60%}.hero-mockup-line-3{width:45%}.hero-mockup-cards{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}.hero-mockup-card{height:48px;border-radius:8px;background:rgba(212,255,0,.06);border:1px solid rgba(212,255,0,.12)}@media (max-width:1024px){.hero-mockup-wrap{max-width:380px;margin:40px auto 0}.hero-mockup-browser{transform:rotateY(-8deg) rotateX(2deg)}.hero-mockup-content{min-height:220px}}.hero-expand{position:relative;z-index:1;max-height:0;opacity:0;overflow:hidden;transition:max-height .9s cubic-bezier(.23,1,.32,1),opacity .6s ease}.hero-expand--open{max-height:480px;opacity:1}.hero-expand-inner{padding:60px 8% 80px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.3));border-top:1px solid var(--border)}.hero-expand-title{font-size:clamp(1.4rem,3vw,2rem);margin-bottom:32px;color:var(--text)}.hero-expand-title .sec-tag{display:block;margin-bottom:12px}.hero-expand-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:24px;gap:24px;margin-bottom:36px;max-width:950px}.hero-expand-item{display:flex;align-items:center;gap:14px;padding:20px 24px;background:rgba(255,255,255,.03);border:1px solid var(--border);border-radius:16px;opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease,border-color .3s}.hero-expand--open .hero-expand-item{opacity:1;transform:translateY(0)}.hero-expand-item:hover{border-color:rgba(212,255,0,.3)}.hero-expand-item i{font-size:1.5rem;color:var(--accent)}.hero-expand-item span{font-size:.95rem;font-weight:500}.hero-expand-cta{display:inline-block}@media (max-width:1024px){.hero-expand--open{max-height:580px}.hero-expand-grid{grid-template-columns:repeat(2,1fr);max-width:650px}}@media (max-width:768px){.hero-expand--open{max-height:680px}.hero-expand-grid{grid-template-columns:1fr}.hero-expand-inner{padding:40px 6% 60px}}.hero-vectors{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}.hero-vec{position:absolute;color:rgba(212,255,0,.35);transition:color .3s}.hero-vec:hover{color:rgba(212,255,0,.5)}.hero-vec-1{top:12%;right:8%;width:min(200px,18vw);height:auto;animation:heroVecFloat1 8s ease-in-out infinite}.hero-vec-2{bottom:15%;left:5%;width:min(220px,20vw);height:auto;animation:heroVecFloat2 10s ease-in-out infinite;animation-delay:-2s}.hero-vec-3{top:45%;right:12%;width:min(180px,16vw);height:auto;animation:heroVecFloat3 7s ease-in-out infinite;animation-delay:-1s}.hero-vec-4{top:20%;left:8%;width:min(200px,22vw);height:auto;animation:heroVecFloat2 9s ease-in-out infinite;animation-delay:-3s}.hero-vec-5{bottom:25%;right:18%;width:min(160px,14vw);height:auto;animation:heroVecFloat1 11s ease-in-out infinite;animation-delay:-4s}@keyframes heroVecFloat1{0%,to{transform:translate(0) rotate(0deg)}25%{transform:translate(-8px,-12px) rotate(2deg)}50%{transform:translate(5px,8px) rotate(-1deg)}75%{transform:translate(-5px,5px) rotate(1deg)}}@keyframes heroVecFloat2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(10px,-8px) scale(1.02)}66%{transform:translate(-6px,10px) scale(.98)}}@keyframes heroVecFloat3{0%,to{transform:translate(0)}50%{transform:translate(-15px,-5px)}}.hero-vec-path{stroke-dasharray:400;stroke-dashoffset:400;animation:heroVecDraw 4s ease-out forwards}.hero-vec-path-slow{animation-duration:6s;animation-delay:.5s;stroke-dashoffset:400}@keyframes heroVecDraw{to{stroke-dashoffset:0}}.hero-vec-dot{fill:currentColor;opacity:.8;animation:heroVecDotPulse 3s ease-in-out infinite}@keyframes heroVecDotPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.hero-vec-line{animation:heroVecLineFlow 3s linear infinite}@keyframes heroVecLineFlow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-20}}.hero-vec-poly,.hero-vec-rect{fill:none;stroke:currentColor;stroke-width:1;opacity:.6;animation:heroVecShapePulse 4s ease-in-out infinite}.hero-vec-float{animation:heroVecFloat 5s ease-in-out infinite}@keyframes heroVecShapePulse{0%,to{opacity:.4}50%{opacity:.8}}@keyframes heroVecFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero-vec-circle{fill:none;stroke:currentColor;stroke-width:1.5;transform-origin:center;animation:heroVecCirclePulse 2.5s ease-in-out infinite}.hero-vec-node{fill:currentColor;opacity:.7;animation:heroVecDotPulse 2s ease-in-out infinite}@keyframes heroVecCirclePulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}.hero-vec-wave{stroke-dasharray:300;stroke-dashoffset:300;animation:heroVecWaveDraw 3s ease-out .5s forwards}.hero-vec-wave-delay{animation-delay:1s}@keyframes heroVecWaveDraw{to{stroke-dashoffset:0}}.hero-vec-orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.2;animation:heroVecOrbFloat 12s ease-in-out infinite}.hero-vec-orb-1{width:180px;height:180px;background:var(--accent);top:15%;right:20%;animation-delay:0s}.hero-vec-orb-2{width:120px;height:120px;background:rgba(0,212,255,.6);bottom:20%;left:15%;animation-delay:-6s}@keyframes heroVecOrbFloat{0%,to{transform:translate(0) scale(1);opacity:.15}50%{transform:translate(30px,-20px) scale(1.2);opacity:.25}}@media (max-width:900px){.hero-vec-1{right:2%;top:10%;width:120px}.hero-vec-2{left:2%;width:140px}.hero-vec-3{right:2%;width:100px;opacity:.7}.hero-vec-4{left:2%;width:130px}.hero-vec-5{right:2%;width:90px}.hero-vec-orb{opacity:.12}}.problem-sec{background:#0a0a0a;position:relative;overflow:hidden}.problem-grid{display:grid;grid-template-columns:1.2fr 1fr;grid-gap:80px;gap:80px;align-items:center}.problem-content h2{font-size:clamp(2.5rem,6vw,4rem);line-height:1.1;margin-bottom:25px}.problem-content p{font-size:1.2rem;color:var(--muted);max-width:500px;line-height:1.7}.problem-stats{display:grid;grid-gap:20px;gap:20px}.stat-card{background:rgba(255,255,255,.03);border:1px solid var(--border);padding:30px;border-radius:20px;transition:all .3s ease}.stat-card:hover{background:rgba(255,255,255,.05);border-color:var(--accent);transform:translateY(-5px)}.stat-num{font-size:3rem;font-weight:800;color:var(--accent);display:block;margin-bottom:10px;font-family:Syne,sans-serif}.stat-card p{font-size:.95rem;color:#ccc;line-height:1.5}.text-gradient{background:linear-gradient(90deg,#fff,var(--accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@media (max-width:992px){.problem-grid{grid-template-columns:1fr;gap:50px;text-align:center}.problem-content p{margin:0 auto}}.portfolio-sec--masonry{overflow:hidden;position:relative;background-color:#050505!important}.portfolio-masonry-title{font-size:clamp(3rem,6vw,5.5rem);font-weight:900;letter-spacing:-.03em;margin-bottom:8px;position:relative}.portfolio-masonry-sub{color:var(--muted);font-size:1.15rem;font-weight:500;margin-bottom:56px;letter-spacing:-.01em}.portfolio-masonry{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:240px;grid-gap:24px;gap:24px;margin-bottom:64px}.port-item--masonry{position:relative;border-radius:28px;overflow:hidden;display:block;height:100%!important;min-height:240px;background:#0d0d0d;border:1px solid rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);transition:all .6s cubic-bezier(.16,1,.3,1)}.port-item--masonry:after{content:"";position:absolute;inset:0;border-radius:28px;border:1px solid rgba(212,255,0,0);pointer-events:none;transition:border-color .6s cubic-bezier(.16,1,.3,1);z-index:5}.port-item--masonry:hover{transform:translateY(-8px);border-color:rgba(212,255,0,.15);box-shadow:0 30px 60px rgba(0,0,0,.6),0 0 40px rgba(212,255,0,.05)}.port-item--masonry:hover:after{border-color:rgba(212,255,0,.35)}.port-item--masonry img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.16,1,.3,1),filter .8s ease;filter:grayscale(.5) brightness(.85)}.port-item--masonry:hover img{filter:grayscale(0) brightness(1);transform:scale(1.05)}.port-item--masonry .port-info{position:absolute;inset:0;padding:36px;background:linear-gradient(0deg,rgba(0,0,0,.95) 0,rgba(0,0,0,.4) 50%,transparent);display:flex;flex-direction:column;justify-content:flex-end;opacity:1;transition:all .6s cubic-bezier(.16,1,.3,1);z-index:3}.port-item--masonry .port-info-tag{font-size:.72rem;color:var(--accent);text-transform:uppercase;letter-spacing:2px;margin-bottom:12px;font-weight:700;background:rgba(212,255,0,.08);border:1px solid rgba(212,255,0,.2);padding:6px 14px;border-radius:100px;width:-moz-fit-content;width:fit-content;transition:all .4s ease}.port-item--masonry:hover .port-info-tag{background:var(--accent);color:#000;border-color:var(--accent)}.port-item--masonry .port-info h3{font-size:clamp(1.4rem,2.5vw,2rem);font-weight:800;margin:0;line-height:1.15;color:#fff;transition:transform .5s cubic-bezier(.16,1,.3,1)}.port-discover-btn{display:flex;align-items:center;gap:8px;margin-top:16px;font-size:.85rem;font-weight:700;color:var(--accent);opacity:0;transform:translateY(15px);transition:all .5s cubic-bezier(.16,1,.3,1);font-family:Syne,sans-serif;text-transform:uppercase;letter-spacing:1px}.port-arrow{transition:transform .3s ease}.port-item--masonry:hover .port-discover-btn{opacity:1;transform:translateY(0)}.port-item--masonry:hover .port-discover-btn:hover .port-arrow{transform:translateX(4px)}.port-item--large{grid-column:span 2;grid-row:span 2;min-height:504px}.port-item--tall{grid-column:span 1;grid-row:span 2;min-height:504px}.port-item--wide{grid-column:span 2;grid-row:span 1}.port-item--small{grid-column:span 1;grid-row:span 1}@media (max-width:1024px){.portfolio-masonry{grid-template-columns:repeat(2,1fr);grid-auto-rows:200px;gap:20px;margin-bottom:48px}.port-item--large{grid-column:span 2;grid-row:span 2;min-height:420px}.port-item--tall{grid-column:span 1;grid-row:span 2;min-height:420px}.port-item--wide{grid-column:span 2}.port-item--small{grid-column:span 1}}@media (max-width:640px){.portfolio-masonry{grid-template-columns:1fr;grid-auto-rows:280px;gap:16px}.port-item--masonry{grid-column:span 1!important;grid-row:span 1!important;min-height:280px;border-radius:20px}.port-item--masonry:after{border-radius:20px}.port-item--large,.port-item--tall{min-height:300px}.port-item--masonry .port-info{padding:24px}.port-discover-btn{opacity:1;transform:translateY(0)}}.portfolio-masonry-cta{text-align:center}.testimonials-sec .sec-content-inner{max-width:900px;margin:0 auto}.testimonials-carousel{position:relative;overflow:hidden;margin-bottom:40px}.testimonials-track{display:flex;transition:transform .5s cubic-bezier(.23,1,.32,1)}.testi-slide{flex:0 0 100%;min-width:0;padding:0 10px}.testimonials-sec .testi-card{text-align:center;padding:50px 40px}.testimonials-sec .testi-quote{font-size:1.25rem;margin-bottom:36px;font-style:italic;line-height:1.7;color:#ddd}.testimonials-sec .testi-user{justify-content:center}.testimonials-sec .testi-avatar-img{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid var(--accent)}.testimonials-sec .testi-user small{color:var(--muted)}.testi-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;border:1px solid var(--border);background:rgba(255,255,255,.05);color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2;transition:background .3s,color .3s,border-color .3s}.testi-nav:hover{background:var(--accent);color:#000;border-color:var(--accent)}.testi-prev{left:-10px}.testi-next{right:-10px}@media (max-width:768px){.testi-prev{left:0}.testi-next{right:0}.testimonials-sec .testi-card{padding:40px 20px}.testimonials-sec .testi-quote{font-size:1.1rem}}.testi-dots{display:flex;justify-content:center;gap:12px}.testi-dot{width:10px;height:10px;border-radius:50%;border:none;background:var(--border);cursor:pointer;padding:0;transition:background .3s,transform .3s}.testi-dot:hover{background:var(--muted)}.testi-dot.active{background:var(--accent);transform:scale(1.2)}