:root{--color-wine: #722f37;--color-wine-dark: #5a252c;--color-wine-deep: #8b3a42;--color-wine-light: #9a4a52;--color-beige: #f5f0e8;--color-beige-dark: #e8e0d4;--color-tan: #c4a67a;--color-tan-light: #d4bc98;--color-dark: #2d2a26;--color-dark-light: #4a4540;--color-white: #ffffff;--color-gray-100: #f8f7f6;--color-gray-200: #eae8e5;--color-gray-300: #d4d1cc;--color-gray-400: #a8a29e;--color-gray-500: #78716c;--font-heading: "Playfair Display", Georgia, "Times New Roman", serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "Fira Code", "JetBrains Mono", Consolas, Monaco, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--text-7xl: 4.5rem;--leading-tight: 1.2;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(45, 42, 38, .05);--shadow-md: 0 4px 6px -1px rgba(45, 42, 38, .08), 0 2px 4px -2px rgba(45, 42, 38, .05);--shadow-lg: 0 10px 15px -3px rgba(45, 42, 38, .08), 0 4px 6px -4px rgba(45, 42, 38, .05);--shadow-xl: 0 20px 25px -5px rgba(45, 42, 38, .1), 0 8px 10px -6px rgba(45, 42, 38, .05);--shadow-card: 0 1px 3px rgba(45, 42, 38, .06), 0 1px 2px rgba(45, 42, 38, .04);--shadow-card-hover: 0 10px 40px rgba(45, 42, 38, .12);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--transition-slower: .5s ease;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-tooltip: 600;--container-max: 1200px;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--header-height: 72px}[data-theme=dark]{--color-beige: #1a1918;--color-beige-dark: #252321;--color-white: #0f0e0d;--color-dark: #f5f0e8;--color-dark-light: #d4d1cc;--color-gray-100: #1f1e1c;--color-gray-200: #2a2826;--color-gray-300: #3d3a37;--color-gray-400: #5c5753;--color-gray-500: #8a847e}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;scroll-behavior:smooth}body{min-height:100vh;font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--color-dark);background-color:var(--color-beige);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--color-dark);text-wrap:balance}h1{font-size:var(--text-5xl);letter-spacing:-.02em}h2{font-size:var(--text-4xl);letter-spacing:-.01em}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}ul,ol{list-style:none}a{color:var(--color-wine);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-wine-deep)}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;color:inherit}button{background:none;border:none;cursor:pointer}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{margin-bottom:var(--space-4);color:var(--color-dark-light)}p:last-child{margin-bottom:0}strong,b{font-weight:var(--font-semibold)}em,i{font-style:italic}code{font-family:var(--font-mono);font-size:.9em;padding:var(--space-1) var(--space-2);background-color:var(--color-gray-200);border-radius:var(--radius-sm)}::selection{background-color:var(--color-wine);color:var(--color-white)}:focus-visible{outline:2px solid var(--color-wine);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (max-width: 768px){h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-xl)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-medium);line-height:1;text-decoration:none;border-radius:var(--radius-md);transition:all var(--transition-base);cursor:pointer;border:none;white-space:nowrap}.btn-primary{background-color:var(--color-wine);color:var(--color-white);box-shadow:0 1px 2px #722f3733}.btn-primary:hover{background-color:var(--color-wine-dark);color:var(--color-white);transform:translateY(-1px);box-shadow:0 4px 12px #722f3740}.btn-secondary{background-color:transparent;color:var(--color-wine);border:1.5px solid var(--color-wine)}.btn-secondary:hover{background-color:var(--color-wine);color:var(--color-white)}.btn-ghost{background-color:transparent;color:var(--color-dark)}.btn-ghost:hover{background-color:var(--color-gray-200)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-lg)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.card{background-color:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:var(--shadow-card);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.card-flat{background-color:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-8);border:1px solid var(--color-gray-200)}.card-beige{background-color:var(--color-beige);border-radius:var(--radius-lg);padding:var(--space-8)}.code-block{position:relative;background-color:#1e1e1e;border-radius:var(--radius-lg);overflow:hidden}.code-block-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background-color:#2d2d2d;border-bottom:1px solid #3d3d3d}.code-block-dots{display:flex;gap:var(--space-2)}.code-block-dot{width:12px;height:12px;border-radius:var(--radius-full)}.code-block-dot:nth-child(1){background-color:#ff5f56}.code-block-dot:nth-child(2){background-color:#ffbd2e}.code-block-dot:nth-child(3){background-color:#27ca40}.code-block-lang{font-family:var(--font-mono);font-size:var(--text-xs);color:gray;text-transform:uppercase}.code-block-copy{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);color:gray;background-color:transparent;border:1px solid #3d3d3d;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.code-block-copy:hover{background-color:#3d3d3d;color:#fff}.code-block-copy.copied{background-color:#27ca40;border-color:#27ca40;color:#fff}.code-block pre{margin:0;padding:var(--space-6);overflow-x:auto}.code-block code{font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.6;color:#e6e6e6;background:none;padding:0}.code-block .keyword{color:#c586c0}.code-block .string{color:#ce9178}.code-block .function{color:#dcdcaa}.code-block .comment{color:#6a9955}.code-block .variable{color:#9cdcfe}.code-block .number{color:#b5cea8}.code-block .operator{color:#d4d4d4}.code-block .property{color:#9cdcfe}.feature-card{display:flex;flex-direction:column;gap:var(--space-4)}.feature-card-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background-color:var(--color-wine);color:var(--color-white);border-radius:var(--radius-md)}.feature-card-icon svg{width:24px;height:24px}.feature-card h3{font-family:var(--font-body);font-size:var(--text-xl);font-weight:var(--font-semibold)}.feature-card p{color:var(--color-gray-500);margin-bottom:0}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full)}.badge-wine{background-color:#722f371a;color:var(--color-wine)}.badge-tan{background-color:#c4a67a33;color:var(--color-dark)}.network-logos{display:flex;align-items:center;gap:var(--space-8);flex-wrap:wrap}.network-logo{display:flex;align-items:center;gap:var(--space-2);color:var(--color-gray-500);font-weight:var(--font-medium)}.network-logo svg{width:32px;height:32px;opacity:.6}.section-label{display:inline-block;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.1em;color:var(--color-wine);margin-bottom:var(--space-4)}.section-title{margin-bottom:var(--space-4)}.section-subtitle{font-size:var(--text-xl);color:var(--color-gray-500);max-width:600px}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-dark)}.form-input,.form-textarea,.form-select{padding:var(--space-3) var(--space-4);font-size:var(--text-base);border:1.5px solid var(--color-gray-300);border-radius:var(--radius-md);background-color:var(--color-white);transition:all var(--transition-fast)}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--color-wine);box-shadow:0 0 0 3px #722f371a}.form-textarea{min-height:150px;resize:vertical}.divider{height:1px;background-color:var(--color-gray-200);border:none}.icon-circle{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-full);background-color:var(--color-wine);color:var(--color-white)}.icon-circle svg{width:28px;height:28px}.icon-circle-tan{background-color:var(--color-tan);color:var(--color-white)}.stat{text-align:center}.stat-value{font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--color-wine);margin-bottom:var(--space-1)}.stat-label{font-size:var(--text-sm);color:var(--color-gray-500)}.tabs{display:flex;gap:var(--space-1);padding:var(--space-1);background-color:var(--color-gray-200);border-radius:var(--radius-md)}.tab{flex:1;padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-gray-500);background-color:transparent;border-radius:var(--radius-sm);transition:all var(--transition-fast);cursor:pointer;border:none;text-align:center}.tab:hover{color:var(--color-dark)}.tab.active{background-color:var(--color-white);color:var(--color-dark);box-shadow:var(--shadow-sm)}.pricing-table{width:100%;border-collapse:collapse}.pricing-table th,.pricing-table td{padding:var(--space-4) var(--space-6);text-align:left;border-bottom:1px solid var(--color-gray-200)}.pricing-table th{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em}.pricing-table td{font-size:var(--text-base)}.pricing-table .price{font-weight:var(--font-semibold);color:var(--color-wine)}.faq-item{border-bottom:1px solid var(--color-gray-200)}.faq-question{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-5) 0;font-size:var(--text-lg);font-weight:var(--font-medium);text-align:left;background:none;border:none;cursor:pointer;color:var(--color-dark);transition:color var(--transition-fast)}.faq-question:hover{color:var(--color-wine)}.faq-question svg{width:20px;height:20px;transition:transform var(--transition-base);flex-shrink:0}.faq-item.open .faq-question svg{transform:rotate(45deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height var(--transition-slow)}.faq-item.open .faq-answer{max-height:500px}.faq-answer p{padding-bottom:var(--space-5)}.container{width:100%;max-width:var(--container-max);margin-left:auto;margin-right:auto;padding-left:var(--space-6);padding-right:var(--space-6)}.container-sm{max-width:var(--container-sm)}.container-md{max-width:var(--container-md)}.container-lg{max-width:var(--container-lg)}.header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background-color:#f5f0e8e6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-gray-200);z-index:var(--z-fixed)}.header-container{display:flex;align-items:center;justify-content:space-between;height:100%}.header-logo{display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-dark);text-decoration:none}.header-logo:hover{color:var(--color-dark)}.header-logo svg{width:36px;height:36px}.header-nav{display:flex;align-items:center;gap:var(--space-8)}.header-nav-list{display:flex;align-items:center;gap:var(--space-6)}.header-nav-link{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-dark-light);transition:color var(--transition-fast)}.header-nav-link:hover,.header-nav-link.active{color:var(--color-wine)}.header-nav-dropdown{position:relative}.header-nav-dropdown-toggle{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-dark-light);cursor:pointer;transition:color var(--transition-fast)}.header-nav-dropdown-toggle:hover{color:var(--color-wine)}.header-nav-dropdown-toggle svg{width:16px;height:16px}.header-nav-dropdown-menu{position:absolute;top:100%;left:50%;transform:translate(-50%);padding-top:var(--space-2);opacity:0;visibility:hidden;transition:all var(--transition-fast)}.header-nav-dropdown:hover .header-nav-dropdown-menu{opacity:1;visibility:visible}.header-nav-dropdown-content{background-color:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-2);box-shadow:var(--shadow-xl);min-width:180px}.header-nav-dropdown-link{display:block;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--color-dark-light);border-radius:var(--radius-md);transition:all var(--transition-fast)}.header-nav-dropdown-link:hover{background-color:var(--color-beige);color:var(--color-wine)}.header-cta{display:flex;align-items:center;gap:var(--space-3)}.header-mobile-toggle{display:none;flex-direction:column;gap:5px;padding:var(--space-2);cursor:pointer}.header-mobile-toggle span{display:block;width:24px;height:2px;background-color:var(--color-dark);transition:all var(--transition-fast)}@media (max-width: 1024px){.header-nav-list,.header-cta .btn-secondary{display:none}.header-mobile-toggle{display:flex}}.mobile-menu{position:fixed;top:var(--header-height);left:0;right:0;bottom:0;background-color:var(--color-beige);padding:var(--space-6);transform:translate(100%);transition:transform var(--transition-slow);z-index:var(--z-modal);overflow-y:auto}.mobile-menu.open{transform:translate(0)}.mobile-menu-list{display:flex;flex-direction:column;gap:var(--space-2)}.mobile-menu-link{display:block;padding:var(--space-4);font-size:var(--text-lg);font-weight:var(--font-medium);color:var(--color-dark);border-radius:var(--radius-md);transition:all var(--transition-fast)}.mobile-menu-link:hover{background-color:var(--color-white);color:var(--color-wine)}.mobile-menu-cta{margin-top:var(--space-8);display:flex;flex-direction:column;gap:var(--space-3)}.main{padding-top:var(--header-height)}.section{padding:var(--space-24) 0}.section-sm{padding:var(--space-16) 0}.section-lg{padding:var(--space-32) 0}.section-white{background-color:var(--color-white)}.section-beige{background-color:var(--color-beige)}.section-dark{background-color:var(--color-dark);color:var(--color-white)}.section-dark h1,.section-dark h2,.section-dark h3,.section-dark h4{color:var(--color-white)}.section-dark p{color:var(--color-gray-400)}.grid{display:grid;gap:var(--space-8)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 1024px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.gap-12{gap:var(--space-12)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mb-12{margin-bottom:var(--space-12)}.mb-16{margin-bottom:var(--space-16)}.mt-4{margin-top:var(--space-4)}.mt-8{margin-top:var(--space-8)}.mt-12{margin-top:var(--space-12)}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.mx-auto{margin-left:auto;margin-right:auto}.footer{background-color:var(--color-dark);color:var(--color-gray-400);padding:var(--space-20) 0 var(--space-8)}.footer-grid{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:var(--space-12);margin-bottom:var(--space-16)}@media (max-width: 1024px){.footer-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.footer-grid{grid-template-columns:1fr}}.footer-brand{display:flex;flex-direction:column;gap:var(--space-4)}.footer-logo{display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-white);text-decoration:none}.footer-logo svg{width:36px;height:36px}.footer-tagline{font-size:var(--text-sm);color:var(--color-gray-500);margin-bottom:0}.footer-social{display:flex;gap:var(--space-3);margin-top:var(--space-4)}.footer-social a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#ffffff0d;border-radius:var(--radius-md);color:var(--color-gray-400);transition:all var(--transition-fast)}.footer-social a:hover{background-color:var(--color-wine);color:var(--color-white)}.footer-social svg{width:20px;height:20px}.footer-column h4{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-white);margin-bottom:var(--space-4)}.footer-links{display:flex;flex-direction:column;gap:var(--space-3)}.footer-links a{font-size:var(--text-sm);color:var(--color-gray-400);transition:color var(--transition-fast)}.footer-links a:hover{color:var(--color-white)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-8);border-top:1px solid rgba(255,255,255,.1)}@media (max-width: 640px){.footer-bottom{flex-direction:column;gap:var(--space-4);text-align:center}}.footer-copyright{font-size:var(--text-sm);color:var(--color-gray-500);margin-bottom:0}.footer-legal{display:flex;gap:var(--space-6)}.footer-legal a{font-size:var(--text-sm);color:var(--color-gray-500);transition:color var(--transition-fast)}.footer-legal a:hover{color:var(--color-white)}.fade-in{opacity:0;transform:translateY(20px);transition:opacity var(--transition-slower),transform var(--transition-slower)}.fade-in.visible{opacity:1;transform:translateY(0)}.fade-in-left{opacity:0;transform:translate(-30px);transition:opacity var(--transition-slower),transform var(--transition-slower)}.fade-in-left.visible{opacity:1;transform:translate(0)}.fade-in-right{opacity:0;transform:translate(30px);transition:opacity var(--transition-slower),transform var(--transition-slower)}.fade-in-right.visible{opacity:1;transform:translate(0)}.stagger-1{transition-delay:.1s}.stagger-2{transition-delay:.2s}.stagger-3{transition-delay:.3s}.stagger-4{transition-delay:.4s}.stagger-5{transition-delay:.5s}.scale-in{opacity:0;transform:scale(.95);transition:opacity var(--transition-slower),transform var(--transition-slower)}.scale-in.visible{opacity:1;transform:scale(1)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.float{animation:float 4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse{animation:pulse 2s ease-in-out infinite}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animated-gradient{background-size:200% 200%;animation:gradient 8s ease infinite}@keyframes node-pulse{0%,to{r:4;opacity:1}50%{r:6;opacity:.7}}.hero-illustration circle.node{animation:node-pulse 2s ease-in-out infinite}.hero-illustration circle.node:nth-child(2){animation-delay:.3s}.hero-illustration circle.node:nth-child(3){animation-delay:.6s}.hero-illustration circle.node:nth-child(4){animation-delay:.9s}@keyframes draw-line{0%{stroke-dashoffset:1000}to{stroke-dashoffset:0}}.draw-line{stroke-dasharray:1000;stroke-dashoffset:1000;animation:draw-line 2s ease forwards}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{background:linear-gradient(90deg,var(--color-beige) 0%,var(--color-white) 50%,var(--color-beige) 100%);background-size:200% 100%;animation:shimmer 3s infinite}.btn-animated{position:relative;overflow:hidden}.btn-animated:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-animated:hover:before{left:100%}.card-hover-lift{transition:transform var(--transition-base),box-shadow var(--transition-base)}.card-hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.cursor-blink:after{content:"|";animation:blink 1s step-end infinite;color:var(--color-wine)}.counter{display:inline-block;font-variant-numeric:tabular-nums}[data-animate]{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}[data-animate].animated{opacity:1;transform:translateY(0)}[data-animate=fade-left]{transform:translate(-30px)}[data-animate=fade-left].animated{transform:translate(0)}[data-animate=fade-right]{transform:translate(30px)}[data-animate=fade-right].animated{transform:translate(0)}[data-animate=scale]{transform:scale(.9)}[data-animate=scale].animated{transform:scale(1)}