.product-page{min-height:100vh;padding:140px 0 100px;position:relative;overflow:hidden}.product-page .product-container{z-index:2;width:min(1200px,92%);margin:auto;position:relative}.product-page .back-btn{color:#cbd5e1;align-items:center;gap:.6rem;margin-bottom:50px;text-decoration:none;transition:all .3s;display:inline-flex}.product-page .back-btn:hover{color:#fff;transform:translate(-4px)}.product-page .hero{flex-direction:unset;align-items:center;gap:70px;justify-content:unset;grid-template-columns:1.1fr .9fr;min-height:auto;margin-bottom:140px;padding:0;display:grid;overflow:visible}.product-page .badge{color:#94a3b8;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;margin-bottom:24px;padding:8px 18px;display:inline-flex}.product-page .hero h1{letter-spacing:normal;max-width:none;margin-bottom:24px;font-size:clamp(60px,7vw,90px);font-weight:800;line-height:1}.product-page .hero h1 span{color:#7c3aed}.product-page .subtitle{color:#94a3b8;max-width:650px;font-size:1.15rem;line-height:1.8}.product-page .hero-actions{flex-wrap:wrap;gap:18px;width:auto;margin-top:40px;display:flex}.product-page .primary-btn,.product-page .secondary-btn{border-radius:14px;align-items:center;gap:10px;padding:16px 30px;text-decoration:none;transition:all .35s;display:inline-flex}.product-page .primary-btn{color:#fff;background:#7c3aed}.product-page .primary-btn:hover{transform:translateY(-5px);box-shadow:0 20px 45px #7c3aed73}.product-page .secondary-btn{color:#fff;background:#ffffff0d;border:1px solid #ffffff26}.product-page .secondary-btn:hover{background:#ffffff14}.product-page .preview-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:24px;animation:6s ease-in-out infinite product-detail-float;overflow:hidden;box-shadow:0 35px 70px #00000073}.product-page .preview-top{gap:10px;padding:18px;display:flex}.product-page .dot{border-radius:50%;width:12px;height:12px}.product-page .dot.red{background:#ef4444}.product-page .dot.yellow{background:#f59e0b}.product-page .dot.green{background:#22c55e}.product-page .terminal-window{color:#d1d5db;flex-direction:column;gap:16px;min-height:330px;padding:40px;font-family:monospace;display:flex}.product-page .success{color:#22c55e}.product-page .section-heading{text-align:center;margin-bottom:60px}.product-page .section-heading p{color:#7c3aed;margin-bottom:12px}.product-page .section-heading h2{font-size:44px}.product-page .features{margin-bottom:140px}.product-page .feature-grid{grid-template-columns:repeat(2,1fr);gap:30px;display:grid}.product-page .feature-card{background:#ffffff0d;border:1px solid #ffffff14;border-radius:22px;padding:35px;transition:all .35s}.product-page .feature-card:hover{border-color:#7c3aed;transform:translateY(-10px);box-shadow:0 30px 60px #7c3aed40}.product-page .feature-card svg{color:#7c3aed;margin-bottom:20px}.product-page .feature-card h3{margin-bottom:14px}.product-page .feature-card p{color:#94a3b8;line-height:1.7}.product-page .benefits{grid-template-columns:1fr .8fr;align-items:center;gap:80px;margin-bottom:140px;display:grid}.product-page .benefits h2{margin-bottom:24px;font-size:48px}.product-page .benefits p{color:#94a3b8;line-height:1.9}.product-page .benefits ul{flex-direction:column;gap:18px;margin-top:35px;list-style:none;display:flex}.product-page .benefits li{align-items:center;gap:14px;display:flex}.product-page .benefits li svg{color:#22c55e}.product-page .stats-card{background:#ffffff0d;border:1px solid #ffffff14;border-radius:24px;flex-direction:column;gap:35px;padding:50px;display:flex}.product-page .stats-card h3{color:#7c3aed;font-size:48px}.product-page .stats-card span{color:#94a3b8}.product-page .cta{text-align:center;background:linear-gradient(135deg,#7c3aed2e,#ffffff0a);border:1px solid #ffffff14;border-radius:32px;padding:90px 40px}.product-page .cta h2{margin-bottom:20px;font-size:48px}.product-page .cta p{color:#94a3b8;max-width:700px;margin:auto auto 40px;line-height:1.8}.product-page .large{padding:18px 40px;font-size:18px}@keyframes product-detail-float{0%{transform:translateY(0)}50%{transform:translateY(-12px)}to{transform:translateY(0)}}@media (max-width:960px){.product-page .hero,.product-page .benefits,.product-page .feature-grid{grid-template-columns:1fr}.product-page .hero h1{font-size:58px}.product-page .section-heading h2,.product-page .benefits h2,.product-page .cta h2{font-size:34px}}
