:root{--primary:#4a6fa5;--primary-dark:#3d5d8a;--text-primary:#f5f5f5;--text-secondary:#a1a1aa;--text-light:#a1a1aa;--accent:#10b981;--bg:transparent}*{box-sizing:border-box}html{scroll-behavior:smooth}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:120px 20px 80px;position:relative;z-index:1}.hero:before{content:"";position:absolute;top:20%;left:50%;transform:translateX(-50%);width:900px;height:900px;background:none;pointer-events:none}.hero h1{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;letter-spacing:-.02em;color:var(--text-primary);line-height:1.1;margin-bottom:30px;opacity:0;transform:translateY(60px) scale(1.15) rotateX(15deg);filter:blur(6px);animation:solutionsHeroZoomIn 1.4s cubic-bezier(.16,1,.3,1) .2s forwards;text-shadow:0 4px 30px rgba(74,111,165,.15)}.hero p{font-size:clamp(1.2rem,2.8vw,1.6rem);color:var(--text-secondary);line-height:1.7;max-width:700px;margin:0 auto 50px;opacity:0;transform:translateY(30px);animation:solutionsHeroFadeUp 1.1s ease-out .5s forwards}@keyframes solutionsHeroZoomIn{0%{opacity:0;transform:translateY(60px) scale(1.15) rotateX(15deg);filter:blur(6px)}to{opacity:1;transform:translateY(0) scale(1) rotateX(0deg);filter:blur(0)}}@keyframes solutionsHeroFadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.storytelling{display:flex;position:relative;z-index:1}.story-content{width:30%;padding:0 20px}.story-block{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:60px 40px 60px 80px;opacity:.5;transform:translateX(-60px) rotateY(8deg);transition:all 1s cubic-bezier(.16,1,.3,1)}.story-block.active{opacity:1;transform:none}.badge{color:var(--primary);font-weight:700;text-transform:uppercase;font-size:.75rem;letter-spacing:1.5px;margin-bottom:15px;display:inline-block;background:linear-gradient(135deg,rgba(74,111,165,.15),rgba(139,170,213,.1));padding:8px 14px;border-radius:8px;border:1px solid rgba(74,111,165,.2)}.story-block h2{font-size:clamp(2.4rem,4.8vw,3.3rem);font-weight:800;letter-spacing:-.02em;color:var(--text-primary);line-height:1.15;margin-bottom:24px}.story-block p{font-size:1.32rem;color:var(--text-secondary);line-height:1.75;margin-bottom:32px;font-weight:500}.story-text-container{background:linear-gradient(135deg,hsla(0,0%,100%,.06),hsla(0,0%,100%,.01));backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.06);border-radius:16px;padding:32px;box-shadow:0 4px 32px rgba(0,0,0,.4);opacity:.5;transform:translateY(20px);transition:all 1s cubic-bezier(.16,1,.3,1)}.story-block.active .story-text-container{opacity:1;transform:none}.feature-list{display:flex;flex-direction:column;gap:14px}.feature-item{display:flex;align-items:flex-start;gap:12px;font-size:1.2rem;color:#d4d4d8;opacity:0;transform:translateX(-40px);transition:all .7s cubic-bezier(.16,1,.3,1);line-height:1.6;font-weight:500}.story-block.active .feature-item{opacity:1;transform:none}.story-block.active .feature-item:first-child{transition-delay:.2s}.story-block.active .feature-item:nth-child(2){transition-delay:.3s}.story-block.active .feature-item:nth-child(3){transition-delay:.4s}.story-block.active .feature-item:nth-child(4){transition-delay:.5s}.feature-item:before{content:"✓";width:22px;height:22px;color:var(--accent);font-weight:700;flex-shrink:0}.story-visual{width:70%;height:100vh;position:sticky;top:0;display:flex;align-items:center;justify-content:center;perspective:2500px;overflow:visible;padding:40px}.story-visual:before{content:"";position:absolute;width:800px;height:500px;background:radial-gradient(ellipse,rgba(74,111,165,.12) 0,transparent 70%);pointer-events:none;transition:all 1s ease}.story-visual[data-step="1"]:before{background:radial-gradient(ellipse,rgba(74,111,165,.15) 0,transparent 70%)}.story-visual[data-step="2"]:before{background:radial-gradient(ellipse,rgba(139,170,213,.12) 0,transparent 70%)}.story-visual[data-step="3"]:before{background:radial-gradient(ellipse,rgba(16,185,129,.12) 0,transparent 70%)}.screenshot-stack{position:relative;width:100%;max-width:75%;height:auto;min-height:380px;transform-style:preserve-3d;transform:perspective(2000px) rotateX(8deg) rotateY(-5deg);opacity:0;transition:all 1s cubic-bezier(.25,.46,.45,.94)}.story-visual.active .screenshot-stack,.story-visual.ready .screenshot-stack{opacity:1}.story-visual:hover .screenshot-stack{transform:perspective(2000px) rotateX(5deg) rotateY(-2deg) scale(1.02)}.layer{position:absolute;border-radius:20px;overflow:hidden;box-shadow:0 40px 100px rgba(0,0,0,.7);transition:all .8s cubic-bezier(.25,.46,.45,.94);background:#0a0a0c;border:1px solid hsla(0,0%,100%,.08)}.layer,.layer img{width:100%;height:auto;min-height:350px}.layer img{object-fit:cover;object-position:top center}.layer.top{transform:translateZ(100px);z-index:3;opacity:1;border-color:rgba(74,111,165,.5);box-shadow:0 50px 120px rgba(0,0,0,.8),0 0 100px rgba(74,111,165,.25)}.layer.middle{transform:translateZ(50px) translateY(40px) translateX(40px);z-index:2;opacity:.25;filter:brightness(.4)}.layer.bottom{transform:translateZ(0) translateY(80px) translateX(80px);z-index:1;opacity:.1;filter:brightness(.2)}.story-visual[data-step="1"] .layer.top{transform:translateZ(80px) translateY(0) translateX(0);opacity:1;filter:none;border-color:rgba(74,111,165,.5);box-shadow:0 40px 80px rgba(0,0,0,.6),0 0 60px rgba(74,111,165,.2)}.story-visual[data-step="1"] .layer.middle{transform:translateZ(40px) translateY(35px) translateX(35px);opacity:.3;filter:brightness(.5)}.story-visual[data-step="1"] .layer.bottom{transform:translateZ(0) translateY(70px) translateX(70px);opacity:.15;filter:brightness(.3)}.story-visual[data-step="2"] .layer.top{transform:translateZ(40px) translateY(-35px) translateX(-35px);opacity:.3;filter:brightness(.5)}.story-visual[data-step="2"] .layer.middle{transform:translateZ(80px) translateY(0) translateX(0);opacity:1;filter:none!important;border-color:rgba(139,170,213,.5);box-shadow:0 40px 80px rgba(0,0,0,.6),0 0 60px rgba(139,170,213,.2)}.story-visual[data-step="2"] .layer.bottom{transform:translateZ(0) translateY(35px) translateX(35px);opacity:.3;filter:brightness(.5)}.story-visual[data-step="3"] .screenshot-stack{transform:perspective(2000px) rotateX(12deg) rotateY(-8deg) scale(1)}.story-visual[data-step="3"] .layer.top{transform:translateZ(0) translateY(-70px) translateX(-70px);opacity:.15;filter:brightness(.3)}.story-visual[data-step="3"] .layer.middle{transform:translateZ(40px) translateY(-35px) translateX(-35px);opacity:.3;filter:brightness(.5)}.story-visual[data-step="3"] .layer.bottom{transform:translateZ(80px) translateY(0) translateX(0);opacity:1;filter:none!important;border-color:rgba(16,185,129,.5);box-shadow:0 40px 80px rgba(0,0,0,.6),0 0 60px rgba(16,185,129,.2)}.btn-primary{background:linear-gradient(180deg,#4a6fa5,#3d5d8a);color:#fff;padding:22px 55px;border-radius:50px;text-decoration:none;font-weight:600;font-size:1.2rem;display:inline-flex;align-items:center;gap:14px;transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 12px rgba(74,111,165,.3),0 8px 24px rgba(74,111,165,.2),inset 0 1px 0 hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.1)}.btn-primary:hover{transform:translateY(-5px) scale(1.03);box-shadow:0 8px 20px rgba(74,111,165,.4),0 16px 40px rgba(74,111,165,.3),0 0 60px rgba(74,111,165,.25),inset 0 1px 0 hsla(0,0%,100%,.25)}.cta-section{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:80px 20px;position:relative;z-index:1;text-align:center}.cta-section h2{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;color:var(--text-primary);margin-bottom:30px;letter-spacing:-.02em}.cta-section p{font-size:1.2rem;color:var(--text-secondary);margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto}@media (max-width:768px){.storytelling{flex-direction:column}.story-content,.story-visual{width:100%;height:auto;position:relative;top:auto}.story-visual{min-height:500px;position:static}.story-block{min-height:auto;padding:40px 20px}}.solutions-portrait-step2 .screenshot-stack{max-width:min(75%,850px);max-height:80vh}.solutions-portrait-step2 .story-visual[data-step="2"] .screenshot-stack{max-width:min(55%,500px);max-height:80vh}.solutions-portrait-step2 .layer,.solutions-portrait-step2 .layer img{max-height:75vh}.solutions-portrait-step2 .story-visual[data-step="2"] .layer.middle img{object-fit:contain;object-position:center;background:#0a0a0c}