.bento-section{color:#0c1024;background-color:#fff;justify-content:center;width:100%;padding:80px 24px;font-family:DM Sans,sans-serif;display:flex;overflow:hidden}.bento-container{flex-direction:column;width:100%;max-width:1200px;display:flex}.bento-headline{text-align:center;color:#0c0926;margin:0 0 50px;font-family:Barlow Condensed,sans-serif;font-size:clamp(32px,4vw,46px);font-weight:800;line-height:1.1}.bento-layout{gap:20px;width:100%;display:flex}.bento-col-left{flex-direction:column;flex:0 0 45%;gap:20px;display:flex}.bento-col-right{flex-direction:column;flex:0 0 calc(55% - 20px);gap:20px;display:flex}.bento-row-top{flex:1;gap:20px;display:flex}.bento-row-top>.bento-card{flex:1}.bento-card{border-radius:20px;flex-direction:column;padding:32px;display:flex;position:relative;overflow:hidden}.bento-light-blue{background-color:#e9efff}.bento-light-blue-solid{background-color:#eaf1fd}.bento-light-purple{background-color:#eee1fd}.bento-light-yellow{background-color:#fff6d5}.bento-card-content{z-index:2;position:relative}.bento-title{color:#0c0a20;margin:0 0 16px;font-family:DM Sans,sans-serif;font-size:1.25rem;font-weight:700;line-height:1.3}.bento-text{color:#4b5563;margin:0;font-size:.95rem;line-height:1.6}.bento-card-1{height:520px}.bento-card-4{height:320px}.bento-card-4 .bento-card-content{width:50%}.bento-card-2,.bento-card-3{height:340px}.bento-card-5{height:500px}.bento-mockup-wrapper{z-index:1;position:absolute}.mockup-bottom{width:90%;bottom:-20px;left:50%;transform:translate(-50%)}.mockup-wide{width:96%}.mockup-right{width:50%;top:50%;right:-20px;transform:translateY(-50%)}.mock-line{background-color:#e5e7eb;border-radius:4px;height:8px}.mock-line.bold{background-color:#d1d5db;height:12px}.mock-dot{border-radius:50%;width:12px;height:12px}.mock-dot.blue{background-color:#3b82f6}.mock-dot.green{background-color:#10b981}.mock-dot.purple{background-color:#8b5cf6}.mock-dot.yellow{background-color:#f59e0b}.mock-flowchart{background:#fff;border:1px solid #00000008;border-radius:12px;flex-direction:column;align-items:center;padding:24px;display:flex;box-shadow:0 10px 30px #0000000d}.mock-flow-node{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:12px;width:100%;padding:12px 16px;display:flex}.mock-flow-arrow{color:#cbd5e1;margin:8px 0;font-size:1.2rem}.mock-flow-split{gap:16px;width:100%;display:flex}.mock-flow-branch{flex-direction:column;flex:1;display:flex}.mock-profile{background:#fff;border:1px solid #00000008;border-radius:12px;flex-direction:column;gap:16px;padding:24px;display:flex;position:relative;box-shadow:0 10px 30px #0000000d}.mock-avatar{color:#4f46e5;background:#e0e7ff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.1rem;font-weight:700;display:flex}.mock-profile-lines{flex-direction:column;gap:10px;display:flex}.mock-status{color:#059669;background:#ecfdf5;border-radius:12px;align-items:center;gap:6px;width:fit-content;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.mock-status-dot{background-color:#059669;border-radius:50%;width:6px;height:6px}.mock-bubble{background:radial-gradient(circle at 30% 30%,#a78bfa,#4c1d95);border-radius:50%;position:absolute;box-shadow:0 10px 20px #0000001a}.bubble-1{width:40px;height:40px;bottom:-15px;right:-15px}.bubble-2{width:24px;height:24px;bottom:20px;right:-25px}.mock-dashboard{background:#fff;border:1px solid #00000008;border-bottom:none;border-radius:12px 12px 0 0;flex-direction:column;height:280px;display:flex;box-shadow:0 -10px 30px #0000000d}.mock-dash-header{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.mock-dash-tabs{color:#9ca3af;gap:20px;font-size:.8rem;font-weight:600;display:flex}.mock-dash-tabs .active{color:#111827;position:relative}.mock-dash-tabs .active:after{content:"";background:#3b82f6;width:100%;height:2px;position:absolute;bottom:-17px;left:0}.mock-dash-btn{color:#fff;background:#2563eb;border-radius:6px;padding:6px 12px;font-size:.75rem;font-weight:600}.mock-dash-list{flex-direction:column;gap:16px;padding:24px;display:flex}.mock-dash-row{border-bottom:1px solid #f9fafb;align-items:center;gap:16px;padding-bottom:16px;display:flex}.mock-dash-logo{border-radius:6px;width:24px;height:24px}.logo-blue{background:#dbeafe}.logo-green{background:#d1fae5}.logo-orange{background:#ffedd5}.logo-purple{background:#f3e8ff}@media (max-width:1024px){.bento-card-4 .bento-card-content{width:60%}}@media (max-width:960px){.bento-layout{flex-direction:column}.bento-col-left,.bento-col-right{width:100%}.bento-card-1{height:460px}.bento-card-4{height:auto;padding-bottom:240px}.mockup-right{width:80%;top:auto;bottom:-20px;right:50%;transform:translate(50%)}.bento-card-4 .bento-card-content{width:100%}}@media (max-width:640px){.bento-row-top{flex-direction:column}.bento-card-2,.bento-card-3{height:auto}.bento-mockup-wrapper{width:95%}.bento-title{font-size:1.1rem}}