.svg-animations-page{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);color:#fff;min-height:100vh}.container{margin:0 auto;max-width:1200px;padding:0 20px}.hero-section{background:linear-gradient(135deg,#ff6b35,#f7931e);overflow:hidden;padding:80px 0;position:relative;text-align:center}.hero-section:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='25' cy='25' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='75' cy='75' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='50' cy='10' r='.5' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='10' cy='60' r='.5' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='90' cy='40' r='.5' fill='rgba(255,255,255,0.1)'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.hero-section .container{position:relative;z-index:1}.hero-section h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#f0f0f0);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:700;margin-bottom:1rem}.hero-section h2{color:#ffffffe6;font-size:1.5rem;font-weight:400;margin-bottom:2rem}.hero-description{color:#ffffffe6;font-size:1.2rem;line-height:1.6;margin:0 auto 3rem;max-width:600px}.cta-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.btn{border:none;border-radius:8px;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:12px 24px;text-decoration:none;transition:all .3s ease}.btn-primary{background:#fff;color:#ff6b35}.btn-primary:hover{background:#f0f0f0;box-shadow:0 8px 25px #0003;transform:translateY(-2px)}.btn-secondary{background:#0000;border:2px solid #fff;color:#fff}.btn-secondary:hover{background:#fff;color:#ff6b35;transform:translateY(-2px)}.btn-large{font-size:1.1rem;padding:16px 32px}.features-section{background:#1a1a1a;padding:80px 0}.features-section h2{color:#fff;font-size:2.5rem;margin-bottom:3rem;text-align:center}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.feature-card{background:#2d2d2d;border:1px solid #404040;border-radius:12px;padding:2rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{box-shadow:0 10px 30px #0000004d;transform:translateY(-5px)}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-card h3{color:#ff6b35;font-size:1.3rem;margin-bottom:1rem}.feature-card p{color:#ccc;line-height:1.6}.use-cases-section{background:#2d2d2d;padding:80px 0}.use-cases-section h2{color:#fff;font-size:2.5rem;margin-bottom:3rem;text-align:center}.use-cases-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.use-case{background:#1a1a1a;border-left:4px solid #ff6b35;border-radius:12px;padding:2rem}.use-case h3{color:#ff6b35;font-size:1.3rem;margin-bottom:1rem}.use-case p{color:#ccc;line-height:1.6}.comparison-section{background:#1a1a1a;padding:80px 0}.comparison-section h2{color:#fff;font-size:2.5rem;margin-bottom:3rem;text-align:center}.comparison-table{background:#2d2d2d;border-radius:12px;box-shadow:0 10px 30px #0000004d;overflow:hidden}.comparison-header{background:#ff6b35;color:#fff;display:grid;font-weight:600;grid-template-columns:1fr 1fr 1fr 1fr}.comparison-header>div{padding:1rem;text-align:center}.comparison-row{border-bottom:1px solid #404040;display:grid;grid-template-columns:1fr 1fr 1fr 1fr}.comparison-row:last-child{border-bottom:none}.comparison-row>div{color:#ccc;padding:1rem;text-align:center}.comparison-row>div:first-child{background:#404040;color:#fff;font-weight:600}.comparison-row>div:nth-child(2){color:#4caf50;font-weight:600}.faq-section{background:#2d2d2d;padding:80px 0}.faq-section h2{color:#fff;font-size:2.5rem;margin-bottom:3rem;text-align:center}.faq-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.faq-item{background:#1a1a1a;border:1px solid #404040;border-radius:12px;padding:2rem}.faq-item h3{color:#ff6b35;font-size:1.2rem;margin-bottom:1rem}.faq-item p{color:#ccc;line-height:1.6}.cta-section{background:linear-gradient(135deg,#ff6b35,#f7931e);padding:80px 0;text-align:center}.cta-section h2{color:#fff;font-size:2.5rem;margin-bottom:1rem}.cta-section p{color:#ffffffe6;font-size:1.2rem;margin-bottom:2rem}@media (max-width:768px){.hero-section h1{font-size:2.5rem}.hero-section h2{font-size:1.2rem}.hero-description{font-size:1rem}.cta-buttons{align-items:center;flex-direction:column}.comparison-header,.comparison-row,.faq-grid,.features-grid,.use-cases-grid{grid-template-columns:1fr}.comparison-header>div:not(:first-child),.comparison-row>div:not(:first-child){display:none}.comparison-header>div:first-child:after{content:" (SVG Animations)"}}@media (max-width:480px){.container{padding:0 15px}.comparison-section,.cta-section,.faq-section,.features-section,.hero-section,.use-cases-section{padding:60px 0}.comparison-section h2,.cta-section h2,.faq-section h2,.features-section h2,.hero-section h1,.use-cases-section h2{font-size:2rem}}
/*# sourceMappingURL=503.2a9b7124.chunk.css.map*/