.approche-bento-dw-stack{background:#111113!important;display:flex;flex-direction:column;height:18rem;justify-content:space-between;padding:1rem 1.1rem}.approche-bento-dw-stack .dw-stack-header{align-items:center;display:flex;justify-content:space-between}.approche-bento-dw-stack .dw-stack-title{color:#ffffffb3;font-size:.65rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase}.approche-bento-dw-stack .dw-stack-badge{background:#4ade801a;border:1px solid rgba(74,222,128,.2);border-radius:20px;color:#4ade80;font-size:.55rem;font-weight:600;letter-spacing:.05em;padding:.1rem .45rem;text-transform:uppercase}.approche-bento-dw-stack .dw-stack-body{display:flex;flex-direction:column;gap:.65rem}.approche-bento-dw-stack .dw-stack-grid{display:flex;flex-wrap:wrap;gap:.4rem}.approche-bento-dw-stack .dw-tech{background:#ffffff0f;border:1px solid hsla(0,0%,100%,.08);border-radius:4px;color:#ffffff8c;font-size:.6rem;font-weight:500;padding:.2rem .55rem;white-space:nowrap}.approche-bento-dw-stack .dw-tech--accent{background:#3b54fa1f;border-color:#3b54fa40;color:#96aaffe6}.approche-bento-dw-stack .dw-stack-logos{display:flex;flex-wrap:wrap;gap:.4rem}.approche-bento-dw-stack .dw-stack-logo{align-items:center;background:#ffffff08;border:1px solid hsla(0,0%,100%,.1);border-radius:5px;display:flex;flex-shrink:0;height:30px;justify-content:center;width:30px}.approche-bento-dw-stack .dw-stack-logo svg{fill:#ffffff73;height:16px;width:16px}.approche-bento-dw-stack .dw-stack-logo--img img{filter:grayscale(1) brightness(1.8) opacity(.45);height:16px;-o-object-fit:contain;object-fit:contain;width:16px}.approche-bento-dw-stack .dw-stack-note{border-top:1px solid hsla(0,0%,100%,.06);color:#ffffff40;font-size:.55rem;font-style:italic;line-height:1.5;margin-top:.1rem;padding-top:.6rem}.approche-bento-dw-figma{background:#1c1c1e!important;display:flex;flex-direction:column;font-size:.6rem;height:17rem}.approche-bento-dw-figma .dw-fig-topbar{align-items:center;background:#2a2a2e;border-bottom:1px solid hsla(0,0%,100%,.06);display:flex;flex-shrink:0;gap:.6rem;padding:.45rem .75rem}.approche-bento-dw-figma .dw-fig-dots{display:flex;flex-shrink:0;gap:.25rem}.approche-bento-dw-figma .dw-fig-dots span{border-radius:50%;height:7px;width:7px}.approche-bento-dw-figma .dw-fig-dots span:first-child{background:#ff5f57}.approche-bento-dw-figma .dw-fig-dots span:nth-child(2){background:#febc2e}.approche-bento-dw-figma .dw-fig-dots span:nth-child(3){background:#28c840}.approche-bento-dw-figma .dw-fig-title{color:#ffffff73;flex:1;font-size:.55rem;text-align:center}.approche-bento-dw-figma .dw-fig-status{color:#4ade80;font-size:.55rem;font-weight:600}.approche-bento-dw-figma .dw-fig-body{display:flex;flex:1;min-height:0;overflow:hidden}.approche-bento-dw-figma .dw-fig-sidebar{background:#222225;border-right:1px solid hsla(0,0%,100%,.06);display:flex;flex-direction:column;flex-shrink:0;gap:.12rem;overflow:hidden;padding:.5rem .4rem;width:80px}.approche-bento-dw-figma .dw-fig-layer-title{color:#ffffff38;font-size:.48rem;letter-spacing:.08em;margin:.35rem 0 .15rem;padding:0 .2rem;text-transform:uppercase}.approche-bento-dw-figma .dw-fig-layer-title:first-child{margin-top:0}.approche-bento-dw-figma .dw-fig-layer{border-radius:3px;color:#fff6;font-size:.55rem;overflow:hidden;padding:.1rem .2rem;text-overflow:ellipsis;white-space:nowrap}.approche-bento-dw-figma .dw-fig-layer.is-active{background:#18a0fb26;color:#18a0fb}.approche-bento-dw-figma .dw-fig-layer--indent{color:#ffffff40;font-size:.5rem;padding-left:.75rem}.approche-bento-dw-figma .dw-fig-canvas{align-items:flex-start;background:#3a3a3e;display:flex;flex:1;justify-content:center;overflow:hidden;padding:.6rem}.approche-bento-dw-figma .dw-fig-artboard{background:#fff;border-radius:2px;box-shadow:0 2px 12px #0006;display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.approche-bento-dw-figma .dw-wf-nav{align-items:center;border-bottom:1px solid #ebebeb;display:flex;flex-shrink:0;justify-content:space-between;padding:.3rem .5rem}.approche-bento-dw-figma .dw-wf-nav-logo{background:#c8c8c8;border-radius:2px;height:5px;width:28px}.approche-bento-dw-figma .dw-wf-nav-links{align-items:center;display:flex;gap:.3rem}.approche-bento-dw-figma .dw-wf-nav-link{background:#d8d8d8;border-radius:1px;height:3px;width:16px}.approche-bento-dw-figma .dw-wf-nav-cta{background:silver;border-radius:2px;height:9px;margin-left:.2rem;width:22px}.approche-bento-dw-figma .dw-wf-hero{display:flex;flex-shrink:0;overflow:hidden;position:relative}.approche-bento-dw-figma .dw-wf-hero-img{background:linear-gradient(135deg,#d0d0d8,#b8b8c4);inset:0;position:absolute}.approche-bento-dw-figma .dw-wf-hero-content{background:linear-gradient(90deg,rgba(30,30,40,.75) 55%,transparent);display:flex;flex-direction:column;gap:.22rem;padding:.55rem .5rem .5rem;position:relative;width:100%;z-index:1}.approche-bento-dw-figma .dw-wf-hero-badge{background:#ffffff73;border-radius:10px;height:5px;margin-bottom:.1rem;width:36px}.approche-bento-dw-figma .dw-wf-btns{display:flex;gap:.25rem;margin-top:.15rem}.approche-bento-dw-figma .dw-wf-section{display:flex;flex:1;flex-direction:column;gap:.3rem;min-height:0;padding:.45rem .5rem}.approche-bento-dw-figma .dw-wf-section-header{display:flex;flex-direction:column;gap:.18rem;margin-bottom:.1rem}.approche-bento-dw-figma .dw-wf-grid{display:flex;flex:1;gap:.3rem}.approche-bento-dw-figma .dw-wf-card{background:#f5f5f7;border:1px solid #e8e8e8;border-radius:2px;display:flex;flex:1;flex-direction:column;gap:.15rem;min-height:0;overflow:hidden;padding:.3rem}.approche-bento-dw-figma .dw-wf-card-icon{background:#d0d0d8;border-radius:2px;flex-shrink:0;height:10px;margin-bottom:.1rem;width:10px}.approche-bento-dw-figma .dw-wf-footer{align-items:center;background:#1a1a22;display:flex;flex-shrink:0;justify-content:space-between;padding:.25rem .5rem}.approche-bento-dw-figma .dw-wf-footer-logo{background:#ffffff40;border-radius:1px;height:4px;width:20px}.approche-bento-dw-figma .dw-wf-footer-links{display:flex;gap:.3rem}.approche-bento-dw-figma .dw-wf-line{border-radius:2px;flex-shrink:0}.approche-bento-dw-figma .dw-wf-line--h1{background:#ffffffb3;height:6px;width:72%}.approche-bento-dw-figma .dw-wf-line--h1.dw-wf-line--short{width:52%}.approche-bento-dw-figma .dw-wf-line--p{background:#ffffff59;height:3px;width:65%}.approche-bento-dw-figma .dw-wf-line--p.dw-wf-line--short{width:45%}.approche-bento-dw-figma .dw-wf-line--label{background:#b0b0c0;height:3px;width:30%}.approche-bento-dw-figma .dw-wf-line--h2{background:#c0c0cc;height:5px;width:55%}.approche-bento-dw-figma .dw-wf-line--card-title{background:#c0c0cc;height:4px;width:70%}.approche-bento-dw-figma .dw-wf-line--card-text{background:#d8d8d8;height:3px;width:90%}.approche-bento-dw-figma .dw-wf-line--card-text.dw-wf-line--short{width:60%}.approche-bento-dw-figma .dw-wf-line--footer{background:#ffffff2e;height:3px;width:20px}.approche-bento-dw-figma .dw-wf-btn{border-radius:2px;flex-shrink:0;height:9px}.approche-bento-dw-figma .dw-wf-btn--primary{background:#ffffffd9;width:32px}.approche-bento-dw-figma .dw-wf-btn--ghost{background:#fff3;border:1px solid hsla(0,0%,100%,.35);width:28px}.approche-bento-dw-terminal{background:#0d0d0d!important;display:flex;flex-direction:column;font-family:JetBrains Mono,Fira Code,monospace;font-size:.6rem}.approche-bento-dw-terminal .dw-term-header{align-items:center;background:#1a1a1a;border-bottom:1px solid hsla(0,0%,100%,.06);display:flex;gap:.6rem;padding:.45rem .75rem}.approche-bento-dw-terminal .dw-term-dots{display:flex;flex-shrink:0;gap:.25rem}.approche-bento-dw-terminal .dw-term-dots span{border-radius:50%;height:7px;width:7px}.approche-bento-dw-terminal .dw-term-dots span:first-child{background:#ff5f57}.approche-bento-dw-terminal .dw-term-dots span:nth-child(2){background:#febc2e}.approche-bento-dw-terminal .dw-term-dots span:nth-child(3){background:#28c840}.approche-bento-dw-terminal .dw-term-title{color:#ffffff59;flex:1;font-size:.55rem;text-align:center}.approche-bento-dw-terminal .dw-term-body{display:flex;flex-direction:column;gap:.15rem;padding:.75rem}.approche-bento-dw-terminal .dw-term-line{line-height:1.6;white-space:nowrap}.approche-bento-dw-terminal .dw-term-line--cmd{color:#ffffffe6}.approche-bento-dw-terminal .dw-term-line--dim{color:#ffffff40}.approche-bento-dw-terminal .dw-term-line--ok{color:#4ade80bf}.approche-bento-dw-terminal .dw-term-line--green{color:#4ade80;font-weight:600}.approche-bento-dw-terminal .dw-term-cursor{animation:blink-cursor 1s step-end infinite;color:#fff9;font-size:.7rem;line-height:1;margin-top:.1rem}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}.approche-bento-dw-cwv{background:#0f0f11!important;display:flex;flex-direction:column;font-size:.62rem;min-height:15rem}.approche-bento-dw-cwv .dw-cwv-header{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.06);display:flex;flex-shrink:0;justify-content:space-between;padding:.65rem .9rem}.approche-bento-dw-cwv .dw-cwv-title{color:#ffffffbf;font-size:.62rem;font-weight:500;letter-spacing:.04em}.approche-bento-dw-cwv .dw-cwv-url{color:#ffffff40;font-size:.55rem}.approche-bento-dw-cwv .dw-cwv-scores{border-bottom:1px solid hsla(0,0%,100%,.06);display:flex;flex-shrink:0;gap:.5rem;justify-content:space-around;padding:1rem .9rem .85rem}.approche-bento-dw-cwv .dw-cwv-score{align-items:center;display:flex;flex-direction:column;gap:.3rem}.approche-bento-dw-cwv .dw-cwv-ring-wrap{flex-shrink:0;height:56px;position:relative;width:56px}.approche-bento-dw-cwv .dw-cwv-ring{display:block;height:56px;transform:rotate(-90deg);width:56px}.approche-bento-dw-cwv .dw-cwv-ring-bg{fill:none;stroke:#ffffff12;stroke-width:3}.approche-bento-dw-cwv .dw-cwv-ring-fill{fill:none;stroke-linecap:round;stroke-width:3}.approche-bento-dw-cwv .dw-cwv-ring-fill--perf{stroke:#4ade80}.approche-bento-dw-cwv .dw-cwv-ring-fill--seo{stroke:#60a5fa}.approche-bento-dw-cwv .dw-cwv-ring-fill--a11y{stroke:#c084fc}.approche-bento-dw-cwv .dw-cwv-val{align-items:center;color:#ffffffeb;display:flex;font-size:.85rem;font-weight:700;inset:0;justify-content:center;line-height:1;pointer-events:none;position:absolute}.approche-bento-dw-cwv .dw-cwv-label{color:#ffffff59;font-size:.5rem;letter-spacing:.04em;text-align:center;white-space:nowrap}.approche-bento-dw-cwv .dw-cwv-metrics{display:flex;flex:1;flex-direction:column;padding:.5rem .9rem .7rem}.approche-bento-dw-cwv .dw-cwv-metric{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.04);display:flex;gap:.5rem;padding:.35rem 0}.approche-bento-dw-cwv .dw-cwv-metric:last-child{border-bottom:none}.approche-bento-dw-cwv .dw-cwv-metric-name{color:#fff6;font-size:.55rem;font-weight:500;min-width:1.75rem}.approche-bento-dw-cwv .dw-cwv-bar{background:#ffffff12;border-radius:2px;flex:1;height:3px;overflow:hidden}.approche-bento-dw-cwv .dw-cwv-bar-fill{background:#4ade80;border-radius:2px;height:100%;width:0}.approche-bento-dw-cwv .dw-cwv-metric-val{color:#ffffff73;font-size:.55rem;min-width:2.25rem;text-align:right}.approche-bento-dw-cwv .dw-cwv-metric-val--good{color:#4ade80}
