.benefits{padding-top:var(--space-xl);background-color:var(--background-alt);padding-bottom:var(--space-xl)}.benefits .container{text-align:center}.benefits h2{font-size:var(--text-5xl);font-weight:var(--font-extrabold);margin-bottom:var(--space-lg);color:var(--text-dark);letter-spacing:-.03em}.benefits .section-desc{font-size:var(--text-xl);color:var(--text-muted);margin-bottom:var(--space-3xl);max-width:600px;margin-left:auto;margin-right:auto}.benefits-box{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--space-2xl);justify-content:center;align-items:center;margin-top:var(--space-2xl);max-width:1200px;margin-left:auto;margin-right:auto}.benefit-card{background-color:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;padding:var(--space-2xl);text-align:left;transition:var(--transition);border:1px solid rgba(0,0,0,.05);width:500px}.benefit-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md)}.benefit-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-lg);background-color:var(--primary-100);color:var(--primary)}.benefit-content h3{font-size:var(--text-xl);font-weight:var(--font-semibold);margin-bottom:var(--space-md);color:var(--text-dark);letter-spacing:-.02em}.benefit-content p{color:var(--text-muted);line-height:var(--leading-relaxed);margin-bottom:var(--space-md);flex-grow:1}.metric{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--primary);padding-top:var(--space-md);border-top:1px solid rgba(0,0,0,.05)}.benefits-container{max-width:800px;margin:0 auto}.benefit-row{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--space-3xl)}.benefit-content{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-xl);width:100%;max-width:600px}.benefit-number{width:48px;height:48px;background:var(--primary);color:var(--text-light);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:var(--font-bold);font-size:var(--text-lg);flex-shrink:0}.benefit-text{flex-grow:1}.benefit-text h3{font-size:var(--text-2xl);font-weight:var(--font-semibold);margin-bottom:var(--space-sm);color:var(--text-dark)}.benefit-text p{color:var(--text-muted);line-height:var(--leading-relaxed);margin:0}.connector{width:2px;height:var(--space-2xl);background:linear-gradient(to bottom,var(--primary),transparent);margin:var(--space-lg) 0}@media (max-width: 768px){.benefit-card{width:250px;padding:var(--space-xl)}.benefit-content{gap:var(--space-sm)}.metric{font-size:var(--text-xl)}}.pricing{padding-top:var(--space-2xl);padding-bottom:var(--space-2xl);background-color:var(--background-alt);display:flex;flex-direction:column;gap:var(--space-md)}.pricing-box{display:flex;flex-direction:row;gap:var(--space-md);justify-content:space-between;align-items:stretch}.pricing .features-list{text-align:left;list-style:none;padding-left:0}.pricing .container{text-align:center}.pricing-toggle{display:flex;align-items:center;justify-content:center;gap:var(--space-md);margin-bottom:var(--space-xl)}.discount{color:var(--text-light);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-lg);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;background-color:var(--secondary)}.toggle{display:inline-flex;align-items:center;cursor:pointer;user-select:none;position:relative}.toggle input[type=checkbox]{display:none}.toggle-slider{width:52px;height:32px;background:#e5e7eb;border-radius:16px;position:relative;transition:background .3s ease;box-shadow:inset 0 2px 4px #0000001a;display:inline-block}.toggle-slider:before{content:"";position:absolute;left:2px;top:2px;width:28px;height:28px;background:var(--surface);border-radius:50%;transition:transform .3s ease;box-shadow:0 2px 4px #00000026}.toggle input[type=checkbox]:checked+.toggle-slider{background:var(--primary)}.toggle input[type=checkbox]:checked+.toggle-slider:before{transform:translate(20px)}.pricing h2{font-size:var(--text-5xl);font-weight:var(--font-extrabold);margin-bottom:var(--space-xl);color:var(--text-dark);letter-spacing:-.03em}.pricing .subtitle{font-size:var(--text-xl);font-weight:var(--font-normal);margin-bottom:var(--space-2xl);color:var(--text-muted);line-height:var(--leading-relaxed)}.billing-toggle{display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-2xl);gap:var(--space-md)}.pricing-cards{display:flex;flex-wrap:wrap;gap:var(--space-xl);justify-content:center;margin-bottom:var(--space-2xl);align-items:stretch}.pricing-card{background-color:var(--surface);border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:var(--shadow-sm);text-align:center;transition:var(--transition);width:320px;flex-shrink:0;display:flex;flex-direction:column;min-height:650px}@media (max-width: 1200px){.pricing-card{width:calc(50% - var(--space-md));max-width:400px}.pricing-box{justify-content:center;flex-direction:row;flex-wrap:wrap;gap:var(--space-sm)}}.pricing-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.pricing-card.featured{border:2px solid var(--primary);transform:scale(1.02)}.pricing-card.featured:hover{transform:translateY(-5px) scale(1.02)}.pricing-card.featured:hover{transform:translateY(-5px) scale(1.05)}.plan-name{font-size:1.25rem;font-weight:700;margin-bottom:1rem}.plan-price{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.currency{font-size:var(--text-2xl);font-weight:500}.amount{font-size:var(--text-2xl);font-weight:800}.period{font-size:1rem;font-weight:400;color:var(--text-muted)}.plan-description{color:var(--text-muted);margin-bottom:2rem}.plan-features{margin-bottom:2rem;text-align:left}.feature-item{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;font-size:.95rem}.feature-icon{color:var(--primary);flex-shrink:0}.feature-not-included{color:var(--text-muted)}.pricing-card .plan-button{margin-top:auto;display:inline-flex;align-items:center;gap:.5rem}@media (max-width: 768px){.section-desc,.pricing-toggle{padding-left:var(--space-lg);padding-right:var(--space-lg)}.pricing{padding-top:var(--space-xl);padding-bottom:var(--space-xl)}.pricing-box{flex-direction:column;gap:var(--space-sm)}.pricing-cards{gap:var(--space-lg)}.pricing-card{width:75%;padding:var(--space-lg)}}@media (max-width: 480px){.pricing{padding-top:var(--space-lg);padding-bottom:var(--space-lg)}.pricing-box{flex-direction:column;gap:var(--space-lg)}.pricing-card{padding:var(--space-md)}}.faq{padding:var(--space-5xl) 0;background-color:var(--background)}.faq .container{text-align:center}.faq h2{font-size:var(--text-5xl);font-weight:var(--font-extrabold);margin-bottom:var(--space-lg);color:var(--text-dark);letter-spacing:-.03em}.faq .section-desc{font-size:var(--text-xl);color:var(--text-muted);margin-bottom:var(--space-3xl);max-width:600px;margin-left:auto;margin-right:auto}.faq-search{position:relative;max-width:500px;margin:0 auto var(--space-3xl)}.faq-search input{width:100%;padding:var(--space-md) var(--space-md) var(--space-md) var(--space-3xl);border:2px solid rgba(0,0,0,.1);border-radius:var(--radius-xl);font-size:var(--text-base);font-family:var(--font-primary);background-color:var(--surface);transition:var(--transition);outline:none}.faq-search input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51a}.faq-search input::placeholder{color:var(--text-muted)}.faq-search .search-icon{position:absolute;left:var(--space-md);top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.faq-tabs{display:flex;justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-3xl);flex-wrap:wrap;max-width:800px;margin-left:auto;margin-right:auto}.faq-tab{padding:var(--space-sm) var(--space-lg);background:none;border:2px solid var(--primary);border-radius:var(--radius-sm);font-weight:var(--font-medium);font-size:var(--text-base);cursor:pointer;color:var(--primary);transition:var(--transition);font-family:var(--font-primary);transition:all;transition-duration:.3s;flex:1 1 0;min-width:150px;text-align:center}.faq-tab:hover,.faq-tab.active{color:var(--text-light);background-color:var(--primary);border-color:var(--primary)}.faq-content{max-width:800px;margin:0 auto}.faq-category{display:none}.faq-category.active{display:block}.faq-item{background-color:var(--surface);border-radius:var(--radius-lg);margin-bottom:var(--space-md);box-shadow:var(--shadow-sm);overflow:hidden;border:1px solid rgba(0,0,0,.05);transition:all .3s ease}.faq-item:hover{box-shadow:var(--shadow-md);border-color:var(--primary-100);transform:translateY(-1px)}.faq-question{width:100%;padding:var(--space-lg);background:none;border:none;text-align:left;cursor:pointer;font-family:var(--font-primary);display:flex;justify-content:space-between;align-items:center;transition:var(--transition);position:relative}.faq-question h4{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-dark);margin:0;line-height:var(--leading-tight);flex:1;text-align:left}.faq-question:hover{background-color:var(--background-alt)}.question-icon{color:var(--primary);transition:transform .3s ease;flex-shrink:0;margin-left:var(--space-md)}.faq-item.active .question-icon{transform:rotate(180deg)}.faq-answer{color:var(--text-muted);line-height:var(--leading-relaxed);max-height:0;overflow:hidden;opacity:0;padding:0 var(--space-lg);transition:max-height .5s cubic-bezier(.4,0,.2,1),opacity .4s ease,padding .5s cubic-bezier(.4,0,.2,1)}.faq-item.active .faq-answer{max-height:500px;opacity:1;padding:var(--space-md) var(--space-lg) var(--space-lg)}.faq-item.active .faq-question{border-bottom:1px solid var(--primary);background-color:var(--background-alt);border-bottom-left-radius:0;border-bottom-right-radius:0}.faq-item.active{background-color:var(--background-alt);border-color:var(--primary);box-shadow:0 2px 12px #10b9811a}.faq-answer p{margin:0;font-size:var(--text-base)}.faq-footer{text-align:center;margin-top:var(--space-4xl);padding:var(--space-2xl);background:linear-gradient(135deg,var(--primary-50),var(--primary-100));border-radius:var(--radius-xl);border:1px solid var(--primary-200)}.faq-footer p{font-size:var(--text-lg);font-weight:var(--font-medium);color:var(--text-dark);margin-bottom:var(--space-lg)}.faq-footer .button{display:inline-flex;align-items:center;gap:var(--space-sm)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.faq-categories{display:flex;justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-3xl);flex-wrap:wrap}.faq-category-btn{padding:var(--space-sm) var(--space-lg);background:none;border:2px solid var(--primary);border-radius:var(--radius-lg);font-weight:var(--font-medium);cursor:pointer;color:var(--primary);transition:var(--transition);font-family:var(--font-primary)}.faq-category-btn:hover,.faq-category-btn.active{background-color:var(--primary);color:var(--text-light)}.faq-list{max-width:800px;margin:0 auto}.security{padding-bottom:var(--space-6xl);background:linear-gradient(135deg,var(--background) 0%,var(--background-alt) 100%);position:relative;overflow:hidden}.security:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="security-pattern" width="20" height="20" patternUnits="userSpaceOnUse"><circle cx="10" cy="10" r="1" fill="%23f3f4f6" opacity="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23security-pattern)"/></svg>');pointer-events:none}.security .container{position:relative;z-index:1;text-align:center}.security h2{font-size:var(--text-5xl);font-weight:var(--font-extrabold);margin-bottom:var(--space-lg);color:var(--text-dark);letter-spacing:-.03em}.security .section-desc{font-size:var(--text-xl);color:var(--text-muted);margin-bottom:var(--space-4xl);max-width:700px;margin-left:auto;margin-right:auto;line-height:var(--leading-relaxed)}.security-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-xl);margin-bottom:var(--space-5xl)}@media (max-width: 1024px){.security-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.security-grid{grid-template-columns:1fr}}.security-card{background:var(--surface);padding:var(--space-2xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);text-align:center;transition:var(--transition);border:1px solid rgba(0,0,0,.05)}.security-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;transform:scaleX(0);transition:transform .3s ease}.security-card:hover:before{transform:scaleX(1)}.security-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:var(--primary)}.security-icon{width:80px;height:80px;background:var(--primary-50);color:var(--primary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-lg) auto;transition:transform .3s ease;position:relative}.security-card:hover .security-icon{transform:scale(1.1)}.security-card:hover .security-icon:after{opacity:1}.security-card h3{font-size:var(--text-xl);font-weight:var(--font-semibold);margin-bottom:var(--space-md);color:var(--text-dark);letter-spacing:-.02em}.security-card p{color:var(--text-muted);line-height:var(--leading-relaxed);font-size:var(--text-base);margin:0}.data-residency{background:var(--surface);padding:var(--space-2xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);text-align:center;border:1px solid rgba(0,0,0,.05)}.data-residency h3{font-size:var(--text-2xl);font-weight:var(--font-semibold);margin-bottom:var(--space-md);color:var(--text-dark);letter-spacing:-.02em}.data-residency p{color:var(--text-muted);line-height:var(--leading-relaxed);font-size:var(--text-base);margin-bottom:var(--space-xl);max-width:500px;margin-left:auto;margin-right:auto}.region-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md);margin-top:var(--space-lg)}.region{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:var(--background-alt);border-radius:var(--radius-md);transition:var(--transition);border:1px solid rgba(0,0,0,.05)}.region:hover{background:var(--primary-50);border-color:var(--primary-200);transform:translateY(-2px)}.region span{font-weight:var(--font-medium);color:var(--text-dark);font-size:var(--text-sm)}.timeline{background-color:var(--background)}.timeline .container{text-align:center}.timeline h2{font-size:var(--text-5xl);font-weight:var(--font-extrabold);margin-bottom:var(--space-lg);color:var(--text-dark);letter-spacing:-.03em}.timeline .section-desc{font-size:var(--text-xl);color:var(--text-muted);margin-bottom:var(--space-2xl);max-width:600px;margin-left:auto;margin-right:auto}.timeline-toggle{display:flex;justify-content:center;gap:var(--space-md);margin-bottom:var(--space-3xl);flex-wrap:wrap}.toggle-btn{padding:var(--space-sm) var(--space-lg);background:none;border:2px solid var(--primary);border-radius:var(--radius-lg);font-weight:var(--font-medium);cursor:pointer;color:var(--text-dark);transition:var(--transition)}.toggle-btn:hover{background-color:var(--primary-100)}.toggle-btn.active{background-color:var(--primary);color:var(--text-light)}.timeline-wrapper{position:relative;margin:var(--space-5xl) 0;padding:var(--space-xl) 0}.timeline-view{position:relative}.timeline-track{position:relative;height:4px;background-color:#e5e7eb;margin:var(--space-2xl) 0 var(--space-6xl);width:100%}.timeline-marker{position:absolute;transform:translate(-50%)}.marker-dot{width:16px;height:16px;background-color:var(--primary);border-radius:50%;position:absolute;top:-6px;left:0}.marker-date{position:absolute;top:20px;left:-40px;width:100px;text-align:center;white-space:nowrap;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--primary)}.timeline-events{position:relative;height:300px}.timeline-event{position:absolute;transform:translate(-50%);margin-top:var(--space-xl);width:280px;z-index:1}.event-card{background-color:var(--surface);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm);border-left:4px solid var(--primary);transition:var(--transition)}.event-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.event-card h3{margin-top:0;margin-bottom:var(--space-xs);font-size:var(--text-lg);color:var(--primary);font-weight:var(--font-semibold)}.event-card p{margin-bottom:var(--space-md);font-size:var(--text-sm);color:var(--text-muted);line-height:var(--leading-relaxed)}.platform-feature{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--primary);background-color:var(--primary-100);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-xl);width:fit-content}.timeline-event:nth-child(odd){top:-240px}.timeline-event:nth-child(2n){top:60px}@media (max-width: 768px){.timeline-wrapper{margin:var(--space-3xl) 0;padding:var(--space-md) 0}.timeline-track{display:none}.timeline-events{display:flex;flex-direction:column;gap:var(--space-lg);height:auto;padding:0 var(--space-md)}.timeline-event{position:static;transform:none;width:100%;margin:0;top:auto}.timeline-event:nth-child(odd),.timeline-event:nth-child(2n){top:auto}.event-card{margin-bottom:var(--space-md)}.marker-date{position:static;background-color:var(--primary-100);color:var(--primary);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);font-size:var(--text-xs);margin-bottom:var(--space-sm);display:inline-block}.timeline-marker{display:none}.timeline h2{font-size:var(--text-4xl)}.timeline .section-desc{font-size:var(--text-lg);margin-bottom:var(--space-xl)}.timeline-toggle{gap:var(--space-sm);margin-bottom:var(--space-xl)}.toggle-btn{padding:var(--space-xs) var(--space-md);font-size:var(--text-sm)}}@media (max-width: 480px){.timeline-wrapper{margin:var(--space-xl) 0}.timeline-events{gap:var(--space-md);padding:0}.event-card{padding:var(--space-md)}.timeline h2{font-size:var(--text-3xl)}.timeline .section-desc{font-size:var(--text-base)}.timeline-toggle{flex-direction:column;align-items:center;gap:var(--space-xs)}.toggle-btn{width:200px;text-align:center}}.hero{background:var(--primary);color:var(--text-light);text-align:center;position:relative;overflow:hidden;padding:var(--space-6xl) 0}@media (max-width: 768px){.hero{padding:var(--space-2xl) 0}}.hero:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="clean-grid" width="100" height="100" patternUnits="userSpaceOnUse"><rect x="0" y="0" width="100" height="100" fill="none"/><rect x="25" y="25" width="50" height="50" fill="none" stroke="%23ffffff" stroke-width="0.3" opacity="0.06"/><rect x="40" y="40" width="20" height="20" fill="%23ffffff" opacity="0.02"/></pattern></defs><rect width="100" height="100" fill="url(%23clean-grid)"/></svg>');pointer-events:none;animation:heroFloat 20s ease-in-out infinite}.hero:after{content:"";position:absolute;inset:0;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><defs><pattern id="minimal-pattern" width="200" height="200" patternUnits="userSpaceOnUse"><rect x="0" y="0" width="200" height="200" fill="none"/><circle cx="50" cy="150" r="1" fill="%23ffffff" opacity="0.08"/><circle cx="150" cy="50" r="0.8" fill="%23ffffff" opacity="0.06"/><rect x="100" y="100" width="1" height="20" fill="%23ffffff" opacity="0.04"/><rect x="100" y="100" width="20" height="1" fill="%23ffffff" opacity="0.04"/></pattern></defs><rect width="200" height="200" fill="url(%23minimal-pattern)"/></svg>');pointer-events:none;animation:heroFloat 30s ease-in-out infinite reverse;opacity:.4}@keyframes heroFloat{0%,to{transform:translate(0)}33%{transform:translate(-10px,-15px)}66%{transform:translate(15px,-10px)}}.hero .container{position:relative;z-index:1;max-width:900px}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-xs);background:var(--secondary);color:var(--text-light);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-xl);font-size:var(--text-sm);font-weight:var(--font-medium);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.hero-badge-cc{display:inline-flex;align-items:center;gap:var(--space-xs);background:var(--primary-100);color:var(--text-dark);padding:var(--space-xs);border-radius:var(--radius-xl);font-size:var(--text-xs);font-weight:var(--font-medium);margin-bottom:var(--space-lg);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.hero h1{margin:0;font-size:var(--text-6xl);font-weight:var(--font-extrabold);text-shadow:0 2px 20px rgba(0,0,0,.15);line-height:var(--leading-tight);letter-spacing:-.04em;color:var(--text-light)}@media (max-width: 768px){.hero h1{font-size:var(--text-4xl)}}.hero .subtitle{font-size:var(--text-xl);font-weight:var(--font-normal);opacity:.95;line-height:var(--leading-relaxed);color:var(--text-light);max-width:600px;margin-left:auto;margin-right:auto}.hero .highlight{font-weight:var(--font-semibold);color:var(--primary-100)}.commodities-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-xl)}.cta-hero{padding-top:var(--space-3xl);display:flex;justify-content:center;gap:var(--space-md);flex-wrap:wrap}.no-card-required{width:fit-content;display:flex;align-items:center;justify-content:center;gap:var(--space-xs);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-light);background:#ffffff1a;padding:var(--space-xs) var(--space-xs);border-radius:var(--radius-xl);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);text-shadow:0 1px 3px rgba(0,0,0,.3)}.check-icon{color:var(--primary-100);filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.features{padding-top:var(--space-xl);padding-bottom:var(--space-xl);background-color:var(--background)}.features .container{text-align:center}.features h2{font-size:var(--text-5xl);font-weight:var(--font-extrabold);margin-bottom:var(--space-lg);color:var(--text-dark);letter-spacing:-.03em}.features .section-desc{font-size:var(--text-xl);color:var(--text-muted);margin-bottom:var(--space-3xl);max-width:600px;margin-left:auto;margin-right:auto}.feature-grid{display:flex;flex-wrap:wrap;gap:var(--space-xl);justify-content:center;margin-top:var(--space-2xl)}.feature-card{background-color:var(--surface);padding:var(--space-xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);text-align:center;text-decoration:none;color:var(--text-dark);transition:var(--transition);border:1px solid rgba(0,0,0,.05);display:flex;flex-direction:column;align-items:center;width:320px;flex-shrink:0;position:relative;overflow:hidden}@media (max-width: 768px){.feature-grid{display:flex;gap:var(--space-md)}.feature-card{width:280px;padding:var(--space-lg)}}@media (max-width: 480px){.feature-grid{gap:var(--space-sm)}.feature-card{width:100%;max-width:260px;padding:var(--space-md);margin:0 var(--space-sm)}}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--feature-color, var(--primary));transform:scaleX(0);transition:transform .3s ease}.feature-card:hover:before{transform:scaleX(1)}.feature-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}.feature-card .icon{width:64px;height:64px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-lg);transition:transform .3s ease}.feature-card:hover .icon{transform:scale(1.1)}.feature-card h3{font-size:var(--text-xl);font-weight:var(--font-semibold);margin:0 0 var(--space-sm) 0;color:var(--text-dark);letter-spacing:-.02em;min-height:2.5rem;display:flex;align-items:center;justify-content:center}.feature-card p{color:var(--text-muted);line-height:var(--leading-relaxed);flex-grow:1;margin:0;font-size:var(--text-sm);font-weight:var(--font-normal)}.showcase[data-astro-cid-xyg7ob6d]{padding-top:var(--space-xl);padding-bottom:var(--space-xl);background-color:var(--background)}.showcase[data-astro-cid-xyg7ob6d] .container[data-astro-cid-xyg7ob6d]{text-align:center}.showcase[data-astro-cid-xyg7ob6d] h2[data-astro-cid-xyg7ob6d]{font-size:var(--text-5xl);font-weight:var(--font-extrabold);margin-bottom:var(--space-lg);color:var(--text-dark);letter-spacing:-.03em}.showcase[data-astro-cid-xyg7ob6d] .section-desc[data-astro-cid-xyg7ob6d]{font-size:var(--text-xl);color:var(--text-muted);margin-bottom:var(--space-2xl);max-width:600px;margin-left:auto;margin-right:auto}.showcase-tabs[data-astro-cid-xyg7ob6d]{display:flex;justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-3xl);flex-wrap:wrap}.showcase-grid[data-astro-cid-xyg7ob6d]{display:flex;flex-direction:column;gap:var(--space-2xl);max-width:1000px;margin:0 auto}.showcase-item[data-astro-cid-xyg7ob6d]{display:flex;align-items:center;gap:var(--space-3xl);text-align:left}.showcase-item[data-astro-cid-xyg7ob6d]:nth-child(2n){flex-direction:row-reverse}.showcase-content[data-astro-cid-xyg7ob6d]{display:flex;flex-direction:row}.showcase-content[data-astro-cid-xyg7ob6d] h3[data-astro-cid-xyg7ob6d]{font-size:var(--text-2xl);font-weight:var(--font-semibold);margin-bottom:var(--space-md);color:var(--text-dark)}.showcase-content[data-astro-cid-xyg7ob6d] p[data-astro-cid-xyg7ob6d]{color:var(--text-muted);line-height:var(--leading-relaxed);margin-bottom:var(--space-lg)}.showcase-image[data-astro-cid-xyg7ob6d]{flex:1;background-color:var(--background-alt);border-radius:var(--radius-xl);aspect-ratio:16/10;display:flex;align-items:center;justify-content:center;color:var(--text-muted);overflow:hidden}.showcase-image[data-astro-cid-xyg7ob6d] img[data-astro-cid-xyg7ob6d]{width:100%;height:100%;object-fit:cover}.caption[data-astro-cid-xyg7ob6d]{text-align:center;font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-md)}.video-container[data-astro-cid-xyg7ob6d]{max-width:800px;margin:0 auto}.video-player[data-astro-cid-xyg7ob6d]{position:relative;width:100%;height:0;padding-bottom:56.25%;border-radius:var(--radius-xl);overflow:hidden}.video-player[data-astro-cid-xyg7ob6d] iframe[data-astro-cid-xyg7ob6d]{position:absolute;top:0;left:0;width:100%;height:100%}.screenshot-box[data-astro-cid-xyg7ob6d]{display:flex;flex-direction:row;justify-content:center;gap:var(--space-lg);flex-wrap:wrap}.screenshot[data-astro-cid-xyg7ob6d]{flex:1;min-width:280px;background:var(--surface);border-radius:var(--radius-lg);padding:var(--space-md);box-shadow:var(--shadow-sm);transition:var(--transition)}.screenshot[data-astro-cid-xyg7ob6d]:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.screenshot[data-astro-cid-xyg7ob6d] img[data-astro-cid-xyg7ob6d]{width:100%;height:auto;border-radius:var(--radius-md);object-fit:cover}
