.partner-demo{color:#342f29;max-width:1200px;margin:auto;padding:25px 24px 60px}.partner-demo *{box-sizing:border-box;min-width:0}.partner-demo header,.partner-demo nav,.demo-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.partner-demo header>a{color:#984632;font-size:27px;font-weight:850;text-decoration:none}.partner-demo a{color:#8f4935}.demo-warning{background:#f6ead8;border:1px solid #dfc9a6;border-radius:12px;flex-direction:column;gap:6px;margin:25px 0;padding:16px;font-size:14px;line-height:1.65;display:flex}.demo-hero{color:#4f3f32;background:#eee3d7;border-radius:20px;padding:42px}.demo-hero>span{letter-spacing:3px;font-size:12px}.demo-hero h1{letter-spacing:-2px;margin:20px 0;font-size:clamp(32px,5vw,57px);font-weight:750;line-height:1.25}.demo-hero p{line-height:1.8}.demo-hero>div{border-top:1px solid #cdbca8;flex-direction:column;gap:7px;margin-top:25px;padding-top:20px;display:flex}.demo-tabs{background:#f7f1e9;border-radius:13px;margin:26px 0 15px;padding:6px;justify-content:flex-start!important}.partner-demo button{font:inherit;cursor:pointer;color:#4b3a2d;background:#fff;border:1px solid #cbb9a7;border-radius:9px;min-height:46px;padding:12px 16px}.partner-demo button[aria-pressed=true],.demo-actions button:first-child{color:#fff;background:#874932;border-color:#874932}.partner-demo button:disabled{opacity:.45;cursor:default}.demo-guide{color:#6e5d4c;line-height:1.8}.demo-toolbar{margin:24px 0}.demo-toolbar>div{flex-wrap:wrap;gap:8px;display:flex}.demo-toolbar>span{margin-left:auto}.demo-toolbar button{padding:9px 13px}.demo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.demo-grid article{background:#fff;border:1px solid #e6ddd3;border-radius:15px;overflow:hidden}.partner-demo button.demo-image-button{background:#f5eee5;border:0;border-radius:0;width:100%;padding:0;display:block;position:relative}.demo-image-button img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.demo-image-button>span{background:#fffaf2;border-radius:20px;padding:6px 10px;font-size:12px;position:absolute;top:15px;left:15px}.demo-card{padding:20px}.demo-card>small{color:#8a6851}.demo-card h2{margin:10px 0;font-size:19px;line-height:1.5}.demo-card>b{font-size:24px}.demo-card>b small{margin-left:3px;font-size:13px;font-weight:400}.demo-card p{color:#6e5d4c;font-size:14px;line-height:1.7}.demo-state{background:#f3e7d7;border-radius:20px;padding:5px 10px;font-size:12px;display:inline-block}.state-published{color:#385538;background:#e7eee2}.demo-actions{flex-direction:column;gap:8px;margin-top:18px;display:flex}.demo-notice{background:#f6eddf;border:1px solid #d4b994;border-radius:10px;padding:17px;line-height:1.7}.demo-end{background:#faf5ee;border-radius:16px;margin:40px 0 0;padding:30px}.demo-end h2{font-size:23px}.demo-end p{line-height:1.9}.demo-end a{margin:10px 20px 0 0;font-weight:700;display:inline-block}.demo-modal-bg{z-index:10000;background:#241b16aa;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.demo-modal{background:#fff;border-radius:18px;grid-template-columns:1fr 1fr;gap:30px;width:100%;max-width:980px;max-height:90vh;padding:30px;display:grid;position:relative;overflow:auto}.demo-modal>img{border-radius:12px;width:100%}.demo-modal>div{padding-top:36px}.demo-modal h2{font-size:27px;line-height:1.4}.demo-modal p,.demo-modal small,.demo-modal dd{overflow-wrap:anywhere;line-height:1.8}.demo-modal label{flex-direction:column;gap:8px;margin:16px 0;display:flex}.demo-modal select{font:inherit;background:#fff;border:1px solid #cbb9a7;border-radius:9px;width:100%;padding:12px}.demo-modal dl{grid-template-columns:80px 1fr;gap:8px;font-size:14px;display:grid}.demo-modal dd{margin:0}.demo-close{position:absolute;top:15px;right:18px}.demo-selection{background:#f7f0e8;padding:12px}.partner-demo :focus-visible{outline-offset:3px;outline:3px solid #a36b43}@media (max-width:760px){.demo-grid{grid-template-columns:1fr 1fr}.demo-modal{grid-template-columns:1fr;padding:20px}.demo-modal>img{object-fit:contain;max-height:280px;margin-top:45px}.demo-modal>div{padding-top:0}}@media (max-width:480px){.partner-demo{padding:20px 16px 45px}.demo-grid{grid-template-columns:1fr}.demo-hero{padding:26px}.demo-tabs{gap:6px!important}.demo-tabs button{flex:1;padding:10px 8px}.demo-toolbar>span{margin-left:0}.demo-modal-bg{padding:10px}.demo-modal dl{grid-template-columns:1fr}}