.bento-container{background:#f8fafc;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;position:relative}.bento-hero{padding:100px 40px 60px;text-align:center;background:linear-gradient(135deg,#667eea,#764ba2);color:white;position:relative;overflow:hidden}.bento-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="1"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');pointer-events:none}.bento-title{font-size:clamp(3rem,8vw,6rem);font-weight:700;margin-bottom:20px;letter-spacing:-.02em}.bento-subtitle,.bento-title{position:relative;z-index:2;color:#ffffff}.bento-subtitle{font-size:clamp(1.2rem,3vw,1.8rem);font-weight:400;margin-bottom:40px;opacity:.9}.bento-content{padding:60px 20px;max-width:1400px;margin:0 auto}.bento-grid{grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(150px,auto)}.bento-grid,.simple-bento-grid{display:grid;gap:20px;margin:60px 0}.simple-bento-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.bento-card{border-radius:20px;padding:30px;transition:all .3s ease;display:flex;flex-direction:column;position:relative;overflow:hidden}.bento-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(0,0,0,.15)}.bento-card.large{grid-column:span 2;min-height:300px}.bento-card.medium{min-height:250px}.bento-card.small{min-height:200px}.bento-card.wide{grid-column:span 2;min-height:200px}.bento-icon{font-size:2rem;display:block}.bento-badge{border-radius:15px;font-weight:600;align-self:flex-start}@media (max-width:768px){.simple-bento-grid{grid-template-columns:1fr}.bento-card.large,.bento-card.wide{grid-column:span 1}}.bento-item{background:white;border-radius:20px;padding:25px;box-shadow:0 4px 20px rgba(0,0,0,.06);border:1px solid rgba(0,0,0,.05);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start;min-height:200px;color:#1f2937}.bento-item:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.bento-item:hover:before{transform:scaleX(1)}.bento-item:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.12);border-color:rgba(102,126,234,.2)}.bento-small{grid-column:span 4;grid-row:span 1}.bento-medium{grid-column:span 6;grid-row:span 1}.bento-large{grid-column:span 8;grid-row:span 1}.bento-wide{grid-column:span 12;grid-row:span 1}.bento-tall{grid-column:span 4;grid-row:span 2}.bento-feature{grid-column:span 8;grid-row:span 2}.bento-item-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#ffffff}.bento-item-secondary{background:linear-gradient(135deg,#f093fb,#f5576c);color:#ffffff}.bento-item-accent{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#ffffff}.bento-item-neutral{background:#f8fafc;border:2px solid #e2e8f0;color:#1f2937}.bento-item-dark{background:#1a202c;color:#ffffff}.bento-header,.bento-icon{margin-bottom:15px}.bento-icon{width:40px;height:40px;background:rgba(255,255,255,.1);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:inherit}.bento-item-accent .bento-icon,.bento-item-dark .bento-icon,.bento-item-primary .bento-icon,.bento-item-secondary .bento-icon{background:rgba(255,255,255,.2);color:#ffffff}.bento-item-neutral .bento-icon,.bento-item:not([class*=bento-item-]) .bento-icon{background:#e2e8f0;color:#4a5568}.bento-title-small{font-size:1.1rem;font-weight:600;margin-bottom:8px;line-height:1.3;color:inherit}.bento-title-medium{font-size:1.5rem;font-weight:700;margin-bottom:12px;line-height:1.2;color:inherit}.bento-title-large{font-size:2rem;font-weight:700;line-height:1.1}.bento-text,.bento-title-large{margin-bottom:15px;color:inherit}.bento-text{font-size:.9rem;line-height:1.5;opacity:.9}.bento-text-large{font-size:1.1rem;line-height:1.6;opacity:.95;color:inherit}.bento-metric{font-size:2.5rem;font-weight:800;line-height:1;margin-bottom:5px;color:inherit}.bento-metric-label{font-size:.8rem;opacity:.8;text-transform:uppercase;letter-spacing:.05em;color:inherit}.bento-badge{background:rgba(255,255,255,.2);padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:500;display:inline-block;margin-top:auto;color:inherit}.bento-item-neutral .bento-badge,.bento-item:not([class*=bento-item-]) .bento-badge{background:#e2e8f0;color:#4a5568}.bento-info-section{background:white;border-radius:20px;padding:40px;margin:60px 0;box-shadow:0 4px 20px rgba(0,0,0,.06);border:1px solid rgba(0,0,0,.05)}.bento-info-heading{font-size:clamp(2rem,5vw,3rem);font-weight:700;color:#1a202c;margin-bottom:20px}.bento-info-text{font-size:1.1rem;line-height:1.7;color:#374151;margin-bottom:20px}.bento-highlight{background:linear-gradient(135deg,#667eea,#764ba2);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:600}@media (max-width:1200px){.bento-grid{grid-template-columns:repeat(8,1fr)}.bento-feature,.bento-large,.bento-wide{grid-column:span 8}.bento-medium{grid-column:span 4}.bento-small,.bento-tall{grid-column:span 4;grid-row:span 3}}@media (max-width:768px){.bento-hero{padding:80px 20px 40px}.bento-content{padding:40px 10px}.bento-grid{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(auto,100px);gap:15px}.bento-item{grid-column:span 4!important;grid-row:span 2!important;padding:20px}.bento-info-section{padding:25px;margin:40px 0}}@media (max-width:480px){.bento-grid{grid-template-columns:repeat(2,1fr);gap:10px}.bento-item{grid-column:span 2!important;padding:15px}}