/* Bronvex interaction laboratory: calm controls, expressive previews. */
.demo-wayfinder{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 24px}.demo-wayfinder button{display:flex;align-items:center;gap:12px;min-height:54px;padding:14px 18px;background:#222d34;border:1px solid #bbccda24;border-radius:10px;color:#e1e9e7;font-size:12px;text-align:left}.demo-wayfinder button span{font-size:9px;color:#cdec9b}.demo-wayfinder i{margin-left:auto;font-size:17px;font-style:normal;color:#c1b0dc}.demo-wayfinder button:hover{background:#2c3b40}.studio-lab{--lab-accent:#d9edb2;--lab-paper:#ece6d3;--lab-ink:#2e4a35;border:1px solid #b4c7d52b;border-radius:25px;overflow:hidden;margin:32px 0 42px;background:linear-gradient(135deg,#25342f,#1b252b 60%);scroll-margin-top:108px}.studio-lab[data-lab-sector=retail]{--lab-accent:#d9c3e8;--lab-paper:#e9ddec;--lab-ink:#533c5e;background:linear-gradient(135deg,#372e41,#1f252f 60%)}.studio-lab[data-lab-sector=spaces]{--lab-accent:#c7d8ba;--lab-paper:#e2e4d6;--lab-ink:#3c5445}.studio-lab[data-lab-sector=beauty]{--lab-accent:#eccbb1;--lab-paper:#eee0d0;--lab-ink:#6a4d3a;background:linear-gradient(135deg,#3e332e,#23282a 60%)}.studio-lab[data-lab-sector=professional]{--lab-accent:#b9d2e8;--lab-paper:#dae5eb;--lab-ink:#2e4a61;background:linear-gradient(135deg,#2d3e51,#1f2830 60%)}.studio-lab[data-lab-sector=local]{--lab-accent:#b9e1d6;--lab-paper:#e1e9d7;--lab-ink:#285851}.lab-heading{padding:36px 38px 25px;display:flex;justify-content:space-between;gap:25px;align-items:start}.lab-heading .eyebrow{color:var(--lab-accent);font-size:9px;letter-spacing:.13em;margin:0 0 18px}.lab-heading h3{font-size:clamp(28px,3.2vw,43px);line-height:1.12;letter-spacing:-.045em;font-weight:500;max-width:650px;margin:0}.lab-badge{display:flex;align-items:center;gap:8px;border:1px solid #b6c8cb38;border-radius:99px;font-size:10px;white-space:nowrap;padding:10px 13px;color:var(--lab-accent)}.lab-badge i{height:5px;width:5px;border-radius:50%;background:currentColor}.lab-workbench{display:grid;grid-template-columns:1fr 1fr;gap:45px;padding:0 38px 35px;align-items:start}.lab-editor>p:first-child{font-size:14px;line-height:1.8;color:#c1cdd0;max-width:440px;margin:0 0 24px}.lab-editor fieldset{border:0;padding:0;margin:0 0 22px;min-width:0}.lab-editor legend{font-size:11px;letter-spacing:.02em;color:#e8efeb;margin-bottom:12px}.lab-choice-group{display:flex;flex-wrap:wrap;gap:8px}.lab-choice-group button{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:44px;border:1px solid #bdccd239;background:#ffffff04;border-radius:8px;padding:12px 14px;font-size:12px;color:#dce6e3}.lab-choice-group button[aria-pressed=true]{background:var(--lab-accent);color:#24342c;border-color:transparent}.lab-choice-group button span{font-size:12px;opacity:.6}.lab-extra{display:flex;align-items:center;gap:12px;border:1px solid #cbd7de2a;background:#ffffff04;color:#dce5e8;border-radius:9px;padding:13px 14px;min-height:48px;width:100%;margin-bottom:8px;font-size:12px;text-align:left}.lab-extra i{display:grid;place-items:center;border:1px solid #d6e2e044;border-radius:5px;height:23px;width:23px;flex-shrink:0;font-style:normal}.lab-extra b{margin-left:auto;font-weight:400;font-size:11px;white-space:nowrap}.lab-extra[aria-pressed=true]{border-color:var(--lab-accent);background:#d4e3b509}.lab-extra[aria-pressed=true] i{background:var(--lab-accent);color:#233629}.lab-note{font-size:10px!important;line-height:1.7!important;color:#acbec3!important;margin:8px 0 0!important}.lab-preview{border:1px solid #f5f6dc70;border-radius:15px;background:var(--lab-paper);color:var(--lab-ink);box-shadow:0 24px 40px #0002;overflow:hidden}.lab-preview-top{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:17px 22px;border-bottom:1px solid #35483520;font-size:8px;letter-spacing:.1em}.lab-live{letter-spacing:0;border-radius:99px;padding:5px 9px;background:#fff6;font-size:9px}.lab-preview-body{padding:0 24px 25px;animation:lab-content-in .38s ease both}.lab-art{position:relative;height:153px;display:flex;align-items:center;justify-content:center;margin-bottom:4px;overflow:hidden}.lab-art:before{content:'';position:absolute;inset:10px 10% -10px;border:1px solid #38503816;border-radius:50%;transform:rotate(-14deg)}.lab-art svg{width:225px;height:145px;filter:drop-shadow(8px 10px 7px #0001);transform:rotate(-6deg)}.lab-art>span{position:absolute;left:0;top:20px;font:23px Georgia,serif;letter-spacing:-.05em;max-width:70px}.lab-receipt-title{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:7px;letter-spacing:.12em;border-top:1px solid #33453129;padding-top:18px}.lab-receipt-title b{font-weight:400;opacity:.7}.lab-preview h4{font-size:25px;line-height:1.18;letter-spacing:-.04em;font-weight:500;margin:11px 0 16px}.lab-receipt{list-style:none;margin:0;padding:0}.lab-receipt li{display:flex;justify-content:space-between;gap:15px;font-size:11px;line-height:1.7;padding:5px 0}.lab-receipt b{font-weight:400;white-space:nowrap}.lab-total{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid #33453129;margin-top:19px;padding-top:20px}.lab-total>span{font-size:11px;line-height:1.4}.lab-total small{display:block;font-size:8px;opacity:.8;margin-top:5px}.lab-total>strong{font:36px/1 Georgia,serif;letter-spacing:-.07em;white-space:nowrap}.lab-takeaway{display:flex;align-items:center;gap:20px;margin:0 38px;padding:23px 0;border-top:1px solid #c9d6de24}.lab-takeaway>span{width:38px;height:38px;display:grid;place-items:center;color:var(--lab-accent);font-size:25px;border:1px solid #c9d6de30;border-radius:50%;flex-shrink:0}.lab-takeaway strong{font-size:12px;font-weight:500;color:var(--lab-accent)}.lab-takeaway p{font-size:12px;line-height:1.7;color:#c6d1d2;max-width:610px;margin:6px 0 0}.lab-takeaway button{margin-left:auto;display:flex;align-items:center;justify-content:center;gap:18px;white-space:nowrap;border:1px solid #d8e1d444;border-radius:99px;background:#ffffff08;color:#e2ece1;padding:13px 18px;min-height:44px;font-size:11px}.lab-takeaway button:hover{background:var(--lab-accent);color:#23382c}.lab-takeaway button i{font-style:normal;font-size:17px}.lab-integration{font-size:10px;line-height:1.7;margin:0 38px 20px;color:#aebdc4;max-width:780px}.lab-save-status{margin:0 38px 22px;color:var(--lab-accent);font-size:12px;line-height:1.6}.lab-save-status:empty{display:none}.lab-moodboard{height:250px;position:relative;perspective:650px;margin:5px 0 22px}.lab-moodboard i{position:absolute;border-radius:4px;box-shadow:14px 20px 16px #16271b25;border:1px solid #fff5;transition:transform .5s;transform:rotateX(23deg) rotateZ(-23deg)}.lab-moodboard i:nth-child(1){width:55%;height:70%;left:7%;top:14%;background:repeating-linear-gradient(26deg,transparent 0 35px,#fff2 35px 36px),var(--mat-a)}.lab-moodboard i:nth-child(2){width:36%;height:66%;right:7%;top:25%;background:repeating-linear-gradient(90deg,#ffffff0d 0 3px,#00000012 3px 4px),var(--mat-b)}.lab-moodboard i:nth-child(3){width:35%;height:23%;left:15%;top:58%;background:linear-gradient(130deg,#fff3,transparent),var(--mat-c);transform:rotateX(23deg) rotateZ(-23deg) translateZ(25px)}.lab-moodboard>span{position:absolute;left:0;top:15px;font-size:9px;letter-spacing:.1em;line-height:1.8}.lab-material-labels{display:flex;gap:8px;flex-wrap:wrap}.lab-material-labels span{font-size:10px;padding:8px 10px;border:1px solid #394a362b;border-radius:99px}.lab-resource-cover{background:#2c465b;border-radius:5px;position:relative;height:155px;margin:25px 0;color:#e5efdf;padding:20px;overflow:hidden}.lab-resource-cover>span{font-size:9px;letter-spacing:.15em}.lab-resource-cover>b{position:absolute;bottom:-15px;right:20px;font:130px Georgia,serif;color:#b9d5dc55}.lab-resource-cover>i{position:absolute;bottom:15px;left:20px;font-size:38px;font-style:normal;color:#c5e5aa}.lab-resource-list{padding-left:20px;font-size:12px;line-height:1.75;margin-bottom:0}.lab-resource-list li{padding:4px 0 4px 6px}.options-studio{scroll-margin-top:108px;background:radial-gradient(ellipse at 95% 0,#74618626,transparent 60%),#20272e;border:1px solid #b6c6d32b}.options-legend{display:flex;justify-content:space-between;gap:20px;padding-bottom:18px;font-size:9px;letter-spacing:.1em;color:#c5d0d5}.options-legend>span:last-child{letter-spacing:0;color:#aebbc7}.options-studio .demo-idea-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.options-studio .demo-idea-grid button{background:#151f26;border:1px solid #bfccdd24;min-height:218px;transition:transform .22s,border-color .22s;display:flex;flex-direction:column;align-items:stretch;text-align:left}.options-studio .demo-idea-grid button:hover{transform:translateY(-3px);border-color:#c5dca788}.options-studio .demo-idea-grid button[aria-pressed=true]{background:#2f4139;border-color:#c3e597}.options-studio .demo-idea-grid strong{font-size:19px;line-height:1.25}.options-studio .demo-idea-grid p{font-size:12px;line-height:1.75;color:#c0cbd1;flex:1}.options-studio .demo-idea-grid small{font-size:9px;color:#c6d8b4;padding-top:12px;border-top:1px solid #c0d3c620}.options-studio .demo-idea-grid button>span{margin-bottom:18px}.options-studio .demo-idea-grid button>span i{width:26px;height:26px;border-radius:50%;background:#ffffff0b;display:grid;place-items:center}.craft-details{margin-top:35px;border-top:1px solid #c5cddb28;padding-top:36px;display:grid;grid-template-columns:1fr 1.9fr;gap:45px}.craft-details .eyebrow{font-size:9px}.craft-details h3{font-size:29px;line-height:1.15;letter-spacing:-.035em;font-weight:500;margin:18px 0}.craft-details h3 em{font-family:Georgia,serif;color:#c2b0d8}.craft-details>div:last-child{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.craft-details article>span{font-size:9px;color:#bcdda4}.craft-details h4{font-size:15px;font-weight:500;margin:18px 0 12px}.craft-details p{font-size:12px;line-height:1.8;color:#bfcbd2;margin:0}.process-participation{display:flex;align-items:start;gap:24px;padding-top:23px;margin-top:24px;border-top:1px solid #ccdbe326}.process-participation>span{font-size:9px;letter-spacing:.1em;color:#c0dca0;white-space:nowrap;padding-top:4px}.process-participation>p{font-size:13px;line-height:1.75;color:#c3d0d9;margin:0}.studio-lab button:focus-visible,.demo-wayfinder button:focus-visible,.options-studio button:focus-visible{outline:2px solid #d2f390;outline-offset:4px}.studio-lab button{transition:background .2s,border-color .2s}.sr-only{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@keyframes lab-content-in{from{opacity:.5;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px){.lab-workbench{gap:25px;padding:0 26px 27px}.lab-heading{padding:30px 26px 24px}.lab-takeaway{margin:0 26px;gap:14px}.lab-integration,.lab-save-status{margin-left:26px;margin-right:26px}.lab-takeaway button{white-space:normal;min-width:150px;line-height:1.5}.options-studio .demo-idea-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.craft-details{grid-template-columns:1fr;gap:18px}.lab-total>strong{font-size:31px}}
@media(max-width:700px){.demo-wayfinder{gap:7px;margin-bottom:18px}.demo-wayfinder button{align-items:start;flex-direction:column;gap:8px;font-size:10px;line-height:1.5;padding:12px 11px}.demo-wayfinder button i{display:none}.studio-lab{margin:25px 0 28px;border-radius:18px}.lab-heading{padding:25px 21px 22px;flex-direction:column;gap:17px}.lab-heading h3{font-size:31px}.lab-heading .eyebrow{font-size:8px;line-height:1.7;margin-bottom:13px}.lab-badge{font-size:9px;padding:8px 11px}.lab-workbench{grid-template-columns:1fr;padding:0 21px 23px;gap:22px}.lab-editor>p:first-child{font-size:13px;line-height:1.85;margin-bottom:22px}.lab-choice-group button{font-size:11px;flex:1;min-width:100px;padding:11px}.lab-extra{font-size:11px;padding:11px;gap:9px}.lab-extra b{font-size:10px}.lab-note{font-size:10px!important}.lab-preview-top{padding:15px 18px;font-size:7px}.lab-preview-body{padding:0 18px 22px}.lab-preview h4{font-size:24px}.lab-total{gap:10px}.lab-total>strong{font-size:32px}.lab-total>span{font-size:10px}.lab-art{height:150px}.lab-art>span{font-size:21px;max-width:60px}.lab-art svg{height:135px;width:200px;margin-left:30px}.lab-takeaway{margin:0 21px;display:grid;grid-template-columns:28px 1fr;gap:12px;padding:21px 0}.lab-takeaway>span{width:28px;height:28px;font-size:18px}.lab-takeaway strong{font-size:11px}.lab-takeaway p{font-size:11px}.lab-takeaway button{grid-column:1/-1;margin:5px 0 0;font-size:11px;width:100%}.lab-integration,.lab-save-status{margin-left:21px;margin-right:21px;font-size:10px}.lab-moodboard{height:225px}.options-legend{flex-direction:column;gap:8px;font-size:8px;line-height:1.5}.options-studio .demo-idea-grid{grid-template-columns:1fr;gap:10px}.options-studio .demo-idea-grid button{min-height:0;padding:19px}.options-studio .demo-idea-grid button>span{margin-bottom:12px}.options-studio .demo-idea-grid strong{font-size:19px}.options-studio .demo-idea-grid p{font-size:12px;margin-bottom:12px}.options-studio .demo-idea-grid small{font-size:9px}.craft-details>div:last-child{grid-template-columns:1fr;gap:20px}.craft-details article{display:grid;grid-template-columns:25px 1fr;gap:0 10px;border-bottom:1px solid #ccdbe31a;padding-bottom:20px}.craft-details article>span{grid-row:1/3;padding-top:3px}.craft-details h4{margin:0 0 8px}.craft-details p{grid-column:2;font-size:12px}.process-participation{flex-direction:column;gap:9px}.process-participation p{font-size:12px}}
@media(max-width:360px){.lab-heading,.lab-workbench{padding-left:17px;padding-right:17px}.lab-heading h3{font-size:28px}.lab-extra{flex-wrap:wrap}.lab-extra b{margin-left:32px}.lab-takeaway,.lab-integration,.lab-save-status{margin-left:17px;margin-right:17px}.lab-total{align-items:start;flex-direction:column}.lab-moodboard{height:185px}.lab-resource-cover{height:130px}.demo-wayfinder button{font-size:9px;padding:10px 9px}.lab-receipt-title{font-size:6px}.lab-art>span{font-size:18px}}
@media(prefers-reduced-motion:reduce){.lab-preview-body{animation:none}.studio-lab *, .options-studio .demo-idea-grid button{transition:none!important}.options-studio .demo-idea-grid button:hover{transform:none}}
.motion-paused .lab-preview-body{animation:none}.motion-paused .studio-lab *,.motion-paused .options-studio .demo-idea-grid button{transition:none!important}.motion-paused .options-studio .demo-idea-grid button:hover{transform:none}
@media(max-width:360px){.lab-extra{display:grid;grid-template-columns:23px 1fr}.lab-extra b{grid-column:2;margin-left:0}}
.demo-capability-tags{display:flex;flex-wrap:wrap;gap:6px;padding:0 20px 18px}.demo-capability-tags>span{font-size:9px;font-weight:400;color:#bcd0c4;border:1px solid #b5c6ce25;border-radius:99px;padding:5px 8px}.demo-card[aria-pressed=true] .demo-capability-tags>span{color:#d7ecb5;border-color:#c6e49e42}@media(max-width:700px){.demo-capability-tags{padding:0 11px 13px;gap:4px}.demo-capability-tags>span{font-size:8px;padding:4px 6px}}