.security-hero-section{padding:2rem 0}.security-feature-section{min-height:auto}.security-feature-header{margin-bottom:2rem;display:flex;flex-direction:column;gap:1rem}.security-badge{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:20px;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:1px;width:fit-content}.security-feature-title{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;color:#1f2937;margin:0;line-height:1.3}.security-availability-badge{display:inline-flex;align-items:center;padding:6px 12px;background:#10b9811a;color:#10b981cc;border:1px solid rgba(16,185,129,.2);border-radius:16px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;width:fit-content}.security-feature-content{display:flex;flex-direction:column;gap:1.5rem}.security-detail-card{background:#fff9;backdrop-filter:blur(15px);border-radius:16px;padding:1.5rem;border:1px solid rgba(255,255,255,.4);box-shadow:0 4px 15px #0000000d;flex:1;min-height:120px;display:flex;flex-direction:column}.security-detail-title{font-size:1rem;font-weight:700;color:#374151;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.security-detail-card:nth-child(1) .security-detail-title:before{content:"💡";font-size:1rem}.security-detail-card:nth-child(2) .security-detail-title:before{content:"🎯";font-size:1rem}.security-detail-card:nth-child(3) .security-detail-title:before{content:"⚙️";font-size:1rem}.security-detail-card:nth-child(4) .security-detail-title:before{content:"🛠️";font-size:1rem}.security-detail-text{font-size:.95rem;line-height:1.6;color:#4b5563;margin:0;flex-grow:1}@media (min-width: 1024px){.security-feature-section .max-w-6xl>.flex{align-items:stretch}.security-feature-section .flex-1:first-child{display:flex;flex-direction:column}.security-feature-content{flex-grow:1;display:grid;grid-template-columns:1fr;gap:1rem}.security-detail-card{min-height:140px}}.security-feature-section .flex-1:last-child{display:flex;flex-direction:column;justify-content:flex-start}@media (max-width: 768px){.security-feature-section{padding:3rem 0}.security-detail-card{min-height:100px;padding:1.25rem}.security-feature-header{margin-bottom:1.5rem;text-align:center}.security-feature-title{font-size:1.5rem}.security-feature-section .flex-col{gap:2rem}}@media (min-width: 768px) and (max-width: 1024px){.security-feature-section pre{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:12px}.security-detail-card{min-height:auto;padding:1.25rem}.security-feature-content{gap:1.25rem}}.security-feature-section+.security-feature-section{border-top:1px solid rgba(255,255,255,.2)}.security-levels-breakdown{margin-bottom:2rem;padding:2rem;background:linear-gradient(135deg,#fffffff2,#ffffffd9);backdrop-filter:blur(15px);border-radius:16px;border:1px solid rgba(255,255,255,.4);box-shadow:0 4px 15px #0000000d}.security-level-breakdown{margin-bottom:1rem;padding:.75rem 0;color:#374151;font-size:.95rem;line-height:1.5;border-bottom:1px solid rgba(255,255,255,.3)}.security-level-breakdown:last-child{border-bottom:none;margin-bottom:0}.security-level-breakdown strong{color:#1f2937;font-weight:700}.security-level-breakdown code{background:#3700ff1a;color:#3700ffcc;padding:2px 6px;border-radius:4px;font-size:.85rem;font-weight:600}.security-introduction-section{background:linear-gradient(135deg,#3b82f60d,#10b9810d);border-top:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2)}.inline-screenshot{max-width:100%;border-radius:8px;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 15px #0000001a;margin:1.5rem 0}
