.hero{padding:var(--space-12) var(--space-4);text-align:center;border-bottom:2px solid var(--border-strong);background-color:var(--bg-secondary);background-image:radial-gradient(var(--border) 1px, transparent 1px);background-size:20px 20px}.hero-badge{font-family:var(--font-display);letter-spacing:.1em;padding:var(--space-1) var(--space-3);background-color:var(--accent-primary);color:var(--accent-secondary);margin-bottom:var(--space-4);border:2px solid var(--border-strong);font-size:.8rem;font-weight:700;display:inline-block}.hero h1{max-width:800px;margin:0 auto var(--space-6);color:var(--text-primary);text-transform:uppercase;letter-spacing:-.03em;font-size:clamp(1.8rem,5vw,3.25rem);line-height:1.1}.hero p{color:var(--text-secondary);max-width:600px;margin:0 auto var(--space-8);font-size:1.15rem;line-height:1.6}.hero-actions{justify-content:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.section-header{text-align:center;margin-bottom:var(--space-12)}.section-badge{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted);margin-bottom:var(--space-2);font-size:.75rem;font-weight:700;display:inline-block}.section-header h2{text-transform:uppercase;letter-spacing:-.02em;margin:0;font-size:2.25rem}.recent-items{padding:var(--space-12) var(--space-4);background-color:var(--bg-primary);border-bottom:2px solid var(--border-strong)}.items-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));max-width:1200px;margin:0 auto;display:grid}.how-it-works{padding:var(--space-12) var(--space-4);background-color:var(--bg-secondary);border-bottom:2px solid var(--border-strong)}.steps-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));max-width:1200px;margin:0 auto;display:grid}.step-card{background-color:var(--bg-card);border:2px solid var(--border-strong);box-shadow:var(--shadow-sm);padding:var(--space-8) var(--space-6);text-align:left;gap:var(--space-3);transition:all var(--transition-fast);flex-direction:column;display:flex;position:relative}.step-card:hover{box-shadow:var(--shadow-md);transform:translate(-2px,-2px)}.step-index{font-family:var(--font-display);color:var(--border);top:var(--space-4);right:var(--space-4);-webkit-user-select:none;user-select:none;font-size:3rem;font-weight:700;line-height:1;position:absolute}.step-card h3{font-family:var(--font-display);text-transform:uppercase;z-index:2;letter-spacing:-.01em;margin:0;font-size:1.35rem}.step-card p{color:var(--text-secondary);z-index:2;font-size:.925rem;line-height:1.6}.features-section{padding:var(--space-12) var(--space-4);background-color:var(--bg-primary);border-bottom:2px solid var(--border-strong)}.features-bento{gap:var(--space-6);grid-template-columns:repeat(3,1fr);max-width:1200px;margin:0 auto;display:grid}.bento-card{background-color:var(--bg-card);border:2px solid var(--border-strong);box-shadow:var(--shadow-sm);transition:all var(--transition-fast);flex-direction:column;display:flex}.bento-card:hover{box-shadow:var(--shadow-md);transform:translate(-2px,-2px)}.bento-large{grid-column:span 2}.bento-card-content{padding:var(--space-8);gap:var(--space-4);text-align:left;flex-direction:column;justify-content:flex-start;height:100%;display:flex}.bg-danger{background-color:var(--danger);color:#fff}.bg-primary{background-color:var(--accent-primary);color:var(--accent-secondary)}.bg-success{background-color:var(--success);color:#fff}.bento-card-content h3{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.01em;margin:0;font-size:1.5rem}.bento-card-content p{color:var(--text-secondary);margin:0;font-size:.95rem;line-height:1.6}.bento-badge-group{gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.bento-tag{border:2px dashed var(--border);color:var(--text-secondary);padding:2px 8px;font-size:.75rem;font-weight:600}.safety-spotlight{padding:var(--space-12) var(--space-4);background-color:var(--bg-primary)}.safety-container{gap:var(--space-8);grid-template-columns:1fr 1fr;max-width:1200px;margin:0 auto;display:grid}.safety-card{background-color:var(--bg-card);border:2px solid var(--border-strong);box-shadow:var(--shadow-sm);padding:var(--space-8) var(--space-6);gap:var(--space-4);transition:all var(--transition-fast);flex-direction:column;display:flex}.safety-card:hover{box-shadow:var(--shadow-md);transform:translate(-2px,-2px)}.safety-card h3{text-transform:uppercase;align-items:center;gap:var(--space-2);margin:0;font-size:1.35rem;display:flex}.safety-intro{color:var(--text-primary);margin:0;font-size:1rem;font-weight:500}.safety-list{gap:var(--space-4);flex-direction:column;list-style:none;display:flex}.safety-list li{align-items:flex-start;gap:var(--space-3);display:flex}.list-number{font-family:var(--font-display);color:var(--text-primary);font-size:1.1rem;font-weight:700;line-height:1.3}.list-content{color:var(--text-secondary);font-size:.925rem;line-height:1.6}.disclaimer-banner{max-width:1200px;margin:var(--space-12) auto 0;border:2px solid var(--border-strong);background-color:var(--bg-secondary);padding:var(--space-4) var(--space-6);align-items:center;gap:var(--space-4);box-shadow:var(--shadow-sm);text-align:left;display:flex}.disclaimer-banner p{color:var(--text-secondary);margin:0;font-size:.85rem;line-height:1.5}@media (max-width:768px){.features-bento{gap:var(--space-4);grid-template-columns:1fr}.bento-large{grid-column:span 1}.safety-container{gap:var(--space-6);grid-template-columns:1fr}}@media (max-width:640px){.hero{padding:var(--space-12) var(--space-3)}.hero h1{margin-bottom:var(--space-4);font-size:1.75rem;line-height:1.2}.hero p{margin-bottom:var(--space-8);font-size:.9rem;line-height:1.5}.hero-actions{justify-content:center;gap:var(--space-2);flex-direction:row;width:100%;max-width:380px;margin:0 auto}.hero-actions .btn{flex:1;justify-content:center;padding:.5rem;font-size:.875rem}.steps-grid{gap:var(--space-4);grid-template-columns:1fr}.disclaimer-banner{text-align:center;padding:var(--space-4);gap:var(--space-3);flex-direction:column}.safety-spotlight,.how-it-works,.recent-items,.features-section{padding:var(--space-8) var(--space-3)}.section-header{margin-bottom:var(--space-8)}.section-header h2{font-size:1.5rem}.bento-card-content{padding:var(--space-6)}}