.svg-container{perspective:1000px;justify-content:center;align-items:center;width:100%;height:auto;display:flex}.interactive-svg{width:100%;max-width:500px;height:auto;transform-style:preserve-3d;transition:transform .5s}.interactive-svg:hover{transform:rotateX(5deg)rotateY(5deg)}.svg-pulse{animation:4s ease-in-out infinite alternate pulse}.svg-line{stroke-dasharray:400;stroke-dashoffset:400px;animation:3s ease-out forwards drawLine}.svg-node{transform-origin:50%;animation:.8s cubic-bezier(.175,.885,.32,1.275) backwards popIn}.svg-node:hover{r:20;fill:var(--accent);transition:r .3s}.svg-block{animation:3s ease-in-out infinite alternate float}.svg-flow{stroke-dasharray:400;animation:3s linear infinite flowLine}@keyframes pulse{0%{opacity:.3;transform-origin:50%;transform:scale(.9)}to{opacity:.8;transform-origin:50%;transform:scale(1.1)}}@keyframes drawLine{to{stroke-dashoffset:0}}@keyframes popIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes float{0%{transform:translateY(-5px)}to{transform:translateY(5px)}}@keyframes flowLine{0%{stroke-dashoffset:400px}to{stroke-dashoffset:-400px}}.spin-slow-reverse{transform-origin:50%;animation:20s linear infinite spin-reverse}.spin-medium{transform-origin:50%;animation:15s linear infinite spin}.spin-fast-reverse{transform-origin:50%;animation:8s linear infinite spin-reverse}.core-pulse{transform-origin:50%;animation:4s ease-in-out infinite pulse-core}.core-pulse-slow{transform-origin:50%;animation:8s ease-in-out infinite pulse-core}.core-inner{transform-origin:50%;animation:2s ease-in-out infinite pulse-inner}.float-particles circle{animation:4s ease-in-out infinite alternate float-random}.float-particles circle:nth-child(2){animation-duration:5s;animation-delay:1s}.float-particles circle:nth-child(3){animation-duration:6s;animation-delay:2s}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin-reverse{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes pulse-core{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes pulse-inner{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes float-random{0%{transform:translate(0)}to{transform:translate(10px,-10px)}}.float-node{animation:4s ease-in-out infinite alternate float-node}@keyframes float-node{0%{transform:translateY(-5px)scale(.95)}to{transform:translateY(5px)scale(1.05)}}.draw-web{stroke-dasharray:1000;stroke-dashoffset:1000px;animation:1.5s cubic-bezier(.4,0,.2,1) forwards drawWeb}@keyframes drawWeb{to{stroke-dashoffset:0}}.pop-in{opacity:0;animation:.5s cubic-bezier(.175,.885,.32,1.275) forwards popInNode;transform:scale(0)}@keyframes popInNode{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}
.hero-section{align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-background-glow{background:radial-gradient(circle, var(--accent-glow) 0%, transparent 60%);filter:blur(100px);z-index:-1;pointer-events:none;width:70%;height:70%;position:absolute;top:-20%;left:-10%}.hero-grid{align-items:center;gap:4rem;display:grid}@media (min-width:992px){.hero-grid{grid-template-columns:1.2fr 1fr}}.hero-title{letter-spacing:-.03em;margin-bottom:1.5rem;font-size:clamp(3rem,6vw,5rem);font-weight:800;line-height:1.1}.hero-subtitle{color:var(--muted);max-width:600px;margin-bottom:3rem;font-size:1.25rem;line-height:1.8}.hero-buttons{flex-wrap:wrap;gap:1.5rem;display:flex}.magnetic-wrapper{cursor:pointer;margin:-1rem;padding:1rem;display:inline-block}.magnetic-target{pointer-events:auto}@media (max-width:991px){.hero-grid{gap:2rem}.hero-content{margin-top:1.5rem}.hero-visual{display:none}}.hero-orbs-container{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.hero-orb{filter:blur(80px);opacity:.15;border-radius:50%;transition:opacity .3s;position:absolute}.orb-1{background:var(--accent);width:30vw;height:30vw;top:10%;left:10%}.orb-2{background:#8b5cf6;width:35vw;height:35vw;bottom:20%;right:10%}[data-theme=dark] .hero-orb{opacity:.3;mix-blend-mode:screen}
.scroll-reveal{opacity:0;transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1);transform:translateY(30px)}.scroll-reveal.is-visible{opacity:1;transform:translateY(0)}
.hero-section{align-items:center;min-height:80vh;display:flex;position:relative;overflow:hidden}.hero-grid{align-items:center;gap:4rem;display:grid}@media (min-width:992px){.hero-grid{grid-template-columns:1fr 1fr}}.hero-content h1{letter-spacing:-.02em;margin-bottom:1.5rem;font-size:clamp(2.5rem,5vw,4rem);font-weight:800}.hero-subtitle{color:var(--muted);max-width:600px;margin-bottom:2.5rem;font-size:1.25rem;line-height:1.8}.hero-buttons{flex-wrap:wrap;gap:1rem;display:flex}.section{padding:6rem 0}.section-title{text-align:center;margin-bottom:1.5rem;font-size:2.5rem;font-weight:700}.section-subtitle{text-align:center;max-width:700px;margin:0 auto 4rem;font-size:1.1rem}.feature-card{background-color:var(--card-bg);border:1px solid var(--card-border);transition:var(--transition);border-radius:1rem;padding:2rem}.feature-card:hover{border-color:var(--accent);box-shadow:0 10px 30px -10px var(--accent-glow);transform:translateY(-5px)}.feature-icon{background:var(--accent-glow);width:48px;height:48px;color:var(--accent);border-radius:12px;justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex}.feature-title{margin-bottom:1rem;font-size:1.25rem;font-weight:600}.problem-list{flex-direction:column;gap:1rem;display:flex}.problem-item{background-color:var(--card-bg);border-left:4px solid var(--accent);border-radius:0 .5rem .5rem 0;align-items:flex-start;gap:1rem;padding:1rem;display:flex}.problem-icon{color:var(--accent);flex-shrink:0}