@font-face{font-family:Onest;src:url(/assets/onest-latin-wght-normal.woff2) format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Bricolage;src:url(/assets/bricolage-grotesque-latin-wght-normal.woff2) format("woff2");font-weight:200 800;font-display:swap}:root{--ink:#101828;--muted:#878b93;--line:#e7e8e9;--paper:#fff;--purple:#813ebe;--purple-dark:#4f1b7e;--lavender:#f6f3fe;--green:#46cb84;--pink:#fbb2fa;--yellow:#efe25c;--blue:#60a5fa;--module-ink:#101828;--module-line:#e7e8e9;font-family:Onest,Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}a,button{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed}a{text-decoration:none}a,button{color:inherit}[tabindex]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #ac6fe3;outline-offset:4px}button{border:0;background:none}::selection{background:#e3cef6}h1,h2,h3,p{margin:0}.display,h1,h2{font-family:Bricolage,Onest,sans-serif}svg{display:block}strong{font-weight:600}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;left:20px;top:-70px;z-index:99;background:#fff;padding:15px}.skip:focus{top:10px}.topbar{height:83px;padding:0 4.5%;justify-content:space-between;border-bottom:1px solid var(--line)}.brand,.topbar{display:flex;align-items:center}.brand{gap:12px;font-size:24px;letter-spacing:-1px;font-weight:600}.brand-icon{font-family:Bricolage;font-size:26px;display:grid;place-items:center;background:var(--purple);color:white;width:38px;height:38px;border-radius:10px;letter-spacing:-2px;padding-right:3px}.brand-caption{font-size:13px;letter-spacing:-.2px;font-weight:400}.brand-separator{padding:0 18px;color:#c5c0c9;font-weight:300}.top-meta{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted)}.status-dot{width:6px;height:6px;background:var(--green);border-radius:100%}.edition{font-size:10px;border:1px solid var(--line);padding:6px 9px;border-radius:4px;margin-left:15px;letter-spacing:.5px}main{max-width:1600px;margin:auto;padding:0 4.5%}.intro{display:flex;align-items:center;justify-content:space-between;padding:47px 0 36px;gap:20px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.5px;color:var(--muted)}h1{font-size:clamp(40px,4.3vw,64px);font-weight:700;letter-spacing:-2.7px;line-height:1.02;margin:16px 0 18px}.purple{color:var(--purple)}.intro-copy{font-size:13px;line-height:1.8;color:#77717a}.intro-side{display:flex;align-items:center;gap:26px;margin-right:30px}.intro-side p{font-size:12px;line-height:1.7;color:#89828d}.motif{width:102px;height:102px;position:relative;transform:rotate(-12deg)}.motif i{position:absolute;width:51px;height:51px}.motif i:first-child{background:var(--purple);border-radius:100% 100% 0 100%;left:0;top:0}.motif i:nth-child(2){background:var(--pink);border-radius:100% 100% 100% 0;left:51px;top:0}.motif i:nth-child(3){background:var(--yellow);border-radius:100% 0 100% 100%;left:0;top:51px}.motif i:nth-child(4){background:var(--green);border-radius:0 100% 100% 100%;left:51px;top:51px}.page-tabs{gap:30px;border-bottom:1px solid #d9d5dd;min-height:54px}.page-tabs,.page-tabs a{display:flex;align-items:center}.page-tabs a{gap:9px;font-size:12px;color:var(--muted);height:54px;border-bottom:2px solid transparent;margin-bottom:-1px}.page-tabs a span{font-size:9px;opacity:.65}.page-tabs a b{font-size:17px;font-weight:400;margin-left:12px}.page-tabs a[aria-current=page]{color:var(--purple);border-color:var(--purple);font-weight:600}.tabs-note{margin-left:auto;font-size:10px;color:#938d97}.kit-layout{display:grid;grid-template-columns:206px minmax(0,1fr);min-height:660px;border-bottom:1px solid var(--line)}.sidebar{padding:26px 21px 30px 0}.search{position:relative;margin-bottom:25px}.search svg{position:absolute;left:10px;top:11px;color:#aaa1af}.search input{width:100%;padding:10px 8px 10px 32px;border:1px solid var(--line);background:#fff;border-radius:5px;font-size:11px;min-height:36px}.nav-group{margin-bottom:22px}.nav-label{display:flex;justify-content:space-between;color:#8c858f;font-size:9px;letter-spacing:1px;text-transform:uppercase;padding:0 10px 9px}.nav-label span{letter-spacing:0;color:#a49ba9}.nav-item{display:flex;gap:9px;align-items:center;width:100%;font-size:11px;text-align:left;padding:9px 11px;margin:2px 0;border-radius:5px;line-height:1.35}.nav-item svg{opacity:.65;flex-shrink:0}.nav-item:hover{background:#f0edf2}.nav-item.active{background:#eee5f7;color:#6d319f;font-weight:600}.nav-item.active:after{content:"";margin-left:auto;width:5px;height:5px;border-radius:100%;background:var(--purple)}.library-note{padding:17px 10px 0;border-top:1px solid var(--line);font-size:10px;line-height:1.7;color:#98909e}.library-note strong{display:block;color:#6f6677;margin-bottom:4px}.no-results{padding:12px;font-size:12px;color:var(--muted)}.explorer{padding:27px 0 24px 28px;min-width:0}.specimen-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px}.breadcrumb{font-size:9px;color:#978f9d;letter-spacing:.8px;text-transform:uppercase;margin-bottom:9px}.specimen-heading h2{font-size:28px;font-weight:600;letter-spacing:-.8px}.specimen-heading p{font-size:11px;color:var(--muted);margin-top:7px;line-height:1.7;max-width:580px}.live-badge{font-size:9px;white-space:nowrap;display:flex;align-items:center;gap:6px;margin-top:27px;background:#edf6ef;color:#3d7852;padding:6px 8px;border-radius:4px}.live-badge i{width:5px;height:5px;background:#5a9b65;border-radius:100%}.preview-panel{border:1px solid #e1dce5;background:white;border-radius:8px;overflow:hidden}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 17px;border-bottom:1px solid #e6e1eb;font-size:10px}.preview-label{display:flex;align-items:center;gap:7px;font-weight:500}.toolbar-controls{display:flex;align-items:center;gap:15px}.state-control{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px}.state-control select{font-size:10px;color:var(--ink);border:1px solid var(--line);padding:5px 21px 5px 7px;border-radius:4px;background:#fff}.reset{display:flex;align-items:center;gap:6px;font-size:10px;padding:5px 0}.reset:hover{color:var(--purple)}.stage{min-height:405px;padding:40px 35px;display:flex;align-items:center;justify-content:center;background-color:#f4f0f8;background-image:radial-gradient(#dad2e5 .7px,transparent 0);background-size:14px 14px}.stage>div{width:100%}.preview-caption{display:flex;justify-content:space-between;align-items:center;padding:12px 17px;background:#fff;border-top:1px solid var(--line);font-size:10px;color:#8b8390;gap:10px}.preview-caption .hint{display:flex;align-items:center;gap:7px}.module{margin:auto;background:#fff;border:1px solid var(--module-line);display:flex;flex-direction:column;gap:20px;color:var(--module-ink);font-size:14px;box-shadow:0 5px 18px #30204307}.module-header{background:#f6f3fe}.module-header .kicker{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;color:#813ebe;margin-bottom:7px}.module-header h3{font-family:Onest,sans-serif;font-size:19px;letter-spacing:-.5px;line-height:1.35}.module.single{padding:20px;gap:15px}.single .module-header{background:#eff6fe}.single .kicker{color:#326fa6}.module-footnote{font-size:12px;color:#7a7e86;line-height:1.6}.module input,.module select,.module textarea{font-family:Onest}.component-meta{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:24px 2px 0}.meta-title{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:#9a919f;margin-bottom:9px}.component-meta p{font-size:11px;line-height:1.8;color:#79717f}.component-meta a{color:var(--purple);font-size:11px;font-weight:500;display:inline-flex;gap:10px;align-items:center;margin-top:12px}.source-note{display:flex;gap:8px;align-items:center;font-size:9px;color:#a79aaa;margin-top:22px}.sort-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.sort-bin{border:1px dashed #cfd1d4;min-height:139px;transition:background .15s}.sort-bin.ready{background:#f4ecfd;border-color:var(--purple)}.sort-bin h4{margin:0;background:#f6f3fe;padding:12px 9px;font-size:13px;font-weight:500;display:flex;justify-content:space-between}.sort-bin h4 span{font-size:9px;color:#a498b6}.bin-body{padding:8px;display:flex;flex-direction:column;gap:6px}.bin-empty{font-size:10px;color:#9a96a0;margin:auto;text-align:center;padding:12px 0}.chip-tray{display:flex;gap:8px;flex-wrap:wrap;min-height:30px}.sort-chip{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff;border:1px solid #e4e7ec;padding:8px 10px;font-size:12px;min-height:34px;cursor:grab;transition:box-shadow .15s,background .15s}.sort-chip svg{color:#a5a2ab;flex-shrink:0}.sort-chip.selected{border-color:#813ebe;background:#f6f3fe;box-shadow:0 0 0 2px #813ebe18}.sort-chip:active{cursor:grabbing}.sort-bin.drop-target{cursor:pointer}.sort-help{font-size:10px;color:#8b8294;line-height:1.5}.choice-list{display:flex;flex-direction:column;gap:5px}.choice-row{display:flex;align-items:center;gap:10px;border:1px solid #e7e8e9;background:#fff;font-size:13px;cursor:pointer}.choice-row:has(input:checked){border-color:#60a5fa;background:#eff6fe}.choice-row:has(input:disabled){opacity:.5;cursor:not-allowed}.choice-row input{accent-color:#60a5fa;width:16px;height:16px;margin:0}.spectrum-wrap{padding:22px 22px 10px}.range-labels{display:flex;justify-content:space-between;font-size:12px;color:var(--purple);margin-bottom:22px}.range-track{position:relative}.range-track input{width:100%;margin:0;accent-color:var(--purple);position:relative;z-index:2;height:24px;background:transparent;cursor:ew-resize}.range-track .team-dot{position:absolute;width:12px;height:12px;border:2px solid #fff;border-radius:100%;top:6px;z-index:3;pointer-events:none;transform:translateX(-50%)}.range-output{text-align:center;margin-top:16px;color:var(--purple)}.range-output output{background:#f6f3fe;padding:6px 12px;display:inline-block}.module-textarea{border:1px solid transparent;background:#f3f3f4;resize:vertical;min-height:115px;width:100%;padding:13px;font-size:13px;line-height:1.7;border-radius:0;color:var(--module-ink)}.module-textarea:focus{border-color:var(--purple);outline:none}.response-footer{display:flex;justify-content:space-between;align-items:center;gap:15px}.response-footer label{font-size:14px;font-weight:500}.char-count{font-size:10px;color:#92909a}.rondo-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--purple);color:#fff;padding:12px 15px;border:1px solid transparent;transition:background .15s}.rondo-btn.force-hover,.rondo-btn:hover{background:#6929a2}.rondo-btn:active{background:#522178}.rondo-btn:disabled{opacity:.35}.rondo-btn.outlined{background:transparent;color:var(--purple);border-color:var(--purple)}.rondo-btn.small{min-height:34px;padding:7px 10px;font-size:12px}.rondo-btn.light{background:#fff;color:var(--purple);border-color:var(--line)}.token-row{justify-content:space-between;border:1px solid var(--module-line);padding:13px 15px}.allocation-controls,.token-row{display:flex;gap:10px;align-items:center}.allocation-controls button{width:27px;height:27px;border:1px solid var(--module-line);font-size:18px;display:grid;place-items:center}.allocation-controls button:disabled{opacity:.3}.token-count{background:#f6f3fe;color:var(--purple);width:28px;height:28px;display:grid;place-items:center;font-size:12px}.allocation-foot{display:flex;align-items:center;justify-content:space-between;color:#878b93;font-size:12px}.coin{display:inline-grid;place-items:center;background:var(--yellow);color:#81741d;border:1px solid #cfc14e;border-radius:100%;width:25px;height:25px;margin-left:-7px;font-size:12px}.triangle-area{display:flex;align-items:center;gap:12px;min-height:235px}.triangle-area svg{max-height:250px;touch-action:none;cursor:crosshair}.triangle-stats{flex:1 1;display:flex;flex-direction:column;gap:14px}.triangle-stats label{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:11px;color:#878b93}.triangle-stats strong{font-size:17px;color:var(--module-ink);font-weight:500}.triangle-stats input{width:100%;accent-color:var(--purple);margin-top:5px;height:14px}.buttons-demo{padding:30px 20px;display:flex;flex-direction:column;gap:24px}.button-line{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}.button-line>small{font-size:10px;color:var(--muted);width:55px}.input-example{display:grid;gap:15px}.field-label{display:block;font-size:12px;margin-bottom:7px}.rondo-input{width:100%;background:#f3f3f4;border:1px solid transparent;padding:13px 10px;font-size:14px}.rondo-input:focus{border-color:var(--purple);outline:none}.rondo-input:disabled{opacity:.5}.inline-controls{display:flex;flex-wrap:wrap;gap:20px;font-size:12px}.inline-controls label{display:flex;gap:7px;align-items:center}.inline-controls input{accent-color:var(--purple)}.email-module{padding:0;box-shadow:0 5px 18px #30204307}.email-header{padding:18px 20px;background:#eaf1fb;display:flex;align-items:center;justify-content:space-between;color:#4b5e7a}.email-header strong{font-size:17px;display:flex;align-items:center;gap:10px}.email-body{padding:24px;display:grid}.email-subject{font-size:20px;font-weight:500;line-height:1.3}.email-sender{display:flex;align-items:center;gap:10px;font-size:11px;color:#777e88}.avatar{width:34px;height:34px;display:grid;place-items:center;background:#fbb2fa;border-radius:100%;color:#6d346e;font-size:12px}.email-copy{font-size:13px;line-height:1.8;border:1px solid var(--module-line);padding:22px}.email-copy p+p{margin-top:14px}.email-actions{display:flex;gap:10px}.email-reply{display:grid;gap:10px}.demo-feedback{background:#f6f3fe;color:#6f379c;font-size:12px;line-height:1.6;padding:14px}.foundation-sheet{max-width:650px;margin:auto;background:#fff;padding:28px;border:1px solid var(--module-line)}.swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:18px 14px}.swatch-color{height:64px;margin-bottom:8px;border:1px solid #00000009}.swatch-name{font-size:10px}.swatch-hex{font-size:9px;color:var(--muted);margin-top:3px}.type-row{padding:17px 0;border-bottom:1px solid var(--line)}.type-row:last-child{border:0}.type-label{font-size:9px;color:var(--muted);margin-bottom:8px}.spacing-row{display:flex;align-items:center;gap:15px;margin:12px 0}.spacing-row code{font-size:10px;width:65px;color:var(--muted)}.spacing-block{height:16px;background:#d7b6f0}.spacing-row small{font-size:10px;color:var(--muted)}.radius-row{display:flex;gap:17px;margin-top:28px;flex-wrap:wrap}.radius-tile{height:48px;width:48px;background:#f6f3fe;border:1px solid #d6bee9;display:grid;place-items:center;font-size:10px;color:var(--purple)}.context-page,.story-page{padding:35px 0 50px}.context-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:30px;margin-bottom:28px}.context-intro h2,.story-page h2{font-size:36px;letter-spacing:-1.2px;margin-bottom:12px}.context-intro p{max-width:580px;font-size:13px;line-height:1.8;color:var(--muted)}.secondary-link{font-size:11px;color:var(--purple);padding:10px 0;white-space:nowrap;display:inline-flex;gap:9px;align-items:center}.experience-shell{display:grid;grid-template-columns:205px 1fr;border:1px solid var(--line);background:white;min-height:560px;border-radius:8px;overflow:hidden}.experience-sidebar{padding:25px;border-right:1px solid var(--line);background:#fcfbfe}.experience-sidebar .eyebrow{font-size:9px;margin-bottom:28px}.experience-step{display:flex;gap:10px;align-items:center;font-size:11px;color:#9b939f;padding:15px 0}.experience-step b{font-size:10px;width:22px;height:22px;display:grid;place-items:center;border:1px solid var(--line);border-radius:100%;font-weight:500}.experience-step.active{color:var(--purple)}.experience-step.active b{background:var(--purple);color:#fff;border-color:var(--purple)}.experience-step.done b{background:#ecf5ed;color:#44764b}.experience-sidebar p{font-size:10px;color:#8f8595;line-height:1.7;margin-top:35px}.experience-content{padding:30px;background:#f4f0f8}.experience-header{max-width:565px;margin:0 auto 20px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#8b789b}.experience-content>.module{width:100%}.experience-actions{max-width:565px;margin:20px auto 0;display:flex;justify-content:space-between;align-items:center;gap:15px}.experience-actions .rondo-btn{font-size:12px}.complete-card{max-width:565px;margin:auto;padding:40px;background:white;text-align:center;border:1px solid var(--line)}.complete-icon{width:60px;height:60px;border-radius:100%;background:#e8f7ef;color:#2e8b5b;display:grid;place-items:center;margin:0 auto 20px;font-size:26px}.complete-card h3{font-family:Bricolage;font-size:30px}.complete-card p{font-size:12px;color:var(--muted);line-height:1.8;margin:15px 0}.answer-summary{background:#f6f3fe;text-align:left;padding:17px;font-size:12px;line-height:1.8;overflow-wrap:anywhere}.answer-summary small{display:block;text-transform:uppercase;font-size:9px;letter-spacing:1px;color:var(--purple)}.story-lede{max-width:750px;font-size:18px;line-height:1.8;color:#756b7d;margin:20px 0 35px}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;border-top:1px solid var(--line);padding-top:30px}.story-grid h3{font-size:15px;margin-bottom:14px;font-weight:500}.story-grid p{font-size:12px;line-height:1.9;color:var(--muted)}.story-grid .eyebrow{margin-bottom:12px;color:var(--purple)}.story-bottom{padding:30px;background:#efe8f6;margin-top:35px;display:flex;align-items:center;justify-content:space-between;gap:25px}.story-bottom h3{font-family:Bricolage;font-size:24px;letter-spacing:-.5px;margin-bottom:9px}.story-bottom p{font-size:12px;line-height:1.8;color:#82718e}.story-bottom .rondo-btn{white-space:nowrap;font-size:12px}footer{max-width:1600px;margin:auto;padding:27px 4.5%;display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:10px;color:#918795}footer>div{display:flex;flex-direction:column;gap:7px}footer strong{font-size:16px;font-family:Bricolage;color:#746a7b}footer p{line-height:1.7}footer a{color:#72677c}footer a span{margin-left:10px}@media(min-width:1500px){.stage{min-height:450px}.intro{padding-top:55px}.kit-layout{grid-template-columns:225px minmax(0,1fr)}}@media(max-width:1000px){.intro-side{margin-right:0;gap:15px}.intro-side p{display:none}.stage{padding:30px 20px}.kit-layout{grid-template-columns:175px minmax(0,1fr)}.explorer{padding-left:20px}.sidebar{padding-right:15px}.tabs-note{display:none}.preview-caption{font-size:9px}.preview-caption .dimensions{display:none}.component-meta{gap:15px}.module-header h3{font-size:18px}.sort-chip{font-size:11px;padding:7px}.module{gap:15px}.triangle-area{gap:0}.topbar{height:70px}}@media(max-width:720px){.topbar{padding:0 5%;height:65px}.brand{font-size:20px;gap:8px}.brand-icon{width:32px;height:32px;font-size:23px}.brand-separator{padding:0 9px}.brand-caption{font-size:11px}.top-meta{display:none}main{padding:0 5%}.intro{padding:30px 0 25px}.eyebrow{font-size:8px;letter-spacing:1px}h1{font-size:42px;letter-spacing:-1.8px;margin:14px 0}.intro-copy{font-size:12px;line-height:1.7;max-width:350px}.desktop,.intro-side{display:none}.page-tabs{gap:23px;min-height:50px}.page-tabs a{font-size:11px;height:50px;gap:5px}.page-tabs a b{display:none}.page-tabs a span{font-size:8px}.kit-layout{display:flex;flex-direction:column;min-height:0}.sidebar{padding:17px 0 13px;border-right:0;border-bottom:1px solid var(--line)}.search{display:none}.sidebar nav{display:flex;overflow-x:auto;gap:15px;padding-bottom:4px}.nav-group{margin:0;flex-shrink:0}.nav-label{padding:0 7px 5px;font-size:8px}.nav-group-items{display:flex;gap:5px}.nav-item{white-space:nowrap;padding:9px 11px;width:auto;font-size:10px;border:1px solid var(--line);background:#fff}.nav-item.active{border-color:#d7bfea}.nav-item.active:after{display:none}.nav-item svg{width:13px;height:13px}.library-note{display:none}.explorer{padding:23px 0}.specimen-heading{margin-bottom:17px;gap:12px}.specimen-heading h2{font-size:25px}.specimen-heading p{font-size:11px}.live-badge{margin-top:24px}.breadcrumb,.live-badge{font-size:8px}.preview-toolbar{padding:10px;font-size:9px;gap:5px}.toolbar-controls{gap:12px}.state-control>span{display:none}.state-control select{max-width:95px;font-size:9px}.preview-label{font-size:9px}.stage{padding:24px 10px;min-height:360px}.module{gap:15px;font-size:12px}.module,.module.single{padding:12px}.module-header{padding:15px}.module-header h3{font-size:16px}.module-header .kicker{font-size:9px}.sort-grid{gap:6px}.sort-bin{min-height:143px}.sort-bin h4{padding:10px 7px;font-size:11px}.bin-body{padding:6px}.sort-chip{padding:7px 6px;font-size:10px;gap:3px}.sort-chip svg{width:11px}.sort-bin h4 span{display:none}.sort-help{font-size:9px}.chip-tray{gap:5px}.preview-caption{padding:11px;font-size:9px}.preview-caption .hint svg{display:none}.component-meta{grid-template-columns:1fr;gap:20px;padding-top:20px}.component-meta p{font-size:11px}.source-note{font-size:8px;line-height:1.5}.triangle-area svg{width:65%}.triangle-stats strong{font-size:14px}.triangle-stats label{font-size:9px}.triangle-stats{gap:12px}.range-labels{margin-bottom:15px}.swatches{grid-template-columns:repeat(3,1fr);gap:14px 10px}.swatch-color{height:50px}.foundation-sheet{padding:18px}.type-row .display{font-size:32px!important}.button-line{gap:10px}.button-line>small{width:100%;text-align:center}.buttons-demo{padding:12px}.email-body{padding:16px;gap:15px}.email-copy{padding:15px;font-size:12px}.email-header{padding:14px 16px}.email-subject{font-size:18px}.context-page,.story-page{padding:25px 0}.context-intro{display:block}.context-intro h2,.story-page h2{font-size:29px}.context-intro p{font-size:12px}.context-intro .secondary-link{margin-top:12px}.experience-shell{display:flex;flex-direction:column}.experience-sidebar{padding:12px 15px;display:flex;gap:15px;border-right:0;border-bottom:1px solid var(--line)}.experience-sidebar .eyebrow,.experience-sidebar p{display:none}.experience-step{padding:0;font-size:10px;gap:5px}.experience-step b{width:19px;height:19px;font-size:9px}.experience-content{padding:20px 10px}.experience-actions .rondo-btn{padding:10px 14px;font-size:11px}.experience-header{font-size:9px}.complete-card{padding:25px}.story-lede{font-size:16px}.story-grid{grid-template-columns:1fr;gap:26px}.story-bottom{display:block;padding:24px}.story-bottom .rondo-btn{margin-top:20px}footer{padding:24px 5%;flex-wrap:wrap;gap:20px}footer p{font-size:9px}footer a{font-size:10px}.allocation-controls{gap:6px}.token-row{padding:12px 10px}.module-footnote{font-size:11px}.response-footer{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}[hidden]{display:none!important}@media(min-width:721px){.module-header .kicker{font-size:14px;font-weight:400;letter-spacing:0;margin-bottom:5px;line-height:17px}.module-header h3{font-size:20px;line-height:24px}}html{scroll-behavior:smooth;scroll-padding-top:32px}.kit-layout{grid-template-columns:minmax(0,1fr) 216px;gap:54px;align-items:start;border-bottom:0}.collection{grid-column:1;min-width:0}.sidebar{grid-column:2;position:sticky;top:26px;border-right:0;border-left:1px solid var(--line);padding:4px 0 0 22px;margin-top:44px;max-height:calc(100dvh - 52px);overflow-y:auto;scrollbar-width:thin}.index-heading{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:var(--muted);margin-bottom:20px}.sidebar .search{margin-bottom:22px}.sidebar .nav-group{margin-bottom:18px}.sidebar .nav-item{font-size:11px;padding:8px 9px}.sidebar .library-note{padding:16px 8px}.library-note a{display:block;color:var(--purple);padding:5px 0}.collection-intro{padding:48px 0 40px;border-bottom:1px solid var(--line)}.collection-intro h2{font-size:clamp(30px,3vw,44px);letter-spacing:-1.4px;font-weight:600;margin:12px 0}.collection-intro>p:last-child{font-size:12px;color:var(--muted);line-height:1.8;max-width:520px}.specimen-section{padding:48px 0 44px;border-bottom:1px solid var(--line);scroll-margin-top:24px}.specimen-heading h2{font-size:32px}.specimen-heading p{font-size:12px}.breadcrumb{color:var(--purple);margin-bottom:12px}.specimen-section .stage{min-height:410px;padding:40px 24px}.specimen-section:nth-of-type(3n+2) .stage{background-color:#eef3f7;background-image:radial-gradient(#d6e0e8 .7px,transparent 0)}.specimen-section:nth-of-type(3n) .stage{background-color:#f2f3ea;background-image:radial-gradient(#dce0cf .7px,transparent 0)}.collection-chapter{scroll-margin-top:32px;border-bottom:1px solid var(--line);padding:24px 0}.collection .context-intro{display:block}.collection .context-intro .secondary-link{margin-top:12px}.collection .experience-shell{grid-template-columns:155px minmax(0,1fr)}.collection .experience-sidebar{padding:20px 15px}.collection .experience-content{padding:24px 16px}.collection .story-grid{gap:22px}.collection .story-lede{font-size:16px}.collection .story-bottom{padding:25px}.page-tabs a:first-child{color:var(--purple)}@media(max-width:1100px) and (min-width:721px){.kit-layout{gap:28px;grid-template-columns:minmax(0,1fr) 184px}.sidebar{padding-left:14px}.specimen-section .stage{padding:30px 14px}.collection .experience-shell{grid-template-columns:1fr}.collection .experience-sidebar{display:flex;gap:16px;align-items:center;border-right:0;border-bottom:1px solid var(--line)}.collection .experience-sidebar .eyebrow,.collection .experience-sidebar p{display:none}.collection .experience-step{padding:0}.collection .story-grid{grid-template-columns:1fr}.collection .story-bottom{display:block}.collection .story-bottom .rondo-btn{margin-top:18px}}@media(max-width:720px){html{scroll-padding-top:0}.kit-layout{display:flex;flex-direction:column;gap:0}.sidebar{order:0;width:100%;top:0;z-index:20;margin-top:0;border-left:0;border-bottom:1px solid var(--line);padding:10px 0 7px;background:var(--paper);max-height:none;overflow:visible}.index-heading,.sidebar .library-note,.sidebar .nav-label,.sidebar .search{display:none}.sidebar nav{gap:5px;padding-bottom:3px}.sidebar .nav-group{margin:0}.sidebar .nav-item{font-size:10px;padding:9px}.collection{order:1;width:100%}.collection-intro{padding:30px 0}.collection-intro h2{font-size:32px}.specimen-section{padding:32px 0;scroll-margin-top:78px}.specimen-heading h2{font-size:27px}.specimen-heading p{font-size:11px}.specimen-section .stage{padding:24px 10px;min-height:340px}.collection-chapter{scroll-margin-top:78px;padding:15px 0}.collection .experience-content{padding:20px 10px}.collection .story-grid{grid-template-columns:1fr}.collection .story-bottom{padding:22px}.collection .experience-sidebar{padding:12px}.collection .experience-shell{display:flex}.collection .context-intro h2,.collection .story-page h2{font-size:29px}}.library-note a[aria-current=location]{font-weight:600;text-decoration:underline;text-underline-offset:4px}:root{--radius-sm:4px;--radius-control:8px;--radius-inner:10px;--radius-module:20px;--radius-round:50px}.module{border-radius:var(--radius-module)}.email-copy,.module-header,.module-textarea,.rondo-input,.sort-bin,.token-row,.triangle-area{border-radius:var(--radius-inner)}.sort-bin h4{border-radius:9px 9px 0 0}.choice-row,.sort-chip,.token-count{border-radius:var(--radius-control)}.rondo-btn{border-radius:var(--radius-inner)}.rondo-btn.small{border-radius:var(--radius-control)}.range-output output{border-radius:var(--radius-sm)}.email-header{border-radius:19px 19px 0 0}.complete-card,.foundation-sheet,.story-bottom{border-radius:var(--radius-module)}.answer-summary,.demo-feedback{border-radius:var(--radius-inner)}.allocation-controls button{border-radius:var(--radius-sm)}.module{gap:15px;box-shadow:none;border:0;outline:1px solid var(--module-line);outline-offset:-1px;padding:15px}.module-header{padding:20px}.module-header .kicker{font-size:14px;line-height:17px;letter-spacing:0;font-weight:400;margin-bottom:5px}.module-header h3{font-size:20px;line-height:24px;letter-spacing:0;font-weight:500}.single .kicker{color:var(--purple)}.choice-row{font-size:16px;font-weight:500;line-height:19px;gap:5px;border:0;box-shadow:inset 0 0 0 1px #e7e8e9;padding:10px;min-height:44px}.choice-row:has(input:checked){box-shadow:inset 0 0 0 1px #60a5fa}.choice-row input{width:24px;height:24px;flex-shrink:0}.sort-chip{width:150px;max-width:100%;min-height:30px;font-size:13px;font-weight:500;line-height:16px;padding:7px 10px;border:0;box-shadow:inset 0 0 0 1px #e4e7ec}.sort-chip svg{width:16px;height:16px}.chip-tray{gap:10px}.empty-tray{display:none}.sort-bin{border-style:solid}.sort-bin h4{font-size:18px;line-height:22px;color:#585d69;padding:10px}.sort-bin h4 span{display:none}.bin-body{padding:10px;min-height:95px;gap:10px}.bin-empty{font-size:13px;color:#b7babf}.sort-bin .sort-chip{width:100%}.module-footnote{font-size:14px;line-height:17px;color:#878b93}.spectrum-module>.module-footnote,.triangle-module>.module-footnote{text-align:center}.spectrum-wrap{position:relative;padding:30px;height:91px}.range-labels{margin:0 0 5px;padding:0 5px;line-height:14px}.range-track{height:12px}.range-track input{appearance:none;-webkit-appearance:none;height:12px;display:block;outline-offset:6px}.range-track input::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:#e7e8e9}.range-track input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;margin-top:-10px;width:24px;height:24px;border:4px solid white;border-radius:50%;background:#813ebe;box-shadow:0 3px 6px #10182840;position:relative;z-index:5}.range-track input::-moz-range-track{height:4px;background:#e7e8e9}.range-track input::-moz-range-thumb{width:16px;height:16px;border:4px solid white;border-radius:50%;background:#813ebe;box-shadow:0 3px 6px #10182840}.range-track .team-dot{top:0;border:0;z-index:1}.range-output{position:absolute;top:0;transform:translateX(-50%);margin:0;font-size:12px;pointer-events:none}.range-output output{padding:5px;background:#813ebe;color:white;line-height:14px}.range-output:after{content:"";display:block;margin:auto;width:0;border:5px solid transparent;border-top-color:#813ebe;border-bottom:0}.triangle-area{flex-direction:row-reverse;justify-content:space-between;min-height:247px}.triangle-area svg{width:65%;height:247px}.triangle-stats{max-width:100px;gap:15px}.triangle-stats>div{padding:5px 10px;border-bottom:1px solid #e7e8e9}.triangle-stats label{flex-direction:column;align-items:flex-start;font-size:14px}.triangle-stats strong{font-size:20px}.triangle-stats input{opacity:.3}.triangle-stats:focus-within input,.triangle-stats:hover input{opacity:1}.token-row{min-height:70px;padding:15px 15px 15px 20px;font-size:18px;line-height:22px}.token-slot{border:1px dashed #cfd1d4;border-radius:8px;min-width:120px;min-height:40px;display:flex;align-items:center;justify-content:center;padding:3px 10px}.slot-placeholder{font-size:12px;color:#b7babf}.allocation-foot{font-size:16px;line-height:19px}.coin{width:42px;height:36px;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);border-radius:0;font-style:normal;font-size:20px}.response-footer{padding:0 10px;min-height:22px}.response-footer label{font-size:18px;line-height:22px}.response-input{background:#f3f3f4;border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:10px;min-height:103px}.response-input .module-textarea{min-height:57px;height:57px;padding:0;border:0;border-radius:0;resize:vertical}.module-textarea,.rondo-input{font-size:16px;line-height:1.3;letter-spacing:-.03em;padding:10px}.response-input .char-count{align-self:flex-end;font-size:12px;line-height:16px;color:#101828}.response-input:focus-within{outline:2px solid var(--purple);outline-offset:2px}.response-input textarea:focus{outline:none}.rondo-btn{font-size:14px;line-height:17px;font-weight:500}.rondo-btn.small{padding:5px 10px;font-size:16px;line-height:17px}.rondo-btn.xl{padding:15px 30px;font-size:16px;line-height:19px}.rondo-btn.force-hover,.rondo-btn:hover{background:#4f1b7e}.rondo-btn:active{background:#c086fc}.rondo-btn:disabled{opacity:1;background:#cfd1d4;color:white}.rondo-btn.outlined:hover{color:white}.rondo-btn.outlined:disabled{background:transparent;border-color:#cfd1d4;color:#cfd1d4}.email-module{padding:1px;gap:0;box-shadow:none}.email-header{height:73px;padding:20px 30px 20px 20px}.email-header strong{font-size:14px;gap:5px}.email-header strong svg{width:32px;height:32px}.email-body{padding:20px;gap:20px}.email-tools{display:flex;justify-content:space-between;font-size:22px;color:#878b93}.email-sender{font-size:16px;line-height:1.5}.avatar{width:40px;height:40px;flex-shrink:0}.email-copy{padding:50px;font-size:16px;line-height:1.3;letter-spacing:-.03em}@media(max-width:720px){.module-header,.module.single,.text-response-module,.triangle-module{padding:15px}.module-header h3{font-size:18px;line-height:23px}.sort-bin h4{font-size:14px;padding:10px 6px}.bin-body{padding:6px}.sort-bin .sort-chip{font-size:11px;padding:7px 5px}.token-row{padding:12px 10px;font-size:14px}.token-slot{min-width:62px;padding:3px}.slot-placeholder{font-size:10px;max-width:55px}.allocation-controls{gap:4px}.token-slot .coin{width:28px;height:26px}.email-copy{padding:24px}.triangle-stats{max-width:85px}.triangle-stats label{font-size:12px}.triangle-area svg{width:65%}}.sort-bin:first-child h4{background:#eff6fe;color:#145aef}.sort-bin:nth-child(2) h4{background:#fef1f1;color:#f87171}.sort-bin:nth-child(3) h4{background:#e6f8fb;color:#46cb84}.triangle-module .module-header{background:#fafde8}.triangle-area{box-shadow:inset 0 0 0 1px #e7e8e9}.coin{background:#813ebe;color:#fff;border:0}.coin:before{content:"";position:absolute;inset:4px;background:#fff;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);z-index:-1}.coin{position:relative;isolation:isolate;color:#813ebe}.email-header{color:#101828}.response-input .char-count,.rondo-btn:disabled{color:#878b93}.rondo-btn.outlined:hover{background:transparent;color:#4f1b7e;border-color:#4f1b7e}.rondo-btn.outlined:active{background:transparent;color:#c086fc;border-color:#c086fc}.source-icon{display:inline-block;flex-shrink:0;background:currentColor;mask-repeat:no-repeat;mask-position:center;mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain}.coin{clip-path:none;background:transparent url(/assets/rondo/bid-chip.svg) 50%/contain no-repeat;color:transparent}.coin:before{display:none}.email-tools{display:block;width:100%;height:auto;max-height:32px;object-fit:contain;margin-bottom:18px}.email-ornament{opacity:1;object-fit:contain}.source-badge{width:24px;height:24px;object-fit:contain}.triangle-stats label{position:relative;padding-left:27px}.triangle-stats .source-badge{position:absolute;left:0;top:0}.response-footer label{display:flex;align-items:center;gap:5px}.search .source-icon{position:absolute;left:10px;top:11px;color:#aaa1af}.nav-item .source-icon{opacity:.65}.sort-chip .source-icon{color:#101828}.email-header strong .source-icon{width:32px!important;height:32px!important}@font-face{font-family:Caveat;src:url(/assets/caveat-latin-wght-normal.woff2) format("woff2");font-weight:400 700;font-display:swap}.family-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(255px,1fr);gap:20px;align-items:start}.variant-gallery{min-width:0}.family-title{display:flex;justify-content:space-between;align-items:start;gap:12px;padding:22px 0}.family-title h3{font-family:Bricolage;font-size:24px;font-weight:600;letter-spacing:-.6px;margin-top:9px}.family-count{font-family:Bricolage;font-size:42px;font-weight:500;color:var(--purple);line-height:1}.family-count span{display:block;font-family:Onest;font-size:9px;font-weight:400;margin-top:6px;white-space:nowrap}.family-description{font-size:12px;line-height:1.8;color:var(--muted);margin-bottom:20px}.gallery-switch{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;color:var(--muted);padding:16px 0}.gallery-switch button{color:var(--purple);font-size:11px;text-align:right}.gallery-switch h4{font-size:12px;font-weight:500;margin:0;color:var(--ink)}.button-variant-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.button-variant{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}.button-variant.chosen,.pair-tile.chosen{border-color:#ad76d6;box-shadow:0 0 0 1px #ad76d6}.variant-render{min-height:105px;display:flex;padding:14px 5px;background:#f3eff8;overflow:auto}.source-button,.variant-render{align-items:center;justify-content:center}.source-button{display:inline-flex;white-space:nowrap;flex-shrink:0;box-sizing:border-box;max-width:100%;overflow:hidden}.source-button:disabled{cursor:not-allowed}.variant-caption{display:grid;width:100%;gap:5px;text-align:left;padding:12px;font-size:10px}.variant-caption span{font-size:9px;color:var(--muted)}.variant-caption:hover{background:#faf7fe}.family-lab{position:sticky;top:24px;border:1px solid #ded4e8;border-radius:14px;background:#fff;padding:22px;min-width:0}.family-lab h3{font-family:Bricolage;font-size:24px;letter-spacing:-.5px;margin:9px 0 20px}.lab-canvas{min-height:150px;background:#f6f3fe;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:20px;margin-bottom:20px;overflow:auto}.lab-field{display:grid;gap:7px;font-size:11px;margin-top:14px;min-width:0}.lab-field>span{color:#74667e}.lab-field input,.lab-field select,.lab-field textarea{width:100%;min-width:0;border:1px solid var(--line);border-radius:6px;background:#faf9fc;padding:10px;font-size:12px;color:var(--ink)}.lab-field textarea{min-height:80px;resize:vertical}.lab-toggles{margin-top:17px;border-top:1px solid var(--line);padding-top:7px}.lab-toggles label{display:flex;justify-content:space-between;align-items:center;padding:9px 0;font-size:12px}.lab-toggles input{accent-color:var(--purple);width:17px;height:17px}.lab-note{font-size:10px;color:var(--muted);line-height:1.7;margin-top:16px}.lab-feedback{line-height:1.6;min-height:30px;margin-top:14px}.lab-feedback,.lab-reset{font-size:11px;color:var(--purple)}.lab-reset{padding:10px 0;margin-top:10px;text-decoration:underline;text-underline-offset:4px}.lab-source{font-size:9px;color:var(--muted);line-height:1.8;margin-top:14px;border-top:1px solid var(--line);padding-top:10px}.font-gallery{display:grid;gap:10px}.font-gallery article{padding:20px;border:1px solid var(--line);border-radius:10px;background:#fff}.font-gallery article>div{display:flex;justify-content:space-between;align-items:start;gap:10px}.font-gallery strong{font-size:12px}.font-gallery small{font-size:9px;color:var(--muted);max-width:110px;text-align:right}.font-gallery p{font-size:32px;line-height:1.15;letter-spacing:-.5px;margin:24px 0;overflow-wrap:anywhere}.font-gallery article:last-child p{font-size:42px}.font-gallery article>span{font-size:10px;color:var(--muted)}.pair-gallery{display:grid;gap:10px}.pair-tile{display:block;text-align:left;width:100%;padding:24px;border:1px solid var(--line);border-radius:10px;background:#f2edf8;overflow:hidden}.pair-tag{display:block;font-size:10px;color:var(--muted);margin-bottom:24px}.pair-tile p{overflow-wrap:anywhere}.type-scale-gallery{border-top:1px solid var(--line)}.type-scale-item{display:block;width:100%;text-align:left;padding:20px 0;border-bottom:1px solid var(--line);overflow:auto}.type-scale-item>span{display:block;font-size:9px;color:var(--muted);margin-bottom:15px}.type-scale-item>p{white-space:nowrap}.type-lab-canvas{padding:28px 20px;background:#f6f3fe;border-radius:10px;min-height:220px;margin-top:20px;overflow:auto}.type-lab-canvas p{min-width:180px;overflow-wrap:normal}.typography-family .family-lab{padding:20px}@media(max-width:1150px){.family-layout{grid-template-columns:minmax(0,1fr)}.family-lab{position:static}.button-variant-grid,.font-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.font-gallery article>div{display:block}.font-gallery small{display:block;text-align:left;margin-top:7px}.font-gallery p{font-size:25px}.font-gallery article{padding:14px}}@media(max-width:720px){.button-variant-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.font-gallery{grid-template-columns:1fr}.font-gallery article>div{display:flex}.font-gallery p{font-size:32px}.family-title h3{font-size:22px}.family-count{font-size:36px}.family-lab,.pair-tile{padding:18px}.variant-render{min-height:95px}.source-button{max-width:100%}.family-title{padding-top:5px}}.buttons-showcase{min-width:0}.button-workbench{border:1px solid #e4e1e8;border-radius:22px;background:white}.workbench-heading{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;border-bottom:1px solid #e9e4ef;color:var(--purple);font-size:14px}.workbench-heading>span{display:flex;gap:8px;align-items:center}.workbench-heading button{font-size:11px;color:#82758d;padding:4px 0}.workbench-heading button:hover{color:var(--purple)}.workbench-body{min-height:340px;display:grid;grid-template-columns:minmax(0,1fr) 194px;gap:24px;padding:28px;background-color:#f8f5fd;background-image:radial-gradient(#d8c8ed .7px,transparent 0);background-size:14px 14px}.button-live-stage{min-width:0;display:flex;align-items:center;justify-content:center;position:relative;padding:25px 12px 65px}.button-live-caption{position:absolute;bottom:8px;left:0;right:0;text-align:center;color:#91829e;font-size:10px}.button-live-caption>span{letter-spacing:.04em}.button-live-caption p{margin-top:7px;color:#a294ad;font-size:10px}.button-properties{background:#fff;border:1px solid #e6e1eb;border-radius:19px;padding:12px 14px;align-self:center;box-shadow:0 3px 10px #3e245005}.button-size-control{display:flex;border:1px solid #e8e4ec;padding:4px;border-radius:10px;gap:2px}.button-size-control button{flex:1 1;padding:9px 0;font-size:12px;border-radius:6px;color:#92909b}.button-size-control button[aria-pressed=true]{color:#fff;background:var(--purple)}.button-property-toggles{padding-top:12px}.button-property-toggles label{display:flex;align-items:center;justify-content:space-between;padding:9px 3px;font-size:12px}.button-property-toggles input{appearance:none;width:29px;height:17px;border-radius:20px;background:#d2d3d7;position:relative;cursor:pointer;transition:background .15s}.button-property-toggles input:before{content:"";position:absolute;top:2px;left:2px;width:13px;height:13px;border-radius:50%;background:#fff;transition:transform .15s}.button-property-toggles input:checked{background:var(--purple)}.button-property-toggles input:checked:before{transform:translateX(12px)}.button-properties .lab-field{margin-top:10px;font-size:10px;gap:5px}.button-properties .lab-field input,.button-properties .lab-field select{padding:7px;font-size:11px;background:white}.button-live-stage .source-button:focus-visible{outline:2px solid #813ebe;outline-offset:5px}.button-library-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:32px}.button-library-heading h3{font-size:15px;font-weight:500}.button-library-heading>span{font-size:10px;color:#96899f}.button-library-note{font-size:11px;color:#96899f;margin:8px 0 26px}.button-size-sheet{border:1px dashed #ac7adc;border-radius:15px;padding:12px 15px 18px;position:relative;margin-bottom:30px;min-width:0}.button-size-sheet h4{display:table;position:relative;margin:-21px 0 7px;padding:0 8px;background:#fff;color:#9560c3;font-size:11px;font-weight:400;letter-spacing:.015em}.button-size-sheet h4 span{margin-right:5px}.button-matrix-scroll{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#d9c6eb transparent}.button-matrix{width:100%;min-width:760px;border-collapse:collapse;table-layout:fixed}.button-matrix th{font-size:9px;font-weight:400;color:#958a9f;text-align:left}.button-matrix thead th{padding:12px 8px 17px}.button-matrix th:first-child{width:90px}.button-matrix tbody th{padding:6px 3px;line-height:1.6}.button-matrix tbody th span{display:block;font-size:9px;color:#685676;min-height:14px}.button-matrix td{padding:9px 8px;height:60px}.button-matrix .outline-start td,.button-matrix .outline-start th{padding-top:27px;border-top:1px solid #f3edf8}.button-matrix tr:nth-child(3) td,.button-matrix tr:nth-child(3) th{padding-bottom:26px}.button-static-specimen{display:flex;align-items:center;pointer-events:none}.button-static-specimen .source-button{max-width:none}.button-size-sheet.size-xl .button-matrix{min-width:940px}.button-matrix-scroll:focus-visible,.button-properties input:focus-visible,.buttons-showcase button:focus-visible{outline:2px solid var(--purple);outline-offset:3px}@media(max-width:720px){.workbench-body{grid-template-columns:minmax(0,1fr);padding:18px;gap:10px}.button-live-stage{min-height:215px}.button-properties{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;padding:15px}.button-size-control{grid-column:1/-1}.button-property-toggles{grid-column:1/-1;display:flex;justify-content:space-between;gap:12px;padding:0}.button-property-toggles label{gap:12px}.button-properties .lab-field{margin:0}.button-library-heading{align-items:flex-start;flex-direction:column;gap:6px}.button-size-sheet{padding:12px 10px}.workbench-heading{padding:14px 16px}}.typography-showcase{min-width:0}.type-workbench .workbench-body{grid-template-columns:minmax(0,1fr) 220px;min-height:370px}.type-composition-stage{min-width:0;display:flex;justify-content:center;position:relative;padding:28px 0 50px}.type-composition-scroll{overflow:auto;padding:16px 20px;scrollbar-width:thin;scrollbar-color:#d9c6eb transparent}.live-type-pair{display:grid;min-width:260px}.live-type-pair p{white-space:pre-wrap;overflow-wrap:break-word}.type-composition-caption{position:absolute;bottom:7px;left:0;right:0;text-align:center;color:#96889f;font-size:10px}.type-control-label{display:block;color:#82728e;font-size:10px;margin:2px 0 8px}.type-properties textarea{min-height:75px;resize:vertical}.type-panel-note{font-size:10px;color:#978b9f;line-height:1.6;margin-top:14px}.type-family-sheet{border:1px dashed #ac7adc;border-radius:15px;padding:12px 22px 10px;margin-bottom:32px;min-width:0}.type-family-sheet>h4{display:table;position:relative;margin:-21px 0 18px;padding:0 8px;background:#fff;color:#9560c3;font-size:11px;font-weight:400}.type-family-sheet>h4 span{margin-right:5px}.type-family-heading{display:flex;justify-content:space-between;align-items:baseline;gap:15px;padding:10px 0 22px;border-bottom:1px solid #f0eaf6}.type-family-heading h3{font-size:18px;font-weight:500;letter-spacing:-.4px}.type-family-heading>span{font-size:10px;color:#968a9f}.static-type-row{display:grid;grid-template-columns:155px minmax(0,1fr);align-items:center;gap:20px;padding:25px 0;border-bottom:1px solid #f0eaf6}.static-type-row:last-child{border-bottom:0}.static-type-label{display:grid;gap:7px}.static-type-label strong{font-size:11px;font-weight:500;color:#735b83}.static-type-label span{font-size:10px;color:#8b7d95}.static-type-label small{font-size:9px;color:#a094a8}.type-italic-note{font-size:10px;color:#998bA3;padding:14px 0 6px}@media(max-width:720px){.type-workbench .workbench-body{grid-template-columns:minmax(0,1fr)}.type-composition-stage{min-height:245px;padding:20px 0 42px}.type-composition-scroll{padding:16px 8px}.type-properties{display:block}.type-properties .lab-field{margin-top:12px}.type-family-sheet{padding:12px 15px}.type-family-heading{flex-direction:column;gap:7px}.static-type-row{grid-template-columns:minmax(0,1fr);gap:12px;padding:20px 0}.static-type-label{display:flex;flex-wrap:wrap;gap:7px 12px;align-items:baseline}.static-type-label small{width:100%}}.buttons-showcase .button-workbench{border-color:#ede9f1;border-radius:18px}.buttons-showcase .workbench-heading{border-bottom:0;padding:20px 26px;font-size:12px;color:#9370ac}.buttons-showcase .workbench-body{min-height:390px;background:linear-gradient(120deg,#fff 15%,#fcfaff);padding:16px 32px 36px;gap:40px;grid-template-columns:minmax(0,1fr) 180px}.buttons-showcase .button-live-stage{padding-bottom:60px}.buttons-showcase .button-properties{border:0;border-left:1px solid #eee8f2;border-radius:0;padding:4px 0 4px 22px;box-shadow:none;background:transparent}.buttons-showcase .button-size-control{border-color:#eee9f2;background:white}.buttons-showcase .button-size-control button[aria-pressed=true]{background:#eee5f7;color:#71329f}.buttons-showcase .button-property-toggles label{font-size:11px;padding:11px 2px}.buttons-showcase .button-properties .lab-field{margin-top:18px}.buttons-showcase .button-properties .lab-field input,.buttons-showcase .button-properties .lab-field select{border-color:#eee9f2}.buttons-showcase .button-library-heading{margin-top:42px;align-items:center;gap:20px}.buttons-showcase .button-library-heading h3{font-size:16px;font-weight:500;letter-spacing:-.3px}.buttons-showcase .button-library-note{margin:9px 0 0;font-size:11px;color:#918797;line-height:1.6}.library-expand{display:flex;align-items:center;gap:15px;white-space:nowrap;color:#805999;font-size:11px;padding:10px 0;border-bottom:1px solid #e5d8ee}.library-expand span{font-size:18px;font-weight:400}.library-expand:hover{color:#602c93;border-color:#ad76d6}.button-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:28px;margin-top:28px;border:1px dashed #d6c1e5;border-radius:14px;padding:12px 26px}.button-highlights figure{margin:0;padding:24px 0}.button-highlights .button-static-specimen{height:64px;align-items:center;justify-content:center}.button-highlights figcaption{text-align:center;font-size:10px;color:#81718c;margin-top:14px;line-height:1.7}.button-highlights figcaption span{display:block;font-size:9px;color:#aaa0b1}.buttons-showcase #button-library-content>.button-library{margin-top:34px}.buttons-showcase .button-size-sheet{border-color:#d6c1e5}@media(max-width:720px){.buttons-showcase .workbench-body{grid-template-columns:minmax(0,1fr);padding:8px 20px 24px;gap:20px}.buttons-showcase .button-live-stage{min-height:250px}.buttons-showcase .button-properties{border-left:0;border-top:1px solid #eee8f2;padding:20px 0 0;gap:12px}.buttons-showcase .button-properties .lab-field{margin-top:4px}.buttons-showcase .button-property-toggles{flex-wrap:wrap}.buttons-showcase .button-library-heading{align-items:flex-start;gap:12px}.button-highlights{grid-template-columns:repeat(2,minmax(0,1fr));padding:8px 10px;gap:12px}.button-highlights figure{padding:16px 0}.button-highlights .button-static-specimen{overflow:auto;justify-content:flex-start}.button-highlights .source-button{margin:auto}.buttons-showcase .workbench-heading{padding:18px 20px}}.buttons-showcase .workbench-heading{border-bottom:1px solid #e9e6ed;color:var(--purple);padding:19px 24px;font-size:13px}.buttons-showcase .workbench-body{padding:0;gap:0;min-height:320px;grid-template-columns:minmax(0,1fr) 230px;background:#fff}.buttons-showcase .button-live-stage{min-height:320px;padding:40px 24px;background-color:white;background-image:radial-gradient(#e0d0ef .7px,transparent 0);background-size:14px 14px}.buttons-showcase .button-properties{align-self:stretch;display:flex;flex-direction:column;justify-content:center;border-left:1px solid #e9e6ed;padding:30px;min-width:0;background:#fff}.buttons-showcase .button-size-control button[aria-pressed=true]{background:var(--purple);color:white}.buttons-showcase .button-property-toggles{padding-top:20px}.buttons-showcase .button-property-toggles label{padding:13px 2px;font-size:13px}.buttons-showcase .button-property-toggles input:checked{background:#145aef}.button-more-options{margin-top:15px;font-size:10px;color:#93859d}.button-more-options summary{cursor:pointer;list-style:none}.button-more-options summary:after{content:" +";float:right}.button-more-options[open] summary:after{content:" −"}.button-more-options summary::-webkit-details-marker{display:none}.buttons-showcase .button-live-caption.sr-only{inset:auto;width:1px;height:1px;padding:0;margin:-1px}.buttons-showcase .button-live-stage .source-button{interpolate-size:allow-keywords;transition:background-color .18s ease,color .18s ease,box-shadow .18s ease,border-radius .22s ease,height .22s ease,width .22s ease,min-width .22s ease,padding .22s ease,gap .22s ease,font-size .22s ease,font-weight .22s ease,line-height .22s ease,transform .12s ease;overflow:visible}.buttons-showcase .button-live-stage .source-button[data-state=Clicked]{transform:scale(.97)}.buttons-showcase .button-live-stage .source-button>.source-icon{transition:color .18s ease;animation:button-icon-enter .18s ease-out}.buttons-showcase .button-live-stage .source-button>span:not(.source-icon){animation:button-icon-enter .18s ease-out}@keyframes button-icon-enter{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@media(max-width:720px){.buttons-showcase .workbench-body{grid-template-columns:minmax(0,1fr)}.buttons-showcase .button-live-stage{min-height:260px}.buttons-showcase .button-properties{display:grid;grid-template-columns:1fr 1fr;border-left:0;border-top:1px solid #e9e6ed;padding:22px;gap:16px}.buttons-showcase .button-property-toggles{padding-top:0}.button-more-options{grid-column:1/-1;margin:0}.buttons-showcase .button-property-toggles label{font-size:12px}}@media(prefers-reduced-motion:reduce){.buttons-showcase .button-live-stage .source-button,.buttons-showcase .button-live-stage .source-button>span{transition:none;animation:none}.buttons-showcase .button-live-stage .source-button[data-state=Clicked]{transform:none}}.buttons-showcase .button-extra-controls{margin-top:10px;padding-top:4px;border-top:1px solid #eee9f2;grid-column:1/-1}.button-heading-expand{align-self:flex-end;flex-shrink:0;margin-bottom:3px}.button-icon-slot{position:relative;display:inline-block;flex-shrink:0}.button-icon-slot>.source-icon{position:absolute;inset:0}.buttons-showcase .button-live-stage .button-icon-slot{transition:color .18s ease}.buttons-showcase .button-live-stage .button-icon-slot>.source-icon{transition:opacity .16s ease;animation:none}.buttons-showcase .button-live-stage .source-button{transition-timing-function:cubic-bezier(.22,.68,0,1.01)}.buttons-showcase .button-live-stage .source-button[data-state=Clicked]{transition-duration:.1s;transform:scale(.98)}@media(max-width:720px){.specimen-heading:has(.button-heading-expand){flex-direction:column;gap:14px}.button-heading-expand{align-self:flex-start;margin:0}}@media(prefers-reduced-motion:reduce){.buttons-showcase .button-live-stage .button-icon-slot,.buttons-showcase .button-live-stage .button-icon-slot>.source-icon{transition:none}.buttons-showcase .button-live-stage .source-button[data-state=Clicked]{transition-duration:0s;transform:none}}.button-motion-wrap{display:flex;align-items:center;justify-content:center;transform-origin:center}.buttons-showcase .button-live-stage .source-button{transition-property:background-color,color,box-shadow,border-radius,height,width,min-width,padding,gap,font-size,font-weight,line-height,transform;transition-duration:.28s,.28s,.28s,.32s,.32s,.32s,.32s,.32s,.32s,.32s,.32s,.32s,.2s;transition-timing-function:cubic-bezier(.2,.7,.2,1);transform:scale(1)}.buttons-showcase .button-live-stage .source-button[data-state=Clicked]{transform:scale(.955);transition-duration:65ms,65ms,65ms,.32s,.32s,.32s,.32s,.32s,.32s,.32s,.32s,.32s,65ms;transition-timing-function:cubic-bezier(.2,0,.2,1)}.buttons-showcase .button-live-stage .button-icon-slot{transition:color .28s cubic-bezier(.2,.7,.2,1)}.buttons-showcase .button-live-stage .source-button[data-state=Clicked] .button-icon-slot{transition-duration:65ms}@media(prefers-reduced-motion:reduce){.buttons-showcase .button-live-stage .button-icon-slot,.buttons-showcase .button-live-stage .source-button,.buttons-showcase .button-live-stage .source-button[data-state=Clicked]{transition:none;transform:none}}.buttons-showcase .rondo-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;height:39px;padding:10px 20px;border:0;border-radius:10px;background:#f3f3f4;color:#101828;font:400 16px/19px Onest,sans-serif;text-align:left}.rondo-select-trigger>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rondo-select-trigger[aria-expanded=true]{background:#fff;box-shadow:inset 0 0 0 1px #e7e8e9}.buttons-showcase .rondo-select-trigger:focus-visible{outline:2px solid #813ebe;outline-offset:3px}.rondo-select-menu{position:fixed;z-index:1000;overflow:auto;overscroll-behavior:contain;padding:20px;display:flex;flex-direction:column;gap:5px;background:#fff;border:1px solid #e7e8e9;border-radius:10px;color:#101828;font:400 16px/19px Onest,sans-serif;animation:rondo-menu-in .12s ease-out}.rondo-select-option{min-height:44px;flex-shrink:0;display:flex;align-items:center;padding:10px;border-radius:8px;cursor:pointer}.rondo-select-option.is-active{background:#f3f3f4}.rondo-select-option[aria-selected=true]{color:#813ebe}@keyframes rondo-menu-in{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.rondo-select-menu{animation:none}}.button-properties .button-size-control{height:34px;padding:3px;gap:2px;border-radius:8px}.button-properties .button-size-control button{padding:0 6px;font-size:12px;line-height:18px;border-radius:5px}.button-properties .lab-field{font-size:11px;gap:6px}.button-properties .lab-field input,.button-properties .lab-field select,.button-properties .lab-field textarea{font-size:12px;line-height:18px;padding:6px 10px;border-radius:7px;background:#f8f8fa}.button-properties .lab-field input,.button-properties .lab-field select{height:32px}.buttons-showcase .button-properties{padding:22px}.buttons-showcase .button-property-toggles{padding-top:12px}.buttons-showcase .button-property-toggles label{font-size:12px;line-height:18px;min-height:34px;padding:8px 0}.buttons-showcase .button-extra-controls{margin-top:12px;padding-top:0}.buttons-showcase .button-properties .lab-field{margin-top:12px}.buttons-showcase .rondo-select-trigger{height:32px;padding:6px 12px;font-size:12px;line-height:18px;border-radius:7px;background:#f8f8fa;box-shadow:inset 0 0 0 1px #eee9f2}.rondo-select-menu{padding:6px;gap:2px;border-radius:8px;font-size:12px;line-height:18px}.rondo-select-option{min-height:32px;padding:6px 10px;border-radius:5px}@media(max-width:720px){.buttons-showcase .button-properties{padding:18px;gap:12px}.buttons-showcase .button-property-toggles{padding-top:0}.buttons-showcase .button-extra-controls{margin-top:0}}.button-icon-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:12px;grid-column:1/-1}.button-icon-picker button{display:grid;place-items:center;min-height:34px;border:1px solid #e8e4ec;border-radius:7px;color:#a7a9af;background:white;transition:color .16s ease,background .16s ease,border-color .16s ease}.button-icon-picker button:hover{color:#813ebe;background:#faf7fe}.button-icon-picker button[aria-pressed=true]{color:#813ebe;background:#f6f0fc;border-color:#d8bee9}.buttons-showcase .button-live-stage .button-icon-slot>.source-icon{transition:opacity .18s ease,transform .26s cubic-bezier(.2,.8,.2,1);transform:translateY(5px) scale(.7) rotate(-15deg)}.buttons-showcase .button-live-stage .button-icon-slot>.source-icon[data-active=true]{transform:translateY(0) scale(1) rotate(0)}@media(prefers-reduced-motion:reduce){.buttons-showcase .button-live-stage .button-icon-slot>.source-icon{transition:none;transform:none}.button-icon-picker button{transition:none}}.buttons-showcase .button-live-stage .source-button{transition:background-color .28s ease,color .28s ease,box-shadow .28s ease,transform .18s ease,border-radius .65s cubic-bezier(.22,1.3,.36,1),height .65s cubic-bezier(.22,1.3,.36,1),width .65s cubic-bezier(.22,1.3,.36,1),padding .65s cubic-bezier(.22,1.3,.36,1),gap .65s cubic-bezier(.22,1.3,.36,1),font-size .4s ease,font-weight .4s ease,line-height .4s ease}.buttons-showcase .button-live-stage .source-button[data-state=Clicked]{transition-duration:80ms,80ms,80ms,65ms,.65s,.65s,.65s,.65s,.65s,.4s,.4s,.4s}.button-label-slot{flex-shrink:0;overflow:hidden;white-space:nowrap}.button-label-slot,.button-label-slot>span{display:inline-block}.buttons-showcase .button-live-stage .source-button>.button-icon-slot,.buttons-showcase .button-live-stage .source-button>.button-label-slot{animation:none;transition:width .65s cubic-bezier(.22,1.3,.36,1),opacity .2s ease,color .28s ease}.button-library-fold{display:grid;grid-template-rows:0fr;opacity:0;visibility:hidden;transition:grid-template-rows .65s cubic-bezier(.22,.7,.25,1),opacity .26s ease,visibility .65s;overflow-anchor:none}.button-library-fold[data-expanded=true]{grid-template-rows:1fr;opacity:1;visibility:visible}.button-library-fold-inner{min-height:0;overflow:hidden}.buttons-showcase #button-library-content .button-library{margin:24px 0 32px}@media(prefers-reduced-motion:reduce){.button-library-fold,.buttons-showcase .button-live-stage .source-button,.buttons-showcase .button-live-stage .source-button>.button-icon-slot,.buttons-showcase .button-live-stage .source-button>.button-label-slot{transition:none}}.kit-layout{grid-template-columns:216px minmax(0,1fr);gap:42px}.sidebar{grid-column:1;grid-row:1;border-left:0;border-right:1px solid var(--line);padding:4px 20px 0 0;scrollbar-gutter:stable}.collection{grid-column:2;grid-row:1}.sidebar .nav-label{font-size:9px;line-height:1.5;letter-spacing:.7px}.sidebar .nav-item{min-height:34px}.sidebar .source-icon{flex-shrink:0}.sidebar .library-note{margin-top:24px}.button-workbench{border:1px solid #e9e6ed;border-radius:18px;background:#fff;overflow:hidden}.buttons-showcase .workbench-heading,.workbench-heading{padding:18px 22px;font-size:13px;color:var(--purple);border-bottom:1px solid #e9e6ed}.kit-workbench .workbench-body,.type-workbench .workbench-body{display:grid;grid-template-columns:minmax(0,1fr) 210px;padding:0;gap:0;min-height:320px;background:white}.kit-live-stage,.type-composition-stage{min-width:0;display:flex;align-items:center;justify-content:center;padding:36px 22px;background:white radial-gradient(#e0d0ef .7px,transparent 0);background-size:14px 14px}.kit-live-stage>div{width:100%}.kit-properties,.type-workbench .type-properties{align-self:stretch;border:0;border-left:1px solid #e9e6ed;border-radius:0;padding:22px;box-shadow:none;display:flex;flex-direction:column;justify-content:center;gap:14px;background:white;min-width:0}.kit-properties .lab-field,.type-workbench .type-properties .lab-field{margin:0}.kit-properties .inspector-label{font-size:9px;letter-spacing:.8px;line-height:1.6;color:#8b8094}.inspector-hint{display:flex;align-items:flex-start;gap:8px;padding:12px 0;color:#82758d;font-size:11px;line-height:1.7}.inspector-hint .source-icon{margin-top:3px;flex-shrink:0}.inspector-measure{border-top:1px solid #eee9f2;padding-top:14px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:10px;color:#8b8094}.inspector-measure strong{font-weight:500;color:#74667e}.inspector-measure p{width:100%;line-height:1.6}.buttons-showcase .rondo-select-trigger,.rondo-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;height:32px;padding:6px 12px;border:0;border-radius:7px;background:#f8f8fa;color:#101828;font:400 12px/18px Onest,sans-serif;text-align:left;box-shadow:inset 0 0 0 1px #eee9f2}.rondo-select-trigger[aria-expanded=true]{background:white}.rondo-select-trigger:focus-visible{outline:2px solid #813ebe;outline-offset:3px}.type-composition-stage{flex-direction:column;align-items:stretch;padding:30px 4px 55px}.type-workbench .type-properties .button-size-control{flex-shrink:0}.type-workbench .type-panel-note,.type-workbench .type-properties .type-control-label{margin:0}.typography-showcase .type-library{padding-top:16px}.typography-showcase .button-library-heading{margin-top:8px}.type-workbench .type-composition-scroll{max-width:100%}@media(max-width:1150px) and (min-width:721px){.kit-layout{grid-template-columns:184px minmax(0,1fr);gap:26px}.kit-workbench .workbench-body,.type-workbench .workbench-body{grid-template-columns:minmax(0,1fr)}.kit-properties,.type-workbench .type-properties{border-left:0;border-top:1px solid #e9e6ed;display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:16px}.kit-properties .inspector-label,.type-properties .type-control-label,.type-properties .type-panel-note{grid-column:1/-1}}@media(max-width:720px){.kit-layout{display:flex;gap:0}.sidebar{padding:9px 0;border-right:0;border-bottom:1px solid var(--line);margin:0;scrollbar-gutter:auto}.sidebar nav{display:flex;overflow-x:auto;max-width:100%;white-space:nowrap}.sidebar .nav-group-items{display:flex}.sidebar .nav-item{min-height:34px}.kit-workbench .workbench-body,.type-workbench .workbench-body{grid-template-columns:minmax(0,1fr)}.kit-live-stage{padding:24px 14px;min-height:250px}.kit-properties,.type-workbench .type-properties{border-left:0;border-top:1px solid #e9e6ed;padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.kit-properties .inspector-hint,.kit-properties .inspector-label,.type-properties .button-size-control,.type-properties .type-control-label,.type-properties .type-panel-note{grid-column:1/-1}.inspector-hint{padding:0}.buttons-showcase .workbench-heading,.workbench-heading{padding:16px 18px}.component-meta{gap:18px}}.collection-summary{display:flex;flex-wrap:wrap;gap:20px;margin-top:22px;color:#878b93;font-size:11px;line-height:1.6}.collection-summary strong{color:#813ebe;font-weight:500;margin-right:4px}.module{width:100%;max-width:565px;color:#101828}.module .module-header{padding:20px;border-radius:10px}.module .module-header .kicker{font:400 14px/17px Onest,sans-serif;text-transform:none;letter-spacing:0;margin-bottom:5px}.module .module-header h3{font:500 20px/24px Onest,sans-serif;letter-spacing:0}.module .module-footnote{font:400 14px/17px Onest,sans-serif;color:#878b93}.card-sort-module{padding:15px;gap:20px}.module.single,.text-response-module,.triangle-module{padding:20px;gap:15px}.allocation-module,.spectrum-module{padding:15px;gap:15px}.card-sort-module .sort-grid{gap:10px}.card-sort-module .sort-bin{border:0;box-shadow:inset 0 0 0 1px #cfd1d4;min-height:139px}.card-sort-module .sort-bin h4{min-height:42px;padding:10px;font:500 18px/22px Onest,sans-serif}.card-sort-module .bin-body{padding:10px;min-height:97px;gap:10px}.card-sort-module .bin-empty{display:grid;place-items:center;width:100%;min-height:77px;margin:0;padding:8px 2px;border:1px dashed #b7babe;border-radius:4px;color:#b7babe;font:italic 400 16px/19px Onest,sans-serif;font-synthesis:style}.card-sort-module .sort-chip{font:500 13px/16px Onest,sans-serif;min-height:30px;padding:7px 10px;gap:5px}.card-sort-module .sort-bin.ready{box-shadow:inset 0 0 0 1px #813ebe;background:#f6f3fe}.module .choice-row{font:500 16px/19px Onest,sans-serif;padding:10px;gap:5px;min-height:44px}.module .choice-row input{appearance:none;-webkit-appearance:none;width:24px;height:24px;flex:0 0 24px;margin:0;background:#b7babe;mask:url(/assets/rondo/icon-panoramafisheyesharp-34-2333.svg) center/contain no-repeat;-webkit-mask:url(/assets/rondo/icon-panoramafisheyesharp-34-2333.svg) center/contain no-repeat}.module .choice-row input:checked{background:#46cb84;mask-image:url(/assets/rondo/icon-radiobuttoncheckedsharp-34-2007.svg);-webkit-mask-image:url(/assets/rondo/icon-radiobuttoncheckedsharp-34-2007.svg)}.module .choice-row:has(input:checked){color:#60a5fa;background:#eff6fe;box-shadow:inset 0 0 0 1px #60a5fa}.module .choice-row:has(input:focus-visible){outline:2px solid #813ebe;outline-offset:3px}.module .choice-row input:focus-visible{outline:none}.module .choice-row{transition:background-color .18s ease,box-shadow .18s ease,color .18s ease}.spectrum-module .range-track input::-webkit-slider-thumb{box-sizing:border-box;width:24px;height:24px;border:1px solid #fff;background:#813ebe url(/assets/rondo/marker-grip.svg) 50%/16px 16px no-repeat;box-shadow:0 3px 6px #10182840}.spectrum-module .range-track input::-moz-range-thumb{box-sizing:border-box;width:24px;height:24px;border:1px solid #fff;background:#813ebe url(/assets/rondo/marker-grip.svg) 50%/16px 16px no-repeat;box-shadow:0 3px 6px #10182840}.module .triangle-area{position:relative;display:block;width:100%;min-height:0;aspect-ratio:525/247}.module .triangle-area svg{width:100%;height:auto;max-height:none;display:block}.source-marker{filter:drop-shadow(0 3px 3px #10182840)}.module .triangle-stats{position:absolute;left:3.0476%;top:6.8826%;width:100px;max-width:100px;gap:5px}.module .triangle-stats>div{padding:0 0 4px;border-color:#cfd1d4}.module .triangle-stats>div:last-child{border-bottom:0}.module .triangle-stats label{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:5px;padding:10px;font:400 14px/17px Onest,sans-serif}.module .triangle-stats .source-badge{position:static;width:30px;height:30px}.module .triangle-stats strong{display:block;font:400 12px/14px Onest,sans-serif;color:#585d69}.module .triangle-stats .triangle-stat-quality label{font-size:12px;line-height:14px}.module .triangle-stats .triangle-stat-speed label{color:#f43f5e}.module .triangle-stats .triangle-stat-cost label{color:#2dd4bf}.module .triangle-stats .triangle-stat-quality label{color:#60a5fa}.module .triangle-stats input{display:block;margin:-3px 10px 0;width:80px;height:10px;opacity:.5}.module .triangle-stats input:focus,.module .triangle-stats input:hover{opacity:1}.module .token-row{min-height:70px;font:500 18px/22px Onest,sans-serif;padding:15px 15px 15px 20px;border:0;box-shadow:inset 0 0 0 1px #e7e8e9}.module .token-slot{border:0;min-height:40px}.module .slot-placeholder{font:italic 400 16px/19px Onest,sans-serif;font-synthesis:style;color:#b7babe}.module .allocation-controls{gap:5px}.module .allocation-controls button{width:24px;height:24px;font-size:16px;flex-shrink:0}.module .allocation-foot{font:400 16px/19px Onest,sans-serif}.module .coin{width:42px;height:36px}.module .response-footer{padding:0 10px}.module .response-footer label{font:500 18px/22px Onest,sans-serif}.module .response-input{padding:10px;gap:10px;min-height:103px}.module .response-input .module-textarea{font:italic 400 16px/19px Onest,sans-serif;font-synthesis:style;letter-spacing:0;min-height:57px}.module .response-input .module-textarea::placeholder{color:#878b93;font-style:italic;font-synthesis:style}.response-input-meta{display:flex;justify-content:flex-end;gap:10px;font:400 12px/16px Onest,sans-serif;letter-spacing:-.03em;color:#878b93}.module .response-input .char-count{font:inherit;color:inherit}.rondo-btn{height:44px;min-height:44px;padding:0 15px;font:500 16px/19px Onest,sans-serif;gap:10px;border:0;border-radius:10px}.rondo-btn.small{height:27px;min-height:27px;padding:0 10px;font:400 14px/17px Onest,sans-serif;gap:5px;border-radius:8px}.rondo-btn.xl{height:49px;min-height:49px;padding:0 30px;font:500 16px/19px Onest,sans-serif}.rondo-btn>.source-icon{width:16px!important;height:16px!important}.rondo-btn.outlined{box-shadow:inset 0 0 0 1px currentColor}.experience-actions .rondo-btn{font-size:16px}.rondo-btn{transition:background-color .18s ease,color .18s ease,box-shadow .18s ease}.module.email-module{padding:1px;gap:0;outline-color:#b7babe}.module .email-header{height:73px;padding:20px 30px 20px 20px;background:#eaf1fb}.module .email-header strong{font:500 20px/24px Onest,sans-serif;gap:5px}.module .email-body{padding:20px;gap:38px}.module .email-tools{margin:0}.module .email-sender{align-items:flex-start;justify-content:space-between;gap:20px;font:400 16px/19px Onest,sans-serif;color:#101828}.email-sender-details{display:flex;gap:19px;align-items:flex-start;min-width:0}.email-sender-details>div{display:grid;gap:5px;min-width:0}.email-sender-name{margin-bottom:5px}.email-sender-name strong{display:block;font:500 18px/22px Onest,sans-serif;margin-bottom:5px}.module .email-sender .avatar{width:40px;height:40px;background:none}.email-timestamp{color:#878b93;font:400 14px/17px Onest,sans-serif;flex-shrink:0}.module .email-copy{padding:50px;border:0;box-shadow:inset 0 0 0 1px #e7e8e9;border-radius:10px;font:400 16px/19px Onest,sans-serif;letter-spacing:0}.module .email-copy p+p{margin-top:19px}.module .email-actions{align-items:center;flex-wrap:wrap}@media (max-width:720px){.module .email-sender{flex-wrap:wrap;gap:10px}.module .email-copy{padding:30px}.module .email-body{gap:25px}.module .token-row{flex-wrap:wrap;gap:10px}.module .allocation-controls{margin-left:auto}.card-sort-module .sort-grid{grid-template-columns:1fr}.card-sort-module .sort-bin{min-height:0}.card-sort-module .bin-body{min-height:75px;flex-direction:row;flex-wrap:wrap}.card-sort-module .bin-empty{min-height:55px}.card-sort-module .sort-bin .sort-chip{width:150px}.module .triangle-area{padding-bottom:90px}.module .triangle-area svg{width:100%}.module .triangle-stats{top:auto;bottom:8px;left:8px;right:8px;width:auto;max-width:none;flex-direction:row;justify-content:space-between;gap:5px}.module .triangle-stats>div{border:0;width:100px}.module .triangle-stats input{opacity:1}}@media (prefers-reduced-motion:reduce){.module .choice-row,.rondo-btn{transition:none}}.inputs-source-demo{width:100%;max-width:483px;margin:auto;display:grid;gap:30px;color:#101828}.source-field-label{display:block;margin:0 0 10px;color:#878b93;font:400 12px/16px Onest,sans-serif}.kit-source-input{display:flex;align-items:center;gap:10px;min-height:44px;padding:10px;background:#f3f3f4;border-radius:10px;transition:background-color .18s ease,box-shadow .18s ease}.kit-source-input.is-active{background:#fff;box-shadow:inset 0 0 0 1px #e7e8e9}.kit-source-input input,.kit-source-input textarea{display:block;flex:1 1;min-width:0;width:100%;margin:0;padding:0;border:0;border-radius:0;outline:0;background:transparent;color:#101828;font:italic 400 16px/19px Onest,sans-serif;font-synthesis:style;letter-spacing:0}.kit-source-input.has-counter input{letter-spacing:-.03em;line-height:21px}.kit-source-input input::placeholder,.kit-source-input textarea::placeholder{color:#878b93;opacity:1}.kit-source-input.is-search{gap:5px}.kit-source-input.is-search>.source-icon{color:#878b93}.kit-source-input.is-field{min-height:103px;flex-direction:column;align-items:stretch;gap:10px}.kit-source-input textarea{height:57px;min-height:57px;resize:vertical}.kit-input-meta{display:flex;justify-content:space-between;gap:10px;flex-shrink:0;color:#878b93;font:400 12px/16px Onest,sans-serif;letter-spacing:-.03em}.kit-source-input:has(:focus-visible){outline:2px solid #813ebe;outline-offset:3px}.kit-source-input.is-disabled{opacity:.5}.kit-input-clear{display:grid;place-items:center;width:16px;height:24px;padding:0;color:#878b93}.kit-dropdown{max-width:359px;width:100%}.kit-dropdown-trigger{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;height:39px;padding:10px 20px;border:0;border-radius:10px;background:#f3f3f4;color:#101828;font:400 16px/19px Onest,sans-serif;text-align:left;transition:background-color .18s ease,box-shadow .18s ease}.kit-dropdown-trigger[aria-expanded=true]{background:#fff;box-shadow:inset 0 0 0 1px #e7e8e9}.kit-dropdown-trigger:disabled{opacity:.5}.kit-dropdown-menu{position:fixed;z-index:1000;overflow:auto;overscroll-behavior:contain;padding:20px;display:flex;flex-direction:column;gap:5px;background:#fff;border:1px solid #e7e8e9;border-radius:10px;color:#101828;font:400 16px/19px Onest,sans-serif;animation:rondo-menu-in .12s ease-out}.kit-dropdown-option{min-height:44px;flex-shrink:0;display:flex;align-items:center;padding:10px;border-radius:8px;cursor:pointer;transition:background-color .16s ease}.kit-dropdown-option.is-active{background:#f3f3f4}.kit-dropdown-option:active{background:#e7e8e9}.kit-dropdown-option[aria-selected=true]{color:#813ebe}.kit-selection-examples{display:grid;gap:20px}.kit-check-example,.kit-radio-examples label,.kit-switch-example{display:flex;align-items:center;gap:10px;font:400 16px/19px Onest,sans-serif;cursor:pointer}.kit-check-example input,.kit-radio-examples input{appearance:none;-webkit-appearance:none;width:24px;height:24px;flex:0 0 24px;margin:0;background:#b7babe;mask-position:center;mask-size:contain;mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat}.kit-check-example input{mask-image:url(/assets/rondo/icon-checkboxoutlineblanksharp-34-4185.svg);-webkit-mask-image:url(/assets/rondo/icon-checkboxoutlineblanksharp-34-4185.svg)}.kit-check-example input:checked{background:#46cb84;mask-image:url(/assets/rondo/icon-checkboxsharp-34-4183.svg);-webkit-mask-image:url(/assets/rondo/icon-checkboxsharp-34-4183.svg)}.kit-radio-examples input{mask-image:url(/assets/rondo/icon-panoramafisheyesharp-34-2333.svg);-webkit-mask-image:url(/assets/rondo/icon-panoramafisheyesharp-34-2333.svg)}.kit-radio-examples input:checked{background:#46cb84;mask-image:url(/assets/rondo/icon-radiobuttoncheckedsharp-34-2007.svg);-webkit-mask-image:url(/assets/rondo/icon-radiobuttoncheckedsharp-34-2007.svg)}.kit-source-switch{position:relative;width:40px;height:24px;flex:0 0 40px;padding:2px;border-radius:9999px;background:#cfd1d4;transition:background-color .18s ease}.kit-source-switch>span{display:block;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .18s ease}.kit-source-switch[aria-checked=true]{background:#145aef}.kit-source-switch[aria-checked=true]>span{transform:translateX(16px)}.kit-radio-examples{display:flex;gap:15px 20px;flex-wrap:wrap;border:0;margin:0;padding:0;min-width:0}.kit-radio-examples legend{margin-bottom:10px;padding:0;color:#878b93;font:400 12px/16px Onest,sans-serif}.kit-check-example:has(:disabled),.kit-radio-examples label:has(:disabled),.kit-switch-example:has(:disabled){opacity:.5;cursor:not-allowed}.kit-check-example:has(:focus-visible),.kit-radio-examples label:has(:focus-visible){outline:2px solid #813ebe;outline-offset:3px;border-radius:4px}.kit-check-example input:focus-visible,.kit-radio-examples input:focus-visible{outline:none}@media (prefers-reduced-motion:reduce){.kit-dropdown-option,.kit-dropdown-trigger,.kit-source-input,.kit-source-switch,.kit-source-switch>span{transition:none}.kit-dropdown-menu{animation:none}}.module .response-input{transition:background-color .18s ease,box-shadow .18s ease}.module .response-input.is-active,.module .response-input:focus-within{background:#fff;box-shadow:inset 0 0 0 1px #e7e8e9}.module .response-input .module-textarea{background:transparent}@media (prefers-reduced-motion:reduce){.module .response-input{transition:none}}.curated-explorer .collection-intro{padding:42px 0 44px}.curated-explorer .collection-intro h2{font-size:clamp(32px,3.3vw,46px);line-height:1.05;letter-spacing:-1.5px}.curated-explorer .collection-intro>p:last-of-type{max-width:520px}.curated-explorer .collection-summary{gap:18px 24px}.curated-explorer .collection-summary a{color:#813ebe}.curated-explorer .collection-summary a>span{margin-left:7px}.curated-explorer .curated-chapter{padding:52px 0 56px}.curated-explorer .specimen-heading{margin-bottom:34px}.curated-explorer .specimen-heading p{max-width:560px;font-size:12px;line-height:1.8}.curated-explorer .specimen-heading h2{font-size:34px;line-height:1.12;letter-spacing:-.9px}.curated-explorer .breadcrumb{color:#813ebe}.curated-explorer .library-note a{display:block;padding:4px 0}.curated-explorer .no-results a{color:#813ebe;text-decoration:underline}.chapter-alias{display:block;scroll-margin-top:32px}.curated-library-invitation{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:32px 0 44px;border-top:1px solid #e7e8e9}.curated-library-invitation .eyebrow{font-size:9px;font-weight:400}.curated-library-invitation h3{font:600 26px/1.2 Bricolage,Onest,sans-serif;margin:12px 0 8px;letter-spacing:-.5px}.curated-library-invitation p{max-width:450px;font-size:12px;line-height:1.7;color:#878b93}.curated-library-arrow{flex-shrink:0;color:#813ebe;font-size:32px;transition:transform .18s ease}.curated-library-invitation:hover .curated-library-arrow{transform:translate(3px,-3px)}@media(max-width:720px){.curated-explorer .collection-intro{padding:30px 0}.curated-explorer .curated-chapter{padding:36px 0}.curated-explorer .specimen-heading{margin-bottom:26px}.curated-explorer .specimen-heading h2{font-size:29px}.curated-explorer .specimen-heading p{font-size:12px}.chapter-alias{scroll-margin-top:88px}.curated-library-invitation{padding:28px 0;gap:20px}.curated-library-invitation h3{font-size:23px}}@media(prefers-reduced-motion:reduce){.curated-library-arrow{transition:none}}.case-header{border-bottom:1px solid #cfd1d4;background:#fff}.case-header-links{display:flex;align-items:center;flex-wrap:wrap;gap:16px}.case-works-link{display:inline-flex;align-items:center;gap:6px;color:#813ebe;font-size:12px;white-space:nowrap}.case-works-link:hover{text-decoration:underline}.case-works-link:focus-visible{outline:2px solid #813ebe;outline-offset:4px}.case-hero-divider{margin:0;border:0;border-top:1px solid #d9d5dd}.case-header-inner{width:100%;max-width:1600px;padding-inline:4.5%;min-height:72px;margin:auto;justify-content:space-between;gap:24px}.case-brand,.case-header-inner{display:flex;align-items:center}.case-brand{gap:20px}.case-brand img{display:block;width:120px;height:auto}.case-brand>span{align-self:stretch;padding-left:20px;border-left:1px solid #cfd1d4;font-size:15px;font-weight:500}.case-brand>span,.case-study-tag{display:flex;align-items:center;white-space:nowrap}.case-study-tag{gap:8px;padding:9px 12px;border:1px dashed #813ebe;border-radius:4px;color:#813ebe;font-size:12px;line-height:1.35}.case-study-tag>span{font-size:1.1em}.case-hero{width:100%;max-width:1600px;margin:auto;padding:clamp(56px,5vw,80px) 4.5%;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;column-gap:48px;row-gap:28px}.case-hero h1{margin:0;color:#101828;font:700 clamp(40px,4vw,64px)/1.02 Bricolage,Onest,sans-serif;letter-spacing:-.035em}.case-credit{justify-self:end;width:208px;max-width:100%;border:1px solid #e7e8e9;border-radius:12px;overflow:hidden;background:#fff;transition:border-color .18s ease,box-shadow .18s ease}.case-credit:is(:hover,:focus-visible){border-color:#c086fc;box-shadow:0 4px 12px #813ebe0a}.case-credit p{margin:0;padding:10px 12px;border-bottom:1px solid #e7e8e9;font-size:12px;line-height:18px;font-weight:500;color:#878b93;text-align:center}.case-credit-logo{padding:16px 12px}.case-credit img{display:block;width:140px;max-width:100%;height:auto;margin:auto}.case-hero-copy{margin:0;color:#101828;font-size:16px;line-height:1.5;font-weight:500;letter-spacing:-.015em}.case-hero-link{align-self:end;justify-self:end;display:inline-flex;align-items:center;gap:12px;color:#813ebe;padding:5px 0;font-size:13px;font-weight:500;white-space:nowrap}.case-hero-link>span{display:inline-block;transition:transform .18s ease}.case-hero-link:hover>span{transform:translateY(4px)}@media(max-width:1050px){.case-hero{grid-template-columns:minmax(0,1fr) 208px;column-gap:26px}.case-hero h1{font-size:clamp(40px,4vw,64px)}.case-hero-copy{grid-column:1/-1;padding-right:140px}.case-hero-link{grid-column:2;margin-top:-58px}}@media(max-width:720px){.case-header-inner{min-height:68px;flex-wrap:wrap;gap:14px;padding:18px 5%}.case-brand{gap:14px}.case-brand img{width:118px}.case-brand>span{padding-left:14px;font-size:14px}.case-study-tag{padding:7px 10px;font-size:11px}.case-hero{padding:44px 5%;grid-template-columns:minmax(0,1fr);gap:28px}.case-hero h1{font-size:clamp(34px,6.8vw,44px);letter-spacing:-.04em}.case-credit{grid-row:3;justify-self:start}.case-hero-copy{grid-column:1;grid-row:2;padding:0;font-size:14px;line-height:1.6}.case-hero-copy br{display:none}.case-hero-link{grid-column:1;justify-self:start;margin:0;font-size:14px}}@media(prefers-reduced-motion:reduce){.case-credit,.case-hero-link>span{transition:none}}.source-icon{vertical-align:middle}.source-catalog-featured-label>span{display:inline-flex;align-items:center;gap:7px}.curated-explorer .library-note a{display:flex;align-items:center;gap:5px}.case-hero-link>span,.case-study-tag>span{display:inline-flex;align-items:center}.curated-controls-settings input[type=checkbox],.source-catalog-library-tools input[type=checkbox]{appearance:none;-webkit-appearance:none;width:16px;height:16px;flex:0 0 16px;margin:0;border:0;border-radius:0;background:#878b93;cursor:pointer;mask:url(/assets/rondo/icon-checkboxoutlineblanksharp-34-4185.svg) center/contain no-repeat;-webkit-mask:url(/assets/rondo/icon-checkboxoutlineblanksharp-34-4185.svg) center/contain no-repeat}.curated-controls-settings input[type=checkbox]:checked,.source-catalog-library-tools input[type=checkbox]:checked{background:#813ebe;mask-image:url(/assets/rondo/icon-checkboxsharp-34-4183.svg);-webkit-mask-image:url(/assets/rondo/icon-checkboxsharp-34-4183.svg)}.curated-controls-settings label:has(input:focus-visible),.source-catalog-library-tools label:has(input:focus-visible){outline:2px solid #813ebe;outline-offset:4px;border-radius:3px}.curated-controls-settings input[type=checkbox]:focus-visible,.source-catalog-library-tools input[type=checkbox]:focus-visible{outline:none}.button-more-options summary:after{content:"";width:14px;height:14px;background:currentColor;mask:url(/assets/rondo/icon-addsharp-34-4757.svg) center/contain no-repeat;-webkit-mask:url(/assets/rondo/icon-addsharp-34-4757.svg) center/contain no-repeat}.button-more-options[open] summary:after{content:"";mask-image:url(/assets/rondo/icon-removesharp-34-1947.svg);-webkit-mask-image:url(/assets/rondo/icon-removesharp-34-1947.svg)}@media(max-width:720px){.sidebar .nav-item .source-icon{width:13px!important;height:13px!important}}:is(.case-study-tag,.button-size-sheet,.type-family-sheet,.foundation-source-sheet,.source-catalog-library):has(>svg.figma-outline){position:relative;isolation:isolate;border:1px solid transparent;border-radius:var(--figma-frame-radius,20px)}.case-study-tag{--figma-frame-radius:8px}.figma-outline{position:absolute;z-index:-1;inset:-1px;width:calc(100% + 2px);height:calc(100% + 2px);overflow:visible;pointer-events:none;border-radius:inherit}.figma-outline rect{width:calc(100% - 1px);height:calc(100% - 1px);rx:var(--figma-frame-radius,20px);ry:var(--figma-frame-radius,20px)}:is(.button-size-sheet,.type-family-sheet,.foundation-source-sheet):has(>svg.figma-outline)>h4{position:relative;z-index:1;display:flex;align-items:center;gap:6px;width:fit-content;max-width:100%;padding-inline:8px;background:var(--figma-frame-label-background,#fff);color:#813ebe;line-height:18px}:is(.button-size-sheet,.type-family-sheet,.foundation-source-sheet):has(>svg.figma-outline)>h4 .source-icon{flex:0 0 auto;margin:0}