:root{--primary-blue: #3b82f6;--dark-blue: #1e3a8a;--amber: #f59e0b;--emerald: #10b981;--slate-50: #f8fafc;--slate-100: #f1f5f9;--slate-200: #e2e8f0;--slate-300: #cbd5e1;--slate-400: #94a3b8;--slate-500: #64748b;--slate-600: #475569;--slate-800: #1e293b;--slate-900: #0f172a;--white: #ffffff;--shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);--shadow-lg: 0 20px 25px -5px rgb(0 0 0 / 0.1)}main{color:var(--slate-800)}main *{box-sizing:border-box;color:inherit;font-size:inherit}body{background-color:var(--white);line-height:1.8}main a{color:inherit;transition:.3s ease}main p{font-size:1rem;font-weight:normal}.container{max-width:1000px;margin:0 auto;padding:0 1.5rem}.page-header{padding:4rem 0 3rem;text-align:center;background:linear-gradient(to bottom, #eff6ff, var(--white))}.headerGradientText{font-size:2.5rem;font-weight:900;background:linear-gradient(135deg, var(--dark-blue) 0%, var(--primary-blue) 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);margin-bottom:1rem}.explanation-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:5rem}@media(min-width: 768px){.explanation-grid{grid-template-columns:1fr 1fr}}.explanation-card{background:var(--slate-50);border:2px solid var(--slate-200);padding:2rem;border-radius:1.5rem;position:relative}.explanation-card.recommended{border-color:var(--primary-blue);background:#f0f7ff}.explanation-card .badge{position:absolute;top:-12px;left:2rem;background:var(--primary-blue);color:#fff;padding:.2rem 1rem;border-radius:99px;font-size:.75rem;font-weight:800}.explanation-card h3{font-size:1.25rem;font-weight:800;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem;color:var(--dark-blue)}.explanation-card p{font-size:.9rem;color:var(--slate-600)}.guide-step-title{margin:4rem 0 2rem;font-size:1.75rem;font-weight:800;color:var(--slate-900);display:flex;align-items:center;gap:.75rem}.guide-step-title .number{width:40px;height:40px;background:var(--dark-blue);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.sub-heading{font-size:1.25rem;font-weight:800;color:var(--slate-700);margin:2.5rem 0 1.5rem;padding-left:1rem;border-left:5px solid var(--amber)}.product-list{display:flex;flex-direction:column;gap:1rem}.product-item{background:#fff;border:1px solid var(--slate-200);border-radius:1.25rem;overflow:hidden;display:flex;align-items:center;transition:.2s}.product-item:hover{transform:translateX(5px);border-color:var(--primary-blue);box-shadow:var(--shadow)}.product-img{width:120px;aspect-ratio:1/1;background:var(--slate-50);flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--slate-300);font-size:.7rem;font-weight:800;border-right:1px solid var(--slate-100)}.product-img img{width:100%;height:100%;object-fit:cover}.product-content{padding:1.25rem;flex-grow:1;display:flex;align-items:center;justify-content:space-between;gap:1rem}.product-info h4{font-weight:800;font-size:1.1rem;color:var(--dark-blue)}.product-info p{font-size:.8rem;color:var(--slate-500);margin-top:.25rem}.product-links{display:flex;gap:.5rem}.btn-sm{padding:.5rem 1rem;border-radius:99px;font-size:.75rem;font-weight:800;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:.3rem}.btn-sm:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.btn-amazon{background:#232f3e;color:#fff}.btn-amazon:hover{background:#37475a}.btn-detail{border:1px solid var(--primary-blue);color:var(--primary-blue)}.btn-detail:hover{background:var(--primary-blue);color:#fff}.feature-callout{background:var(--slate-900);color:#fff;border-radius:1.5rem;padding:2rem;margin:2rem 0;display:flex;gap:1.5rem;align-items:center}.feature-callout i{color:var(--amber)}.feature-callout div h5{color:var(--amber);font-weight:800;margin-bottom:.5rem}.feature-callout div p{font-size:.9rem;opacity:.8;line-height:1.6}@media(max-width: 640px){.product-item{flex-direction:column}.product-img{width:100%;aspect-ratio:16/7;border-right:none;border-bottom:1px solid var(--slate-100)}.product-content{flex-direction:column;align-items:flex-start;width:100%}.product-links{width:100%}.product-links a{flex:1}.headerGradientText{font-size:1.75rem}}