:root{color-scheme:light;--he-dim:var(--he-p-525C69);--he-stage:var(--he-p-E7EDE8);--he-stroke:var(--he-p-E3E6EA);--he-highlight:var(--he-p-0062CB)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--he-p-F7F8F7);color:var(--he-ink);font:16px/1.5 var(--he-font-body)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.he-app{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.he-rail{height:100dvh;position:sticky;top:0;background:var(--he-p-FFFFFF);border-right:1px solid var(--he-p-E5EAE7);padding:31px 18px 22px;display:flex;flex-direction:column;z-index:10}.he-rail-logo{display:block;padding:4px 13px 25px}.he-rail-logo img{display:block;width:160px}.he-rail-divider{border-top:1px solid var(--he-p-EDF0EB)}.he-rail-label,.he-overline{font-size:11px;letter-spacing:.13em;font-weight:600;color:var(--he-p-536882)}.he-rail-label{padding:30px 12px 12px}.he-category-nav{display:flex;flex-direction:column;gap:4px}.he-category-nav button{width:100%;border:0;text-align:left;background:transparent;border-radius:16px;corner-shape:squircle;color:var(--he-p-495360);padding:13px;display:flex;justify-content:space-between;align-items:center;font-size:14px}.he-category-nav button:hover,.he-category-nav button.active{background:var(--he-p-E9EEF3);color:var(--he-p-11253E)}.he-category-nav button.active{font-weight:600}.he-category-nav small{font:12px var(--he-font-body);color:var(--he-p-637385)}.he-rail-bottom{margin-top:auto;padding:12px}.he-rail-blurb{padding:18px;background:linear-gradient(142deg,var(--he-p-E9EEF3),var(--he-p-E6ECF2),var(--he-p-DCE7F1));border-radius:23px;corner-shape:squircle}.he-accent-dot{display:block;width:10px;height:10px;background:var(--he-lime);border-radius:4px;corner-shape:squircle;margin-bottom:18px}.he-rail-blurb strong{font-size:15px}.he-rail-blurb p{color:var(--he-p-5E6874);font-size:13px;line-height:1.5;margin:7px 0 0}.he-rail-bottom>a{display:block;margin:20px 0 3px;font-size:12px;color:var(--he-p-687380)}.he-main{min-width:0}.he-bar{background:var(--he-p-FFFFFFDB);display:flex;align-items:center;justify-content:space-between;min-height:75px;gap:20px;padding:15px clamp(22px,4vw,60px);border-bottom:1px solid var(--he-p-E6EBE8)}.he-breadcrumb{font-size:13px;color:var(--he-p-536070)}.he-breadcrumb span{padding:0 10px;color:var(--he-p-ABB1B8)}.he-bar-right{display:flex;gap:9px}.he-top-link{font-size:13px;padding:11px 15px;border-radius:15px;corner-shape:squircle;background:var(--he-p-EDF1F5)}.he-top-link:hover{background:var(--he-p-DCE3EB)}.he-stage{background:var(--he-stage);min-height:100vh;padding:48px clamp(22px,4vw,60px) 90px}.he-intro{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(270px,.65fr);gap:35px;align-items:center;padding:30px 0 50px}.he-intro h1{font:400 clamp(50px,6.1vw,104px)/1 var(--he-font-display);letter-spacing:-.055em;margin:25px 0 24px}.he-intro h1 em{font-style:normal;color:var(--he-p-516D8E)}.he-intro p{max-width:570px;color:var(--he-p-5E6772);font-size:17px;line-height:1.55}.he-intro-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:32px}.he-btn{border:0;display:inline-flex;align-items:center;justify-content:center;gap:23px;padding:15px 23px;min-height:52px;border-radius:19px;corner-shape:squircle;font-size:15px;line-height:1.2;font-weight:600;transition:transform var(--helium-base) var(--helium-ease),background-color var(--helium-base) var(--helium-ease)}.he-btn:hover{transform:none}.he-btn-primary{background:var(--he-lime);color:var(--he-p-102236)}.he-btn-primary:hover{background:var(--he-p-2C97F2)}.he-btn-secondary{background:var(--he-p-FFFFFF);color:var(--he-p-0F2137)}.he-intro-stat{background:linear-gradient(155deg,var(--he-p-F9FBF9) 4%,var(--he-p-E4EBF3) 57%,var(--he-p-D7E2ED));border-radius:38px;padding:30px;min-height:300px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.he-intro-stat strong{font:400 clamp(90px,9vw,154px)/.85 var(--he-font-display);letter-spacing:-.07em}.he-intro-stat>span:last-of-type{color:var(--he-p-586779);font-size:13px}.he-stat-art{position:absolute;right:-50px;bottom:-46px;display:flex;gap:10px;transform:rotate(-25deg);opacity:.16;pointer-events:none}.he-stat-art span{width:42px;height:160px;border-radius:17px;background:var(--he-p-3D6699);corner-shape:squircle}.he-stat-art span:nth-child(even){transform:translateY(35px)}.he-note-strip{border-block:1px solid var(--he-p-D3D9DF);padding:18px 0;display:flex;align-items:center;gap:23px;flex-wrap:wrap}.he-note-strip>span{font-size:11px;letter-spacing:.15em;color:var(--he-p-757F8A)}.he-note-strip b{font-size:12px;font-weight:500;color:var(--he-p-525F70)}.he-gallery{padding-top:78px}.he-gallery-header{display:flex;align-items:end;justify-content:space-between;gap:24px}.he-gallery h2,.he-footnotes h2{font:400 clamp(38px,4vw,68px)/1.1 var(--he-font-display);letter-spacing:-.05em;margin:13px 0}.he-gallery-header p{font-size:16px;color:var(--he-dim);margin:0}.he-searchbox{display:flex;align-items:center;gap:10px;background:var(--he-p-FFFFFF);padding:10px 13px 10px 16px;border-radius:18px;min-width:245px;max-width:320px;min-height:53px}.he-searchbox svg{width:20px;color:var(--he-p-6B7580)}.he-searchbox input{outline:0;background:transparent;border:0;width:100%;font-size:15px;color:var(--he-ink);min-width:0}.he-searchbox kbd{background:var(--he-p-F0F4F1);border-radius:7px;padding:3px 8px;color:var(--he-p-727A84);font:12px var(--he-font-body)}.he-pills{display:flex;flex-wrap:wrap;gap:8px;margin:32px 0}.he-pill{border:0;padding:11px 17px;background:var(--he-p-F7FAF8);color:var(--he-p-495564);font-size:13px;border-radius:15px;corner-shape:squircle}.he-pill.active{background:var(--he-p-10243C);color:var(--he-p-FFFFFF)}.he-pill:hover:not(.active){background:var(--he-p-D4DDE7)}.he-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.he-card{min-width:0;background:var(--he-p-FFFFFFF7);padding:24px;border-radius:31px;corner-shape:squircle;display:flex;flex-direction:column;min-height:252px;overflow:visible;position:relative}.he-card:hover{background:var(--he-p-FFFFFF)}.he-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.he-card h3{font:400 23px/1.15 var(--he-font-display);letter-spacing:-.035em;margin:0}.he-card small{color:var(--he-p-7A8490);font-size:11px;letter-spacing:.06em;white-space:nowrap}.he-card-desc{color:var(--he-p-727A84);font-size:13px;margin:7px 0 22px;line-height:1.4}.he-demo{margin-top:auto;min-height:112px;display:flex;align-items:center;gap:11px;flex-wrap:wrap;align-content:center;position:relative}.he-demo :is(button,input,textarea){min-width:0}.he-control{font-size:14px;background:var(--helium-color-control);border:0;padding:13px 16px;min-height:44px;border-radius:15px;corner-shape:squircle;color:var(--he-p-14253A);display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1.15;transition:background var(--helium-base) var(--helium-ease),transform var(--helium-base) var(--helium-ease)}.he-control:hover{background:var(--he-p-DFE5EC);transform:none}.he-control.action{background:var(--he-lime);color:var(--he-p-122235)}.he-control.action:hover{background:var(--he-p-0062CB)}.he-control.ghost{background:transparent}.he-control.danger{background:var(--he-p-FFE9E5);color:var(--he-p-953F32)}.he-pill-tag{border-radius:11px;corner-shape:squircle;background:var(--he-p-E8EDF2);color:var(--he-p-314864);font-size:12px;padding:7px 10px;line-height:1.1;white-space:nowrap}.he-pill-tag.gold{background:var(--he-p-D4E9FB);color:var(--he-p-254766)}.he-pill-tag.dark{background:var(--he-p-0E233D);color:white}.he-demo-input{border:0!important;outline:0!important;background:var(--helium-color-field);border-radius:14px;corner-shape:squircle;padding:13px 15px;min-height:46px;width:100%;max-width:270px;line-height:1.4;color:var(--he-p-1D2F45);font-size:14px}.he-demo-input:hover{background:var(--he-p-E6EBF0)}.he-demo-input:focus{background:var(--he-p-E1E8F0);box-shadow:inset 0 -2px 0 var(--he-p-2B4E79)}.he-demo-input::placeholder{color:var(--he-p-757E88);opacity:1}.he-demo label{font-size:14px;color:var(--he-p-1E334C)}.he-stack{display:flex;flex-wrap:wrap;gap:9px;align-items:center}.he-stack.stretch{width:100%}.he-stack.stretch>*{flex:1}.he-mini-check{display:inline-flex;align-items:center;gap:9px;cursor:pointer}.he-mini-check input{appearance:none;width:20px;height:20px;background:var(--he-p-E5E9EE);border:1px solid var(--he-p-B9C5D2);border-radius:7px;corner-shape:squircle;margin:0;display:grid;place-items:center}.he-mini-check input:checked{background:var(--he-p-0062CB);border-color:var(--he-p-0062CB)}.he-mini-radio{display:inline-flex;align-items:center;gap:10px;min-height:30px;cursor:pointer;line-height:1.3;user-select:none}.he-mini-radio input{appearance:none;-webkit-appearance:none;position:relative;flex:none;display:grid;place-items:center;width:22px;height:22px;margin:0;border:2px solid var(--helium-color-border);border-radius:50%;background:var(--helium-color-card);transition:border-color var(--helium-fast) var(--helium-ease),background var(--helium-fast) var(--helium-ease)}.he-mini-radio input::after{content:'';display:block;width:10px;height:10px;border-radius:50%;background:var(--helium-color-brand);transform:scale(0);transition:transform var(--helium-fast) var(--helium-ease)}.he-mini-radio input:checked{border-color:var(--helium-color-brand)}.he-mini-radio input:checked::after{transform:scale(1)}.he-mini-radio input:focus-visible{outline:2px solid var(--helium-color-focus);outline-offset:3px}.he-mini-radio:hover input:not(:checked){border-color:var(--helium-color-brand-hover)}.he-mini-radio input:disabled{opacity:.5;cursor:not-allowed}.he-switch{width:54px;height:30px;background:var(--he-p-DCE2E8);border:none;border-radius:17px;corner-shape:squircle;display:inline-flex;align-items:center;padding:4px;transition:background .22s}.he-switch:after{content:'';background:var(--he-p-FFFFFF);width:22px;height:22px;border-radius:9px;corner-shape:squircle;transition:transform .23s}.he-switch[aria-checked=true]{background:var(--he-p-284C76)}.he-switch[aria-checked=true]:after{transform:translateX(23px)}.he-rule{height:1px;background:var(--he-p-E2E6EA);width:100%}.he-demo :is(progress,meter){width:100%;accent-color:var(--he-p-1D4C86)}.he-range{appearance:none;height:8px;flex:1;background:linear-gradient(90deg,var(--he-p-27476E) 50%,var(--he-p-E1E5E9) 50%);border-radius:8px;min-width:130px;cursor:pointer}.he-range::-webkit-slider-thumb{appearance:none;width:25px;height:25px;border:5px solid var(--he-p-FFFFFF);border-radius:9px;corner-shape:squircle;background:var(--he-lime);box-shadow:0 2px 8px var(--he-p-20314425)}.he-range::-moz-range-thumb{width:19px;height:19px;border:4px solid var(--he-p-FFFFFF);border-radius:9px;corner-shape:squircle;background:var(--he-lime)}.he-avatar{width:45px;height:45px;border-radius:15px;corner-shape:squircle;background:linear-gradient(135deg,var(--he-p-93A6C0),var(--he-p-F8C5B3));display:grid;place-items:center;overflow:hidden;font-size:16px;color:var(--he-p-112743);font-weight:600}.he-avatar-stack{display:flex;align-items:center}.he-avatar-stack .he-avatar{margin-right:-9px;border:3px solid white}.he-demo-kpi{display:flex;flex-direction:column;gap:3px}.he-demo-kpi strong{font:400 40px/.95 var(--he-font-display);letter-spacing:-.04em}.he-demo-kpi span{font-size:12px;color:var(--he-p-717F90)}.he-item{width:100%;padding:13px 14px;background:var(--helium-color-control);color:var(--helium-color-text);display:flex;justify-content:space-between;gap:16px;align-items:center;border:none;text-align:left;border-radius:15px;corner-shape:squircle;font-size:14px}.he-item:hover{background:var(--he-p-E4EAF0)}.he-item[aria-selected=true]{background:var(--he-p-DFE8F2)}.he-table{width:100%;border-collapse:collapse;font-size:13px}.he-table th,.he-table td{padding:7px 8px;text-align:left;border-bottom:1px solid var(--he-p-EDF2ED)}.he-table th{color:var(--he-p-747F8C);font-weight:500}.he-table button{background:none;border:0;font-size:12px;color:var(--he-p-345276)}.he-skeleton{display:grid;gap:9px;width:100%}.he-skeleton span{height:13px;border-radius:7px;background:var(--he-p-E3E7EB)}.he-skeleton span:nth-child(2){width:78%}.he-skeleton span:nth-child(3){width:54%}.he-progress-track{height:11px;border-radius:11px;corner-shape:squircle;background:var(--he-p-E7EDE8);width:100%;overflow:hidden}.he-progress-track>i{height:100%;background:var(--he-p-377DBC);width:62%;display:block;border-radius:11px;corner-shape:squircle}.he-spark{width:110px;height:60px;background:linear-gradient(155deg,var(--he-p-D8E2EE),var(--he-p-A6BBD4),var(--he-p-E3EFF9));border-radius:18px;corner-shape:squircle}.he-tabs{display:flex;gap:5px;background:var(--helium-color-control);padding:6px;border-radius:17px;corner-shape:squircle;width:100%}.he-tabs button{flex:1;min-height:41px;border:0;background:transparent;border-radius:12px;corner-shape:squircle;font-size:13px;color:var(--he-p-586574)}.he-tabs button.active{background:var(--he-p-FFFFFF);color:var(--he-p-12243A)}.he-inline-note{color:var(--he-p-5B6878);font-size:12px}.he-error{color:var(--he-p-B14839);font-size:12px}.he-meter{display:block;width:130px;height:100px;position:relative}.he-meter svg{width:130px;height:100px}.he-dategrid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;width:100%}.he-dategrid button{border:0;background:var(--he-p-F0F5F1);padding:8px 0;border-radius:8px;corner-shape:squircle;font-size:11px}.he-dategrid button.active{background:var(--he-p-0062CB);color:var(--he-p-102135)}.he-counter{font:400 33px var(--he-font-display)}.he-numberfield{display:flex;align-items:center;gap:6px}.he-numberfield input{width:68px;text-align:center}.he-otp{display:flex;gap:6px}.he-otp input{width:36px;height:44px;background:var(--he-p-EDF4EF);border:0;text-align:center;border-radius:11px;corner-shape:squircle}.he-colors{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.he-swatch{width:36px;height:36px;border:2px solid var(--he-p-FFFFFF);outline:1px solid var(--he-p-CBD3DC);border-radius:11px;corner-shape:squircle}.he-swatch.active{outline:2px solid var(--he-p-12253B)}.he-file{background:var(--he-p-F1F5F0);padding:10px;border-radius:16px;corner-shape:squircle;display:flex;gap:10px;align-items:center}.he-empty{color:var(--he-p-5C6876);padding:30px}.he-footnotes{padding:90px 0 20px}.he-note-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px}.he-note-grid>div{background:var(--he-p-FFFFFF);padding:29px;border-radius:28px;corner-shape:squircle}.he-note-grid h3{font:400 25px var(--he-font-display);margin:0 0 10px}.he-note-grid p,.he-credit{color:var(--he-p-616C79);font-size:14px;line-height:1.65}.he-credit{margin-top:25px}.he-floating{position:fixed;z-index:150;background:var(--he-p-FFFFFF);box-shadow:0 18px 60px var(--he-p-0A192D33);border:1px solid var(--he-p-DCE1E7);border-radius:21px;corner-shape:squircle;min-width:195px;padding:9px;max-height:min(58vh,340px);overflow-y:auto;overscroll-behavior:contain}.he-floating[hidden],.he-overlay[hidden]{display:none}.he-floating .he-menu-item{display:block;text-align:left;width:100%;border:0;background:none;border-radius:11px;corner-shape:squircle;padding:12px 13px;color:var(--he-p-1D324A);font-size:14px}.he-floating .he-menu-item:hover,.he-floating .he-menu-item:focus{background:var(--he-p-ECF0F4)}.he-floating .he-menu-item[aria-selected=true]{background:var(--he-p-DDE8F4)}.he-overlay{position:fixed;inset:0;z-index:160;background:var(--he-p-07111E82);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;padding:20px;animation:he-overlay-in var(--helium-overlay) var(--helium-ease) both}.he-dialog{width:min(490px,100%);background:var(--he-p-FFFFFF);border-radius:37px;corner-shape:squircle;padding:30px;box-shadow:0 25px 110px var(--he-p-060E1837);animation:he-modal-in var(--helium-overlay) var(--helium-ease) both}.he-dialog h2{font:400 35px/1.15 var(--he-font-display);letter-spacing:-.05em;margin:0 0 15px}.he-dialog p{font-size:15px;color:var(--he-p-586473);line-height:1.6}.he-dialog-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:24px}.he-toaster{position:fixed;z-index:185;bottom:23px;right:24px;display:grid;gap:9px}.he-toast{background:var(--he-p-10253F);color:var(--he-p-F5FAFF);padding:14px 20px;border-radius:15px;corner-shape:squircle;min-width:180px;box-shadow:0 6px 25px var(--he-p-060F1B30);font-size:14px;animation:he-modal-in var(--helium-content) var(--helium-ease)}.he-inventory-dot{background:var(--he-lime);width:8px;height:8px;display:inline-block;border-radius:4px;corner-shape:squircle}.he-quiet-sample{width:100%;padding:16px;background:var(--he-p-F3F7F4);border-radius:15px;corner-shape:squircle;font-size:14px;color:var(--he-p-525F6F)}.he-leaf{display:inline-flex;font-size:30px;color:var(--he-p-5D84AA)}.he-link{font-size:14px;color:var(--he-p-21426B);text-decoration:underline;text-underline-offset:4px}.he-list-compact{display:grid;gap:7px;width:100%}.he-list-compact .he-item{padding:10px 13px}.he-toolbar{display:flex;gap:4px;background:var(--helium-color-control);border-radius:18px;corner-shape:squircle;padding:5px}.he-toolbar button{background:transparent;border:0;border-radius:13px;corner-shape:squircle;padding:10px 13px}.he-toolbar button.active{background:var(--he-p-FFFFFF)}.he-tooltip-note{position:absolute;bottom:100%;left:0;background:var(--he-p-12273F);color:white;padding:8px 13px;font-size:12px;border-radius:9px;corner-shape:squircle;min-width:155px}.he-drawer{position:fixed;right:0;top:0;bottom:0;width:min(400px,90vw);z-index:180;background:white;padding:35px;box-shadow:-20px 0 80px var(--he-p-060E1938);animation:he-drawer-in var(--helium-overlay) var(--helium-ease)}.he-drawer h2{font:400 38px var(--he-font-display)}.he-sep{width:100%;height:1px;background:var(--he-p-E1E5E9)}.he-card .he-demo>button:focus-visible,.he-control:focus-visible{outline:2px solid var(--he-p-213C5E);outline-offset:3px}@keyframes he-overlay-in{from{opacity:0}to{opacity:1}}@keyframes he-modal-in{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}@keyframes he-drawer-in{from{transform:translateX(100%)}to{transform:none}}@media(max-width:1250px){.he-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.he-intro{grid-template-columns:minmax(0,1.2fr) minmax(250px,.8fr)}}@media(max-width:880px){.he-app{grid-template-columns:1fr}.he-rail{position:static;height:auto;padding:12px 20px;flex-direction:row;align-items:center;justify-content:space-between}.he-rail-logo{padding:6px}.he-rail-logo img{width:126px}.he-rail-divider,.he-rail-label,.he-category-nav,.he-rail-bottom{display:none}.he-bar{min-height:60px}.he-stage{padding-top:22px}.he-intro{gap:20px}.he-intro-stat{min-height:230px}.he-intro h1{font-size:clamp(42px,7.8vw,72px)}}@media(max-width:620px){.he-grid{grid-template-columns:1fr}.he-stage{padding:19px 16px 55px}.he-intro{grid-template-columns:1fr;padding:12px 0 30px}.he-intro-stat{min-height:190px}.he-intro-stat strong{font-size:100px}.he-gallery-header{align-items:stretch;flex-direction:column}.he-searchbox{max-width:none;min-width:0}.he-note-grid{grid-template-columns:1fr}.he-gallery{padding-top:43px}.he-bar{padding:14px 16px}.he-bar-right .he-top-link:last-child{display:none}.he-breadcrumb{font-size:11px}.he-card{min-height:235px}.he-note-strip{gap:9px 15px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@keyframes he-spin{to{transform:rotate(360deg)}}