:root{--pdd-primary:#2563eb;--pdd-primary-dark:#1d4ed8;--pdd-gradient-start:#2563eb;--pdd-gradient-end:#06b6d4;--pdd-bg-dark:#0a0a0f;--pdd-bg-card:#14141a;--pdd-bg-elevated:#1a1a24;--pdd-text:#f8fafc;--pdd-text-muted:#94a3b8;--pdd-border:#ffffff14;--pdd-accent-glow:#2563eb66}.pdd-page{background:var(--pdd-bg-dark);color:var(--pdd-text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,sans-serif;line-height:1.5;overflow-x:hidden}.pdd-container{max-width:1280px;margin:0 auto;padding:0 24px}.pdd-hero{text-align:center;background:radial-gradient(at 70% 30%,#2563eb26,#0000 70%);padding:80px 0 64px}.pdd-hero-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);letter-spacing:.5px;color:var(--pdd-primary);background:#2563eb1f;border:1px solid #2563eb4d;border-radius:100px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 16px;font-size:.85rem;font-weight:600;display:inline-flex}.pdd-hero-title{letter-spacing:-.02em;background:linear-gradient(135deg,#fff,#93c5fd,var(--pdd-gradient-end));color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:3.5rem;font-weight:800}.pdd-hero-subhead{color:var(--pdd-text-muted);margin-top:8px;font-size:1.25rem;font-weight:500;display:block}.pdd-hero-desc{max-width:700px;color:var(--pdd-text-muted);margin:24px auto;font-size:1.125rem}.pdd-hero-cta{flex-direction:column;align-items:center;gap:12px;margin:32px 0 24px;display:flex}.pdd-btn-primary{background:linear-gradient(135deg,var(--pdd-gradient-start),var(--pdd-gradient-end));color:#fff;border-radius:100px;padding:14px 32px;font-size:1rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-block}.pdd-btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 24px -8px #2563eb66}.pdd-free-badge{color:var(--pdd-text-muted);font-size:.8rem}.pdd-trust-flags{color:var(--pdd-text-muted);flex-wrap:wrap;justify-content:center;gap:20px;margin-top:32px;font-size:.85rem;display:flex}.pdd-trust-flags span{align-items:center;gap:6px;display:inline-flex}.pdd-prompt-tool{padding:40px 0}.pdd-prompt-card{background:var(--pdd-bg-card);border:1px solid var(--pdd-border);border-radius:32px;padding:32px;box-shadow:0 12px 32px -12px #0006}.pdd-prompt-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.pdd-prompt-icon{font-size:2rem}.pdd-prompt-header h2{margin:0;font-size:1.6rem;font-weight:700}.pdd-prompt-desc{color:var(--pdd-text-muted);margin-bottom:24px}.pdd-prompt-form,.pdd-prompt-input-group{flex-direction:column;gap:16px;display:flex}.pdd-prompt-textarea{background:var(--pdd-bg-elevated);border:1px solid var(--pdd-border);color:var(--pdd-text);resize:vertical;border-radius:20px;padding:16px;font-family:inherit;font-size:.95rem;transition:border-color .2s}.pdd-prompt-textarea:focus{border-color:var(--pdd-primary);outline:none}.pdd-submit-btn{background:linear-gradient(135deg,var(--pdd-gradient-start),var(--pdd-gradient-end));color:#fff;cursor:pointer;border:none;border-radius:100px;padding:14px 24px;font-size:1rem;font-weight:700;transition:transform .2s}.pdd-submit-btn:hover{transform:scale(1.02)}.pdd-prompt-hints{color:var(--pdd-text-muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:.85rem;display:flex}.pdd-hint-chip{color:var(--pdd-text-muted);background:#2563eb1a;border:1px solid #2563eb33;border-radius:100px;padding:6px 14px;font-size:.75rem;display:inline-block}.pdd-section-title{text-align:center;margin-bottom:16px;font-size:2rem;font-weight:700}.pdd-section-sub{text-align:center;color:var(--pdd-text-muted);max-width:600px;margin-bottom:48px;margin-left:auto;margin-right:auto}.pdd-usecases{padding:64px 0}.pdd-usecase-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.pdd-usecase-card{background:var(--pdd-bg-card);border:1px solid var(--pdd-border);border-radius:24px;padding:24px;transition:transform .2s}.pdd-usecase-card:hover{transform:translateY(-4px)}.pdd-uc-icon{background:#2563eb26;border-radius:20px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:20px;font-size:1.5rem;display:flex}.pdd-uc-icon.saas{background:#2563eb26}.pdd-uc-icon.ecommerce{background:#f59e0b26}.pdd-uc-icon.mobile{background:#a855f726}.pdd-uc-icon.agency{background:#ec489926}.pdd-usecase-card h3{margin-bottom:12px;font-size:1.25rem}.pdd-usecase-card p{color:var(--pdd-text-muted);margin-bottom:16px;font-size:.9rem}.pdd-uc-example{background:var(--pdd-bg-elevated);color:var(--pdd-text-muted);border-radius:12px;padding:8px 12px;font-size:.8rem}.pdd-howto{background:linear-gradient(#0000,#2563eb0d,#0000);padding:64px 0}.pdd-steps{flex-direction:column;gap:32px;max-width:800px;margin:0 auto;display:flex}.pdd-step{background:var(--pdd-bg-card);border:1px solid var(--pdd-border);border-radius:24px;gap:24px;padding:24px;display:flex}.pdd-step-num{background:linear-gradient(135deg,var(--pdd-gradient-start),var(--pdd-gradient-end));border-radius:100px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.25rem;font-weight:800;display:flex}.pdd-step-content h3{margin-bottom:8px;font-size:1.25rem}.pdd-step-content p{color:var(--pdd-text-muted)}.pdd-bestpractices{padding:64px 0}.pdd-bp-grid{background:var(--pdd-bg-card);border:1px solid var(--pdd-border);border-radius:32px;grid-template-columns:1fr 1fr;gap:32px;padding:40px;display:grid}.pdd-bp-badge{text-transform:uppercase;letter-spacing:1px;color:var(--pdd-primary);font-size:.75rem;font-weight:700}.pdd-bp-content h2{margin:16px 0 24px;font-size:1.75rem}.pdd-bp-list{flex-direction:column;gap:16px;padding:0;list-style:none;display:flex}.pdd-bp-list li{border-left:2px solid var(--pdd-primary);padding-left:24px}.pdd-bp-card{background:var(--pdd-bg-elevated);border-radius:24px;padding:24px}.pdd-bp-card h3{margin-bottom:12px}.pdd-bp-stats{flex-direction:column;gap:8px;margin-top:20px;font-size:.85rem;display:flex}.pdd-examples{background:var(--pdd-bg-card);padding:64px 0}.pdd-examples-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;display:grid}.pdd-example-card{background:var(--pdd-bg-elevated);border:1px solid var(--pdd-border);border-radius:24px;padding:24px}.pdd-example-icon{margin-bottom:16px;font-size:2rem}.pdd-example-card h3{margin-bottom:12px;font-size:1.2rem}.pdd-example-card p{color:var(--pdd-text-muted);margin-bottom:12px;font-size:.85rem}.pdd-example-result{background:#2563eb1a;border-radius:12px;margin-top:12px;padding:10px 12px;font-size:.8rem}.pdd-mistakes{padding:64px 0}.pdd-mistakes-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;display:grid}.pdd-mistake-card{background:var(--pdd-bg-card);border:1px solid #ef444433;border-radius:20px;padding:24px}.pdd-mistake-icon{margin-bottom:12px;font-size:1.8rem;display:block}.pdd-mistake-card h3{margin-bottom:8px;font-size:1.1rem}.pdd-mistake-card p{color:var(--pdd-text-muted);font-size:.85rem}.pdd-advanced{padding:64px 0}.pdd-advanced-box{background:linear-gradient(135deg,#2563eb1a,#06b6d40d);border:1px solid #2563eb4d;border-radius:32px;padding:48px}.pdd-advanced-badge{text-transform:uppercase;letter-spacing:1px;background:#2563eb4d;border-radius:100px;padding:4px 12px;font-size:.7rem}.pdd-advanced-box h2{margin:16px 0 32px;font-size:1.75rem}.pdd-advanced-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;display:grid}.pdd-advanced-item h3{margin-bottom:8px;font-size:1.1rem}.pdd-advanced-item p{color:var(--pdd-text-muted);font-size:.85rem}.pdd-styles{background:var(--pdd-bg-card);padding:64px 0}.pdd-styles-grid{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.pdd-style-item{background:var(--pdd-bg-elevated);border:1px solid var(--pdd-border);border-radius:100px;padding:8px 20px;font-size:.85rem}.pdd-internallinks{padding:64px 0}.pdd-links-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.pdd-link-card{background:var(--pdd-bg-elevated);border:1px solid #0000;border-radius:20px;align-items:center;gap:16px;padding:16px 20px;text-decoration:none;transition:all .2s;display:flex}.pdd-link-card:hover{border-color:var(--pdd-primary);transform:translate(4px)}.pdd-link-card span{font-size:1.8rem}.pdd-link-card strong{color:var(--pdd-text);display:block}.pdd-link-card p{color:var(--pdd-text-muted);margin:0;font-size:.8rem}.pdd-primary-link{background:linear-gradient(135deg,#2563eb26,#06b6d41a);border:1px solid #2563eb4d}.pdd-faq{background:var(--pdd-bg-card);padding:64px 0}.pdd-faq-grid{flex-direction:column;gap:16px;max-width:800px;margin:0 auto;display:flex}.pdd-faq-item{background:var(--pdd-bg-elevated);border-radius:20px;padding:0}.pdd-faq-item summary{cursor:pointer;border-radius:20px;padding:20px 24px;font-weight:700;list-style:none;transition:background .2s}.pdd-faq-item summary::-webkit-details-marker{display:none}.pdd-faq-item summary:before{content:"▶";color:var(--pdd-primary);margin-right:12px;font-size:.7rem;display:inline-block}.pdd-faq-item[open] summary:before{content:"▼"}.pdd-faq-item p{color:var(--pdd-text-muted);margin:0;padding:0 24px 24px}.pdd-final-cta{padding:80px 0}.pdd-final-card{background:linear-gradient(135deg,var(--pdd-bg-card),#2563eb1a);text-align:center;border:1px solid #2563eb4d;border-radius:48px;padding:64px 32px}.pdd-final-card h2{margin-bottom:16px;font-size:2rem}.pdd-final-card p{color:var(--pdd-text-muted);margin-bottom:32px;font-size:1.1rem}.pdd-btn-primary-large{background:linear-gradient(135deg,var(--pdd-gradient-start),var(--pdd-gradient-end));color:#fff;border-radius:100px;margin-bottom:32px;padding:16px 40px;font-size:1.1rem;font-weight:800;text-decoration:none;transition:transform .2s;display:inline-block}.pdd-btn-primary-large:hover{transform:translateY(-3px);box-shadow:0 16px 32px -12px #2563eb80}.pdd-final-features{color:var(--pdd-text-muted);flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:24px;font-size:.85rem;display:flex}.pdd-final-note{font-size:.85rem}.pdd-final-note a{color:var(--pdd-primary);text-decoration:none}@media (max-width:768px){.pdd-hero-title{font-size:2rem}.pdd-bp-grid{grid-template-columns:1fr}.pdd-step{text-align:center;flex-direction:column}.pdd-step-num{margin:0 auto}.pdd-advanced-box{padding:24px}.pdd-final-card{padding:32px 20px}.pdd-container{padding:0 16px}}