.feel-the-difference-container{width:100%;max-width:1200px;margin:0 auto;padding:2rem 1rem}.ftd-header{text-align:center;margin-bottom:2rem}.ftd-title{font-size:2.5rem;font-weight:700;margin:0 0 .5rem;color:#1f2937}.ftd-subtitle{font-size:1.125rem;color:#6b7280;margin:0}.ftd-comparison-container{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:0;height:500px;border-radius:1rem;overflow:hidden;box-shadow:0 20px 40px #0000001a}.ftd-panel{position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;padding:2rem;overflow:hidden;transition:background-color .3s ease}.ftd-panel-chaos{background:linear-gradient(135deg,#f5f3f0,#f0ebe5);background-attachment:fixed;position:relative}.ftd-panel-chaos:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.02) 2px,rgba(0,0,0,.02) 4px);pointer-events:none;opacity:.5}.ftd-panel-organized{background:linear-gradient(135deg,#fafaf8,#f8f6f3);background-attachment:fixed}.ftd-chaos-content,.ftd-organized-content{position:relative;flex:1;display:flex;align-items:center;justify-content:center;z-index:10}.ftd-floating-card{position:absolute;width:120px;height:80px;border-radius:.5rem;padding:.75rem;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 4px 12px #00000014;animation:drift 4s ease-in-out infinite;cursor:grab}.ftd-floating-card:nth-child(1){animation-delay:0s,0s;top:15%;left:10%}.ftd-floating-card:nth-child(2){animation-delay:.2s,.3s;top:25%;right:15%}.ftd-floating-card:nth-child(3){animation-delay:.4s,.6s;top:50%;left:5%;animation-name:drift-alt}.ftd-floating-card:nth-child(4){animation-delay:.6s,.9s;top:35%;right:25%}.ftd-floating-card:nth-child(5){animation-delay:.8s,1.2s;bottom:20%;left:20%;animation-name:drift-alt}.ftd-floating-card:nth-child(6){animation-delay:1s,1.5s;top:60%;right:10%}.ftd-floating-card:nth-child(7){animation-delay:1.2s,1.8s;bottom:15%;right:30%;animation-name:drift-alt}.ftd-floating-card:nth-child(8){animation-delay:1.4s,2.1s;top:40%;left:35%}.ftd-floating-card:nth-child(9){animation-delay:1.6s,2.4s;bottom:25%;left:45%;animation-name:drift-alt}@keyframes drift{0%,to{transform:translateY(0) translate(0)}25%{transform:translateY(-8px) translate(4px)}50%{transform:translateY(-4px) translate(-6px)}75%{transform:translateY(6px) translate(3px)}}@keyframes drift-alt{0%,to{transform:translateY(0) translate(0)}33%{transform:translateY(6px) translate(-5px)}66%{transform:translateY(-5px) translate(4px)}}.ftd-card-lines{display:flex;flex-direction:column;gap:.4rem;flex:1}.ftd-line{height:2px;background:#0003;border-radius:1px}.ftd-line.short{width:70%}.ftd-card-dot{width:8px;height:8px;border-radius:50%;background:#ef4444;animation:pulse-dot 2s ease-in-out infinite}.ftd-floating-card:nth-child(2n) .ftd-card-dot{background:#f97316;animation-delay:.5s}.ftd-floating-card:nth-child(3n) .ftd-card-dot{background:#eab308;animation-delay:1s}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.ftd-blinking-cursor{position:absolute;bottom:20px;left:20px;font-size:1.5rem;color:#6b7280;animation:blink 1s ease-in-out infinite;font-weight:700}@keyframes blink{0%,49%,to{opacity:1}50%,99%{opacity:0}}.ftd-static-chaos{position:relative;width:100%;height:100%}.ftd-card-static{position:absolute;width:100px;height:70px;border-radius:.5rem;padding:.75rem;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 4px 12px #00000014}.ftd-card-static:nth-child(1){top:15%;left:10%}.ftd-card-static:nth-child(2){top:25%;right:15%}.ftd-card-static:nth-child(3){top:50%;left:5%}.ftd-card-static:nth-child(4){top:35%;right:25%}.ftd-card-static:nth-child(5){bottom:20%;left:20%}.ftd-card-static:nth-child(6){top:60%;right:10%}.ftd-card-static:nth-child(7){bottom:15%;right:30%}.ftd-card-static:nth-child(8){top:40%;left:35%}.ftd-card-static:nth-child(9){bottom:25%;left:45%}.bg-red-100{background-color:#fee2e2;border:1px solid #fecaca}.bg-orange-100{background-color:#ffedd5;border:1px solid #fed7aa}.bg-yellow-100{background-color:#fef3c7;border:1px solid #fde047}.bg-blue-100{background-color:#dbeafe;border:1px solid #bfdbfe}.ftd-card-text{font-size:.75rem;font-weight:600;color:#00000080;margin:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.ftd-glow-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;background:radial-gradient(circle,rgba(197,165,114,.15) 0%,transparent 70%);border-radius:50%;pointer-events:none;z-index:1}.ftd-organized-content{flex-direction:column;gap:1rem;align-items:flex-start;padding-left:2rem}.ftd-organized-card{width:100%;max-width:280px;padding:1rem 1.25rem;border-radius:.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;box-shadow:0 2px 8px #c5a5721f;animation:slideIn .5s ease-out forwards;opacity:0;position:relative;z-index:2}.gold-accent{background:linear-gradient(135deg,#d4af4f,#c5a572);color:#fff}.gold-light{background:linear-gradient(135deg,#e8c9a0,#d9b892);color:#fff}.gold-muted{background:linear-gradient(135deg,#d4cfc9,#c9c0b8);color:#ffffffe6}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@media(prefers-reduced-motion:reduce){.ftd-organized-card{animation:none;opacity:1}}.ftd-card-indicator{width:12px;height:12px;border-radius:50%;background:#fff9;flex-shrink:0;animation:subtlePulse 2s ease-in-out infinite}@keyframes subtlePulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}@media(prefers-reduced-motion:reduce){.ftd-card-indicator{animation:none}}.ftd-progress-section{margin-top:1.5rem;width:100%;max-width:280px;position:relative;z-index:2}.ftd-progress-label{font-size:.875rem;font-weight:600;color:#0009;margin-bottom:.5rem}.ftd-progress-bar{width:100%;height:6px;background:#0000001a;border-radius:3px;overflow:hidden;margin-bottom:.5rem}.ftd-progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:3px;animation:fillExpand 1.5s ease-out .5s both}@keyframes fillExpand{0%{width:0}to{width:var(--width, 60%)}}@media(prefers-reduced-motion:reduce){.ftd-progress-fill{animation:none}}.ftd-progress-text{font-size:.75rem;color:#00000080;font-weight:500}.ftd-divider{position:absolute;top:0;left:var(--divider-position, 50%);width:44px;height:100%;display:flex;align-items:center;justify-content:center;cursor:col-resize;transform:translate(-50%);z-index:20;transition:left .05s linear;outline:none}.ftd-divider:focus-visible{outline:2px solid #c5a572;outline-offset:2px}.ftd-divider-line{position:absolute;top:0;left:50%;width:2px;height:100%;background:linear-gradient(180deg,transparent 0%,#c5a572 20%,#c5a572 80%,transparent 100%);transform:translate(-50%)}.ftd-divider-handle{position:relative;z-index:21;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#c5a572,#d4af4f);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 16px #c5a5724d;transition:all .2s ease}.ftd-divider:hover .ftd-divider-handle{transform:scale(1.1);box-shadow:0 6px 20px #c5a57266}.ftd-divider.dragging .ftd-divider-handle{transform:scale(1.15);box-shadow:0 8px 24px #c5a57280}.ftd-divider-handle svg{width:16px;height:16px;stroke-width:1.5}.ftd-comparison-container .ftd-panel-chaos{clip-path:polygon(0 0,var(--divider-position) 0,var(--divider-position) 100%,0 100%)}.ftd-label{position:absolute;bottom:1rem;left:1.5rem;right:1.5rem;font-size:.875rem;font-weight:600;color:#00000080;text-align:left}.ftd-panel-organized .ftd-label{color:#0009}.ftd-mobile-wrapper{display:none;flex-direction:column;gap:1.5rem}.ftd-mobile-toggle{display:none;gap:1rem;justify-content:center;margin-bottom:1rem}.ftd-toggle-btn{padding:.75rem 1.5rem;border:2px solid #d1d5db;background:#fff;border-radius:.5rem;font-weight:600;font-size:1rem;color:#6b7280;cursor:pointer;transition:all .3s ease}.ftd-toggle-btn.active{background:#c5a572;color:#fff;border-color:#c5a572}.ftd-toggle-btn:hover:not(.active){border-color:#c5a572;color:#c5a572}@media(max-width:767px){.ftd-comparison-container{display:none}.ftd-mobile-wrapper,.ftd-mobile-toggle{display:flex}.ftd-panel{height:400px;border-radius:1rem;box-shadow:0 10px 25px #0000001a}.ftd-title{font-size:1.875rem}.ftd-subtitle{font-size:1rem}}html.dark .feel-the-difference-container{background:transparent}html.dark .ftd-title{color:#f3f4f6}html.dark .ftd-subtitle{color:#9ca3af}html.dark .ftd-panel-chaos{background:linear-gradient(135deg,#2d2520,#1f1a15)}html.dark .ftd-panel-chaos:before{background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.02) 2px,rgba(255,255,255,.02) 4px)}html.dark .ftd-panel-organized{background:linear-gradient(135deg,#1f1f1d,#171715)}html.dark .ftd-floating-card{box-shadow:0 4px 12px #0000004d}html.dark .ftd-card-lines{opacity:.8}html.dark .bg-red-100{background-color:#7f1d1d;border-color:#991b1b}html.dark .bg-orange-100{background-color:#7c2d12;border-color:#9a3412}html.dark .bg-yellow-100{background-color:#713f12;border-color:#854d0e}html.dark .bg-blue-100{background-color:#1e3a8a;border-color:#1e40af}html.dark .ftd-organized-card{box-shadow:0 2px 8px #c5a57233}html.dark .ftd-label{color:#fff9}html.dark .ftd-panel-organized .ftd-label{color:#ffffffb3}html.dark .ftd-progress-label,html.dark .ftd-progress-text{color:#fff9}html.dark .ftd-progress-bar{background:#ffffff1a}html.dark .ftd-toggle-btn{background:#2d2d2d;border-color:#4b5563;color:#d1d5db}html.dark .ftd-toggle-btn.active{background:#c5a572;color:#0f0f0f}html.dark .ftd-toggle-btn:hover:not(.active){border-color:#c5a572;color:#c5a572}@media(prefers-reduced-motion:reduce){.ftd-floating-card{animation:none}.ftd-blinking-cursor{animation:none;opacity:0}.ftd-card-dot{animation:none}.ftd-organized-card{animation:none;opacity:1;transform:none}.ftd-card-indicator,.ftd-progress-fill{animation:none}.ftd-divider-handle{transition:none}.ftd-divider:hover .ftd-divider-handle,.ftd-divider.dragging .ftd-divider-handle{transform:none}}