.product-intro-page{padding-top:var(--header-height);--bg:#f8fbff;--bg-alt:#eef5ff;--text-muted:#64748b;--primary:#295bcb;--primary-dark:#20479f;--border:#dce5f0;color:#17243d;line-height:1.6}.product-intro-page .container{max-width:1080px;margin:0 auto;padding:0 24px}.product-intro-page :is(h1,h2,h3,h4,p){margin:0}.product-intro-page .hero{text-align:center;background:radial-gradient(circle at 16% 18%,#4991ff2e,#0000 31%),radial-gradient(circle at 84% 12%,#59cae029,#0000 29%),linear-gradient(125deg,#f5f9ff 0%,#e8f2ff 46%,#edf8ff 72%,#f8fbff 100%);padding:96px 0 80px}.product-intro-page .hero h1{letter-spacing:2px;font-size:56px;font-weight:700;line-height:1.22}.product-intro-page .hero-sub{max-width:620px;color:var(--text-muted);margin:20px auto 0;font-size:17px}.product-intro-page .hero-actions{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:36px;display:flex}.product-intro-page .btn{border-radius:28px;padding:13px 32px;font-size:16px;font-weight:600;text-decoration:none;transition:transform .15s,background .2s,box-shadow .2s;display:inline-block}.product-intro-page .btn:hover{transform:translateY(-2px)}.product-intro-page .btn-primary{background:var(--primary);color:#fff;box-shadow:0 8px 20px #295bcb47}.product-intro-page .btn-primary:hover{background:var(--primary-dark)}.product-intro-page .btn-ghost{color:var(--primary);border:1px solid var(--primary);background:0 0}.product-intro-page .section{background:var(--bg);padding:88px 0}.product-intro-page .section-alt{background:var(--bg-alt)}.product-intro-page .section-title{text-align:center;letter-spacing:1px;font-size:30px;font-weight:700}.product-intro-page .section-sub{text-align:center;color:var(--text-muted);margin-top:12px;font-size:15px}.product-intro-page .grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px;display:grid}.product-intro-page .card{border:1px solid var(--border);background:#fff;border-radius:14px;padding:32px 28px;transition:box-shadow .2s,transform .2s}.product-intro-page .card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #17243d1a}.product-intro-page .card-icon{background:#295bcb14;border:1px solid #295bcb1f;border-radius:14px;justify-content:center;align-items:center;width:54px;height:54px;margin-bottom:18px;font-size:27px;display:inline-flex}.product-intro-page .card h3{margin-bottom:10px;font-size:18px}.product-intro-page .card p{color:var(--text-muted);font-size:14px}.product-intro-page .templates{grid-template-columns:repeat(4,1fr);gap:24px;margin-top:48px;display:grid}.product-intro-page .template{color:inherit;text-align:center;text-decoration:none;display:block}.product-intro-page .template:focus-visible{outline:2px solid var(--primary);outline-offset:4px;border-radius:8px}.product-intro-page .template-preview{border:1px solid var(--border);background:#fff;border-radius:8px;height:460px;margin-bottom:16px;overflow:hidden;box-shadow:inset 0 0 0 1px #00000005}.product-intro-page .template-preview img{object-fit:cover;width:100%;height:100%;display:block}.product-intro-page .template h4{margin-bottom:4px;font-size:16px}.product-intro-page .template p{color:var(--text-muted);font-size:13px}.product-intro-page .templates-cta{text-align:center;margin-top:32px}.product-intro-page .steps{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px;display:grid}.product-intro-page .step{text-align:center;padding:0 16px}.product-intro-page .step-num{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:16px;font-size:20px;font-weight:700;display:inline-flex}.product-intro-page .step h3{margin-bottom:8px;font-size:17px}.product-intro-page .step p{color:var(--text-muted);font-size:14px}.product-intro-page .cta{text-align:center}.product-intro-page .cta h2{margin-bottom:12px;font-size:28px;font-weight:700}.product-intro-page .cta p{color:var(--text-muted);margin-bottom:32px}@media (max-width:768px){.product-intro-page .hero h1{font-size:36px}.product-intro-page .grid,.product-intro-page .steps{grid-template-columns:1fr}.product-intro-page .templates{grid-template-columns:repeat(2,1fr)}}
