.product-page{font-family:var(--font-family-main);color:var(--primary-text-color);background-color:var(--bg-main);line-height:1.6}.product-hero{text-align:center;max-width:1200px;margin:0 auto;padding:80px 20px;position:relative;overflow:hidden}.product-hero h1{font-size:var(--font-size-xxl);font-size:clamp(2rem,5vw,3.5rem);font-family:var(--font-family-headings);max-width:900px;margin-bottom:24px;margin-left:auto;margin-right:auto;line-height:1.2}.product-hero .gradient-text{background:linear-gradient(135deg,var(--primary-text-color)0%,var(--accent-color)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.product-hero p{font-size:var(--font-size-large);color:var(--secondary-text-color);max-width:700px;margin:0 auto 40px}.product-cta-group{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.btn-primary{background-color:var(--accent-color);color:#fff;border-radius:var(--border-radius-soft);cursor:pointer;border:none;padding:14px 28px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.btn-primary:hover{background-color:var(--accent-color-darker);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.btn-secondary{color:var(--primary-text-color);border:1px solid var(--border-color-medium);border-radius:var(--border-radius-soft);cursor:pointer;background-color:#fff;padding:14px 28px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.btn-secondary:hover{background-color:var(--bg-subtle-accent);border-color:var(--border-color-soft);transform:translateY(-2px)}.feature-section{border-top:1px solid var(--border-color-soft);border-bottom:1px solid var(--border-color-soft);background-color:#fff;padding:80px 20px}.feature-container{max-width:1000px;margin:0 auto}.feature-card{background-color:var(--bg-offset);border:1px solid var(--border-color-soft);border-radius:var(--border-radius-large);box-shadow:0 4px 20px var(--shadow-color-soft);flex-wrap:wrap;align-items:center;gap:40px;padding:40px;display:flex}.demo-section{background-color:var(--bg-offset);padding:80px 20px}.demo-title-block{text-align:center;margin-bottom:50px}.demo-viewer{border-radius:var(--border-radius-large);box-shadow:0 20px 40px var(--shadow-color-medium);border:1px solid var(--border-color-soft);background:#fff;grid-template-columns:1fr 2fr;max-width:1000px;margin:0 auto;display:grid;overflow:hidden}@media (max-width:768px){.demo-viewer{grid-template-columns:1fr}.demo-sidebar{display:none}}.use-cases-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px;max-width:1200px;margin:0 auto;padding:40px 0;display:grid}.use-case-card{border:1px solid var(--border-color-soft);border-radius:var(--border-radius-medium);background:#fff;padding:30px;transition:transform .2s,box-shadow .2s}.use-case-card:hover{box-shadow:0 10px 20px var(--shadow-color-soft);border-color:var(--accent-color-lighter);transform:translateY(-5px)}.pricing-section{background-color:var(--bg-main);padding:80px 20px}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;max-width:900px;margin:0 auto;display:grid}.pricing-card{border-radius:var(--border-radius-medium);border:1px solid var(--border-color-medium);background:#fff;padding:40px;transition:transform .2s;position:relative}.pricing-card.highlight{border:2px solid var(--accent-color);box-shadow:0 8px 30px var(--shadow-color-medium);transform:scale(1.02)}.pricing-list{margin:0 0 30px;padding:0;list-style:none}.pricing-list li{color:var(--primary-text-color);align-items:center;gap:10px;margin-bottom:12px;display:flex}.check-icon{color:var(--success-color);font-weight:700}.footer-section{color:#f0f0f0;background-color:#1a1a1a;margin-top:auto;padding:60px 20px}
