@charset "UTF-8";:root{--color-blue: #007bff;--color-blue-dark: #0056b3;--color-blue-darker: #004085;--color-green: #28a745;--color-green-dark: #1e7e34;--color-green-darker: #155724;--color-red: #dc3545;--color-red-dark: #c82333;--color-red-darker: #bd2130;--color-orange: #fd7e14;--color-orange-dark: #e8590c;--color-orange-darker: #dc5200;--color-purple: #6f42c1;--color-purple-dark: #5a32a3;--color-purple-darker: #4e2a84;--color-cyan: #17a2b8;--color-cyan-dark: #138496;--color-cyan-darker: #0f6674;--color-yellow: #ffc107;--color-yellow-dark: #e0a800;--color-yellow-darker: #d39e00;--color-white: #ffffff;--color-light-gray: #f8f9fa;--color-medium-gray: #6c757d;--color-dark-gray: #343a40;--color-black: #000000;--bg-page: #ffffff;--bg-section: #f8f9fa;--font-primary: "Spectral", serif;--font-fallback: Arial, sans-serif;--font-size-heading-large: 2.5rem;--font-size-heading-medium: 1.75rem;--font-size-heading-small: 1.25rem;--font-size-body: 1rem;--font-size-small: .875rem;--font-size-button: .875rem;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.6;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-xxl: 3rem;--spacing-xxxl: 4rem;--button-padding-horizontal: 1rem;--button-padding-vertical: .5rem;--button-margin: .5rem;--section-padding: 3rem;--container-padding: 1.5rem;--max-width: 1200px;--grid-gutter: 1rem;--shadow-small: 0 1px 3px rgba(0, 0, 0, .1);--shadow-medium: 0 4px 12px rgba(0, 0, 0, .15);--shadow-large: 0 8px 24px rgba(0, 0, 0, .2);--border-radius-small: .25rem;--border-radius-medium: .375rem;--border-radius-large: .5rem;--border-radius-pill: 50rem;--transition-fast: .15s ease-in-out;--transition-medium: .2s ease-in-out;--transition-slow: .3s ease-in-out}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-primary);font-size:var(--font-size-body);line-height:var(--line-height-normal);color:var(--color-dark-gray);background-color:var(--bg-page)}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--container-padding)}.header{padding:var(--spacing-md) 0;border-bottom:1px solid var(--color-light-gray)}.header-content{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:var(--font-weight-semibold);color:var(--color-dark-gray)}.logo-icon{font-size:1.2rem}.cta-button{background-color:var(--color-green);color:var(--color-white);border:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-medium);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-medium)}.cta-button:hover{background-color:var(--color-green-dark);transform:translateY(-2px);box-shadow:var(--shadow-medium)}.hero{text-align:center;padding:var(--spacing-xxxl) 0 var(--spacing-xxl)}.hero-title{font-size:var(--font-size-heading-large);font-weight:var(--font-weight-bold);color:var(--color-dark-gray);margin-bottom:var(--spacing-lg);line-height:var(--line-height-tight)}.hero-description{font-size:var(--font-size-body);color:var(--color-medium-gray);margin-bottom:var(--spacing-lg);margin-left:auto;margin-right:auto;line-height:var(--line-height-relaxed)}.hero-actions{display:flex;justify-content:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);font-size:var(--font-size-small);color:var(--color-medium-gray)}.hero-action{cursor:pointer;transition:var(--transition-medium)}.hero-action:hover{color:var(--color-dark-gray)}.hero-cta{background-color:var(--color-green);color:var(--color-white);border:none;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--border-radius-medium);font-size:var(--font-size-button);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-medium)}.hero-cta:hover{background-color:var(--color-green-dark);transform:translateY(-2px);box-shadow:var(--shadow-medium)}.social-buttons{display:flex;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xxl);flex-wrap:wrap}.button-grid{margin-bottom:var(--spacing-xxxl)}.button-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-xl);justify-items:center}.button-item{width:100%;text-align:center}.button-label{font-size:var(--font-size-small);color:var(--color-medium-gray);margin-top:var(--spacing-sm)}.btn{padding:var(--button-padding-vertical) var(--button-padding-horizontal);border-radius:var(--border-radius-medium);font-size:var(--font-size-button);font-weight:var(--font-weight-medium);text-align:center;cursor:pointer;transition:var(--transition-medium);border:1px solid transparent;text-decoration:none;display:inline-block;min-width:80px;font-family:inherit}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium)}.btn:active{transform:translateY(0);box-shadow:var(--shadow-small)}.btn:focus{outline:2px solid var(--color-blue);outline-offset:2px}.btn-facebook{background-color:#4267b2;color:var(--color-white);border:1px solid #4267B2}.btn-twitter{background-color:var(--color-black);color:var(--color-white);border:1px solid var(--color-black)}.btn-pinterest{background-color:#e60023;color:var(--color-white);border:1px solid #E60023}.btn-android{background-color:#a4c639;color:var(--color-white);border:1px solid #A4C639}.btn-outline-primary{background-color:transparent;color:var(--color-blue);border:1px solid var(--color-blue)}.btn-outline-dark{background-color:var(--color-black);color:var(--color-white);border:1px solid var(--color-black)}.btn-outline-secondary{background-color:transparent;color:var(--color-medium-gray);border:1px solid var(--color-medium-gray)}.btn-primary{background-color:var(--color-blue);color:var(--color-white);border:1px solid var(--color-blue)}.btn-ghost,.btn-ghost-dark{background-color:transparent;color:var(--color-dark-gray);border:1px solid transparent}.btn-gradient-purple{background:linear-gradient(45deg,var(--color-purple),var(--color-purple-dark));color:var(--color-white);border:none}.btn-red{background-color:var(--color-red);color:var(--color-white);border:1px solid var(--color-red)}.btn-gradient-blue{background:linear-gradient(45deg,#8b5cf6,#a855f7);color:var(--color-white);border:none}.btn-dark-blue{background-color:#1e3a8a;color:var(--color-white);border:1px solid #1E3A8A}.btn-light-blue,.btn-blue{background-color:var(--color-blue);color:var(--color-white);border:1px solid var(--color-blue)}.btn-light-gray{background-color:var(--color-light-gray);color:var(--color-dark-gray);border:1px solid var(--color-light-gray)}.btn-green{background-color:var(--color-green);color:var(--color-white);border:1px solid var(--color-green)}.btn-purple{background-color:var(--color-purple);color:var(--color-white);border:1px solid var(--color-purple)}.btn-cyan{background-color:var(--color-cyan);color:var(--color-white);border:1px solid var(--color-cyan)}.btn-teal{background-color:#0891b2;color:var(--color-white);border:1px solid #0891B2}.btn-purple-dark{background-color:var(--color-purple-dark);color:var(--color-white);border:1px solid var(--color-purple-dark)}.btn-orange-outline{background-color:transparent;color:var(--color-orange);border:1px solid var(--color-orange)}.btn-orange-pill{background-color:var(--color-orange);color:var(--color-white);border:1px solid var(--color-orange);border-radius:var(--border-radius-pill)}.btn-pink{background-color:#ec4899;color:var(--color-white);border:1px solid #EC4899}.btn-orange-gradient{background:linear-gradient(45deg,var(--color-orange),var(--color-orange-dark));color:var(--color-white);border:none}.btn-red-gradient{background:linear-gradient(45deg,var(--color-red),var(--color-red-dark));color:var(--color-white);border:none}.btn-dark-rounded{background-color:var(--color-dark-gray);color:var(--color-white);border:1px solid var(--color-dark-gray);border-radius:var(--border-radius-pill)}.btn-blue-solid{background-color:var(--color-blue);color:var(--color-white);border:1px solid var(--color-blue)}.btn-gray-outline{background-color:transparent;color:var(--color-medium-gray);border:1px solid var(--color-medium-gray)}.btn-gray-text{background-color:transparent;color:var(--color-medium-gray);border:1px solid transparent}.btn-red-solid{background-color:var(--color-red);color:var(--color-white);border:1px solid var(--color-red)}.btn-light-outline{background-color:transparent;color:var(--color-dark-gray);border:1px solid var(--color-light-gray)}.btn-dark-solid{background-color:var(--color-dark-gray);color:var(--color-white);border:1px solid var(--color-dark-gray)}.btn-green-dark{background-color:var(--color-green-dark);color:var(--color-white);border:1px solid var(--color-green-dark)}.btn-dark-text{background-color:transparent;color:var(--color-dark-gray);border:1px solid transparent}.btn-orange-solid{background-color:var(--color-orange);color:var(--color-white);border:1px solid var(--color-orange)}.btn-green-solid{background-color:var(--color-green);color:var(--color-white);border:1px solid var(--color-green)}.btn-light-border{background-color:transparent;color:var(--color-dark-gray);border:1px solid var(--color-light-gray)}.btn-purple-light{background-color:#a855f7;color:var(--color-white);border:1px solid #A855F7}.btn-yellow{background-color:var(--color-yellow);color:var(--color-dark-gray);border:1px solid var(--color-yellow)}.testimonials{background-color:var(--bg-section);padding:var(--spacing-xxxl) 0;text-align:center}.testimonials-title{font-size:var(--font-size-heading-medium);font-weight:var(--font-weight-bold);color:var(--color-dark-gray);margin-bottom:var(--spacing-md)}.testimonials-subtitle{font-size:var(--font-size-body);color:var(--color-medium-gray);margin-bottom:var(--spacing-lg);max-width:600px;margin-left:auto;margin-right:auto}.testimonials-rating{margin-bottom:var(--spacing-lg)}.stars{color:var(--color-yellow);font-size:1.2rem;margin-bottom:var(--spacing-sm)}.testimonials-cta{background-color:var(--color-green);color:var(--color-white);border:none;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--border-radius-medium);font-size:var(--font-size-button);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-medium);margin-bottom:var(--spacing-xxl)}.testimonials-cta:hover{background-color:var(--color-green-dark);transform:translateY(-2px);box-shadow:var(--shadow-medium)}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);max-width:1000px;margin:0 auto}.testimonial-item{background-color:var(--color-white);padding:var(--spacing-lg);border-radius:var(--border-radius-medium);box-shadow:var(--shadow-small);text-align:left}.testimonial-avatar{width:60px;height:60px;border-radius:50%;margin-bottom:var(--spacing-md)}.testimonial-text{font-size:var(--font-size-small);color:var(--color-dark-gray);line-height:var(--line-height-relaxed)}.footer-sections{padding:var(--spacing-xxl) 0}.footer-sections .container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl)}.footer-section{padding:var(--spacing-xl);border-radius:var(--border-radius-medium);text-align:left}.css-scan-section{background-color:#e6f7e6}.toast-log-section{background-color:#fff8e1}.footer-section h3{font-size:var(--font-size-heading-small);font-weight:var(--font-weight-bold);color:var(--color-dark-gray);margin-bottom:var(--spacing-md)}.footer-section p{font-size:var(--font-size-body);color:var(--color-medium-gray);margin-bottom:var(--spacing-lg);line-height:var(--line-height-relaxed)}@media (max-width: 768px){.hero-title{font-size:var(--font-size-heading-medium)}.button-row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-md)}.social-buttons{flex-direction:column;align-items:center}.hero-actions{flex-direction:column;gap:var(--spacing-md)}.testimonials-grid,.footer-sections .container{grid-template-columns:1fr}.header-content{flex-direction:column;gap:var(--spacing-md)}}@media (max-width: 480px){.container{padding:0 var(--spacing-md)}.hero{padding:var(--spacing-xl) 0}.btn{min-width:120px;padding:var(--spacing-sm) var(--spacing-md)}.button-row{grid-template-columns:1fr;gap:var(--spacing-md)}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.btn:focus-visible{outline:2px solid var(--color-blue);outline-offset:2px}@media (prefers-contrast: high){.btn{border-width:2px}}.nav{display:flex;gap:var(--spacing-lg);align-items:center}.nav-link{color:var(--color-medium-gray);text-decoration:none;font-weight:var(--font-weight-medium);transition:color var(--transition-medium);position:relative}.nav-link:hover{color:var(--color-blue)}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--color-blue);transition:width var(--transition-medium)}.nav-link:hover:after{width:100%}.hero-stats{display:flex;justify-content:center;gap:var(--spacing-xxl);margin-top:var(--spacing-xl);flex-wrap:wrap}.stat-item{text-align:center;min-width:120px}.stat-number{display:block;font-size:var(--font-size-heading-medium);font-weight:var(--font-weight-bold);color:var(--color-blue);line-height:var(--line-height-tight)}.stat-label{display:block;font-size:var(--font-size-small);color:var(--color-medium-gray);margin-top:var(--spacing-xs)}.button-section{margin:var(--spacing-xxxl) 0}.section-title{font-size:var(--font-size-heading-medium);font-weight:var(--font-weight-bold);text-align:center;margin-bottom:var(--spacing-md);color:var(--color-dark-gray)}.section-subtitle{text-align:center;color:var(--color-medium-gray);margin-bottom:var(--spacing-xxl);font-size:var(--font-size-body);line-height:var(--line-height-relaxed)}.button-demo{text-align:center;padding:var(--spacing-lg);background:var(--color-white);border-radius:var(--border-radius-large);box-shadow:var(--shadow-small);transition:all var(--transition-medium);height:100%;display:flex;flex-direction:column;justify-content:space-between}.button-demo:hover{box-shadow:var(--shadow-medium);transform:translateY(-2px)}.button-info{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid #f0f0f0}.button-name{display:block;font-weight:var(--font-weight-semibold);color:var(--color-dark-gray);font-size:var(--font-size-small);margin-bottom:var(--spacing-xs)}.button-desc{display:block;color:var(--color-medium-gray);font-size:var(--font-size-small);line-height:var(--line-height-relaxed)}.btn-buy-now{background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff;border:none;font-weight:var(--font-weight-semibold);position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:.5px}.btn-buy-now:hover{background:linear-gradient(135deg,#ee5a52,#dc4447);transform:translateY(-2px);box-shadow:0 8px 25px #ff6b6b4d}.btn-buy-now:active{transform:translateY(0)}.btn-add-cart{background:linear-gradient(135deg,#4ecdc4,#44b3a9);color:#fff;border:none;font-weight:var(--font-weight-semibold);position:relative;overflow:hidden}.btn-add-cart:hover{background:linear-gradient(135deg,#44b3a9,#3a9b92);transform:translateY(-2px);box-shadow:0 8px 25px #4ecdc44d}.btn-add-cart:hover:before{content:"🛒";position:absolute;left:-30px;animation:cartSlide .6s ease-out}@keyframes cartSlide{0%{left:-30px;opacity:0}50%{left:10px;opacity:1}to{left:40px;opacity:0}}.btn-gradient-orange{background:linear-gradient(135deg,#ff9a56,#ff6b35);color:#fff;border:none;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:1px}.btn-gradient-orange:hover{background:linear-gradient(135deg,#ff6b35,#e85a2e);box-shadow:0 8px 25px #ff9a5666;transform:translateY(-2px)}.btn-3d-green{background:linear-gradient(135deg,#51cf66,#37b24d);color:#fff;border:none;font-weight:var(--font-weight-bold);box-shadow:0 6px #2b8a3e,0 8px 15px #00000026;transition:all .2s ease}.btn-3d-green:hover{transform:translateY(-2px);box-shadow:0 8px #2b8a3e,0 12px 20px #0003}.btn-3d-green:active{transform:translateY(4px);box-shadow:0 2px #2b8a3e,0 4px 8px #00000026}.btn-pulse{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border:none;font-weight:var(--font-weight-bold);animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #e74c3cb3}70%{box-shadow:0 0 0 15px #e74c3c00}to{box-shadow:0 0 #e74c3c00}}.btn-pulse:hover{background:linear-gradient(135deg,#c0392b,#a93226);animation:none}.btn-shine{background:linear-gradient(135deg,#6c5ce7,#5f3dc4);color:#fff;border:none;font-weight:var(--font-weight-semibold);position:relative;overflow:hidden}.btn-shine:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .8s}.btn-shine:hover:before{left:100%}.btn-shine:hover{background:linear-gradient(135deg,#5f3dc4,#4c63d2);box-shadow:0 8px 25px #6c5ce74d}.btn-bounce{background:linear-gradient(135deg,#fd79a8,#e84393);color:#fff;border:none;font-weight:var(--font-weight-semibold);animation:bounce 3s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-3px)}}.btn-bounce:hover{background:linear-gradient(135deg,#e84393,#d63384);animation:none;transform:translateY(-3px);box-shadow:0 8px 25px #fd79a84d}.btn-loading{background:linear-gradient(135deg,#74b9ff,#0984e3);color:#fff;border:none;font-weight:var(--font-weight-medium);position:relative}.btn-loading:after{content:"";position:absolute;width:16px;height:16px;margin:auto;border:2px solid transparent;border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;right:12px;top:50%;transform:translateY(-50%)}@keyframes spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.btn-price{background:linear-gradient(135deg,#00b894,#00a085);color:#fff;border:none;font-weight:var(--font-weight-bold);font-size:1.1rem}.btn-price:hover{background:linear-gradient(135deg,#00a085,#008f73);transform:scale(1.05);box-shadow:0 8px 25px #00b8944d}.btn-countdown{background:linear-gradient(135deg,#fdcb6e,#e17055);color:#333;border:none;font-weight:var(--font-weight-bold);font-family:Courier New,monospace}.btn-countdown:hover{background:linear-gradient(135deg,#e17055,#d63031);color:#fff;box-shadow:0 8px 25px #fdcb6e4d}.btn-stock{background:linear-gradient(135deg,#fab1a0,#e17055);color:#333;border:none;font-weight:var(--font-weight-semibold);animation:warning 2s infinite}@keyframes warning{0%,50%,to{background:linear-gradient(135deg,#fab1a0,#e17055)}25%,75%{background:linear-gradient(135deg,#e17055,#d63031)}}.btn-stock:hover{animation:none;background:linear-gradient(135deg,#e17055,#d63031);color:#fff}.btn-free-shipping{background:linear-gradient(135deg,#55a3ff,#003d82);color:#fff;border:none;font-weight:var(--font-weight-semibold);position:relative}.btn-free-shipping:hover{background:linear-gradient(135deg,#003d82,#002651);box-shadow:0 8px 25px #55a3ff4d}.btn-vip{background:linear-gradient(135deg,gold,#ff8c00);color:#333;border:none;font-weight:var(--font-weight-bold);position:relative;overflow:hidden}.btn-vip:before{content:"✨";position:absolute;left:-20px;top:50%;transform:translateY(-50%);animation:sparkle 3s infinite}@keyframes sparkle{0%,to{left:-20px;opacity:0}50%{left:calc(100% + 10px);opacity:1}}.btn-vip:hover{background:linear-gradient(135deg,#ff8c00,#e67300);color:#fff;transform:scale(1.05)}.btn-trial{background:linear-gradient(135deg,#a8e6cf,#7fcdcd);color:#333;border:none;font-weight:var(--font-weight-semibold);border:2px solid #7fcdcd}.btn-trial:hover{background:linear-gradient(135deg,#7fcdcd,#6bb6b6);color:#fff;border-color:#6bb6b6;box-shadow:0 8px 25px #7fcdcd4d}.btn-group-buy{background:linear-gradient(135deg,#ff7675,#fd79a8);color:#fff;border:none;font-weight:var(--font-weight-semibold)}.btn-group-buy:hover{background:linear-gradient(135deg,#fd79a8,#e84393);transform:scale(1.05);box-shadow:0 8px 25px #ff76754d}.btn-guarantee{background:linear-gradient(135deg,#81ecec,#00cec9);color:#333;border:none;font-weight:var(--font-weight-semibold)}.btn-guarantee:hover{background:linear-gradient(135deg,#00cec9,#00b3b3);color:#fff;box-shadow:0 8px 25px #81ecec4d}.btn-sm{padding:8px 16px;font-size:.8rem}.btn-md{padding:12px 24px;font-size:1rem}.btn-lg{padding:16px 32px;font-size:1.2rem}.size-demo{display:flex;justify-content:space-around;gap:var(--spacing-xl);margin-top:var(--spacing-xl);flex-wrap:wrap}.size-group{text-align:center;min-width:200px}.size-group h3{margin-bottom:var(--spacing-md);color:var(--color-dark-gray);font-weight:var(--font-weight-semibold)}.size-group .btn{margin:var(--spacing-sm)}.guide-section{background:var(--bg-section);padding:var(--section-padding) 0}.guide-title{text-align:center;font-size:var(--font-size-heading-medium);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xxl);color:var(--color-dark-gray)}.guide-steps{display:flex;justify-content:space-around;gap:var(--spacing-xl);max-width:800px;margin:0 auto;flex-wrap:wrap}.guide-step{text-align:center;max-width:200px}.step-number{width:60px;height:60px;background:linear-gradient(135deg,#6c5ce7,#5f3dc4);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:var(--font-weight-bold);margin:0 auto var(--spacing-md)}.step-content h3{color:var(--color-dark-gray);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm)}.step-content p{color:var(--color-medium-gray);line-height:var(--line-height-relaxed)}.testimonial-avatar{width:60px;height:60px;background:var(--bg-section);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin:0 auto var(--spacing-md)}.testimonial-author{color:var(--color-medium-gray);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);margin-top:var(--spacing-sm)}.footer-sections{background:var(--color-dark-gray);color:#fff;padding:var(--section-padding) 0}.footer-sections .container{display:flex;gap:var(--spacing-xxl);justify-content:space-around;flex-wrap:wrap}.footer-section{text-align:center;max-width:500px}.footer-section h3{margin-bottom:var(--spacing-md);color:#fff}.footer-section p{margin-bottom:var(--spacing-lg);color:#aaa;line-height:var(--line-height-relaxed)}@media (max-width: 768px){.nav{display:none}.hero-stats{gap:var(--spacing-lg)}.stat-item{min-width:80px}.button-row{grid-template-columns:1fr}.size-demo,.guide-steps,.footer-sections .container{flex-direction:column;align-items:center}}.btn-vscode{display:flex;justify-content:center;align-items:center;padding:10px 15px;gap:15px;background-color:#007acc;outline:3px #007ACC solid;outline-offset:-3px;border-radius:5px;border:none;cursor:pointer;transition:.4s;color:#fff;font-weight:700;font-size:1em}.btn-vscode .text{color:#fff;font-weight:700;font-size:1em;transition:.4s}.btn-vscode svg path{transition:.4s}.btn-vscode:hover{background-color:transparent}.btn-vscode:hover .text{color:#007acc}.btn-vscode:hover svg path{fill:#007acc}.btn-stars{position:relative;padding:12px 35px;background:#fec195;font-size:17px;font-weight:500;color:#181818;border:3px solid #fec195;border-radius:8px;box-shadow:0 0 #fec1958c;transition:all .3s ease-in-out;cursor:pointer}.btn-stars .star-1{position:absolute;top:20%;left:20%;width:25px;height:auto;filter:drop-shadow(0 0 0 #fffdef);z-index:-5;transition:all 1s cubic-bezier(.05,.83,.43,.96)}.btn-stars .star-2{position:absolute;top:45%;left:45%;width:15px;height:auto;filter:drop-shadow(0 0 0 #fffdef);z-index:-5;transition:all 1s cubic-bezier(0,.4,0,1.01)}.btn-stars .star-3{position:absolute;top:40%;left:40%;width:5px;height:auto;filter:drop-shadow(0 0 0 #fffdef);z-index:-5;transition:all 1s cubic-bezier(0,.4,0,1.01)}.btn-stars .star-4{position:absolute;top:20%;left:40%;width:8px;height:auto;filter:drop-shadow(0 0 0 #fffdef);z-index:-5;transition:all .8s cubic-bezier(0,.4,0,1.01)}.btn-stars .star-5{position:absolute;top:25%;left:45%;width:15px;height:auto;filter:drop-shadow(0 0 0 #fffdef);z-index:-5;transition:all .6s cubic-bezier(0,.4,0,1.01)}.btn-stars .star-6{position:absolute;top:5%;left:50%;width:5px;height:auto;filter:drop-shadow(0 0 0 #fffdef);z-index:-5;transition:all .8s ease}.btn-stars:hover{background:transparent;color:#fec195;box-shadow:0 0 25px #fec1958c}.btn-stars:hover .star-1{position:absolute;top:-80%;left:-30%;width:25px;height:auto;filter:drop-shadow(0 0 10px #fffdef);z-index:2}.btn-stars:hover .star-2{position:absolute;top:-25%;left:10%;width:15px;height:auto;filter:drop-shadow(0 0 10px #fffdef);z-index:2}.btn-stars:hover .star-3{position:absolute;top:55%;left:25%;width:5px;height:auto;filter:drop-shadow(0 0 10px #fffdef);z-index:2}.btn-stars:hover .star-4{position:absolute;top:30%;left:80%;width:8px;height:auto;filter:drop-shadow(0 0 10px #fffdef);z-index:2}.btn-stars:hover .star-5{position:absolute;top:25%;left:115%;width:15px;height:auto;filter:drop-shadow(0 0 10px #fffdef);z-index:2}.btn-stars:hover .star-6{position:absolute;top:5%;left:60%;width:5px;height:auto;filter:drop-shadow(0 0 10px #fffdef);z-index:2}.btn-stars .fil0{fill:#fffdef}.btn-plant{position:relative;padding:13px 35px;background:#f5ddb7;font-size:17px;font-weight:900;color:#181818;border:none;border-radius:8px;box-shadow:2px 2px 5px #18181869,inset 2px 2px 10px #ffffffb0;transition:all .3s ease-in-out;cursor:pointer}.btn-plant:hover{padding:13px 25px;border-radius:8px 8px 24px 24px}.btn-plant .icon-1,.btn-plant .icon-2,.btn-plant .icon-3,.btn-plant .icon-4,.btn-plant .icon-5{position:absolute;top:10%;left:50%;transform:translate(-50%);width:0px;height:auto;transition:all .5s ease-in-out;z-index:-1}.btn-plant .icon-2,.btn-plant .icon-3,.btn-plant .icon-4,.btn-plant .icon-5{z-index:-2}.btn-plant:hover .icon-1{top:-250%;left:50%;transform:translate(-50%);width:50px;height:auto;animation:plantIcon1 1s ease .45s forwards}.btn-plant:hover .icon-2{position:absolute;top:-200%;left:90%;transform:translate(-50%);width:75px;height:auto;animation:plantIcon2 1s ease .45s forwards}.btn-plant:hover .icon-3{position:absolute;top:-130%;left:20%;transform:translate(-50%);width:60px;height:auto;animation:plantIcon3 1s ease .45s forwards}.btn-plant:hover .icon-4{position:absolute;top:-300%;left:10%;transform:translate(-50%);width:85px;height:auto;animation:plantIcon4 1s ease .45s forwards}.btn-plant:hover .icon-5{position:absolute;top:-350%;left:90%;transform:translate(-50%);width:85px;height:auto;animation:plantIcon5 1s ease .45s forwards}@keyframes plantIcon1{0%{transform-origin:0 100%;transform:translate(-50%) rotate(0)}25%{transform-origin:0 100%;transform:translate(-50%) rotate(5deg)}50%{transform-origin:0 100%;transform:translate(-50%) rotate(1deg)}65%{transform-origin:0 100%;transform:translate(-50%) rotate(3deg)}to{transform-origin:0 100%;transform:translate(-50%) rotate(0)}}@keyframes plantIcon2{0%{transform-origin:0 100%;transform:translate(-50%) rotate(0)}35%{transform-origin:0 100%;transform:translate(-50%) rotate(10deg)}50%{transform-origin:0 100%;transform:translate(-50%) rotate(4deg)}80%{transform-origin:0 100%;transform:translate(-50%) rotate(5deg)}to{transform-origin:0 100%;transform:translate(-50%) rotate(0)}}@keyframes plantIcon3{0%{transform-origin:0 100%;transform:translate(-50%) rotate(0)}35%{transform-origin:0 100%;transform:translate(-50%) rotate(-2deg)}to{transform-origin:0 100%;transform:translate(-50%) rotate(0)}}@keyframes plantIcon4{0%{transform-origin:0 100%;transform:translate(-50%) rotate(0)}40%{transform-origin:0 100%;transform:translate(-50%) rotate(-3deg)}to{transform-origin:0 100%;transform:translate(-50%) rotate(0)}}@keyframes plantIcon5{0%{transform-origin:0 100%;transform:translate(-50%) rotate(0)}35%{transform-origin:0 100%;transform:translate(-50%) rotate(-3deg)}to{transform-origin:0 100%;transform:translate(-50%) rotate(0)}}.btn-plant .fil-leaf-1{fill:#7b9b3a}.btn-plant .fil-leaf-2{fill:#556729;fill-rule:nonzero}.btn-plant .fil-leaf-3{fill:#556729}.btn-plant .fil-leaf-4,.btn-plant .fil-leaf-5{fill:#3c4819}.btn-press{border:none;outline:none;background-color:#6c5ce7;padding:10px 20px;font-size:12px;font-weight:700;color:#fff;border-radius:5px;transition:all ease .1s;box-shadow:0 5px #a29bfe;cursor:pointer}.btn-press:active{transform:translateY(5px);box-shadow:0 0 #a29bfe}.btn-ripple{outline:0;display:inline-flex;align-items:center;justify-content:space-between;background:#40b3a2;min-width:200px;border:0;border-radius:4px;box-shadow:0 4px 12px #0000001a;box-sizing:border-box;padding:16px 20px;color:#fff;font-size:12px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;overflow:hidden;cursor:pointer;position:relative}.btn-ripple:hover{opacity:.95}.btn-ripple .animation{border-radius:100%;animation:ripple .6s linear infinite}@keyframes ripple{0%{box-shadow:0 0 #ffffff1a,0 0 0 20px #ffffff1a,0 0 0 40px #ffffff1a,0 0 0 60px #ffffff1a}to{box-shadow:0 0 0 20px #ffffff1a,0 0 0 40px #ffffff1a,0 0 0 60px #ffffff1a,0 0 0 80px #fff0}}.btn-hover-text{display:flex}.btn-hover-text .text-box{width:35px;height:40px;display:flex;justify-content:center;align-items:center;font-size:15px;font-weight:700;color:#fff;transition:all .8s;cursor:pointer;position:relative;background:#3aa5fd;overflow:hidden}.btn-hover-text .text-box:before{position:absolute;top:0;background:#0f0f0f;width:100%;height:100%;display:flex;align-items:center;justify-content:center;transform:translateY(100%);transition:transform .4s}.btn-hover-text .text-box:nth-child(1):before{content:"B"}.btn-hover-text .text-box:nth-child(2):before{transform:translateY(-100%);content:"U"}.btn-hover-text .text-box:nth-child(3):before{content:"Y"}.btn-hover-text .text-box:nth-child(4):before{transform:translateY(-100%);content:" "}.btn-hover-text .text-box:nth-child(5):before{content:"N"}.btn-hover-text .text-box:nth-child(6):before{transform:translateY(-100%);content:"O"}.btn-hover-text .text-box:nth-child(7):before{content:"W"}.btn-hover-text:hover .text-box:before{transform:translateY(0)}.btn-pay{position:relative;padding:12px 24px;font-size:16px;background:#1a1a1a;color:#fff;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .3s ease}.btn-pay:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0006}.btn-pay .icon-container{position:relative;width:24px;height:24px}.btn-pay .icon{position:absolute;top:0;left:0;width:24px;height:24px;color:#22c55e;opacity:0;visibility:hidden}.btn-pay .default-icon{opacity:1;visibility:visible}.btn-pay:hover .icon{animation:none}.btn-pay:hover .wallet-icon{opacity:0;visibility:hidden}.btn-pay:hover .card-icon{animation:iconRotate 2.5s infinite;animation-delay:0s}.btn-pay:hover .payment-icon{animation:iconRotate 2.5s infinite;animation-delay:.5s}.btn-pay:hover .dollar-icon{animation:iconRotate 2.5s infinite;animation-delay:1s}.btn-pay:hover .check-icon{animation:iconRotate 2.5s infinite;animation-delay:1.5s}.btn-pay:active .icon{animation:none;opacity:0;visibility:hidden;transition:all .3s ease}.btn-pay:active .check-icon{animation:checkmarkAppear .6s ease forwards;visibility:visible}.btn-pay .btn-text{font-weight:600;font-family:system-ui,-apple-system,sans-serif}@keyframes iconRotate{0%{opacity:0;visibility:hidden;transform:translateY(10px) scale(.5)}5%{opacity:1;visibility:visible;transform:translateY(0) scale(1)}15%{opacity:1;visibility:visible;transform:translateY(0) scale(1)}20%{opacity:0;visibility:hidden;transform:translateY(-10px) scale(.5)}to{opacity:0;visibility:hidden;transform:translateY(-10px) scale(.5)}}@keyframes checkmarkAppear{0%{opacity:0;transform:scale(.5) rotate(-45deg)}50%{opacity:.5;transform:scale(1.2) rotate(0)}to{opacity:1;transform:scale(1) rotate(0)}}.btn-expand-text{display:inline-block;border-radius:7px;border:none;background:#1875ff;color:#fff;font-family:inherit;text-align:center;font-size:13px;box-shadow:0 14px 56px -11px #1875ff;width:10em;padding:1em;transition:all .4s;cursor:pointer}.btn-expand-text span{cursor:pointer;display:inline-block;position:relative;transition:.4s}.btn-expand-text span:after{content:"BUY NOW";position:absolute;opacity:0;top:0;right:-20px;transition:.7s}.btn-expand-text:hover span{padding-right:3.55em}.btn-expand-text:hover span:after{opacity:1;right:0}.btn-flip-double{outline:0;border:0;display:flex;flex-direction:column;width:100%;max-width:140px;height:50px;border-radius:.5em;box-shadow:0 .625em 1em #1e8fff59;overflow:hidden;transition:.6s cubic-bezier(.16,1,.3,1)}.btn-flip-double div{transform:translateY(0);width:100%;transition:.6s cubic-bezier(.16,1,.3,1)}.btn-flip-double div span{display:flex;align-items:center;justify-content:space-between;height:50px;padding:.75em 1.125em}.btn-flip-double div:nth-child(1){background-color:#1e90ff}.btn-flip-double div:nth-child(2){background-color:#21dc62}.btn-flip-double:hover{box-shadow:0 .625em 1em #21dc6259}.btn-flip-double:hover div{transform:translateY(-50px)}.btn-flip-double p{font-size:14px;font-weight:700;color:#fff;margin:0}.btn-flip-double:active{transform:scale(.95)}.btn-slide-fill{--clr: #ff6b35;text-decoration:none;line-height:1;border-radius:1.5rem;overflow:hidden;position:relative;box-shadow:10px 10px 20px #0000000d;background-color:#fff;color:#121212;border:none;cursor:pointer}.btn-slide-fill .button-decor{position:absolute;inset:0;background-color:var(--clr);transform:translate(-100%);transition:transform .3s;z-index:0}.btn-slide-fill .button-content{display:flex;align-items:center;font-weight:600;position:relative;overflow:hidden}.btn-slide-fill .button__icon{width:48px;height:40px;background-color:var(--clr);display:grid;place-items:center}.btn-slide-fill .button__text{display:inline-block;transition:color .2s;padding:2px 1.5rem 2px .75rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:150px}.btn-slide-fill:hover .button__text{color:#fff}.btn-slide-fill:hover .button-decor{transform:translate(0)}.btn-shadow-offset{--bg: #000;--hover-bg: #ff90e8;--hover-text: #000;color:#fff;cursor:pointer;border:1px solid var(--bg);border-radius:4px;padding:.8em 2em;background:var(--bg);transition:.2s;font-weight:var(--font-weight-semibold)}.btn-shadow-offset:hover{color:var(--hover-text);transform:translate(-.25rem,-.25rem);background:var(--hover-bg);box-shadow:.25rem .25rem var(--bg)}.btn-shadow-offset:active{transform:translate(0);box-shadow:none}.btn-cartoon{background:#fbca1f;font-family:inherit;padding:.6em 1.3em;font-weight:900;font-size:18px;border:3px solid black;border-radius:.4em;box-shadow:.1em .1em;cursor:pointer;color:#000}.btn-cartoon:hover{transform:translate(-.05em,-.05em);box-shadow:.15em .15em}.btn-cartoon:active{transform:translate(.05em,.05em);box-shadow:.05em .05em}.btn-rainbow{--width: 150px;--timing: 2s;border:0;width:var(--width);padding-block:1em;color:#fff;font-weight:700;font-size:1em;background:#40c057;transition:all .2s;border-radius:3px;cursor:pointer}.btn-rainbow:hover{background-image:linear-gradient(to right,#fa5252,#fa5252 16.65%,#be4bdb 16.65% 33.3%,#4c6ef5 33.3% 49.95%,#40c057 49.95% 66.6%,#fab005 66.6% 83.25%,#fd7e14 83.25% 100%,#fa5252);animation:var(--timing) linear rainbow-dance infinite;transform:scale(1.1) translateY(-1px)}@keyframes rainbow-dance{to{background-position:var(--width)}}.btn-arrow-skew{display:flex;padding:11px 33px;text-decoration:none;font-size:25px;color:#fff;background:#6225e6;transition:1s;box-shadow:6px 6px #000;transform:skew(-15deg);border:none;cursor:pointer}.btn-arrow-skew:focus{outline:none}.btn-arrow-skew:hover{transition:.5s;box-shadow:10px 10px #fbc638}.btn-arrow-skew .btn-arrow-text{transform:skew(15deg)}.btn-arrow-skew .btn-arrow-icon{width:20px;margin-left:30px;position:relative;top:12%;transition:.5s;margin-right:0}.btn-arrow-skew:hover .btn-arrow-icon{transition:.5s;margin-right:45px}.btn-arrow-skew .arrow-one{transition:.4s;transform:translate(-60%)}.btn-arrow-skew .arrow-two{transition:.5s;transform:translate(-30%)}.btn-arrow-skew:hover .arrow-three{animation:arrow-color-anim 1s infinite .2s}.btn-arrow-skew:hover .arrow-one{transform:translate(0);animation:arrow-color-anim 1s infinite .6s}.btn-arrow-skew:hover .arrow-two{transform:translate(0);animation:arrow-color-anim 1s infinite .4s}@keyframes arrow-color-anim{0%{fill:#fff}50%{fill:#fbc638}to{fill:#fff}}.btn-morphing{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;font-weight:var(--font-weight-semibold);border-radius:25px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.btn-morphing:hover{border-radius:8px;background:linear-gradient(135deg,#764ba2,#667eea);transform:scale(1.05) rotate(2deg);box-shadow:0 10px 30px #667eea66}.btn-morphing:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:width .4s,height .4s}.btn-morphing:hover:after{width:300px;height:300px}.btn-liquid{background:linear-gradient(45deg,#ff6b6b,#4ecdc4);color:#fff;border:none;font-weight:var(--font-weight-semibold);position:relative;overflow:hidden;border-radius:30px}.btn-liquid:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,#4ecdc4,#ff6b6b);border-radius:30px;transform:scale(0);transition:transform .6s cubic-bezier(.175,.885,.32,1.275);z-index:-1}.btn-liquid:hover:before{transform:scale(1)}.btn-liquid:hover{transform:translateY(-3px);box-shadow:0 10px 25px #ff6b6b4d}.btn-particle{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;font-weight:var(--font-weight-bold);position:relative;overflow:hidden;transition:all .3s ease}.btn-particle:hover{background:linear-gradient(135deg,#764ba2,#667eea);transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.btn-particle:after{content:"✨";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;animation:particle-burst .6s ease-out;pointer-events:none}.btn-particle:active:after{animation:particle-burst .6s ease-out;opacity:1}@keyframes particle-burst{0%{transform:translate(-50%,-50%) scale(0);opacity:1}50%{transform:translate(-50%,-50%) scale(1.5);opacity:.8}to{transform:translate(-50%,-50%) scale(3);opacity:0}}.btn-gradient-border{background:#fff;color:#333;border:none;font-weight:var(--font-weight-semibold);position:relative;border-radius:12px;overflow:hidden}@keyframes gradient-border{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}