.portfolio-intro,.delivery-section{background:#f5f8f8}.portfolio-lead{max-width:790px;color:#5d7180;font-size:17px;margin-bottom:32px}.portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.portfolio-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.portfolio-card{padding:29px;border:1px solid #dce6e8;border-radius:16px;background:white;display:flex;flex-direction:column}.portfolio-card h3{font-size:23px;margin:12px 0}.portfolio-card p{color:#5b6f7b;font-size:14px;flex:1}.portfolio-tag,.demo-overline{font-size:11px;letter-spacing:.14em;font-weight:800;color:#087c69;text-transform:uppercase}.portfolio-status{font-size:12px;background:#eff5f5;color:#4d6574;border-radius:5px;padding:8px 10px}.portfolio-card .text-link{margin-top:14px}.portfolio-caveat{font-size:12px;color:#c4d9dc;margin:22px 0 0}.demo-section{background:#0c2639;color:#eefbfc}.demo-section .kicker{color:#77e7ca}.demo-section .portfolio-lead{color:#a9c0ca}.demo-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:30px 0 0}.demo-tab{border:1px solid #46647a;border-radius:8px 8px 0 0;padding:12px 20px;background:#18394b;color:#d5e7eb;cursor:pointer;font-weight:700}.demo-tab.active{color:#072c2b;background:#8bedce;border-color:#8bedce}.demo-panel{background:#fff;color:#173044;padding:30px;border-radius:0 14px 14px 14px;min-height:340px}.demo-panel[hidden]{display:none}.demo-header{display:flex;justify-content:space-between;gap:25px;align-items:flex-start}.demo-header h3{font-size:27px;margin:8px 0}.demo-header p{color:#607889}.sample-badge{background:#f5e9cd;color:#7d5206;font-weight:800;font-size:11px;padding:7px 12px;border-radius:100px;white-space:nowrap}.roster-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:17px 0}.roster-toolbar input,.roster-toolbar select{padding:10px 14px;border:1px solid #bccbd1;border-radius:7px;min-width:160px}.roster-toolbar label{font-weight:700;font-size:13px}.mini-btn{padding:10px 15px;background:#087767;border:0;color:white;border-radius:7px;cursor:pointer;font-weight:700}.demo-meta{font-size:13px;color:#607889}.table-scroll{overflow-x:auto}.demo-table{border-collapse:collapse;width:100%;text-align:left;min-width:480px}.demo-table th,.demo-table td{border-bottom:1px solid #e1e8eb;padding:12px 10px}.demo-table th{font-size:12px;color:#526c7c;background:#f1f6f6}.soft-pill{background:#e5f5ef;color:#087260;padding:5px 9px;border-radius:99px;font-size:12px;font-weight:700}.booth-key{display:flex;gap:20px;flex-wrap:wrap;margin:12px 0 20px;color:#556d7e;font-size:13px}.key-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px}.key-dot.free{background:#8bdcbb}.key-dot.taken{background:#394c60}.key-dot.selected{background:#ff9e24}.booth-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;max-width:610px}.booth-button{min-height:65px;border:2px solid #70bfa7;background:#e5fff3;border-radius:9px;font-weight:800;color:#195a48;cursor:pointer}.booth-button:disabled{background:#dae1e4;border-color:#abb7bd;color:#697b84;cursor:not-allowed}.booth-button.selected{background:#ffdfad;border-color:#e78c0b;color:#713e0b}.portfolio-caveat.dark{color:#aac2cf}.delivery-section .btn{margin-top:10px}@media(max-width:770px){.portfolio-grid,.portfolio-grid.three{grid-template-columns:1fr}.demo-panel{padding:18px}.booth-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.demo-header{flex-wrap:wrap}}