*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6}.hero{text-align:center;color:#fff;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.hero h1{margin-bottom:1rem;font-size:4rem;font-weight:800}.hero p{opacity:.9;margin-bottom:2rem;font-size:1.5rem}.hero .subtitle{opacity:.8;max-width:600px;font-size:1.2rem}.container{max-width:1200px;margin:0 auto;padding:4rem 2rem}.section{background:#fff;border-radius:20px;margin-bottom:2rem;padding:4rem 2rem}.section-title{text-align:center;color:#667eea;margin-bottom:3rem;font-size:2.5rem;font-weight:700}.grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:3rem;display:grid}.card{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:15px;padding:2rem;transition:transform .3s;box-shadow:0 10px 30px #0000001a}.card:hover{transform:translateY(-5px)}.card h3{margin-bottom:1rem;font-size:1.5rem}.card p{opacity:.9}.demo-box{color:#fff;text-align:center;background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);border-radius:15px;margin-bottom:2rem;padding:3rem;font-size:1.2rem;font-weight:600;box-shadow:0 10px 30px #0000001a}.demo-row{flex-wrap:wrap;gap:2rem;margin-bottom:2rem;display:flex}.demo-item{color:#fff;text-align:center;background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%);border-radius:15px;flex:1;min-width:200px;padding:2rem;font-weight:600;box-shadow:0 5px 20px #0000001a}.feature-card{background:#fff;border:2px solid #667eea;border-radius:15px;margin-bottom:2rem;padding:2rem}.feature-card h4{color:#667eea;margin-bottom:1rem;font-size:1.3rem}.code-block{color:#e2e8f0;background:#2d3748;border-radius:10px;margin-top:1rem;padding:1rem;font-family:Courier New,monospace;font-size:.9rem;overflow-x:auto}.info-banner{color:#856404;background:#fff3cd;border:2px solid #ffc107;border-radius:10px;margin-bottom:2rem;padding:1.5rem}.info-banner strong{margin-bottom:.5rem;font-size:1.1rem;display:block}footer{text-align:center;background:#fff;margin-top:2rem;padding:3rem 2rem}footer p{color:#666;margin-bottom:.5rem}footer a{color:#667eea;font-weight:600;text-decoration:none}footer a:hover{text-decoration:underline}@media (width<=768px){.hero h1{font-size:2.5rem}.section-title{font-size:2rem}.demo-row{flex-direction:column}}:root{--aos-duration:.8s;--aos-duration-fast:.4s;--aos-duration-slow:1.2s;--aos-easing:ease;--aos-easing-in:ease-in;--aos-easing-out:ease-out;--aos-easing-in-out:ease-in-out;--aos-delay:0s;--aos-delay-50:50ms;--aos-delay-100:.1s;--aos-delay-200:.2s;--aos-delay-300:.3s;--aos-delay-400:.4s;--aos-delay-500:.5s;--aos-delay-600:.6s;--aos-delay-800:.8s;--aos-delay-1000:1s;--aos-distance:50px;--aos-distance-small:25px;--aos-distance-large:100px}[data-aos]{timeline-trigger-name:--aos-trigger;timeline-trigger-source:view();timeline-trigger:--aos-trigger view() entry 80% / entry 100% exit 0%;trigger-scope:--aos-trigger;animation-trigger:--aos-trigger play-forwards;animation-duration:var(--aos-duration);animation-timing-function:var(--aos-easing);animation-fill-mode:both}[data-aos][data-aos-duration="200"]{animation-duration:.2s}[data-aos][data-aos-duration="300"]{animation-duration:.3s}[data-aos][data-aos-duration="400"]{animation-duration:.4s}[data-aos][data-aos-duration="500"]{animation-duration:.5s}[data-aos][data-aos-duration="600"]{animation-duration:.6s}[data-aos][data-aos-duration="800"]{animation-duration:.8s}[data-aos][data-aos-duration="1000"]{animation-duration:1s}[data-aos][data-aos-duration="1200"]{animation-duration:1.2s}[data-aos][data-aos-duration="1400"]{animation-duration:1.4s}[data-aos][data-aos-duration="1600"]{animation-duration:1.6s}[data-aos][data-aos-duration="1800"]{animation-duration:1.8s}[data-aos][data-aos-duration="2000"]{animation-duration:2s}[data-aos][data-aos-delay="50"]{animation-delay:50ms}[data-aos][data-aos-delay="100"]{animation-delay:.1s}[data-aos][data-aos-delay="150"]{animation-delay:.15s}[data-aos][data-aos-delay="200"]{animation-delay:.2s}[data-aos][data-aos-delay="250"]{animation-delay:.25s}[data-aos][data-aos-delay="300"]{animation-delay:.3s}[data-aos][data-aos-delay="400"]{animation-delay:.4s}[data-aos][data-aos-delay="500"]{animation-delay:.5s}[data-aos][data-aos-delay="600"]{animation-delay:.6s}[data-aos][data-aos-delay="800"]{animation-delay:.8s}[data-aos][data-aos-delay="1000"]{animation-delay:1s}[data-aos][data-aos-easing=linear]{animation-timing-function:linear}[data-aos][data-aos-easing=ease]{animation-timing-function:ease}[data-aos][data-aos-easing=ease-in]{animation-timing-function:ease-in}[data-aos][data-aos-easing=ease-out]{animation-timing-function:ease-out}[data-aos][data-aos-easing=ease-in-out]{animation-timing-function:ease-in-out}[data-aos][data-aos-easing=ease-in-back]{animation-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos-easing=ease-out-back]{animation-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos-easing=ease-in-out-back]{animation-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos-easing=ease-in-sine]{animation-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos-easing=ease-out-sine]{animation-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos-easing=ease-in-out-sine]{animation-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos-easing=ease-in-quad]{animation-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos-easing=ease-out-quad]{animation-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos-easing=ease-in-out-quad]{animation-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos-easing=ease-in-cubic]{animation-timing-function:cubic-bezier(.55,.055,.675,.19)}[data-aos][data-aos-easing=ease-out-cubic]{animation-timing-function:cubic-bezier(.215,.61,.355,1)}[data-aos][data-aos-easing=ease-in-out-cubic]{animation-timing-function:cubic-bezier(.645,.045,.355,1)}[data-aos][data-aos-anchor-placement=top-bottom]{timeline-trigger:--aos-trigger view() entry 100% / entry 100% exit 0%}[data-aos][data-aos-anchor-placement=top-center]{timeline-trigger:--aos-trigger view() entry 50% / entry 100% exit 0%}[data-aos][data-aos-anchor-placement=top-top]{timeline-trigger:--aos-trigger view() entry 0% / entry 100% exit 0%}[data-aos][data-aos-anchor-placement=center-bottom]{timeline-trigger:--aos-trigger view() contain 50% / entry 100% exit 0%}[data-aos][data-aos-anchor-placement=center-center]{timeline-trigger:--aos-trigger view() contain 0% contain 100% / entry 100% exit 0%}[data-aos][data-aos-anchor-placement=bottom-bottom]{timeline-trigger:--aos-trigger view() exit 100% / entry 100% exit 0%}[data-aos][data-aos-anchor-placement=bottom-center]{timeline-trigger:--aos-trigger view() exit 50% / entry 100% exit 0%}[data-aos][data-aos-anchor-placement=bottom-top]{timeline-trigger:--aos-trigger view() exit 0% / entry 100% exit 0%}@keyframes aos-fade{0%{opacity:0}to{opacity:1}}[data-aos=fade]{animation-name:aos-fade}@keyframes aos-fade-up{0%{opacity:0;transform:translateY(var(--aos-distance,50px))}to{opacity:1;transform:translateY(0)}}[data-aos=fade-up]{animation-name:aos-fade-up}[data-aos=fade-up][data-aos-distance=small]{--aos-distance:25px}[data-aos=fade-up][data-aos-distance=large]{--aos-distance:100px}@keyframes aos-fade-down{0%{opacity:0;transform:translateY(calc(-1 * var(--aos-distance,50px)))}to{opacity:1;transform:translateY(0)}}[data-aos=fade-down]{animation-name:aos-fade-down}[data-aos=fade-down][data-aos-distance=small]{--aos-distance:25px}[data-aos=fade-down][data-aos-distance=large]{--aos-distance:100px}@keyframes aos-fade-left{0%{opacity:0;transform:translateX(var(--aos-distance,50px))}to{opacity:1;transform:translate(0)}}[data-aos=fade-left]{animation-name:aos-fade-left}[data-aos=fade-left][data-aos-distance=small]{--aos-distance:25px}[data-aos=fade-left][data-aos-distance=large]{--aos-distance:100px}@keyframes aos-fade-right{0%{opacity:0;transform:translateX(calc(-1 * var(--aos-distance,50px)))}to{opacity:1;transform:translate(0)}}[data-aos=fade-right]{animation-name:aos-fade-right}[data-aos=fade-right][data-aos-distance=small]{--aos-distance:25px}[data-aos=fade-right][data-aos-distance=large]{--aos-distance:100px}@keyframes aos-fade-up-right{0%{opacity:0;transform:translate(calc(-1 * var(--aos-distance,50px)), var(--aos-distance,50px))}to{opacity:1;transform:translate(0)}}[data-aos=fade-up-right]{animation-name:aos-fade-up-right}@keyframes aos-fade-up-left{0%{opacity:0;transform:translate(var(--aos-distance,50px), var(--aos-distance,50px))}to{opacity:1;transform:translate(0)}}[data-aos=fade-up-left]{animation-name:aos-fade-up-left}@keyframes aos-fade-down-right{0%{opacity:0;transform:translate(calc(-1 * var(--aos-distance,50px)), calc(-1 * var(--aos-distance,50px)))}to{opacity:1;transform:translate(0)}}[data-aos=fade-down-right]{animation-name:aos-fade-down-right}@keyframes aos-fade-down-left{0%{opacity:0;transform:translate(var(--aos-distance,50px), calc(-1 * var(--aos-distance,50px)))}to{opacity:1;transform:translate(0)}}[data-aos=fade-down-left]{animation-name:aos-fade-down-left}@keyframes aos-zoom-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}[data-aos=zoom-in]{animation-name:aos-zoom-in}@keyframes aos-zoom-in-up{0%{opacity:0;transform:scale(.6) translateY(var(--aos-distance,50px))}to{opacity:1;transform:scale(1)translateY(0)}}[data-aos=zoom-in-up]{animation-name:aos-zoom-in-up}@keyframes aos-zoom-in-down{0%{opacity:0;transform:scale(.6) translateY(calc(-1 * var(--aos-distance,50px)))}to{opacity:1;transform:scale(1)translateY(0)}}[data-aos=zoom-in-down]{animation-name:aos-zoom-in-down}@keyframes aos-zoom-in-left{0%{opacity:0;transform:scale(.6) translateX(var(--aos-distance,50px))}to{opacity:1;transform:scale(1)translate(0)}}[data-aos=zoom-in-left]{animation-name:aos-zoom-in-left}@keyframes aos-zoom-in-right{0%{opacity:0;transform:scale(.6) translateX(calc(-1 * var(--aos-distance,50px)))}to{opacity:1;transform:scale(1)translate(0)}}[data-aos=zoom-in-right]{animation-name:aos-zoom-in-right}@keyframes aos-zoom-out{0%{opacity:0;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}[data-aos=zoom-out]{animation-name:aos-zoom-out}@keyframes aos-zoom-out-up{0%{opacity:0;transform:scale(1.2) translateY(var(--aos-distance,50px))}to{opacity:1;transform:scale(1)translateY(0)}}[data-aos=zoom-out-up]{animation-name:aos-zoom-out-up}@keyframes aos-zoom-out-down{0%{opacity:0;transform:scale(1.2) translateY(calc(-1 * var(--aos-distance,50px)))}to{opacity:1;transform:scale(1)translateY(0)}}[data-aos=zoom-out-down]{animation-name:aos-zoom-out-down}@keyframes aos-zoom-out-left{0%{opacity:0;transform:scale(1.2) translateX(var(--aos-distance,50px))}to{opacity:1;transform:scale(1)translate(0)}}[data-aos=zoom-out-left]{animation-name:aos-zoom-out-left}@keyframes aos-zoom-out-right{0%{opacity:0;transform:scale(1.2) translateX(calc(-1 * var(--aos-distance,50px)))}to{opacity:1;transform:scale(1)translate(0)}}[data-aos=zoom-out-right]{animation-name:aos-zoom-out-right}@keyframes aos-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}[data-aos=slide-up]{animation-name:aos-slide-up;overflow:hidden}@keyframes aos-slide-down{0%{transform:translateY(-100%)}to{transform:translateY(0)}}[data-aos=slide-down]{animation-name:aos-slide-down;overflow:hidden}@keyframes aos-slide-left{0%{transform:translate(100%)}to{transform:translate(0)}}[data-aos=slide-left]{animation-name:aos-slide-left;overflow:hidden}@keyframes aos-slide-right{0%{transform:translate(-100%)}to{transform:translate(0)}}[data-aos=slide-right]{animation-name:aos-slide-right;overflow:hidden}@keyframes aos-flip-up{0%{opacity:0;transform:perspective(2500px)rotateX(-100deg)}to{opacity:1;transform:perspective(2500px)rotateX(0)}}[data-aos=flip-up]{backface-visibility:hidden;animation-name:aos-flip-up}@keyframes aos-flip-down{0%{opacity:0;transform:perspective(2500px)rotateX(100deg)}to{opacity:1;transform:perspective(2500px)rotateX(0)}}[data-aos=flip-down]{backface-visibility:hidden;animation-name:aos-flip-down}@keyframes aos-flip-left{0%{opacity:0;transform:perspective(2500px)rotateY(-100deg)}to{opacity:1;transform:perspective(2500px)rotateY(0)}}[data-aos=flip-left]{backface-visibility:hidden;animation-name:aos-flip-left}@keyframes aos-flip-right{0%{opacity:0;transform:perspective(2500px)rotateY(100deg)}to{opacity:1;transform:perspective(2500px)rotateY(0)}}[data-aos=flip-right]{backface-visibility:hidden;animation-name:aos-flip-right}@keyframes aos-bounce-in{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}[data-aos=bounce-in]{animation-name:aos-bounce-in}@keyframes aos-bounce-in-up{0%{opacity:0;transform:translateY(var(--aos-distance,50px))}60%{opacity:1;transform:translateY(-15px)}80%{transform:translateY(5px)}to{transform:translateY(0)}}[data-aos=bounce-in-up]{animation-name:aos-bounce-in-up}@keyframes aos-bounce-in-down{0%{opacity:0;transform:translateY(calc(-1 * var(--aos-distance,50px)))}60%{opacity:1;transform:translateY(15px)}80%{transform:translateY(-5px)}to{transform:translateY(0)}}[data-aos=bounce-in-down]{animation-name:aos-bounce-in-down}@keyframes aos-bounce-in-left{0%{opacity:0;transform:translateX(var(--aos-distance,50px))}60%{opacity:1;transform:translate(-15px)}80%{transform:translate(5px)}to{transform:translate(0)}}[data-aos=bounce-in-left]{animation-name:aos-bounce-in-left}@keyframes aos-bounce-in-right{0%{opacity:0;transform:translateX(calc(-1 * var(--aos-distance,50px)))}60%{opacity:1;transform:translate(15px)}80%{transform:translate(-5px)}to{transform:translate(0)}}[data-aos=bounce-in-right]{animation-name:aos-bounce-in-right}@keyframes aos-rotate-in{0%{opacity:0;transform:rotate(-200deg)}to{opacity:1;transform:rotate(0)}}[data-aos=rotate-in]{animation-name:aos-rotate-in}@keyframes aos-rotate-in-up-left{0%{opacity:0;transform:rotate(-45deg) translateY(var(--aos-distance,50px)) translateX(var(--aos-distance,50px))}to{opacity:1;transform:rotate(0)translateY(0)translate(0)}}[data-aos=rotate-in-up-left]{animation-name:aos-rotate-in-up-left}@keyframes aos-rotate-in-up-right{0%{opacity:0;transform:rotate(45deg) translateY(var(--aos-distance,50px)) translateX(calc(-1 * var(--aos-distance,50px)))}to{opacity:1;transform:rotate(0)translateY(0)translate(0)}}[data-aos=rotate-in-up-right]{animation-name:aos-rotate-in-up-right}@keyframes aos-rotate-in-down-left{0%{opacity:0;transform:rotate(45deg) translateY(calc(-1 * var(--aos-distance,50px))) translateX(var(--aos-distance,50px))}to{opacity:1;transform:rotate(0)translateY(0)translate(0)}}[data-aos=rotate-in-down-left]{animation-name:aos-rotate-in-down-left}@keyframes aos-rotate-in-down-right{0%{opacity:0;transform:rotate(-45deg) translateY(calc(-1 * var(--aos-distance,50px))) translateX(calc(-1 * var(--aos-distance,50px)))}to{opacity:1;transform:rotate(0)translateY(0)translate(0)}}[data-aos=rotate-in-down-right]{animation-name:aos-rotate-in-down-right}[data-aos][data-aos-once=true]{animation-trigger:--aos-trigger play-forwards}@media (prefers-reduced-motion:reduce){[data-aos]{opacity:1!important;animation:none!important;transform:none!important}}@media screen and (width<=768px){[data-aos][data-aos-disable=mobile]{opacity:1!important;animation:none!important;transform:none!important}}[data-aos][data-aos-mirror=true]{animation-trigger:--aos-trigger play-forwards}[data-aos][data-aos-offset="100"]{timeline-trigger:--aos-trigger view() entry 90% / entry 100% exit 0%}[data-aos][data-aos-offset="200"]{timeline-trigger:--aos-trigger view() entry 85% / entry 100% exit 0%}[data-aos][data-aos-offset="300"]{timeline-trigger:--aos-trigger view() entry 75% / entry 100% exit 0%}[data-aos][data-aos-offset="400"]{timeline-trigger:--aos-trigger view() entry 65% / entry 100% exit 0%}[data-aos][data-aos-offset="500"]{timeline-trigger:--aos-trigger view() entry 55% / entry 100% exit 0%}