.board-demo{max-width:1080px;margin:auto}.board-demo-tabs{flex-wrap:wrap;justify-content:center;gap:9px;padding:0 18px 27px;display:flex}.board-demo-tabs a{background:#fff;border:1px solid #dde3ec;border-radius:7px;align-items:center;min-height:42px;padding:11px 16px;font-size:10px;font-weight:700;display:flex}.board-demo-tabs a[aria-current=page]{color:#fff;background:#245bff;border-color:#245bff;box-shadow:0 4px 10px #245bff25}.board-demo-stage{background:#091c31;border-radius:12px;justify-content:center;align-items:center;gap:80px;min-height:510px;padding:32px 55px;display:flex;position:relative;overflow:hidden}.board-demo-backdrop{object-fit:cover;filter:brightness(.55);width:100%;height:100%;position:absolute;inset:0}.board-demo-phone{text-align:center;background:#fff;border:8px solid #0a111c;border-radius:38px;flex-shrink:0;width:265px;padding:0 13px 20px;position:relative;overflow:hidden;box-shadow:0 0 0 2px #b3bac3,0 18px 35px #0006}.board-demo-notch{z-index:2;background:#0a111c;border-radius:0 0 13px 13px;width:40%;height:17px;position:absolute;top:0;left:30%}.board-phone-cover{color:#e7c67c;background:linear-gradient(140deg,#061a30,#244b6a);flex-direction:column;align-items:center;gap:10px;height:110px;margin:0 -13px;padding-top:20px;display:flex}.board-phone-cover>span{letter-spacing:-.5px;font-size:12px;font-weight:700}.board-phone-avatar{color:#1c3d59;background:#f1e7d2;border:4px solid #fff;border-radius:50%;place-items:center;width:65px;height:65px;margin:-27px auto 10px;display:grid;position:relative}.board-demo-phone h2{margin:0!important;font-size:21px!important}.board-demo-phone>p{font-size:11px;margin:6px 0!important}.board-demo-label{letter-spacing:.7px;color:#7b8696;font-size:7px}.board-phone-icons{justify-content:center;gap:14px;margin:18px 0;display:flex}.board-phone-icons svg{color:#fff;background:#245bff;border-radius:6px;width:27px;height:27px;padding:5px}.board-phone-action{text-align:left;background:#f1f5fb;border:1px solid #e8edf5;border-radius:8px;align-items:center;gap:8px;min-height:45px;margin-bottom:9px;padding:10px 9px;font-size:9px;font-weight:700;display:flex;color:#1c3964!important}.board-phone-action svg:first-child{color:#245bff;flex-shrink:0}.board-phone-action svg:last-child{flex-shrink:0;margin-left:auto}.board-demo-phone small{color:#7c8799;margin-top:16px;font-size:8px;display:block}.board-demo-stage-copy{color:#fff;max-width:340px;position:relative}.board-demo-stage-copy>span{letter-spacing:1.4px;color:#e9c780;font-size:10px}.board-demo-stage-copy h2{margin-top:16px;font-size:39px}.board-demo-stage-copy p{color:#e1e5eb;font-size:14px}.board-demo-stage-copy .tap-button{margin-top:10px}.board-demo-notice{text-align:center;color:#64748b;max-width:740px;padding-inline:18px;font-size:11px;line-height:1.7;margin:20px auto!important}.board-demo-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:30px;display:grid}.board-demo-cards>a{background:#fff;border:1px solid #e1e6ee;border-radius:10px;overflow:hidden}.board-demo-cards img{object-fit:cover;width:100%;height:150px;display:block}.board-demo-cards a>div{padding:19px}.board-demo-cards span{letter-spacing:.7px;color:#245bff;align-items:center;gap:8px;font-size:9px;display:flex}.board-demo-cards h2{margin-top:12px;font-size:20px;line-height:1.2}.board-demo-cards p{margin:10px 0;font-size:12px;line-height:1.7}.board-demo-cards strong{color:#245bff;font-size:11px}.board-demo-personalize{text-align:center;font-size:13px;margin-block:26px!important}.board-demo-personalize>a{text-underline-offset:4px;color:#245bff!important;text-decoration:underline!important}.board-demo a:focus-visible{outline-offset:4px;outline:3px solid #d4a853}@media (max-width:1120px){.board-demo{width:calc(100% - 64px)}}@media (max-width:760px){.board-demo{width:calc(100% - 36px)}.board-demo .tap-intro{width:100%}.board-demo-tabs{gap:6px;padding:0 0 20px}.board-demo-tabs a{padding:9px 11px;font-size:9px}.board-demo-stage{flex-direction:column;gap:25px;min-height:0;padding:28px 18px;display:flex}.board-demo-phone{width:245px}.board-demo-stage-copy{text-align:center}.board-demo-stage-copy h2{font-size:27px}.board-demo-stage-copy p{font-size:12px}.board-demo-cards{grid-template-columns:1fr 1fr;gap:13px}.board-demo-cards img{height:115px}.board-demo-cards a>div{padding:14px}.board-demo-cards h2{font-size:17px}.board-demo-cards p{font-size:11px}.board-demo-cards span{letter-spacing:0;font-size:8px}.board-demo-cards span svg{width:15px}.board-demo-cards>a:last-child{grid-column:1/-1}.board-demo-cards>a:last-child img{height:160px}}.board-phone-avatar>img{object-fit:cover;border-radius:50%;width:100%;height:100%}