.product-page-container{background-color:var(--theme-background);padding-bottom:80px}.product-hero-section{background-color:var(--theme-surface);padding-left:12%;height:calc(100vh - 80px);min-height:600px;display:flex;align-items:center;justify-content:flex-start;text-align:left}.dark-theme .product-hero-section{background:linear-gradient(135deg,#0a192f,#1a202c)}.hero-content-wrapper{max-width:680px}.product-category-tag{color:var(--theme-primary-action);font-weight:600;margin-bottom:16px;display:inline-block}.product-hero-title{font-size:var(--font-size-xxl);font-weight:700;color:var(--theme-text-primary);margin-bottom:24px;line-height:1.2}.product-hero-subtitle{font-size:var(--font-size-md);color:var(--theme-text-secondary);line-height:1.6;margin-bottom:40px}.product-hero-section .hero-actions{display:flex;justify-content:flex-start;gap:16px}.product-hero-section .hero-actions .btn{padding:10px 24px;font-size:var(--font-size-sm);font-weight:500}.product-section{padding:80px 48px;max-width:1200px;margin:0 auto}.product-page-container .product-section:not(:last-child){margin-bottom:80px}.product-section .section-title{font-size:var(--font-size-xl);font-weight:600;margin-bottom:40px;color:var(--theme-text-primary)}.product-section .section-title.text-center{text-align:center}.two-column-section{display:grid;grid-template-columns:1fr 1fr;grid-gap:60px;gap:60px;align-items:start}.solution-column{border-left:2px solid var(--theme-primary-action);padding-left:40px}.problem-list,.solution-list{list-style:none;padding-left:0}.problem-list li,.solution-list li{font-size:var(--font-size-md);line-height:1.8;color:var(--theme-text-secondary);margin-bottom:16px;padding-left:1.8em;position:relative;background-repeat:no-repeat;background-position:left top left .4em;background-size:1em}.problem-list li{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23E53E3E'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E")}.solution-list li{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2338A169'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E")}.dark-theme .problem-list li{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23F56565'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E")}.dark-theme .solution-list li{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2348BB78'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E")}.problem-list li b,.solution-list li b{color:var(--theme-text-primary)}.feature-grid-section{background-color:var(--theme-surface);border-radius:16px}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:30px;gap:30px}.feature-card{text-align:left}.feature-title{font-size:var(--font-size-md);font-weight:600;margin-bottom:12px;color:var(--theme-text-primary)}.feature-card p{color:var(--theme-text-secondary);line-height:1.7}.how-it-works-section{text-align:center;padding-bottom:80px}.flow-diagram{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:20px;font-weight:500;margin-top:60px}.exchange-box,.flow-item,.redq-box{padding:16px 24px;border:1px solid var(--theme-border);border-radius:8px;background-color:var(--theme-surface)}.redq-box{border-color:var(--theme-primary-action);box-shadow:0 0 15px color-mix(in srgb,var(--theme-primary-action) 20%,transparent)}.flow-arrow{font-size:var(--font-size-xl);color:var(--theme-text-secondary)}.flow-item-group{display:flex;flex-direction:column;gap:10px}.final-cta-section{text-align:center;background-color:var(--theme-surface);border-radius:16px;padding:60px 48px}.cta-subtitle{font-size:var(--font-size-md);color:var(--theme-text-secondary);margin-top:-24px;margin-bottom:32px}.final-cta-section .hero-actions{display:flex;justify-content:center;gap:16px}@media (max-width:992px){.two-column-section{grid-template-columns:1fr}.flow-diagram{flex-direction:column}.flow-arrow{transform:rotate(90deg)}.product-hero-section{padding-left:25px}}