.framework{padding:100px 5%;background:#ffffff;position:relative;overflow:hidden}.framework-container{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.framework-content{max-width:580px}.framework-title{font-size:clamp(32px,4vw,48px);font-weight:900;line-height:1.15;color:#000000;margin-bottom:25px}.framework-intro{font-size:20px;color:#000000;margin-bottom:15px}.framework-description{font-size:17px;line-height:1.7;color:#555555;margin-bottom:25px}.framework-description strong{color:#000000}.framework-focus{margin-bottom:25px;padding:25px;background:#F8F8F8;border-radius:12px;border-left:4px solid #ff0016}.focus-label{font-size:17px;font-weight:600;color:#000000;margin-bottom:15px}.focus-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.focus-list li{display:flex;align-items:flex-start;gap:14px;padding:16px 18px;background:#FFFFFF;border:1px solid #ececec;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.04);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.focus-list li:hover{transform:translateX(4px);border-color:rgba(255,0,22,.25);box-shadow:0 8px 20px rgba(0,0,0,.07)}.focus-icon{font-size:20px;line-height:1.3;flex-shrink:0}.focus-item-text{display:flex;flex-direction:column;gap:4px}.focus-item-title{font-size:16px;font-weight:700;color:#000000;letter-spacing:-.01em}.focus-item-desc{font-size:15px;font-weight:400;line-height:1.55;color:#555555}.framework-visual{justify-content:center}.bucket-container,.framework-visual{display:flex;flex-direction:column;align-items:center}.bucket-container{margin-bottom:10px}.bucket{position:relative;width:240px}.bucket-top{height:25px;border-radius:8px 8px 0 0;border:3px solid #0f1829;border-bottom:none}.bucket-body,.bucket-top{width:100%;background:linear-gradient(180deg,#1a2744,#0f1829)}.bucket-body{height:160px;border-radius:0 0 30px 30px;position:relative;display:flex;align-items:center;justify-content:center;clip-path:polygon(5% 0,95% 0,100% 100%,0 100%)}.bucket-handle{position:absolute;top:10px;width:20px;height:40px;border:4px solid #0f1829;border-radius:10px}.bucket-handle-left{left:-12px;border-right:none;border-radius:10px 0 0 10px}.bucket-handle-right{right:-12px;border-left:none;border-radius:0 10px 10px 0}.bucket-text{display:flex;flex-direction:column;align-items:center;text-align:center;color:#ffffff;font-weight:800;line-height:1.2}.bucket-text span{font-size:14px;letter-spacing:1px}.bucket-text-large{font-size:22px!important;letter-spacing:0!important;margin:5px 0}.water-drop{position:absolute;width:16px;height:22px;background:#5BA4D9;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;bottom:-30px}.drop-1{left:30%;animation:drip 2s ease-in-out infinite;animation-delay:0s}.drop-2{left:50%;transform:translateX(-50%);animation:drip 2s ease-in-out infinite;animation-delay:.5s}.drop-3{right:30%;animation:drip 2s ease-in-out infinite;animation-delay:1s}@keyframes drip{0%,to{transform:translateY(0);opacity:1}50%{transform:translateY(15px);opacity:.6}80%{transform:translateY(25px);opacity:0}}.bucket-arrow{height:50px;margin:15px 0 5px}.bucket-arrow svg{height:100%;width:24px}.process-steps{max-width:320px}.process-step,.process-steps{display:flex;flex-direction:column;align-items:center;width:100%}.step-box{width:100%;padding:18px 30px;background:#FF0016;color:#ffffff;font-size:18px;font-weight:800;text-align:center;border-radius:8px;letter-spacing:.5px;box-shadow:0 4px 15px rgba(255,0,22,.3);transition:transform .3s ease,box-shadow .3s ease}.step-box:hover{transform:scale(1.02);box-shadow:0 6px 25px rgba(255,0,22,.4)}.step-box-final{background:linear-gradient(135deg,#FF0016,#cc0012)}.step-arrow{height:35px;margin:5px 0}.step-arrow svg{height:100%;width:24px}@media (max-width:1024px){.framework-container{grid-template-columns:1fr;gap:60px}.framework-content{max-width:100%;text-align:center}.framework-focus{text-align:left}.framework-content .btn{margin:0 auto}.framework-visual{order:-1}}@media (max-width:768px){.framework{padding:80px 5%}.framework-title{font-size:28px}.bucket{width:200px}.bucket-body{height:140px}.bucket-text-large{font-size:18px!important}.bucket-text span{font-size:12px}.step-box{font-size:16px;padding:15px 25px}.process-steps{max-width:280px}}@media (max-width:480px){.framework-title{font-size:24px}.focus-list li{padding:14px 16px}.focus-item-title{font-size:15px}.focus-item-desc{font-size:14px}.bucket{width:180px}.bucket-body{height:120px}.step-box{font-size:14px;padding:12px 20px}}.focus-item-link{color:#FF0016;font-weight:600;text-decoration:none;white-space:nowrap}.focus-item-link:hover{text-decoration:underline}.focus-icon{width:30px;height:30px;border-radius:9px;background:#FFF0F1;color:#FF0016;display:grid;place-items:center;font-size:0}.focus-icon svg{width:17px;height:17px}.focus-item-compare{display:block;margin-top:6px;font-size:.85em;color:#6B6B75}.focus-item-compare a{color:#111;font-weight:600;text-decoration:underline;text-underline-offset:2px}