.pricing-container{max-width:1200px;margin:0 auto;padding:0 20px}.pricing-header{text-align:center;margin-bottom:40px}.pricing-title{color:#000;text-transform:uppercase;font-size:14px;font-weight:500;margin-bottom:12px}.pricing-subtitle{font-size:55px;font-weight:800;color:#000;margin-bottom:16px}.pricing-description{font-size:18px;color:#000;font-weight:400}.pricing-tabs{display:flex;justify-content:center;gap:16px;margin-bottom:40px}.tab-button{padding:8px 16px;border-radius:8px;font-weight:500;cursor:pointer;border:none;transition:all 0.3s ease}.tab-button.active{background-color:#f89f53;color:white}.tab-button:not(.active){background-color:#f3f4f6;color:#6b7280}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;margin-bottom:40px}.pricing-card{position:relative;padding:32px;background:white;border-radius:16px;box-shadow:0 4px 6px rgba(0,0,0,0.1);transition:transform 0.3s ease}.pricing-card:hover{transform:translateY(-5px)}.package-badge{position:absolute;top:16px;left:50%;transform:translateX(-50%);padding:4px 12px;background:#e6e6e6;color:#000;border-radius:9999px;font-size:12px;font-weight:400;text-align:center}.package-type{margin-top:32px;font-size:24px;font-weight:bold;color:#111827;text-align:center}.price-section{margin-top:16px;text-align:center}.price-label{font-size:14px;color:#6b7280}.price{font-size:33px;font-weight:bold;color:#111827;margin-top:4px}.price-period{font-size:16px;color:#6b7280;margin-left:4px}.package-description{margin-top:24px;color:#6b7280;text-align:center;line-height:1.3}.feature-list{margin-top:24px;list-style:none;padding:0}.feature-item{display:flex;align-items:center;margin-bottom:12px;color:#374151}.feature-icon{margin-right:12px;color:#2563eb}.feature-icon.disabled{color:#ef4444}.select-button{display:block;width:100%;padding:12px;margin-top:32px;background:#000;color:white;border:none;border-radius:15px;font-size:18px;font-weight:700;cursor:pointer;text-align:center;transition:background-color 0.3s ease}.select-button:hover{background:#f89f53}.detail-toggle{text-align:center;margin:40px 0}.detail-toggle button{background:transparent;border:1px solid #e5e7eb;padding:8px 24px;border-radius:8px;color:#000;font-size:14px;font-weight:700;cursor:pointer;transition:all 0.3s ease}.detail-toggle button:hover{background:#f4f4f4;color:#f89f53;border-color:#f89f53}.detail-table-container{margin:40px auto;padding:24px;background:white;border-radius:16px;box-shadow:0 4px 6px rgba(0,0,0,0.1);overflow-x:auto}.detail-table{width:100%;border-collapse:separate;border-spacing:0}.detail-table .feature-subtitle{font-size:14px;color:#666;display:block;margin-top:4px;font-weight:normal;line-height:1.4}.detail-table td:first-child{padding-right:20px}.detail-table th,.detail-table td{padding:16px;text-align:left;border-bottom:1px solid #e5e7eb}.detail-table th{background:#f9fafb;font-size:16px;font-weight:700;color:#000!important;text-transform:uppercase}.detail-table tr:last-child td{border-bottom:none}.detail-table td:first-child{font-weight:700;color:#111827}.feature-detail-list{list-style:none;padding:0;margin:8px 0 0 0}.feature-title{font-weight:600;color:#374151;margin-bottom:8px;min-height:24px;display:flex;align-items:center}.feature-detail-list li{margin:4px 0;font-size:14px;color:#6b7280;display:flex;align-items:center}.feature-checkmark{margin-right:8px;color:#2563eb}.info-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:#e5e7eb;color:#6b7280;font-size:12px;margin-left:4px;cursor:help}.security-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.security-badge.basic{background:#f3f4f6;color:#6b7280}.security-badge.standard{background:#f5e9df;color:#f89f53}.security-badge.advanced{background:#000;color:white}.tech-stack{margin-top:12px}.tech-icons{display:flex;gap:12px;justify-content:flex-start;align-items:center;margin-bottom:8px;flex-wrap:wrap}.tech-icon{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center}.tech-icon svg{width:100%;height:100%}@media (max-width:768px){.pricing-grid{grid-template-columns:1fr}.pricing-tabs{flex-direction:column;align-items:stretch}.detail-table-container{padding:16px;margin:20px -16px;border-radius:0}.detail-table th,.detail-table td{padding:12px;font-size:14px}}@media (max-width:480px){.pricing-subtitle{font-size:28px;line-height:1.2em}.pricing-description{font-size:16px;line-height:1.2em}.package-type{font-size:20px}.price{font-size:28px}}