.our-story-page{background-color:var(--bg);overflow-x:hidden}@keyframes float{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(2deg)}to{transform:translateY(0)rotate(0)}}@keyframes pulse-glow{0%{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}to{opacity:.3;transform:scale(1)}}@keyframes reveal{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-reveal{animation:.8s cubic-bezier(.16,1,.3,1) forwards reveal}.btn-lg{padding:16px 40px;font-size:1.1rem}.hero{background:var(--bg-mesh);padding:180px 0 120px;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(circle, hsla(var(--primary-h), 100%, 70%, .15) 0%, transparent 70%);filter:blur(80px);z-index:0;width:50%;height:60%;animation:8s ease-in-out infinite pulse-glow;position:absolute;top:-10%;right:-10%}.hero .container{z-index:1;position:relative}.hero .badge{background:hsla(var(--primary-h), 100%, 50%, .08);border:1px solid hsla(var(--primary-h), 100%, 50%, .1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);margin-bottom:24px}.hero-title{letter-spacing:-.05em;color:var(--text);margin-bottom:28px;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:900;line-height:1.05}.text-highlight{background:linear-gradient(135deg, var(--primary) 0%, #8b5cf6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;display:inline-block}.hero-subtitle{color:var(--text-muted);max-width:650px;margin:0 auto 48px;font-size:1.4rem;font-weight:450;line-height:1.5}.hero-actions{justify-content:center;gap:16px;display:flex}.problem-section{background:#fff;padding:120px 0}.section-header{text-align:center;max-width:700px;margin:0 auto 80px}.section-title{letter-spacing:-.03em;margin-bottom:20px;font-size:2.5rem;font-weight:800}.section-desc{color:var(--text-muted);font-size:1.1rem}.problem-grid{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.problem-card{border:1px solid var(--border);box-shadow:var(--shadow-sm);background:#fff;border-radius:32px;padding:48px 40px;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.problem-card:hover{border-color:var(--primary);box-shadow:0 20px 40px -10px rgba(var(--primary-h), 50%, 50%, .1);transform:translateY(-12px)}.problem-card:after{content:"";background:radial-gradient(circle at bottom right, hsla(var(--primary-h), 100%, 50%, .03), transparent 70%);z-index:0;width:100px;height:100px;position:absolute;bottom:0;right:0}.problem-card .icon-wrapper{background:var(--bg-soft);border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:28px;font-size:1.75rem;transition:all .3s;display:flex}.problem-card:hover .icon-wrapper{background:var(--primary);color:#fff;transform:scale(1.1)rotate(-5deg)}.problem-card h3{z-index:1;margin-bottom:16px;font-size:1.5rem;font-weight:700;position:relative}.problem-card p{color:var(--text-muted);z-index:1;font-size:1rem;line-height:1.6;position:relative}.insight-section{background:var(--bg-soft);padding:120px 0}.insight-container{align-items:center;gap:100px;display:flex}.insight-content{flex:1.2}.highlight-text{color:var(--text);border-left:4px solid var(--primary);margin:24px 0;padding-left:20px;font-size:1.25rem}.insight-visual{flex:.8;justify-content:center;align-items:center;height:450px;display:flex;position:relative}.clarity-orb{background:linear-gradient(135deg, var(--primary) 0%, #8b5cf6 100%);filter:blur(60px);opacity:.4;border-radius:50%;width:300px;height:300px;animation:6s ease-in-out infinite pulse-glow}.glass-layer{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:100%;height:80%;box-shadow:var(--shadow-xl);z-index:2;background:#fff6;border:1px solid #fff9;border-radius:40px;justify-content:center;align-items:center;display:flex;position:absolute}.insight-icons{gap:20px;display:flex;position:relative}.floating-icon{width:60px;height:60px;box-shadow:var(--shadow-md);background:#fff;border-radius:15px;justify-content:center;align-items:center;animation:4s ease-in-out infinite float;display:flex}.floating-icon:nth-child(2){animation-delay:.5s}.floating-icon:nth-child(3){animation-delay:1s}.solution-section{color:#fff;background:#0f172a;padding:140px 0;position:relative;overflow:hidden}.solution-section:before{content:"";background-image:radial-gradient(circle at 20% 30%,#3960ef1a 0%,#0000 50%),radial-gradient(circle at 80% 70%,#8b5cf61a 0%,#0000 50%);position:absolute;inset:0}.solution-split{z-index:1;align-items:center;gap:100px;display:flex;position:relative}.solution-text{flex:1}.solution-text .section-title{color:#fff}.solution-text p{color:#ffffffb3;font-size:1.15rem;line-height:1.7}.solution-list{gap:24px;margin-top:40px;list-style:none;display:grid}.solution-list li{padding-left:48px;position:relative}.solution-list li:before{content:"✦";width:32px;height:32px;color:var(--primary);background:#3960ef33;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;display:flex;position:absolute;top:0;left:0}.solution-list strong{color:#fff;margin-bottom:4px;display:block}.solution-visual{perspective:1000px;flex:1}.premium-ui-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293bb3;border:1px solid #ffffff1a;border-radius:24px;padding:40px;transition:transform .5s;transform:rotateY(-15deg)rotateX(5deg);box-shadow:0 40px 80px -20px #00000080}.premium-ui-card:hover{transform:rotateY(-5deg)rotateX(2deg)}.card-header{align-items:center;gap:12px;margin-bottom:30px;font-weight:700;display:flex}.card-header:before{content:"";background:#10b981;border-radius:50%;width:12px;height:12px;box-shadow:0 0 10px #10b981}.skeleton-lines{flex-direction:column;gap:15px;display:flex}.line{background:#ffffff0d;border-radius:6px;width:100%;height:12px}.line.mid{width:70%}.line.short{width:40%}.match-score{text-align:center;color:var(--primary);background:#3960ef1a;border:1px dashed #3960ef4d;border-radius:12px;margin-top:40px;padding:16px;font-size:.9rem;font-weight:700}.vision-section{padding:120px 0}.vision-box{background:linear-gradient(135deg, var(--primary) 0%, #4f46e5 100%);color:#fff;text-align:center;box-shadow:0 40px 100px -20px var(--primary-glow);border-radius:60px;padding:100px 80px;position:relative;overflow:hidden}.vision-box:after{content:"“";opacity:.05;font-family:serif;font-size:15rem;line-height:1;position:absolute;top:40px;left:60px}.vision-box .section-title{color:#fff;margin-bottom:32px;font-size:3rem}.vision-box p{color:#fff;opacity:.9;max-width:900px;margin:0 auto;font-size:1.8rem;font-weight:500;line-height:1.4}.vision-footer{text-transform:uppercase;letter-spacing:.2em;color:#ffffffb3;margin-top:60px;font-size:.9rem;font-weight:700}.diff-section{padding:120px 0}.diff-grid{grid-template-columns:repeat(3,1fr);gap:40px;margin-top:80px;display:grid}.diff-item{border:1px solid var(--border);background:#fff;border-radius:24px;padding:40px;transition:all .3s}.diff-item:hover{background:var(--bg-soft);transform:translateY(-5px)}.diff-item h4{color:var(--text);margin-bottom:16px;font-size:1.4rem;font-weight:700}.diff-item p{color:var(--text-muted);font-size:1.05rem}.cta-section{background:var(--bg-mesh);border-top:1px solid var(--border);padding:120px 0}.cta-title{letter-spacing:-.04em;margin-bottom:24px;font-size:clamp(2rem,5vw,3.5rem);font-weight:900}.cta-subtitle{color:var(--text-muted);max-width:600px;margin-bottom:48px;margin-left:auto;margin-right:auto;font-size:1.3rem}@media (max-width:1024px){.insight-container,.solution-split{gap:60px}.vision-box{padding:80px 40px}}@media (max-width:991px){.hero{padding:140px 0 80px}.problem-grid,.diff-grid{grid-template-columns:1fr}.insight-container,.solution-split{text-align:center;flex-direction:column}.insight-visual{width:100%;height:350px}.solution-list{text-align:left}.premium-ui-card{transform:none!important}}
