.bw-demo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:30px 0}.bw-demo-card{overflow:hidden;border:1px solid #dee6df;border-radius:22px;background:#fff}.bw-demo-visual{display:flex;position:relative;height:230px;padding:32px;align-items:center;justify-content:center;gap:30px;text-decoration:none;background:#e8ecd9;color:#385a3e}.bw-demo-visual>span{display:grid;place-items:center;width:92px;height:92px;border-radius:50%;background:#ffffffaa;font-size:50px}.bw-demo-visual>div{width:100px;display:grid;gap:12px}.bw-demo-visual i{height:15px;border-radius:6px;background:currentColor;opacity:.25}.bw-demo-visual i:last-child{width:60%}.bw-demo-visual small{position:absolute;bottom:16px;left:22px;font-size:10px;letter-spacing:2px}.bw-demo-business .bw-demo-visual{background:#213b31;color:#dbc7a0}.bw-demo-business .bw-demo-visual>span{border-radius:50px 50px 0 0;background:#dbc7a022}.bw-demo-menu .bw-demo-visual{background:#f0d4b3;color:#774626}.bw-demo-copy{padding:23px}.bw-demo-copy h3{margin:0 0 9px;font-size:23px}.bw-demo-copy p{font-size:13px;color:#768079}.bw-demo-levels{display:flex;gap:8px;margin-top:20px}.bw-demo-levels a{flex:1;text-align:center;text-decoration:none;padding:9px 5px;border:1px solid #dbe6dc;border-radius:8px;color:#23543d;font-size:11px;background:#f3f7f1}.bw-demo-levels a:hover{color:#fff;background:#23543d}.bw-examples>.solid-button{display:table;margin:25px auto 0}@media(max-width:800px){.bw-demo-grid{grid-template-columns:1fr}.bw-demo-visual{height:200px}}
.bw-examples .bw-demo-visual{padding:0;position:relative;overflow:hidden;height:280px}.bw-examples .bw-demo-visual img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s}.bw-examples .bw-demo-personal img{object-position:50% 25%}.bw-examples .bw-demo-visual:hover img{transform:scale(1.04)}.bw-examples .bw-demo-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#17251de0,transparent 75%)}.bw-examples .bw-demo-visual strong{position:absolute;bottom:60px;right:25px;z-index:1;color:#fff;font-size:26px;letter-spacing:1px}.bw-examples .bw-demo-visual small{z-index:1;position:absolute;bottom:25px;right:25px;color:#fff;font-size:10px;letter-spacing:1.4px}
.bw-demo-personal .bw-demo-copy{background:linear-gradient(135deg,#fff,#e6edff)}.bw-demo-business .bw-demo-copy{background:linear-gradient(135deg,#fffaf4,#efdcd4)}.bw-demo-menu .bw-demo-copy{background:linear-gradient(135deg,#fff9ea,#f8d8b9)}.bw-demo-card{transition:transform .3s,box-shadow .3s}.bw-demo-card:hover{transform:translateY(-5px);box-shadow:0 20px 45px #25352415}.bw-demo-levels a{background:#ffffffb5;transition:color .2s,background .2s}.bw-demo-personal .bw-demo-levels a{color:#385bad;border-color:#cdd8ee}.bw-demo-business .bw-demo-levels a{color:#733e48;border-color:#dcbfc1}.bw-demo-menu .bw-demo-levels a{color:#995c32;border-color:#e9c19e}.bw-demo-levels a:hover{color:white;background:#28563f}@media(prefers-reduced-motion:reduce){.bw-demo-card,.bw-demo-levels a,.bw-demo-visual img{transition:none}.bw-demo-card:hover,.bw-examples .bw-demo-visual:hover img{transform:none}}