@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}:root{--prfo-primary:217 91% 60%;--prfo-primary-dark:217 91% 45%;--prfo-primary-light:217 91% 75%;--prfo-accent:174 72% 56%;--prfo-accent-dark:174 72% 41%;--prfo-background:220 17% 97%;--prfo-surface:0 0% 100%;--prfo-surface-elevated:0 0% 100%;--prfo-text-primary:220 13% 18%;--prfo-text-secondary:220 9% 46%;--prfo-text-muted:220 9% 66%;--prfo-success:142 71% 25%;--prfo-success-light:142 45% 92%;--prfo-error:0 84% 60%;--prfo-error-light:0 84% 96%;--prfo-border:220 13% 91%;--prfo-shadow:220 13% 18%;--prfo-gradient-primary:linear-gradient(135deg, hsl(var(--prfo-primary)) 0%, hsl(var(--prfo-accent)) 100%);--prfo-gradient-subtle:linear-gradient(180deg, hsl(var(--prfo-surface)) 0%, hsl(220 17% 99%) 100%);--prfo-shadow-sm:0 1px 2px 0 hsl(var(--prfo-shadow) / 0.05);--prfo-shadow-md:0 4px 6px -1px hsl(var(--prfo-shadow) / 0.08), 0 2px 4px -2px hsl(var(--prfo-shadow) / 0.05);--prfo-shadow-lg:0 10px 15px -3px hsl(var(--prfo-shadow) / 0.1), 0 4px 6px -4px hsl(var(--prfo-shadow) / 0.05);--prfo-shadow-xl:0 20px 25px -5px hsl(var(--prfo-shadow) / 0.1), 0 8px 10px -6px hsl(var(--prfo-shadow) / 0.05);--prfo-transition-fast:all 0.15s cubic-bezier(0.4, 0, 0.2, 1);--prfo-transition-base:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);--prfo-transition-slow:all 0.5s cubic-bezier(0.4, 0, 0.2, 1);--prfo-space-xs:0.5rem;--prfo-space-sm:0.75rem;--prfo-space-md:1rem;--prfo-space-lg:1.5rem;--prfo-space-xl:2rem;--prfo-space-2xl:3rem;--prfo-radius-sm:0.375rem;--prfo-radius-md:0.5rem;--prfo-radius-lg:0.75rem;--prfo-radius-xl:1rem}.prfo-winner{border:1px solid hsl(var(--prfo-border));border-top:4px solid #10b981;order:1}.prfo-disclaimer{padding:8px;background-color:#f4f4f5;border-radius:6px;margin-top:16px;font-size:12px;line-height:1.2;color:#818aa2}.prfo-disclaimer ul{padding-left:18px;margin-top:6px}.prfo-list-section ul{padding:0;list-style:none;display:grid;gap:3px}.prfo-disclaimer details{margin-top:16px}.prfo-dis-head{font-weight:600;margin-bottom:6px;margin-top:10px}.prfo-loser{border:1px solid hsl(var(--prfo-border));border-top:4px solid #b93710;order:2}.prfo-container{width:100%;margin:0 auto}.prfo-header{text-align:center;margin-bottom:var(--prfo-space-2xl);padding-top:var(--prfo-space-xl)}.prfo-header h1{font-size:2rem;font-weight:700;margin-bottom:var(--prfo-space-sm)}.prfo-header p{color:hsl(var(--prfo-text-secondary));font-size:1rem}.prfo-card{background:var(--prfo-gradient-subtle);border-radius:var(--prfo-radius-xl);padding:0;margin-bottom:var(--prfo-space-xl);margin-top:32px}.prfo-form-group{margin-bottom:var(--prfo-space-lg)}.prfo-form-label,.prfo-form-label>span{display:block;color:hsl(var(--prfo-text-primary));margin-bottom:var(--prfo-space-sm)}.prfo-form-label{font-weight:600;font-size:.875rem;font-size:16px}.prfo-form-label>span{font-weight:400;font-size:.675rem;line-height:.3}.prfo-form-input,.prfo-form-select{width:100%;padding:var(--prfo-space-md);border:2px solid hsl(var(--prfo-border));border-radius:var(--prfo-radius-md);font-size:1rem;background:hsl(var(--prfo-surface));color:hsl(var(--prfo-text-primary));transition:var(--prfo-transition-fast);outline:0}.prfo-form-select{height:auto;min-height:3rem;white-space:normal;line-height:1.4}.prfo-form-select option{white-space:normal;padding:var(--prfo-space-sm);line-height:1.4}.prfo-form-input:focus,.prfo-form-select:focus{border-color:hsl(var(--prfo-primary));box-shadow:0 0 0 3px hsl(var(--prfo-primary)/.1)}.prfo-form-input::placeholder{color:hsl(var(--prfo-text-muted))}.prfo-btn{width:100%;padding:var(--prfo-space-md) var(--prfo-space-xl);background:#0047f8;color:#fff;border:0;border-radius:var(--prfo-radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--prfo-transition-base);box-shadow:var(--prfo-shadow-md)}.prfo-btn:hover{transform:translateY(-2px);box-shadow:var(--prfo-shadow-xl)}.prfo-btn:active{transform:translateY(0)}.prfo-results{display:none;gap:var(--prfo-space-lg);margin-top:var(--prfo-space-2xl);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:var(--prfo-space-md)}.prfo-results::-webkit-scrollbar{display:none}.prfo-results.prfo-visible{display:grid;animation:fadeIn .5s ease-in}.prfo-result-option{background:hsl(var(--prfo-surface-elevated));border-radius:var(--prfo-radius-lg);padding:16px;box-shadow:var(--prfo-shadow-md);transition:var(--prfo-transition-base);flex-shrink:0;width:100%;scroll-snap-align:start}.result-option:hover{box-shadow:var(--prfo-shadow-lg);transform:translateY(-4px)}.prfo-result-header{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:var(--prfo-space-lg);padding-bottom:var(--prfo-space-md);border-bottom:2px solid hsl(var(--prfo-border))}.eyebrow{font-size:14px;line-height:1;margin-bottom:0}.prfo-result-title{font-size:16px;font-weight:700;color:hsl(var(--prfo-text-primary));margin-top:0;margin-bottom:20px}.prfo-result-value{font-size:1.75rem;font-weight:700;color:#000}.prfo-pros-cons{display:grid;gap:var(--prfo-space-md)}.prfo-list-section h4{font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--prfo-space-sm)}.prfo-pros h4{color:hsl(var(--prfo-success))}.prfo-cons h4{color:hsl(var(--prfo-error))}.prfo-list-section li{padding:var(--prfo-space-sm);border-radius:var(--prfo-radius-sm);font-size:.875rem;display:flex;align-items:start;gap:var(--prfo-space-sm)}.prfo-pros li{background:hsl(var(--prfo-success-light));color:hsl(var(--prfo-success))}.prfo-cons li{background:hsl(var(--prfo-error-light));color:hsl(var(--prfo-error));line-height:1.2}@media (min-width:768px){.prfo-header h1{font-size:2.5rem}.prfo-results{display:none;grid-template-columns:repeat(2,1fr);overflow-x:visible}.prfo-result-option,.prfo-result-option.prfo-winner{width:100%}}