.product-intro-container{padding:0;max-width:1400px;margin:20px auto 0;border-radius:10px;box-shadow:0 10px 30px #24365014;overflow-y:auto;display:flex;flex-direction:column;background:#fff}.seo-intro,.hidden-for-seo{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}.intro-hero{background:linear-gradient(135deg,#f5f9ff,#edf4ff);color:#1f2d3d;padding:50px 40px;border-radius:10px 10px 0 0;border-bottom:1px solid #dce8ff}.intro-hero h2{font-size:2em;margin-bottom:25px;line-height:1.4}.hero-content p{font-size:1.05em;line-height:1.7;margin-bottom:15px}.features-list{list-style:none;padding:0;margin:15px 0 20px;font-size:1.1em;display:flex;gap:30px;flex-wrap:wrap}.features-list li{display:flex;align-items:center;gap:10px}.highlight-text{background:#fff;padding:15px 20px;border-radius:6px;border-left:4px solid #9ab8ff;font-size:.98em;line-height:1.8;color:#334155}.expedite-banner{background:linear-gradient(135deg,#fff7ed,#fffbeb);border-bottom:1px solid #fde2b3}.expedite-banner-content{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.expedite-banner-content p{margin:0;color:#3f3f46;line-height:1.8}.expedite-price{margin-top:8px!important;font-size:1.8rem;font-weight:700;color:#b45309}.expedite-actions{display:flex;gap:12px;flex-wrap:wrap}.intro-section{padding:40px;border-bottom:1px solid #f0f0f0}.intro-section h2{font-size:1.8em;color:#333;margin-bottom:25px;padding-bottom:10px;border-bottom:3px solid #667eea;display:inline-block}.intro-text{font-size:1.05em;color:#555;margin-bottom:20px;line-height:1.7}.value-section{background:#f9f9f9}.value-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px}.value-card{background:#fff;padding:25px;border-radius:8px;border-left:4px solid #667eea;box-shadow:0 2px 8px #0000000f}.value-card.highlight{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-left-color:#764ba2;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.value-icon{font-size:2em;margin-bottom:10px}.value-number{font-size:3em;font-weight:700;color:#667eea;margin-bottom:10px}.value-card p{font-size:.95em;color:#555;line-height:1.7;margin-bottom:10px}.value-card p:last-child{margin-bottom:0}.value-card .small-text{font-size:.85em;color:#999;margin-top:5px}.metrics-section{background:#f5f7fa}.metrics-section h2{border-bottom-color:#ff9800}.feature-card{background:#fff;padding:30px;border-radius:8px;margin-bottom:20px;border:1px solid #e0e0e0;position:relative}.feature-card h4{font-size:1.4em;color:#333;margin:10px 0 15px}.feature-card p{color:#555;line-height:1.7;font-size:.95em;margin-bottom:10px}.feature-card p:last-of-type{margin-bottom:0}.feature-badge{display:inline-block;padding:6px 14px;border-radius:20px;font-size:.85em;font-weight:600;margin-bottom:10px}.feature-badge.free{background-color:#4caf50;color:#fff}.feature-badge.premium{background-color:#ff9800;color:#fff}.free-feature{border-left:4px solid #4caf50}.premium-feature{border-left:4px solid #ff9800}.pricing-example{background:#f5f5f5;padding:15px;border-radius:6px;margin-top:15px}.example-title{font-weight:600;color:#333;margin-bottom:10px}.pricing-example ul{list-style:none;padding:0;margin-bottom:12px}.pricing-example li{color:#555;margin-bottom:6px;padding-left:20px;position:relative}.pricing-example li:before{content:"•";position:absolute;left:0;color:#ff9800;font-weight:700}.cost-highlight{background:#fff3e0;padding:12px;border-radius:4px;color:#e65100;font-weight:600;text-align:center;margin:0}.benefits-section{background:#fff}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px}.benefit-item{background:#f9f9f9;padding:25px;border-radius:8px;border-top:4px solid #667eea;transition:all .3s ease}.benefit-item:hover{box-shadow:0 8px 16px #667eea26;transform:translateY(-4px)}.benefit-number{display:inline-block;width:50px;height:50px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4em;font-weight:700;margin-bottom:15px}.benefit-item h4{font-size:1.15em;color:#333;margin-bottom:10px}.benefit-item p{color:#555;font-size:.9em;line-height:1.7;margin:0}.skill-prompt-buttons{margin-top:14px;display:grid;grid-template-columns:1fr;gap:10px;padding:12px;border-radius:8px}.skill-prompt-button{border:1.5px solid transparent;border-radius:6px;padding:10px 14px;background:transparent;font-size:.88em;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,color .2s ease,background-color .2s ease;width:100%;text-align:center}.skill-prompt-button-skillhub{border-color:#3f74de;color:#3f74de}.skill-prompt-button-redskill{border-color:#d85a66;color:#d85a66}.skill-prompt-button-github{border-color:#5579a8;color:#5579a8}.skill-prompt-button-skillhub.is-copied{border-color:#8fb2f0;color:#8fb2f0;background:#a8c9ff33}.skill-prompt-button-redskill.is-copied{border-color:#e9a0a8;color:#e9a0a8;background:#f3aeb433}.skill-prompt-button-github.is-copied{border-color:#9ab0cd;color:#9ab0cd;background:#a7bad433}.skill-prompt-button:hover{transform:translateY(-1px);box-shadow:0 6px 14px #24365029}.skill-prompt-button:active{transform:translateY(0)}.disclaimer-section{background:#fff5e6;border-top:2px solid #ffcc80;border-bottom:none}.disclaimer-content{background:#fff;padding:20px;border-radius:6px;border-left:4px solid #ff9800}.disclaimer-content p{color:#555;line-height:1.8;font-size:.95em;margin-bottom:12px}.disclaimer-content p:last-child{margin-bottom:0}@media(max-width:768px){.intro-hero{padding:30px 20px}.intro-hero h2{font-size:1.5em;margin-bottom:15px}.hero-content p{font-size:.95em}.features-list{flex-direction:column;gap:10px}.intro-section{padding:25px 20px}.intro-section h3{font-size:1.4em}.value-grid,.benefits-grid{grid-template-columns:1fr}.feature-card{padding:20px}.feature-card h4{font-size:1.15em}.skill-prompt-buttons{padding:10px}.skill-prompt-button{width:100%}}@media(max-width:480px){.intro-hero{padding:20px 15px;border-radius:0}.intro-hero h2{font-size:1.3em}.intro-section{padding:20px 15px}.intro-section h3{font-size:1.2em}.benefit-item{padding:15px}}