@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/32687112bd2dd8db-s.0gspg~~t9nou8.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/28868e710e86be81-s.0rx81dn62y51_.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/0c89a48fa5027cee-s.p.0rd3rjvnnhw7n.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk Fallback;src:local(Arial);ascent-override:89.71%;descent-override:26.62%;line-gap-override:0.0%;size-adjust:109.69%}.space_grotesk_e6988195-module__RNs2Mq__className{font-family:Space Grotesk,Space Grotesk Fallback;font-style:normal}.space_grotesk_e6988195-module__RNs2Mq__variable{--font-space-grotesk:"Space Grotesk", "Space Grotesk Fallback"}
.DesignSystemExplorer-module__2wrJcG__page{background:var(--hm-paper);color:var(--text-body)}.DesignSystemExplorer-module__2wrJcG__hero{z-index:0;box-sizing:border-box;min-height:100svh;padding:calc(var(--hm-space-3xl) + var(--hm-space-xl)) 0 var(--hm-space-xl);background:radial-gradient(circle at top right, color-mix(in srgb, var(--hm-purple-soft) 80%, var(--hm-paper)) 0%, transparent 34%), radial-gradient(circle at bottom left, color-mix(in srgb, var(--hm-purple-soft) 80%, var(--hm-paper)) 0%, transparent 32%), linear-gradient(180deg, color-mix(in srgb, var(--hm-surface) 65%, var(--hm-paper)) 0%, transparent 100%);opacity:var(--ds-hero-opacity,1);transform:translateY(var(--ds-hero-y,0)) scale(var(--ds-hero-scale,1)) translateZ(0);will-change:opacity, transform;align-items:center;display:grid;position:sticky;top:0}html[data-ds-workspace-visible=true] .DesignSystemExplorer-module__2wrJcG__hero{opacity:var(--ds-hero-opacity,.001);transform:translateY(var(--ds-hero-y,-72px)) scale(var(--ds-hero-scale,.98)) translateZ(0)}.DesignSystemExplorer-module__2wrJcG__heroInner{align-items:center;gap:clamp(calc(var(--hm-space-xl) + var(--hm-space-md)), 5vw, var(--hm-space-3xl));width:min(var(--hm-container), calc(100% - calc(var(--hm-space-xl) * 2)));grid-template-columns:minmax(0,.96fr) minmax(360px,1.04fr);margin-inline:auto;display:grid}.DesignSystemExplorer-module__2wrJcG__heroRevealItem,.DesignSystemExplorer-module__2wrJcG__highlightRevealItem{min-width:0}.DesignSystemExplorer-module__2wrJcG__eyebrow{margin:0 0 var(--hm-space-xs);color:var(--hm-purple);font-size:var(--hm-fs-sm);font-weight:var(--hm-fw-semibold);letter-spacing:.08em;text-transform:uppercase}.DesignSystemExplorer-module__2wrJcG__heroTitle,.DesignSystemExplorer-module__2wrJcG__ctaTitle{color:var(--text-heading);font-size:clamp(var(--hm-fs-h1), 5vw, 52px);margin:0;line-height:1.18}.DesignSystemExplorer-module__2wrJcG__heroTitle{white-space:normal;overflow-wrap:break-word;text-wrap:balance;word-break:keep-all;width:100%;display:block!important;overflow:visible!important}:is(.DesignSystemExplorer-module__2wrJcG__heroTitle .split-line,.DesignSystemExplorer-module__2wrJcG__heroTitle .split-word){white-space:normal}.DesignSystemExplorer-module__2wrJcG__heroDescription,.DesignSystemExplorer-module__2wrJcG__ctaBody{margin:var(--hm-space-sm) 0 0;color:var(--text-secondary);font-size:var(--hm-fs-h4);line-height:1.7}.DesignSystemExplorer-module__2wrJcG__heroDescription{width:100%;max-width:none}.DesignSystemExplorer-module__2wrJcG__ctaBody{max-width:none}.DesignSystemExplorer-module__2wrJcG__actions{gap:var(--hm-space-xs);margin-top:var(--hm-space-lg);flex-wrap:wrap;display:flex}.DesignSystemExplorer-module__2wrJcG__heroDecisionFrame{gap:var(--hm-space-2xs);width:min(var(--hm-container), calc(100% - calc(var(--hm-space-xl) * 2)));margin:var(--hm-space-lg) auto 0;padding:var(--hm-space-sm) var(--hm-space-md);border:1px solid var(--hm-line);border-radius:var(--hm-radius-md);background:color-mix(in srgb, var(--hm-paper) 74%, var(--hm-surface));display:grid}.DesignSystemExplorer-module__2wrJcG__heroDecisionLabel{color:var(--hm-purple);font-size:var(--hm-fs-sm);font-weight:var(--hm-fw-semibold);margin:0}.DesignSystemExplorer-module__2wrJcG__heroDecisionSummary{color:var(--text-secondary);font-size:var(--hm-fs-sm);margin:0;line-height:1.65}.DesignSystemExplorer-module__2wrJcG__highlightsGrid,.DesignSystemExplorer-module__2wrJcG__highlightCard{gap:var(--hm-space-sm);display:grid}.DesignSystemExplorer-module__2wrJcG__highlightCard,.DesignSystemExplorer-module__2wrJcG__card,.DesignSystemExplorer-module__2wrJcG__demoSurface,.DesignSystemExplorer-module__2wrJcG__cta{border:1px solid var(--hm-line);border-radius:var(--hm-radius-lg);background:color-mix(in srgb, var(--hm-paper) 92%, var(--hm-surface));box-shadow:var(--shadow-sm)}.DesignSystemExplorer-module__2wrJcG__highlightCard{padding:var(--hm-space-md);background:linear-gradient(90deg, color-mix(in srgb, var(--hm-paper) 60%, transparent) 0%, color-mix(in srgb, var(--hm-paper) 20%, transparent) 100%) padding-box, linear-gradient(90deg, color-mix(in srgb, var(--hm-purple-light) 72%, var(--hm-paper)) 0%, color-mix(in srgb, var(--hm-paper) 92%, transparent) 100%) border-box;box-shadow:0 20px 38px -26px color-mix(in srgb, var(--hm-purple) 22%, transparent), var(--shadow-sm);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-color:#0000}.DesignSystemExplorer-module__2wrJcG__highlightTitle{color:var(--hm-purple);font-size:var(--hm-fs-h4);font-weight:var(--hm-fw-bold);margin:0;line-height:1.3}.DesignSystemExplorer-module__2wrJcG__highlightLead{color:var(--text-heading);font-weight:var(--hm-fw-regular);margin:0;line-height:1.65}.DesignSystemExplorer-module__2wrJcG__section{scroll-margin-top:112px}.DesignSystemExplorer-module__2wrJcG__sectionHeader{grid-template-columns:var(--hm-space-xl) auto 1fr;align-items:center;gap:var(--hm-space-xs);margin-bottom:var(--hm-space-md);display:grid}.DesignSystemExplorer-module__2wrJcG__sectionRule{background:var(--hm-line-strong);height:1px}.DesignSystemExplorer-module__2wrJcG__sectionTitle{color:var(--text-heading);font-size:clamp(26px, 3.2vw, var(--hm-fs-h1));margin:0;line-height:1.3}.DesignSystemExplorer-module__2wrJcG__twoColumnGrid,.DesignSystemExplorer-module__2wrJcG__principleGrid{gap:var(--hm-space-sm);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.DesignSystemExplorer-module__2wrJcG__principleGrid{margin:var(--hm-space-sm) 0}.DesignSystemExplorer-module__2wrJcG__card{padding:var(--hm-space-lg)}.DesignSystemExplorer-module__2wrJcG__groupHeader{gap:var(--hm-space-xs);margin:var(--hm-space-lg) 0 var(--hm-space-sm);display:grid}.DesignSystemExplorer-module__2wrJcG__section>.DesignSystemExplorer-module__2wrJcG__groupHeader:first-child{margin-top:0}.DesignSystemExplorer-module__2wrJcG__gettingStartedArticle .DesignSystemExplorer-module__2wrJcG__section>.DesignSystemExplorer-module__2wrJcG__groupHeader:first-child{margin-top:calc(-1 * var(--hm-space-sm))}.DesignSystemExplorer-module__2wrJcG__groupTitle{color:var(--text-heading);font-size:32px;font-weight:var(--hm-fw-bold);margin:0;line-height:1.25}.DesignSystemExplorer-module__2wrJcG__groupLead{color:var(--text-secondary);margin:0;line-height:1.7}.DesignSystemExplorer-module__2wrJcG__principleCard{padding:var(--hm-space-md)}.DesignSystemExplorer-module__2wrJcG__principleGrid article:last-child{grid-column:1/-1}.DesignSystemExplorer-module__2wrJcG__nestedCard{padding:var(--hm-space-md);border:1px solid var(--hm-line);border-radius:var(--hm-radius-md);background:var(--hm-surface)}.DesignSystemExplorer-module__2wrJcG__cardTitle,.DesignSystemExplorer-module__2wrJcG__nestedTitle,.DesignSystemExplorer-module__2wrJcG__principleTitle{color:var(--text-heading);font-size:var(--hm-fs-h4);margin:0;line-height:1.4}.DesignSystemExplorer-module__2wrJcG__cardBody,.DesignSystemExplorer-module__2wrJcG__nestedBody,.DesignSystemExplorer-module__2wrJcG__principleBody,.DesignSystemExplorer-module__2wrJcG__principleDesc,.DesignSystemExplorer-module__2wrJcG__mutedText{color:var(--text-secondary);line-height:1.7}.DesignSystemExplorer-module__2wrJcG__cardBody,.DesignSystemExplorer-module__2wrJcG__nestedBody,.DesignSystemExplorer-module__2wrJcG__principleBody,.DesignSystemExplorer-module__2wrJcG__principleDesc{margin:var(--hm-space-2xs) 0 0}.DesignSystemExplorer-module__2wrJcG__keywordList,.DesignSystemExplorer-module__2wrJcG__stateList,.DesignSystemExplorer-module__2wrJcG__referenceList{gap:var(--hm-space-xs);flex-wrap:wrap;display:flex}.DesignSystemExplorer-module__2wrJcG__keywordList{margin-top:var(--hm-space-sm)}.DesignSystemExplorer-module__2wrJcG__pill,.DesignSystemExplorer-module__2wrJcG__statePill{min-height:var(--hm-map-height-control-sm);border-radius:var(--hm-radius-pill);font-size:var(--hm-fs-sm);align-items:center;display:inline-flex}.DesignSystemExplorer-module__2wrJcG__pill{padding:0 var(--hm-space-xs);background:var(--hm-purple-light);color:var(--hm-purple);font-weight:var(--hm-fw-medium)}.DesignSystemExplorer-module__2wrJcG__nestedGrid,.DesignSystemExplorer-module__2wrJcG__tokenList{gap:var(--hm-space-xs);margin-top:var(--hm-space-sm);display:grid}.DesignSystemExplorer-module__2wrJcG__nestedGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.DesignSystemExplorer-module__2wrJcG__kicker,.DesignSystemExplorer-module__2wrJcG__principleIndex{margin:0 0 var(--hm-space-sm);color:var(--hm-purple);font-size:var(--hm-fs-sm);font-weight:var(--hm-fw-semibold)}.DesignSystemExplorer-module__2wrJcG__foundationStack{gap:var(--hm-space-lg);display:grid}.DesignSystemExplorer-module__2wrJcG__foundationPanel,.DesignSystemExplorer-module__2wrJcG__tokenReferencePanel{gap:var(--hm-space-md);padding:var(--hm-space-lg);border:1px solid var(--hm-line);border-radius:var(--hm-radius-lg);background:var(--hm-paper);box-shadow:var(--shadow-sm);display:grid}.DesignSystemExplorer-module__2wrJcG__tokenModelPanel{gap:var(--hm-space-lg);padding:var(--hm-space-lg);border:1px solid var(--hm-line);border-radius:var(--hm-radius-lg);background:var(--hm-paper);box-shadow:var(--shadow-sm);display:grid}.DesignSystemExplorer-module__2wrJcG__tokenModelHeader{gap:var(--hm-space-xs);display:grid}.DesignSystemExplorer-module__2wrJcG__tokenModelLead{color:var(--text-secondary);font-size:var(--hm-fs-body);margin:0;line-height:1.7}.DesignSystemExplorer-module__2wrJcG__tokenModelFlow{gap:var(--hm-space-sm);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.DesignSystemExplorer-module__2wrJcG__tokenModelCard{align-content:start;gap:var(--hm-space-sm);min-width:0;padding:var(--hm-space-md);border:1px solid var(--hm-line);border-radius:var(--hm-radius-md);background:color-mix(in srgb, var(--hm-surface) 74%, var(--hm-paper));display:grid}.DesignSystemExplorer-module__2wrJcG__tokenModelIndex{border:1px solid var(--hm-line);width:40px;height:40px;color:var(--hm-purple);font-size:var(--hm-fs-sm);font-weight:var(--hm-fw-semibold);border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.DesignSystemExplorer-module__2wrJcG__tokenModelTitle{color:var(--text-heading);font-size:var(--hm-fs-h4);margin:0;line-height:1.25}.DesignSystemExplorer-module__2wrJcG__tokenModelExample{min-width:0;color:var(--hm-purple);font-size:var(--hm-fs-sm);font-weight:var(--hm-fw-semibold);overflow-wrap:anywhere;display:block}.DesignSystemExplorer-module__2wrJcG__tokenModelBody{color:var(--text-secondary);font-size:var(--hm-fs-body);margin:0;line-height:1.65}.DesignSystemExplorer-module__2wrJcG__tokenModelRules{gap:var(--hm-space-sm);padding:var(--hm-space-md);border:1px solid var(--hm-line);border-radius:var(--hm-radius-md);background:var(--hm-surface);display:grid}.DesignSystemExplorer-module__2wrJcG__tokenModelRules h3{color:var(--text-heading);font-size:var(--hm-fs-h4);margin:0}.DesignSystemExplorer-module__2wrJcG__tokenModelRules ul{gap:var(--hm-space-xs);padding-left:var(--hm-space-md);color:var(--text-secondary);margin:0;line-height:1.7;display:grid}.DesignSystemExplorer-module__2wrJcG__tokenModelReferenceLink{margin:0}.DesignSystemExplorer-module__2wrJcG__tokenModelReferenceLink a{color:var(--hm-purple);font-size:var(--hm-fs-body);font-weight:var(--hm-fw-semibold);text-decoration:none}.DesignSystemExplorer-module__2wrJcG__colorGroupStack,.DesignSystemExplorer-module__2wrJcG__tokenReferenceBrowser{gap:var(--hm-space-md);min-width:0;display:grid}.DesignSystemExplorer-module__2wrJcG__colorGroup{gap:var(--hm-space-sm);min-width:0;display:grid}.DesignSystemExplorer-module__2wrJcG__colorGroupHeader{justify-content:space-between;align-items:flex-end;gap:var(--hm-space-md);min-width:0;display:flex}.DesignSystemExplorer-module__2wrJcG__colorGroupHeader h3,.DesignSystemExplorer-module__2wrJcG__colorGroupHeader p{margin:0}.DesignSystemExplorer-module__2wrJcG__colorGroupHeader h3{color:var(--text-heading);font-size:var(--hm-fs-h4);line-height:1.35}.DesignSystemExplorer-module__2wrJcG__colorGroupHeader p{margin-top:var(--hm-space-3xs);color:var(--text-secondary);font-size:var(--hm-fs-sm);line-height:1.55}.DesignSystemExplorer-module__2wrJcG__colorGroupHeader span,.DesignSystemExplorer-module__2wrJcG__tokenReferenceCount{color:var(--text-muted);font-size:var(--hm-fs-sm);font-weight:var(--hm-fw-semibold);flex:none;line-height:1.4}.DesignSystemExplorer-module__2wrJcG__colorSwatchGrid{gap:var(--hm-space-sm);grid-template-columns:repeat(4,minmax(0,1fr));min-width:0;display:grid}.DesignSystemExplorer-module__2wrJcG__colorSwatchCard{border:1px solid var(--hm-line);border-radius:var(--hm-radius-md);background:var(--hm-paper);min-width:0;display:grid;overflow:hidden}.DesignSystemExplorer-module__2wrJcG__colorSwatchPreview{border-bottom:1px solid var(--hm-line);background:var(--token-preview);min-height:72px;display:block}.DesignSystemExplorer-module__2wrJcG__colorSwatchCard div{gap:var(--hm-space-3xs);min-width:0;padding:var(--hm-space-xs);display:grid}.DesignSystemExplorer-module__2wrJcG__colorSwatchCard code,.DesignSystemExplorer-module__2wrJcG__colorSwatchCard p,.DesignSystemExplorer-module__2wrJcG__colorSwatchCard span,.DesignSystemExplorer-module__2wrJcG__typeScaleCard code,.DesignSystemExplorer-module__2wrJcG__typeScaleCard span,.DesignSystemExplorer-module__2wrJcG__typeScaleCard small,.DesignSystemExplorer-module__2wrJcG__radiusScaleCard code,.DesignSystemExplorer-module__2wrJcG__radiusScaleCard small,.DesignSystemExplorer-module__2wrJcG__shadowScaleCard code,.DesignSystemExplorer-module__2wrJcG__shadowScaleCard p,.DesignSystemExplorer-module__2wrJcG__shadowScaleCard small,.DesignSystemExplorer-module__2wrJcG__motionReferenceCard code,.DesignSystemExplorer-module__2wrJcG__motionReferenceCard p,.DesignSystemExplorer-module__2wrJcG__motionReferenceCard small{overflow-wrap:anywhere;min-width:0}.DesignSystemExplorer-module__2wrJcG__colorSwatchCard code,.DesignSystemExplorer-module__2wrJcG__typeScaleCard code,.DesignSystemExplorer-module__2wrJcG__radiusScaleCard code,.DesignSystemExplorer-module__2wrJcG__shadowScaleCard code,.DesignSystemExplorer-module__2wrJcG__motionReferenceCard code{color:var(--text-heading);font-size:var(--hm-fs-xs);font-weight:var(--hm-fw-semibold)}.DesignSystemExplorer-module__2wrJcG__colorSwatchCard p,.DesignSystemExplorer-module__2wrJcG__shadowScaleCard p,.DesignSystemExplorer-module__2wrJcG__motionReferenceCard p{color:var(--text-secondary);font-size:var(--hm-fs-xs);margin:0;line-height:1.45}.DesignSystemExplorer-module__2wrJcG__colorSwatchCard span,.DesignSystemExplorer-module__2wrJcG__typeScaleCard small,.DesignSystemExplorer-module__2wrJcG__radiusScaleCard small,.DesignSystemExplorer-module__2wrJcG__shadowScaleCard small,.DesignSystemExplorer-module__2wrJcG__motionReferenceCard small{color:var(--text-muted);font-size:var(--hm-fs-xs);line-height:1.45}.DesignSystemExplorer-module__2wrJcG__foundationSampleGrid{gap:var(--hm-space-sm);grid-template-columns:repeat(3,minmax(0,1fr));min-width:0;display:grid}.DesignSystemExplorer-module__2wrJcG__typeScaleCard,.DesignSystemExplorer-module__2wrJcG__radiusScaleCard,.DesignSystemExplorer-module__2wrJcG__shadowScaleCard,.DesignSystemExplorer-module__2wrJcG__motionReferenceCard{gap:var(--hm-space-2xs);min-width:0;padding:var(--hm-space-sm);border:1px solid var(--hm-line);border-radius:var(--hm-radius-md);background:var(--hm-surface);display:grid}.DesignSystemExplorer-module__2wrJcG__typeScaleCard p{margin:0 0 var(--hm-space-2xs);color:var(--text-heading);font-size:var(--token-type-size);line-height:1.2}.DesignSystemExplorer-module__2wrJcG__typeScaleCard span{color:var(--text-secondary);font-size:var(--hm-fs-xs);line-height:1.45}.DesignSystemExplorer-module__2wrJcG__spacingScaleStack{gap:var(--hm-space-2xs);min-width:0;display:grid}.DesignSystemExplorer-module__2wrJcG__spacingScaleRow{align-items:center;gap:var(--hm-space-sm);min-width:0;padding:var(--hm-space-xs);border:1px solid var(--hm-line);border-radius:var(--hm-radius-md);background:var(--hm-surface);grid-template-columns:minmax(160px,.42fr) minmax(0,1fr) auto;display:grid}.DesignSystemExplorer-module__2wrJcG__spacingScaleRow>div{gap:var(--hm-space-3xs);min-width:0;display:grid}.DesignSystemExplorer-module__2wrJcG__spacingScaleRow code,.DesignSystemExplorer-module__2wrJcG__spacingScaleRow small{overflow-wrap:anywhere;min-width:0}.DesignSystemExplorer-module__2wrJcG__spacingScaleRow code{color:var(--text-heading);font-size:var(--hm-fs-xs);font-weight:var(--hm-fw-semibold)}.DesignSystemExplorer-module__2wrJcG__spacingScaleRow small{color:var(--text-muted);font-size:var(--hm-fs-xs);line-height:1.45}.DesignSystemExplorer-module__2wrJcG__spacingScaleRow>span:last-child{color:var(--text-secondary);font-size:var(--hm-fs-xs);white-space:nowrap}.DesignSystemExplorer-module__2wrJcG__spacingScaleTrack{border-radius:var(--hm-radius-pill);background:color-mix(in srgb, var(--hm-line) 52%, transparent);min-width:0;height:24px;display:block}.DesignSystemExplorer-module__2wrJcG__spacingScaleTrack span{width:min(var(--token-size), 100%);border-radius:var(--hm-radius-pill);background:var(--hm-purple);min-width:4px;height:100%;display:block}.DesignSystemExplorer-module__2wrJcG__radiusScaleCard span,.DesignSystemExplorer-module__2wrJcG__shadowScaleCard span{border:1px solid var(--hm-line);background:var(--hm-paper);width:100%;min-height:92px;display:block}.DesignSystemExplorer-module__2wrJcG__radiusScaleCard span{border-radius:var(--token-radius)}.DesignSystemExplorer-module__2wrJcG__shadowScaleCard span{border-radius:var(--hm-radius-md);box-shadow:var(--token-shadow)}.DesignSystemExplorer-module__2wrJcG__motionReferenceGrid{gap:var(--hm-space-sm);grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;display:grid}.DesignSystemExplorer-module__2wrJcG__motionReferenceCard{background:var(--hm-paper)}.DesignSystemExplorer-module__2wrJcG__motionFoundationStack{gap:var(--hm-space-xl);min-width:0;display:grid}.DesignSystemExplorer-module__2wrJcG__motionDurationRow,.DesignSystemExplorer-module__2wrJcG__motionEasingCard{border:1px solid var(--hm-line);border-radius:var(--hm-radius-md);background:var(--hm-surface)}.DesignSystemExplorer-module__2wrJcG__motionVisualSection{gap:var(--hm-space-sm);min-width:0;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;display:grid}.DesignSystemExplorer-module__2wrJcG__motionTokenHeader h3,.DesignSystemExplorer-module__2wrJcG__motionTokenHeader p{margin:0}.DesignSystemExplorer-module__2wrJcG__motionTokenHeader h3{color:var(--text-heading);font-size:var(--hm-fs-h4);line-height:1.3}.DesignSystemExplorer-module__2wrJcG__motionTokenHeader p{margin-top:var(--hm-space-3xs);color:var(--text-secondary);font-size:var(--hm-fs-sm);line-height:1.55}.DesignSystemExplorer-module__2wrJcG__motionDurationList{gap:var(--hm-space-2xs);min-width:0;display:grid}.DesignSystemExplorer-module__2wrJcG__motionDurationRow{align-items:center;gap:var(--hm-space-sm);min-width:0;padding:var(--hm-space-xs);grid-template-columns:minmax(176px,.3fr) minmax(180px,.32fr) minmax(0,1fr);display:grid}.DesignSystemExplorer-module__2wrJcG__motionDurationRow>div{gap:var(--hm-space-3xs);min-width:0;display:grid}.DesignSystemExplorer-module__2wrJcG__motionDurationRow code,.DesignSystemExplorer-module__2wrJcG__motionEasingCard code{color:var(--text-heading);font-size:var(--hm-fs-xs);font-weight:var(--hm-fw-semibold);overflow-wrap:anywhere}.DesignSystemExplorer-module__2wrJcG__motionDurationRow span,.DesignSystemExplorer-module__2wrJcG__motionDurationRow p,.DesignSystemExplorer-module__2wrJcG__motionEasingCard p,.DesignSystemExplorer-module__2wrJcG__motionEasingCard small{color:var(--text-secondary);font-size:var(--hm-fs-xs);line-height:1.45}.DesignSystemExplorer-module__2wrJcG__motionDurationRow p{margin:0}.DesignSystemExplorer-module__2wrJcG__motionDurationTrack,.DesignSystemExplorer-module__2wrJcG__motionEasingPreview{border-radius:var(--hm-radius-pill);background:var(--hm-paper);display:block;position:relative;overflow:hidden}.DesignSystemExplorer-module__2wrJcG__motionDurationTrack{height:30px}.DesignSystemExplorer-module__2wrJcG__motionDurationTrack span,.DesignSystemExplorer-module__2wrJcG__motionEasingPreview span{top:50%;left:var(--hm-space-2xs);width:var(--hm-space-xs);height:var(--hm-space-xs);border-radius:var(--hm-radius-pill);background:var(--hm-purple);animation:DesignSystemExplorer-module__2wrJcG__ds-motion-token-run var(--motion-duration,var(--hm-duration-base)) var(--motion-ease,var(--hm-ease-out)) infinite alternate;position:absolute;transform:translateY(-50%)}.DesignSystemExplorer-module__2wrJcG__motionEasingGrid{gap:var(--hm-space-sm);grid-template-columns:repeat(3,minmax(0,1fr));min-width:0;display:grid}.DesignSystemExplorer-module__2wrJcG__motionEasingCard{gap:var(--hm-space-2xs);min-width:0;padding:var(--hm-space-xs);display:grid}.DesignSystemExplorer-module__2wrJcG__motionEasingPreview{height:38px}.DesignSystemExplorer-module__2wrJcG__motionEasingPreview span{animation-duration:var(--hm-duration-enter)}.DesignSystemExplorer-module__2wrJcG__motionEasingCard p{overflow-wrap:anywhere;margin:0}.DesignSystemExplorer-module__2wrJcG__motionEasingCard small{display:block}@keyframes DesignSystemExplorer-module__2wrJcG__ds-motion-token-run{0%{transform:translateY(-50%)}to{transform:translate(calc(100% + 112px),-50%)}}.DesignSystemExplorer-module__2wrJcG__tokenReferenceControls{align-items:end;gap:var(--hm-space-md);grid-template-columns:minmax(0,1fr) auto;min-width:0;display:grid}.DesignSystemExplorer-module__2wrJcG__tokenReferenceSearch{gap:var(--hm-space-2xs);min-width:0;display:grid}.DesignSystemExplorer-module__2wrJcG__tokenReferenceSearch label{color:var(--text-heading);font-size:var(--hm-fs-sm);font-weight:var(--hm-fw-semibold)}.DesignSystemExplorer-module__2wrJcG__tokenReferenceSearch input{width:100%;min-height:44px;padding:0 var(--hm-space-sm);border:1px solid var(--hm-line);border-radius:var(--hm-radius-pill);background:var(--hm-surface);color:var(--text-heading);font:inherit;font-size:var(--hm-fs-sm)}.DesignSystemExplorer-module__2wrJcG__tokenReferenceSearch input:focus-visible{border-color:var(--hm-purple);outline:2px solid color-mix(in srgb, var(--hm-purple) 36%, transparent);outline-offset:2px}.DesignSystemExplorer-module__2wrJcG__tokenReferenceCount{white-space:nowrap;margin:0 0 11px}.DesignSystemExplorer-module__2wrJcG__tokenFilterChips{gap:var(--hm-space-2xs);flex-wrap:wrap;min-width:0;display:flex}.DesignSystemExplorer-module__2wrJcG__tokenFilterChips button{min-height:36px;padding:0 var(--hm-space-sm);border:1px solid var(--hm-line);border-radius:var(--hm-radius-pill);background:var(--hm-paper);color:var(--text-secondary);font:inherit;font-size:var(--hm-fs-sm);cursor:pointer}.DesignSystemExplorer-module__2wrJcG__tokenFilterChips button:hover,.DesignSystemExplorer-module__2wrJcG__tokenFilterChips button:focus-visible,.DesignSystemExplorer-module__2wrJcG__tokenFilterChips .DesignSystemExplorer-module__2wrJcG__isActiveTokenFilter{border-color:color-mix(in srgb, var(--hm-purple) 42%, var(--hm-line));background:var(--hm-purple-light);color:var(--hm-purple)}.DesignSystemExplorer-module__2wrJcG__tokenFilterChips button:focus-visible{outline:2px solid color-mix(in srgb, var(--hm-purple) 36%, transparent);outline-offset:2px}.DesignSystemExplorer-module__2wrJcG__tokenEmptyState{padding:var(--hm-space-sm);border:1px dashed var(--hm-line-strong);border-radius:var(--hm-radius-md);background:var(--hm-surface);color:var(--text-secondary);font-size:var(--hm-fs-sm);margin:0;line-height:1.6}.DesignSystemExplorer-module__2wrJcG__tokenTableWrap{border:1px solid var(--hm-line);border-radius:var(--hm-radius-md);background:var(--hm-paper);width:100%;max-width:100%;overflow-x:auto}.DesignSystemExplorer-module__2wrJcG__tokenTable{border-collapse:collapse;width:100%;min-width:840px}.DesignSystemExplorer-module__2wrJcG__tokenTable th,.DesignSystemExplorer-module__2wrJcG__tokenTable td{padding:var(--hm-space-xs) var(--hm-space-sm);border-bottom:1px solid var(--hm-line);color:var(--text-secondary);font-size:var(--hm-fs-sm);text-align:left;vertical-align:middle;line-height:1.55}.DesignSystemExplorer-module__2wrJcG__tokenTable th{color:var(--text-heading);font-size:var(--hm-fs-xs);font-weight:var(--hm-fw-bold);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.DesignSystemExplorer-module__2wrJcG__tokenTable tr:last-child td{border-bottom:0}.DesignSystemExplorer-module__2wrJcG__tokenTable code{color:var(--text-heading);font-size:var(--hm-fs-sm);overflow-wrap:anywhere}.DesignSystemExplorer-module__2wrJcG__colorSwatch{border:1px solid var(--hm-line);border-radius:var(--hm-radius-sm);background:var(--token-preview);width:56px;min-height:32px;display:block}.DesignSystemExplorer-module__2wrJcG__tokenPreviewCell{width:96px}.DesignSystemExplorer-module__2wrJcG__tokenPreviewSwatch,.DesignSystemExplorer-module__2wrJcG__tokenPreviewBar,.DesignSystemExplorer-module__2wrJcG__tokenPreviewRadius,.DesignSystemExplorer-module__2wrJcG__tokenPreviewShadow,.DesignSystemExplorer-module__2wrJcG__tokenPreviewMotion{border:1px solid var(--hm-line);background:var(--hm-paper);width:64px;height:36px;display:block}.DesignSystemExplorer-module__2wrJcG__tokenPreviewSwatch{border-radius:var(--hm-radius-sm);background:var(--token-preview)}.DesignSystemExplorer-module__2wrJcG__tokenPreviewBar{width:min(var(--token-size), 64px);border-radius:var(--hm-radius-pill);background:var(--hm-purple);min-width:6px}.DesignSystemExplorer-module__2wrJcG__tokenPreviewRadius{border-radius:var(--token-radius)}.DesignSystemExplorer-module__2wrJcG__tokenPreviewShadow{border-radius:var(--hm-radius-md);box-shadow:var(--token-shadow)}.DesignSystemExplorer-module__2wrJcG__tokenPreviewMotion{border-radius:var(--hm-radius-pill);background:var(--hm-purple-light);position:relative;overflow:hidden}.DesignSystemExplorer-module__2wrJcG__tokenPreviewMotion:after{top:50%;left:var(--hm-space-xs);width:var(--hm-space-xs);height:var(--hm-space-xs);border-radius:var(--hm-radius-pill);background:var(--hm-purple);content:"";animation:DesignSystemExplorer-module__2wrJcG__ds-motion-preview var(--token-duration,var(--hm-duration-base)) var(--hm-ease-out) infinite alternate;position:absolute;transform:translateY(-50%)}.DesignSystemExplorer-module__2wrJcG__tokenPreviewType{color:var(--text-heading);font-size:var(--token-type-size);line-height:1}.DesignSystemExplorer-module__2wrJcG__tokenPreviewEmpty{color:var(--text-muted)}.DesignSystemExplorer-module__2wrJcG__typeSample{min-height:40px;color:var(--text-heading);font-size:var(--token-type-size);align-items:center;line-height:1;display:flex}.DesignSystemExplorer-module__2wrJcG__spacingSample{width:min(var(--token-size), 100%);border-radius:var(--hm-radius-pill);background:var(--hm-purple);min-width:4px;height:24px;display:block}.DesignSystemExplorer-module__2wrJcG__radiusSample,.DesignSystemExplorer-module__2wrJcG__shadowSample,.DesignSystemExplorer-module__2wrJcG__motionSample{border:1px solid var(--hm-line);background:var(--hm-paper);width:56px;height:40px;display:block}.DesignSystemExplorer-module__2wrJcG__radiusSample{border-radius:var(--token-radius)}.DesignSystemExplorer-module__2wrJcG__shadowSample{border-radius:var(--hm-radius-md);box-shadow:var(--token-shadow)}.DesignSystemExplorer-module__2wrJcG__motionSample{border-radius:var(--hm-radius-pill);background:var(--hm-purple-light);position:relative;overflow:hidden}.DesignSystemExplorer-module__2wrJcG__motionSample:after{top:50%;left:var(--hm-space-xs);width:var(--hm-space-sm);height:var(--hm-space-sm);border-radius:var(--hm-radius-pill);background:var(--hm-purple);content:"";animation:DesignSystemExplorer-module__2wrJcG__ds-motion-preview var(--token-duration,var(--hm-duration-base)) var(--hm-ease-out) infinite alternate;position:absolute;transform:translateY(-50%)}.DesignSystemExplorer-module__2wrJcG__layoutSample{min-height:40px;color:var(--hm-purple);font-size:var(--hm-fs-sm);overflow-wrap:anywhere;align-items:center;display:flex}@keyframes DesignSystemExplorer-module__2wrJcG__ds-motion-preview{0%{transform:translateY(-50%)}to{transform:translate(48px,-50%)}}@media (max-width:1180px){.DesignSystemExplorer-module__2wrJcG__motionDurationRow{grid-template-columns:minmax(150px,.34fr) minmax(160px,.34fr) minmax(0,1fr)}}@media (max-width:720px){.DesignSystemExplorer-module__2wrJcG__motionEasingGrid{grid-template-columns:1fr}.DesignSystemExplorer-module__2wrJcG__motionDurationRow{grid-template-columns:1fr;align-items:start}.DesignSystemExplorer-module__2wrJcG__motionDurationTrack{width:100%}}.DesignSystemExplorer-module__2wrJcG__cta{padding:var(--hm-space-lg);scroll-margin-top:112px}.DesignSystemExplorer-module__2wrJcG__shell{z-index:1;isolation:isolate;align-items:flex-start;gap:var(--hm-space-xl);width:min(var(--hm-container), calc(100% - 96px));margin:var(--hm-space-2xl) auto var(--hm-space-3xl);opacity:var(--ds-shell-opacity,.001);transform:translateY(var(--ds-shell-y,72px)) scale(var(--ds-shell-scale,.98)) translateZ(0);will-change:opacity, transform;grid-template-columns:max-content minmax(0,1fr);display:grid;position:relative}.DesignSystemExplorer-module__2wrJcG__shell:before{content:"";z-index:-1;inset-block:0 calc(-1 * var(--hm-space-3xl));background:var(--hm-paper);width:100vw;position:absolute;left:50%;transform:translate(-50%)}html[data-ds-workspace-visible=true] .DesignSystemExplorer-module__2wrJcG__shell{opacity:var(--ds-shell-opacity,1);transform:translateY(var(--ds-shell-y,0)) scale(var(--ds-shell-scale,1)) translateZ(0)}.DesignSystemExplorer-module__2wrJcG__sidebar{scrollbar-gutter:stable;max-height:calc(100vh - 132px);position:sticky;top:112px;overflow-y:auto}.DesignSystemExplorer-module__2wrJcG__sidebarToggle,.DesignSystemExplorer-module__2wrJcG__sidebarBackdrop{display:none}.DesignSystemExplorer-module__2wrJcG__nav{gap:var(--hm-space-2xs);width:max-content;max-width:100%;display:grid}.DesignSystemExplorer-module__2wrJcG__navMeasure{white-space:nowrap;visibility:hidden;pointer-events:none;flex-direction:column;align-items:flex-start;display:flex;position:fixed;top:-9999px;left:-9999px}.DesignSystemExplorer-module__2wrJcG__measureAccordionHeader{align-items:center;gap:var(--hm-space-xs);padding:var(--hm-space-2xs) var(--hm-space-xs);font-size:var(--hm-fs-xs);font-weight:var(--hm-fw-bold);letter-spacing:.06em;text-transform:uppercase;display:flex}.DesignSystemExplorer-module__2wrJcG__measureIcon{flex:none;width:16px;height:16px}.DesignSystemExplorer-module__2wrJcG__rootLink,.DesignSystemExplorer-module__2wrJcG__componentLink{border-radius:var(--hm-radius-sm);align-items:center;display:flex}:is(.DesignSystemExplorer-module__2wrJcG__rootLink:focus,.DesignSystemExplorer-module__2wrJcG__rootLink:focus-visible,.DesignSystemExplorer-module__2wrJcG__componentLink:focus,.DesignSystemExplorer-module__2wrJcG__componentLink:focus-visible,.DesignSystemExplorer-module__2wrJcG__categoryAccordion .hm-accordion-trigger:focus,.DesignSystemExplorer-module__2wrJcG__categoryAccordion .hm-accordion-trigger:focus-visible){outline:0}.DesignSystemExplorer-module__2wrJcG__rootLink{min-height:36px;padding:var(--hm-space-2xs) var(--hm-space-xs);color:var(--hm-muted);font-size:var(--hm-fs-xs);font-weight:var(--hm-fw-bold);letter-spacing:.06em;text-transform:uppercase;text-decoration:none}.DesignSystemExplorer-module__2wrJcG__categoryAccordion{gap:0}.DesignSystemExplorer-module__2wrJcG__navAccordionItem{border-bottom:1px solid var(--hm-line)}.DesignSystemExplorer-module__2wrJcG__categoryAccordion .hm-accordion-trigger{padding-left:var(--hm-space-xs);padding-right:var(--hm-space-xs)}.DesignSystemExplorer-module__2wrJcG__activeAccordionHeader .hm-accordion-trigger{color:var(--hm-purple)}.DesignSystemExplorer-module__2wrJcG__componentList{gap:var(--hm-space-2xs);padding:0 0 var(--hm-space-xs) var(--hm-space-sm);border-left:1px solid var(--hm-line-strong);display:grid}.DesignSystemExplorer-module__2wrJcG__componentLink{box-sizing:border-box;width:100%;min-height:36px;padding:6px var(--hm-space-xs);color:var(--hm-ink);font-size:var(--hm-fs-xs);overflow-wrap:anywhere;align-items:center;text-decoration:none;display:flex}.DesignSystemExplorer-module__2wrJcG__rootLink:hover,.DesignSystemExplorer-module__2wrJcG__rootLink.DesignSystemExplorer-module__2wrJcG__active,.DesignSystemExplorer-module__2wrJcG__componentLink:hover,.DesignSystemExplorer-module__2wrJcG__componentLink.DesignSystemExplorer-module__2wrJcG__active{background:var(--hm-purple-light);color:var(--hm-purple)}.DesignSystemExplorer-module__2wrJcG__rootLink.DesignSystemExplorer-module__2wrJcG__active,.DesignSystemExplorer-module__2wrJcG__componentLink.DesignSystemExplorer-module__2wrJcG__active{font-weight:var(--hm-fw-semibold)}.DesignSystemExplorer-module__2wrJcG__content{gap:var(--hm-space-xl);min-width:0;display:grid;overflow-x:clip}.DesignSystemExplorer-module__2wrJcG__categorySection{gap:var(--hm-space-md);min-width:0;padding-top:var(--hm-space-md);scroll-margin-top:100px;display:grid;overflow-x:clip}.DesignSystemExplorer-module__2wrJcG__activeDoc{min-width:0;max-width:100%;min-height:calc(100svh + 240px);overflow-x:clip}.DesignSystemExplorer-module__2wrJcG__docArticle{width:100%;min-width:0;max-width:none;margin:0;overflow-x:clip}.DesignSystemExplorer-module__2wrJcG__componentDocArticle,.DesignSystemExplorer-module__2wrJcG__referenceDocArticle{width:100%}.DesignSystemExplorer-module__2wrJcG__docHeader{margin-bottom:var(--hm-space-xl)}.DesignSystemExplorer-module__2wrJcG__docArticle:not(.DesignSystemExplorer-module__2wrJcG__gettingStartedArticle):not(.DesignSystemExplorer-module__2wrJcG__seeMoreArticle)>.DesignSystemExplorer-module__2wrJcG__docHeader{margin-top:calc(-1 * var(--hm-space-sm))}.DesignSystemExplorer-module__2wrJcG__docTitleRow{align-items:center;gap:var(--hm-space-xs);margin-bottom:var(--hm-space-xs);flex-wrap:wrap;display:flex}.DesignSystemExplorer-module__2wrJcG__docTitle{color:var(--text-heading);font-size:clamp(var(--hm-fs-h1), 4vw, 44px);margin:0;line-height:1.2}.DesignSystemExplorer-module__2wrJcG__docStatus{min-height:28px;padding:0 var(--hm-space-xs);border:1px solid var(--hm-line);border-radius:var(--hm-radius-pill);background:var(--hm-surface);color:var(--text-secondary);font-size:var(--hm-fs-xs);font-weight:var(--hm-fw-semibold);letter-spacing:0;align-items:center;display:inline-flex}.DesignSystemExplorer-module__2wrJcG__docDescription{color:var(--text-secondary);font-size:var(--hm-fs-h4);margin:0;line-height:1.6}.DesignSystemExplorer-module__2wrJcG__codeTag{padding:var(--hm-space-3xs) var(--hm-space-2xs);border-radius:var(--hm-radius-sm);background:var(--hm-surface);color:var(--text-secondary);font-size:var(--hm-fs-sm);display:inline-block}.DesignSystemExplorer-module__2wrJcG__docHeader .DesignSystemExplorer-module__2wrJcG__codeTag{margin-top:var(--hm-space-sm)}.DesignSystemExplorer-module__2wrJcG__seeMoreArticle{align-content:center;gap:var(--hm-space-md);min-height:calc(100svh - 180px);display:grid}.DesignSystemExplorer-module__2wrJcG__seeMoreHeader{gap:var(--hm-space-xs);margin-bottom:0;display:grid}.DesignSystemExplorer-module__2wrJcG__seeMoreActions{display:block}.DesignSystemExplorer-module__2wrJcG__seeMoreActions .DesignSystemExplorer-module__2wrJcG__actions{justify-content:flex-start;margin-top:0}.DesignSystemExplorer-module__2wrJcG__docSection{min-width:0;max-width:100%;margin-top:var(--hm-space-xl);overflow-x:clip}.DesignSystemExplorer-module__2wrJcG__docSectionTitle{margin:0 0 var(--hm-space-sm);color:var(--text-heading);font-size:var(--hm-fs-h3)}.DesignSystemExplorer-module__2wrJcG__demoSurface{min-height:240px;padding:var(--hm-space-xl);border:1px solid var(--hm-line);border-radius:var(--hm-radius-lg);background:color-mix(in srgb, var(--hm-surface) 78%, var(--hm-paper));box-shadow:var(--hm-shadow-sm);justify-content:center;align-items:center;display:flex;overflow:hidden}.DesignSystemExplorer-module__2wrJcG__exampleLabel{margin:0 0 var(--hm-space-xs);color:var(--hm-purple);font-size:var(--hm-fs-sm);font-weight:var(--hm-fw-semibold);line-height:1.5}.DesignSystemExplorer-module__2wrJcG__docList{gap:var(--hm-space-3xs);color:var(--text-secondary);margin:0;padding-left:0;line-height:1.7;list-style:none;display:grid}.DesignSystemExplorer-module__2wrJcG__docListItem{margin:0;padding-left:0}.DesignSystemExplorer-module__2wrJcG__anatomyGrid{gap:var(--hm-space-xs);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.DesignSystemExplorer-module__2wrJcG__anatomyCard{min-width:0;padding:var(--hm-space-sm);border:1px solid var(--hm-line);border-radius:var(--hm-radius-md);background:var(--hm-surface);color:var(--text-secondary);font-size:var(--hm-fs-sm);line-height:1.65}.DesignSystemExplorer-module__2wrJcG__behaviorTableWrap,.DesignSystemExplorer-module__2wrJcG__stateTableWrap,.DesignSystemExplorer-module__2wrJcG__anatomyTableWrap,.DesignSystemExplorer-module__2wrJcG__propsTableWrap,.DesignSystemExplorer-module__2wrJcG__componentTokenTableWrap{border:1px solid var(--hm-line);border-radius:var(--hm-radius-md);background:var(--hm-paper);width:100%;min-width:0;max-width:100%;overflow-x:auto}.DesignSystemExplorer-module__2wrJcG__behaviorTable,.DesignSystemExplorer-module__2wrJcG__stateTable,.DesignSystemExplorer-module__2wrJcG__anatomyTable,.DesignSystemExplorer-module__2wrJcG__propsTable,.DesignSystemExplorer-module__2wrJcG__componentTokenTable{border-collapse:collapse;width:100%}.DesignSystemExplorer-module__2wrJcG__behaviorTable th,.DesignSystemExplorer-module__2wrJcG__behaviorTable td,.DesignSystemExplorer-module__2wrJcG__stateTable th,.DesignSystemExplorer-module__2wrJcG__stateTable td,.DesignSystemExplorer-module__2wrJcG__anatomyTable th,.DesignSystemExplorer-module__2wrJcG__anatomyTable td,.DesignSystemExplorer-module__2wrJcG__propsTable th,.DesignSystemExplorer-module__2wrJcG__propsTable td,.DesignSystemExplorer-module__2wrJcG__componentTokenTable th,.DesignSystemExplorer-module__2wrJcG__componentTokenTable td{padding:var(--hm-space-sm);border-bottom:1px solid var(--hm-line);color:var(--text-secondary);font-size:var(--hm-fs-sm);text-align:left;vertical-align:top;line-height:1.65}.DesignSystemExplorer-module__2wrJcG__behaviorTable th,.DesignSystemExplorer-module__2wrJcG__stateTable th,.DesignSystemExplorer-module__2wrJcG__anatomyTable th,.DesignSystemExplorer-module__2wrJcG__propsTable th,.DesignSystemExplorer-module__2wrJcG__componentTokenTable th{width:32%;color:var(--text-heading);font-weight:var(--hm-fw-semibold)}.DesignSystemExplorer-module__2wrJcG__behaviorTable tr:last-child th,.DesignSystemExplorer-module__2wrJcG__behaviorTable tr:last-child td,.DesignSystemExplorer-module__2wrJcG__stateTable tr:last-child th,.DesignSystemExplorer-module__2wrJcG__stateTable tr:last-child td,.DesignSystemExplorer-module__2wrJcG__anatomyTable tr:last-child th,.DesignSystemExplorer-module__2wrJcG__anatomyTable tr:last-child td,.DesignSystemExplorer-module__2wrJcG__propsTable tr:last-child th,.DesignSystemExplorer-module__2wrJcG__propsTable tr:last-child td,.DesignSystemExplorer-module__2wrJcG__componentTokenTable tr:last-child th,.DesignSystemExplorer-module__2wrJcG__componentTokenTable tr:last-child td{border-bottom:0}.DesignSystemExplorer-module__2wrJcG__stateTable,.DesignSystemExplorer-module__2wrJcG__anatomyTable,.DesignSystemExplorer-module__2wrJcG__propsTable{min-width:720px}.DesignSystemExplorer-module__2wrJcG__stateTable code,.DesignSystemExplorer-module__2wrJcG__anatomyTable code,.DesignSystemExplorer-module__2wrJcG__propsTable code,.DesignSystemExplorer-module__2wrJcG__componentTokenTable code{color:var(--hm-purple)}.DesignSystemExplorer-module__2wrJcG__codeGuidance{gap:var(--hm-space-sm);min-width:0;display:grid}.DesignSystemExplorer-module__2wrJcG__codeMeta{align-items:center;gap:var(--hm-space-2xs);min-width:0;max-width:100%;color:var(--text-secondary);font-size:var(--hm-fs-sm);flex-wrap:wrap;line-height:1.5;display:flex}.DesignSystemExplorer-module__2wrJcG__codeMeta span{color:var(--text-muted);font-weight:var(--hm-fw-semibold)}.DesignSystemExplorer-module__2wrJcG__codeMeta code,.DesignSystemExplorer-module__2wrJcG__codeBlock{border:1px solid var(--hm-line);border-radius:var(--hm-radius-md);background:var(--hm-surface);min-width:0;max-width:100%}.DesignSystemExplorer-module__2wrJcG__codeMeta code{padding:var(--hm-space-3xs) var(--hm-space-2xs);color:var(--hm-purple)}.DesignSystemExplorer-module__2wrJcG__codeBlock{padding:var(--hm-space-sm);color:var(--text-heading);font-size:var(--hm-fs-sm);margin:0;line-height:1.65;overflow-x:auto}.DesignSystemExplorer-module__2wrJcG__statePill{padding:0 var(--hm-space-xs);border:1px solid var(--hm-line-strong);background:var(--hm-surface)}.DesignSystemExplorer-module__2wrJcG__tokenList{gap:var(--hm-space-2xs);margin-top:var(--hm-space-xs)}.DesignSystemExplorer-module__2wrJcG__tokenCode{color:var(--hm-purple)}.DesignSystemExplorer-module__2wrJcG__referenceList{gap:var(--hm-space-2xs);margin-top:var(--hm-space-xs)}.DesignSystemExplorer-module__2wrJcG__referenceCardGrid{gap:var(--hm-space-sm);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.DesignSystemExplorer-module__2wrJcG__referenceCard{min-width:0;padding:var(--hm-space-sm);border:1px solid var(--hm-line);border-radius:var(--hm-radius-md);background:var(--hm-surface)}.DesignSystemExplorer-module__2wrJcG__referenceCardLabel{margin:0 0 var(--hm-space-3xs);color:var(--text-muted);font-size:var(--hm-fs-xs);font-weight:var(--hm-fw-semibold);text-transform:uppercase;line-height:1.4}.DesignSystemExplorer-module__2wrJcG__referenceCardValue{color:var(--text-secondary);font-size:var(--hm-fs-sm);overflow-wrap:anywhere;margin:0;line-height:1.6}.DesignSystemExplorer-module__2wrJcG__iconographyStack,.DesignSystemExplorer-module__2wrJcG__iconGallery{gap:var(--hm-space-md);min-width:0;display:grid}.DesignSystemExplorer-module__2wrJcG__iconGroup{gap:var(--hm-space-sm);min-width:0;display:grid}.DesignSystemExplorer-module__2wrJcG__iconGroupHeader{justify-content:space-between;align-items:flex-start;gap:var(--hm-space-sm);min-width:0;display:flex}.DesignSystemExplorer-module__2wrJcG__iconGroupHeader h3{margin:0 0 var(--hm-space-3xs);color:var(--text-heading);font-size:var(--hm-fs-md);font-weight:var(--hm-fw-bold);line-height:1.35}.DesignSystemExplorer-module__2wrJcG__iconGroupHeader p{color:var(--text-secondary);font-size:var(--hm-fs-sm);margin:0;line-height:1.55}.DesignSystemExplorer-module__2wrJcG__iconGroupHeader>span{border:1px solid var(--hm-line);min-width:2.4rem;min-height:2.4rem;color:var(--hm-purple);font-size:var(--hm-fs-sm);font-weight:var(--hm-fw-bold);border-radius:999px;justify-content:center;align-items:center;line-height:1;display:inline-flex}.DesignSystemExplorer-module__2wrJcG__iconGrid{gap:var(--hm-space-sm);grid-template-columns:repeat(4,minmax(0,1fr));min-width:0;display:grid}.DesignSystemExplorer-module__2wrJcG__iconCard{align-content:stretch;align-items:start;gap:var(--hm-space-xs);min-width:0;padding:var(--hm-space-sm);border:1px solid var(--hm-line);border-radius:var(--hm-radius-md);background:var(--hm-surface);grid-template-rows:auto minmax(0,1fr);display:grid}.DesignSystemExplorer-module__2wrJcG__iconCard>div{flex-direction:column;min-width:0;height:100%;display:flex}.DesignSystemExplorer-module__2wrJcG__iconPreview{justify-content:center;align-items:center;gap:var(--hm-space-3xs);border:1px solid var(--hm-line);border-radius:var(--hm-radius-md);background:var(--hm-paper);width:3.5rem;height:3.5rem;color:var(--hm-purple);display:inline-flex}.DesignSystemExplorer-module__2wrJcG__iconPreview svg{stroke:currentColor;width:1.75rem;height:1.75rem}.DesignSystemExplorer-module__2wrJcG__iconPreview img{object-fit:contain;width:2rem;height:2rem}.DesignSystemExplorer-module__2wrJcG__navbarMenuIconPreview{place-items:center;width:2.75rem;height:2.75rem;display:inline-grid;position:relative}.DesignSystemExplorer-module__2wrJcG__navbarMenuIconPreview span{background:currentColor;border-radius:999px;width:1.25rem;height:.125rem;position:absolute;left:.75rem}.DesignSystemExplorer-module__2wrJcG__navbarMenuIconPreview span:first-child{top:1rem}.DesignSystemExplorer-module__2wrJcG__navbarMenuIconPreview span:last-child{top:1.625rem}.DesignSystemExplorer-module__2wrJcG__iconToneSuccess{border-color:var(--hm-success-soft);background:var(--hm-success-soft);color:var(--hm-success)}.DesignSystemExplorer-module__2wrJcG__iconToneError{border-color:var(--hm-error-soft);background:var(--hm-error-soft);color:var(--hm-error)}.DesignSystemExplorer-module__2wrJcG__iconToneSocial{color:var(--text-secondary)}.DesignSystemExplorer-module__2wrJcG__iconCard h4{min-height:1.35em;color:var(--text-heading);font-size:var(--hm-fs-sm);font-weight:var(--hm-fw-bold);margin:0;line-height:1.35}.DesignSystemExplorer-module__2wrJcG__iconCard p{margin:var(--hm-space-3xs) 0 0;color:var(--text-secondary);font-size:var(--hm-fs-sm);line-height:1.5}.DesignSystemExplorer-module__2wrJcG__iconMeta{gap:var(--hm-space-3xs);padding-top:var(--hm-space-xs);flex-wrap:wrap;margin-top:auto;display:flex}.DesignSystemExplorer-module__2wrJcG__iconMeta span{background:var(--hm-purple-light);min-width:0;max-width:100%;color:var(--hm-purple-500);font-size:var(--hm-fs-xs);font-weight:var(--hm-fw-semibold);overflow-wrap:anywhere;border-radius:999px;padding:.25rem .45rem;line-height:1.35;display:inline-flex}.DesignSystemExplorer-module__2wrJcG__referenceMatrixWrap{border:1px solid var(--hm-line);border-radius:var(--hm-radius-md);background:var(--hm-paper);width:100%;max-width:100%;overflow-x:auto}.DesignSystemExplorer-module__2wrJcG__referenceMatrix{border-collapse:collapse;width:100%;min-width:960px}.DesignSystemExplorer-module__2wrJcG__referenceMatrix th,.DesignSystemExplorer-module__2wrJcG__referenceMatrix td{padding:var(--hm-space-xs) var(--hm-space-sm);border-bottom:1px solid var(--hm-line);color:var(--text-secondary);font-size:var(--hm-fs-sm);text-align:left;vertical-align:top;line-height:1.55}.DesignSystemExplorer-module__2wrJcG__referenceMatrix th{color:var(--text-heading);font-size:var(--hm-fs-xs);font-weight:var(--hm-fw-bold);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.DesignSystemExplorer-module__2wrJcG__referenceMatrix tbody th{font-size:var(--hm-fs-sm);letter-spacing:0;text-transform:none}.DesignSystemExplorer-module__2wrJcG__referenceMatrix tr:last-child th,.DesignSystemExplorer-module__2wrJcG__referenceMatrix tr:last-child td{border-bottom:0}.DesignSystemExplorer-module__2wrJcG__referenceMatrix code{color:var(--hm-purple);overflow-wrap:anywhere}.DesignSystemExplorer-module__2wrJcG__demoFallback{color:var(--text-secondary);text-align:center;margin:0;font-style:italic}.DesignSystemExplorer-module__2wrJcG__demoBadge,.DesignSystemExplorer-module__2wrJcG__demoUsageLine{color:var(--hm-purple);font-size:var(--hm-fs-sm);font-weight:var(--hm-fw-semibold);margin:0;line-height:1.5}.DesignSystemExplorer-module__2wrJcG__demoBlock{gap:var(--hm-space-sm);width:100%;min-width:0;max-width:980px;display:grid}.DesignSystemExplorer-module__2wrJcG__demoBlock>.DesignSystemExplorer-module__2wrJcG__demoUsageLine{color:var(--hm-purple);justify-self:start}.DesignSystemExplorer-module__2wrJcG__motionProductionGrid{gap:var(--hm-space-sm);grid-template-columns:repeat(2,minmax(0,1fr));width:100%;min-width:0;display:grid}.DesignSystemExplorer-module__2wrJcG__motionAnimationCard{gap:var(--hm-space-sm);min-width:0;padding:var(--hm-space-sm);border:1px solid var(--hm-line);border-radius:var(--hm-radius-md);background:var(--hm-surface);grid-template-rows:auto 1fr;display:grid}.DesignSystemExplorer-module__2wrJcG__motionAnimationPreview{border-radius:var(--hm-radius-md);background:var(--hm-paper);place-items:center;min-height:240px;display:grid;position:relative;overflow:hidden}.DesignSystemExplorer-module__2wrJcG__motionLogoAnimation{aspect-ratio:1200/556;width:min(82%,320px);display:block}.DesignSystemExplorer-module__2wrJcG__motionLogoAnimationCanvas,.DesignSystemExplorer-module__2wrJcG__motionLogoAnimationCanvas svg,.DesignSystemExplorer-module__2wrJcG__motionLoadingAnimation svg{width:100%;height:100%;display:block}.DesignSystemExplorer-module__2wrJcG__motionLogoAnimationCanvas{aspect-ratio:1200/556}.DesignSystemExplorer-module__2wrJcG__motionLoadingScene{background:#f2f3f7ad}.DesignSystemExplorer-module__2wrJcG__motionLoadingPreview{width:min(100%,128px);min-height:128px;padding:var(--hm-space-xs) 0;border:1px solid var(--hm-line);background:color-mix(in srgb, var(--hm-paper) 94%, white);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:20px;place-items:center;display:grid}.DesignSystemExplorer-module__2wrJcG__motionLoadingAnimation{aspect-ratio:1;width:100%;max-width:128px;display:block}.DesignSystemExplorer-module__2wrJcG__motionAnimationContent{align-content:start;gap:var(--hm-space-xs);min-width:0;display:grid}.DesignSystemExplorer-module__2wrJcG__motionAnimationContent h4{color:var(--text-heading);font-size:var(--hm-fs-h4);margin:0;line-height:1.3}.DesignSystemExplorer-module__2wrJcG__motionAnimationMeta{min-width:0;margin:0;display:grid}.DesignSystemExplorer-module__2wrJcG__motionAnimationMeta>div{gap:var(--hm-space-xs);padding-block:var(--hm-space-2xs);border-top:1px solid var(--hm-line);grid-template-columns:minmax(92px,.3fr) minmax(0,1fr);display:grid}.DesignSystemExplorer-module__2wrJcG__motionAnimationMeta dt,.DesignSystemExplorer-module__2wrJcG__motionAnimationMeta dd{min-width:0;font-size:var(--hm-fs-xs);margin:0;line-height:1.5}.DesignSystemExplorer-module__2wrJcG__motionAnimationMeta dt{color:var(--text-muted);font-weight:var(--hm-fw-semibold)}.DesignSystemExplorer-module__2wrJcG__motionAnimationMeta dd{color:var(--text-secondary)}.DesignSystemExplorer-module__2wrJcG__motionAnimationMeta code{color:inherit;font-size:inherit;overflow-wrap:anywhere}.DesignSystemExplorer-module__2wrJcG__tokenReferenceNote{margin:var(--hm-space-xs) 0 0;color:var(--text-secondary);font-size:var(--hm-fs-sm);line-height:1.65}@media (max-width:720px){.DesignSystemExplorer-module__2wrJcG__motionProductionGrid{grid-template-columns:minmax(0,1fr)}.DesignSystemExplorer-module__2wrJcG__motionAnimationPreview{min-height:210px}.DesignSystemExplorer-module__2wrJcG__motionAnimationMeta>div{gap:var(--hm-space-3xs);grid-template-columns:minmax(0,1fr)}}.DesignSystemExplorer-module__2wrJcG__demoReferenceCard,.DesignSystemExplorer-module__2wrJcG__contractOnlyDemo,.DesignSystemExplorer-module__2wrJcG__contactFieldDemo,.DesignSystemExplorer-module__2wrJcG__worksTabsDemo,.DesignSystemExplorer-module__2wrJcG__projectCardLiveWrap{gap:var(--hm-space-sm);width:100%;min-width:0;max-width:720px;display:grid}.DesignSystemExplorer-module__2wrJcG__demoReferenceCard,.DesignSystemExplorer-module__2wrJcG__contractOnlyDemo{padding:var(--hm-space-md);border:1px solid var(--hm-line);border-radius:var(--hm-radius-md);background:var(--hm-paper)}.DesignSystemExplorer-module__2wrJcG__contractOnlyDemo{background:color-mix(in srgb, var(--hm-surface) 72%, var(--hm-paper));border-style:dashed}.DesignSystemExplorer-module__2wrJcG__contactFieldDemo{text-align:left;justify-self:center;width:min(100%,460px);max-width:460px}.DesignSystemExplorer-module__2wrJcG__demoReferenceCard h3,.DesignSystemExplorer-module__2wrJcG__contractOnlyDemo h3,.DesignSystemExplorer-module__2wrJcG__demoReferenceCard p,.DesignSystemExplorer-module__2wrJcG__contractOnlyDemo p,.DesignSystemExplorer-module__2wrJcG__demoReferenceCard ul,.DesignSystemExplorer-module__2wrJcG__contractOnlyDemo ul,.DesignSystemExplorer-module__2wrJcG__liveExperienceSummary h3,.DesignSystemExplorer-module__2wrJcG__liveExperienceSummary p{margin:0}.DesignSystemExplorer-module__2wrJcG__demoReferenceCard h3,.DesignSystemExplorer-module__2wrJcG__contractOnlyDemo h3,.DesignSystemExplorer-module__2wrJcG__liveExperienceSummary h3{color:var(--text-heading);font-size:var(--hm-fs-h4);line-height:1.35}.DesignSystemExplorer-module__2wrJcG__demoReferenceCard p,.DesignSystemExplorer-module__2wrJcG__demoReferenceCard li,.DesignSystemExplorer-module__2wrJcG__contractOnlyDemo p,.DesignSystemExplorer-module__2wrJcG__contractOnlyDemo li,.DesignSystemExplorer-module__2wrJcG__liveExperienceSummary p,.DesignSystemExplorer-module__2wrJcG__liveExperienceSummary span{color:var(--text-secondary);line-height:1.65}.DesignSystemExplorer-module__2wrJcG__demoReferenceCard ul,.DesignSystemExplorer-module__2wrJcG__contractOnlyDemo ul{padding-left:var(--hm-space-md)}.DesignSystemExplorer-module__2wrJcG__demoReferenceList{gap:var(--hm-space-2xs);padding-left:var(--hm-space-md);color:var(--text-secondary);font-size:var(--hm-fs-sm);margin:0;line-height:1.65;display:grid}.DesignSystemExplorer-module__2wrJcG__demoMutedNote{color:var(--text-secondary);font-size:var(--hm-fs-sm);margin:0;line-height:1.65}.DesignSystemExplorer-module__2wrJcG__contractSource{width:fit-content;margin-top:var(--hm-space-2xs)}.DesignSystemExplorer-module__2wrJcG__liveTabsList{gap:var(--hm-space-xs);flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.DesignSystemExplorer-module__2wrJcG__buttonSpecDemo{width:100%;min-width:0;max-width:720px;display:grid}.DesignSystemExplorer-module__2wrJcG__buttonSpecRow{align-items:center;gap:var(--hm-space-sm);min-width:0;padding:var(--hm-space-sm) 0;border-bottom:1px solid color-mix(in srgb, var(--hm-line) 54%, transparent);grid-template-columns:minmax(160px,.42fr) minmax(0,1fr);display:grid}.DesignSystemExplorer-module__2wrJcG__buttonSpecRow:last-child{border-bottom:0}.DesignSystemExplorer-module__2wrJcG__buttonSpecRow p{color:var(--text-secondary);font-size:var(--hm-fs-sm);font-weight:var(--hm-fw-semibold);margin:0;line-height:1.45}.DesignSystemExplorer-module__2wrJcG__buttonSpecMeta{gap:var(--hm-space-3xs);min-width:0;display:grid}.DesignSystemExplorer-module__2wrJcG__buttonSpecMeta span{color:var(--text-muted);font-size:var(--hm-fs-xs);line-height:1.45}.DesignSystemExplorer-module__2wrJcG__buttonSpecControls{justify-content:flex-start;align-items:center;gap:var(--hm-space-xs);flex-wrap:wrap;min-width:0;display:flex}.DesignSystemExplorer-module__2wrJcG__buttonSpecControls .ds-button{white-space:nowrap;flex:none;width:auto}.DesignSystemExplorer-module__2wrJcG__buttonSpecCta{min-width:172px;padding-inline:var(--hm-btn-padding-inline-md)}.DesignSystemExplorer-module__2wrJcG__contactModalDemo{gap:var(--hm-space-sm);width:100%;min-width:0;max-width:560px;display:grid}.DesignSystemExplorer-module__2wrJcG__skeletonModalDemo .hm-modal{z-index:0;box-shadow:none}.DesignSystemExplorer-module__2wrJcG__contactToastDemo{gap:var(--hm-space-sm);width:100%;display:grid}.DesignSystemExplorer-module__2wrJcG__contactToastPreviewGrid{gap:var(--hm-space-sm);display:grid}.DesignSystemExplorer-module__2wrJcG__contactToastPreviewSlot{min-width:0;display:grid}.DesignSystemExplorer-module__2wrJcG__contactToastPreviewSlot .hm-toast-region{width:100%;animation:none;z-index:auto!important;position:static!important;bottom:auto!important;right:auto!important}.DesignSystemExplorer-module__2wrJcG__contactToastPreviewSlot .hm-alert{z-index:0;position:relative}.DesignSystemExplorer-module__2wrJcG__languageSwitcherDemo{gap:var(--hm-space-sm);width:100%;min-width:0;max-width:760px;display:grid}.DesignSystemExplorer-module__2wrJcG__languageNavbarCrop{align-items:center;gap:var(--hm-space-sm);min-width:0;padding:var(--hm-space-sm);border:1px solid var(--hm-line);border-radius:var(--hm-radius-pill);background:color-mix(in srgb, var(--hm-paper) 92%, var(--hm-surface));box-shadow:var(--shadow-sm);grid-template-columns:minmax(0,1fr) auto;display:grid;position:relative;overflow:visible}.DesignSystemExplorer-module__2wrJcG__languageNavbarCrop:before,.DesignSystemExplorer-module__2wrJcG__languageNavbarCrop:after{z-index:1;pointer-events:none;content:"";width:72px;position:absolute;top:1px;bottom:1px}.DesignSystemExplorer-module__2wrJcG__languageNavbarCrop:before{border-radius:var(--hm-radius-pill) 0 0 var(--hm-radius-pill);background:linear-gradient(90deg, var(--hm-paper), transparent);left:1px}.DesignSystemExplorer-module__2wrJcG__languageNavbarCrop:after{right:calc(72px + var(--hm-space-sm));background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--hm-paper) 90%, transparent))}.DesignSystemExplorer-module__2wrJcG__languageNavbarContext{align-items:center;gap:var(--hm-space-lg);min-width:0;color:var(--text-heading);opacity:.52;pointer-events:none;-webkit-user-select:none;user-select:none;display:flex}.DesignSystemExplorer-module__2wrJcG__languageBrandMark{border:1px solid var(--hm-line);border-radius:var(--hm-radius-pill);background:var(--hm-paper);width:36px;height:36px;color:var(--text-heading);font-weight:var(--hm-fw-bold);flex:none;place-items:center;display:inline-grid}.DesignSystemExplorer-module__2wrJcG__languageNavLinks{align-items:center;gap:var(--hm-space-sm);white-space:nowrap;min-width:0;display:flex;overflow:hidden}.DesignSystemExplorer-module__2wrJcG__languageNavLinks span{color:var(--text-secondary);font-size:var(--hm-fs-sm)}.DesignSystemExplorer-module__2wrJcG__languageDemoSwitcher{z-index:2;position:relative}.DesignSystemExplorer-module__2wrJcG__languageDemoTrigger{justify-content:center;align-items:center;gap:var(--hm-space-3xs);min-height:40px;padding:0 var(--hm-space-sm);border:1px solid var(--hm-line);border-radius:var(--hm-radius-pill);background:var(--hm-paper);color:var(--text-heading);font:inherit;font-size:var(--hm-fs-sm);font-weight:var(--hm-fw-semibold);box-shadow:var(--shadow-sm);cursor:pointer;transition:border-color var(--hm-duration-fast) ease, color var(--hm-duration-fast) ease, transform var(--hm-duration-fast) ease;display:inline-flex}.DesignSystemExplorer-module__2wrJcG__languageDemoTrigger:hover,.DesignSystemExplorer-module__2wrJcG__languageDemoTrigger:focus-visible,.DesignSystemExplorer-module__2wrJcG__isLanguageDemoOpen .DesignSystemExplorer-module__2wrJcG__languageDemoTrigger{border-color:color-mix(in srgb, var(--hm-purple) 42%, var(--hm-line));color:var(--hm-purple)}.DesignSystemExplorer-module__2wrJcG__languageDemoTrigger:focus-visible{outline:2px solid color-mix(in srgb, var(--hm-purple) 56%, transparent);outline-offset:3px}.DesignSystemExplorer-module__2wrJcG__languageDemoTrigger svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:12px;height:12px;transition:transform var(--hm-duration-fast) ease}.DesignSystemExplorer-module__2wrJcG__isLanguageDemoOpen .DesignSystemExplorer-module__2wrJcG__languageDemoTrigger svg{transform:rotate(180deg)}.DesignSystemExplorer-module__2wrJcG__languageDemoMenu{top:calc(100% + var(--hm-space-2xs));gap:var(--hm-space-3xs);min-width:168px;padding:var(--hm-space-2xs);border:1px solid var(--hm-line);border-radius:var(--hm-radius-md);background:var(--hm-paper);box-shadow:var(--shadow-md);opacity:0;pointer-events:none;transition:opacity var(--hm-duration-fast) ease, transform var(--hm-duration-fast) ease;display:grid;position:absolute;right:0;transform:translateY(-4px)}.DesignSystemExplorer-module__2wrJcG__isLanguageDemoOpen .DesignSystemExplorer-module__2wrJcG__languageDemoMenu{opacity:1;pointer-events:auto;transform:translateY(0)}.DesignSystemExplorer-module__2wrJcG__languageDemoMenu button{justify-content:space-between;align-items:center;gap:var(--hm-space-sm);width:100%;min-height:40px;padding:0 var(--hm-space-xs);border-radius:var(--hm-radius-sm);color:var(--text-secondary);font:inherit;font-size:var(--hm-fs-sm);text-align:left;cursor:pointer;background:0 0;border:0;display:flex}.DesignSystemExplorer-module__2wrJcG__languageDemoMenu button:hover,.DesignSystemExplorer-module__2wrJcG__languageDemoMenu button:focus-visible,.DesignSystemExplorer-module__2wrJcG__languageDemoMenu .DesignSystemExplorer-module__2wrJcG__isLanguageDemoSelected{background:var(--hm-purple-light);color:var(--hm-purple)}.DesignSystemExplorer-module__2wrJcG__languageDemoMenu button:focus-visible{outline:2px solid color-mix(in srgb, var(--hm-purple) 48%, transparent);outline-offset:2px}.DesignSystemExplorer-module__2wrJcG__navbarShellDemo{gap:var(--hm-space-md);width:100%;min-width:0;display:grid}.DesignSystemExplorer-module__2wrJcG__navbarDemoFrame{gap:var(--hm-space-2xs);min-width:0;display:grid}.DesignSystemExplorer-module__2wrJcG__navbarDemoLabel{color:var(--hm-purple);font-size:var(--hm-fs-xs);font-weight:var(--hm-fw-semibold);line-height:1.3}.DesignSystemExplorer-module__2wrJcG__navbarDemoBar,.DesignSystemExplorer-module__2wrJcG__navbarMobileShell{border:1px solid var(--hm-line);min-width:0;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff0}.DesignSystemExplorer-module__2wrJcG__navbarDemoBar{justify-content:space-between;align-items:center;gap:var(--hm-space-md);min-height:72px;padding:0 var(--hm-space-md);border-radius:var(--hm-radius-pill);display:flex;overflow:hidden}.DesignSystemExplorer-module__2wrJcG__navbarDemoBrand{border:1px solid var(--hm-line);border-radius:var(--hm-radius-pill);width:40px;height:40px;color:var(--text-heading);font-weight:var(--hm-fw-bold);flex:none;place-items:center;display:inline-grid}.DesignSystemExplorer-module__2wrJcG__navbarDemoLinks{justify-content:flex-end;align-items:center;gap:var(--hm-space-md);white-space:nowrap;min-width:0;display:flex;overflow:hidden}.DesignSystemExplorer-module__2wrJcG__navbarDemoLinks span,.DesignSystemExplorer-module__2wrJcG__navbarMobilePanel span{color:var(--text-heading);font-size:var(--hm-fs-sm);font-weight:var(--hm-fw-semibold)}.DesignSystemExplorer-module__2wrJcG__navbarDemoLanguage{min-height:36px;padding:0 var(--hm-space-sm);border:1px solid var(--hm-line);border-radius:var(--hm-radius-pill);background:var(--hm-paper);box-shadow:var(--shadow-sm);justify-content:center;align-items:center;display:inline-flex}.DesignSystemExplorer-module__2wrJcG__navbarMobileShell{border-radius:var(--hm-radius-lg);display:grid;overflow:hidden}.DesignSystemExplorer-module__2wrJcG__navbarMobileTop{min-height:64px;padding:0 var(--hm-space-md);border-bottom:1px solid var(--hm-line);justify-content:space-between;align-items:center;display:flex}.DesignSystemExplorer-module__2wrJcG__navbarMobileButton{width:44px;height:44px;display:block;position:relative}.DesignSystemExplorer-module__2wrJcG__navbarMobileButton span{border-radius:var(--hm-radius-pill);background:#999;width:20px;height:2px;position:absolute;left:12px}.DesignSystemExplorer-module__2wrJcG__navbarMobileButton span:first-child{top:18px}.DesignSystemExplorer-module__2wrJcG__navbarMobileButton span:last-child{top:26px}.DesignSystemExplorer-module__2wrJcG__navbarMobilePanel{gap:var(--hm-space-sm);padding:var(--hm-space-md);display:grid}.DesignSystemExplorer-module__2wrJcG__liveFooterDemo{width:100%}.DesignSystemExplorer-module__2wrJcG__liveFooterDemo .site-footer{padding:var(--hm-space-md);border:1px solid var(--hm-line);border-radius:var(--hm-radius-md)}.DesignSystemExplorer-module__2wrJcG__contactFieldGrid{gap:var(--hm-space-md);width:100%;display:grid}.DesignSystemExplorer-module__2wrJcG__contactFieldGrid .form-field{max-width:460px}.DesignSystemExplorer-module__2wrJcG__liveTabsList{padding:var(--hm-space-2xs);border:1px solid var(--hm-line);border-radius:var(--hm-radius-pill);background:var(--hm-surface);justify-content:flex-start;position:relative}.DesignSystemExplorer-module__2wrJcG__liveTabsList>button{min-height:40px;padding:0 var(--hm-space-sm);border-radius:var(--hm-radius-pill);color:var(--text-secondary);font:inherit;font-weight:var(--hm-fw-semibold);cursor:pointer;background:0 0;border:0}.DesignSystemExplorer-module__2wrJcG__isSelectedDemoTab{background:var(--hm-paper);color:var(--hm-purple);box-shadow:var(--shadow-sm)}.DesignSystemExplorer-module__2wrJcG__tabsWireframePanel{gap:var(--hm-space-sm);max-width:640px;display:grid}.DesignSystemExplorer-module__2wrJcG__tabsWireframeCard{align-items:center;gap:var(--hm-space-sm);padding:var(--hm-space-sm);border:1px solid var(--hm-line);border-radius:var(--hm-radius-md);background:color-mix(in srgb, var(--hm-paper) 82%, var(--hm-surface));grid-template-columns:72px minmax(0,1fr);display:grid}.DesignSystemExplorer-module__2wrJcG__tabsWireframeThumb{aspect-ratio:4/3;border-radius:var(--hm-radius-sm);width:72px}.DesignSystemExplorer-module__2wrJcG__tabsWireframeThumb .DesignSystemExplorer-module__2wrJcG__fakeImageIcon{width:clamp(24px,36%,34px);min-width:0}.DesignSystemExplorer-module__2wrJcG__tabsWireframeLines{gap:var(--hm-space-2xs);min-width:0;display:grid}.DesignSystemExplorer-module__2wrJcG__tabsWireframeLine{border-radius:var(--hm-radius-pill);background:color-mix(in srgb, var(--text-secondary) 16%, transparent);height:10px;display:block}.DesignSystemExplorer-module__2wrJcG__tabsWireframeLine:first-child{width:min(240px,80%)}.DesignSystemExplorer-module__2wrJcG__tabsWireframeLine:nth-child(2){width:min(320px,100%)}.DesignSystemExplorer-module__2wrJcG__tabsWireframeLine:nth-child(3){width:min(180px,56%)}.DesignSystemExplorer-module__2wrJcG__caseTocDemo{gap:var(--hm-space-sm);width:100%;display:grid}.DesignSystemExplorer-module__2wrJcG__caseTocPreviewShell{width:100%}.DesignSystemExplorer-module__2wrJcG__caseTocPreviewShell .cs-toc-layout{gap:var(--hm-space-sm);display:grid}.DesignSystemExplorer-module__2wrJcG__caseTocDesktopLayout{gap:var(--hm-space-lg);grid-template-columns:minmax(220px,280px) minmax(0,1fr);align-items:start;min-width:0;display:grid}.DesignSystemExplorer-module__2wrJcG__caseTocDesktopToc{z-index:2;align-self:start;position:sticky;top:0}.DesignSystemExplorer-module__2wrJcG__caseTocPreviewShell .DesignSystemExplorer-module__2wrJcG__caseTocMobileToc{display:none}.DesignSystemExplorer-module__2wrJcG__caseTocPreviewShell .cs-toc{z-index:0;width:100%;max-width:none;max-height:none;padding:var(--hm-space-md);border:1px solid var(--cs-line);opacity:1;visibility:visible;pointer-events:auto;background:#fffffff0;border-radius:16px;display:block;position:static;box-shadow:0 8px 28px #00000014}.DesignSystemExplorer-module__2wrJcG__caseTocPreviewShell .cs-toc-link{padding-top:var(--hm-space-xs);padding-bottom:var(--hm-space-xs);font-size:var(--hm-fs-h4);line-height:1.35}.DesignSystemExplorer-module__2wrJcG__caseTocMobileNote{color:var(--text-secondary);font-size:var(--hm-fs-sm);margin:0;line-height:1.65;display:none}.DesignSystemExplorer-module__2wrJcG__caseTocRouteCrop{overflow-anchor:none;scroll-behavior:smooth;max-height:520px;padding:var(--hm-space-lg);border:1px solid var(--cs-line);border-radius:var(--hm-radius-md);background:linear-gradient(180deg, #ffffffdb, #ffffff9e), var(--cs-surface-soft);color:var(--cs-text-secondary);scroll-padding-top:0;overflow-y:auto}.DesignSystemExplorer-module__2wrJcG__caseTocRouteSections{gap:var(--hm-space-sm);min-width:0;display:grid}.DesignSystemExplorer-module__2wrJcG__caseTocWireSection{gap:var(--hm-space-xs);min-height:360px;padding:var(--hm-space-md);border:1px solid color-mix(in srgb, var(--cs-line) 76%, transparent);border-radius:var(--hm-radius-md);background:#fff9;align-content:start;display:grid}.DesignSystemExplorer-module__2wrJcG__caseTocWireSection span{color:var(--cs-accent);font-size:var(--hm-fs-sm);font-weight:var(--hm-fw-semibold)}.DesignSystemExplorer-module__2wrJcG__caseTocWireSection h4{color:var(--cs-text-heading);font-size:var(--hm-fs-h3);margin:0;line-height:1.25}.DesignSystemExplorer-module__2wrJcG__caseTocWireSection div{gap:var(--hm-space-xs);margin-top:var(--hm-space-md);display:grid}.DesignSystemExplorer-module__2wrJcG__caseTocWireSection div:before,.DesignSystemExplorer-module__2wrJcG__caseTocWireSection div:after{content:"";border-radius:var(--hm-radius-pill);background:color-mix(in srgb, var(--cs-line) 54%, white);height:12px;display:block}.DesignSystemExplorer-module__2wrJcG__caseTocWireSection div:after{width:64%}.DesignSystemExplorer-module__2wrJcG__liveExperienceSummary{padding:var(--hm-space-md);border:1px solid var(--hm-line);border-radius:var(--hm-radius-md);background:var(--hm-paper)}.DesignSystemExplorer-module__2wrJcG__liveExperienceSummary time{color:var(--hm-purple);font-size:var(--hm-fs-sm);font-weight:var(--hm-fw-semibold)}.DesignSystemExplorer-module__2wrJcG__projectCardLivePreview{max-width:100%;margin:0}.DesignSystemExplorer-module__2wrJcG__projectCardMobileNote{color:var(--text-secondary);font-size:var(--hm-fs-sm);margin:0;line-height:1.65;display:none}.DesignSystemExplorer-module__2wrJcG__projectCardLivePreview .project-info{gap:var(--hm-space-xs);--project-info-scale:.94;width:min(348px,100% - 48px);min-height:0;padding:20px 24px}.DesignSystemExplorer-module__2wrJcG__projectCardLivePreview .project-title h3{font-size:18px;line-height:1.3}.DesignSystemExplorer-module__2wrJcG__projectCardLivePreview .project-title p{font-size:14px}.DesignSystemExplorer-module__2wrJcG__projectCardLivePreview .project-description{font-size:13px;line-height:1.38}.DesignSystemExplorer-module__2wrJcG__projectCardLivePreview .project-tags{gap:var(--hm-space-2xs)}.DesignSystemExplorer-module__2wrJcG__caseSectionDemo,.DesignSystemExplorer-module__2wrJcG__caseSectionDemoShell,.DesignSystemExplorer-module__2wrJcG__caseSectionSourceDemo,.DesignSystemExplorer-module__2wrJcG__caseCardDemoShell,.DesignSystemExplorer-module__2wrJcG__caseCardDemo,.DesignSystemExplorer-module__2wrJcG__caseGridDemo,.DesignSystemExplorer-module__2wrJcG__caseStudyComponentDemo,.DesignSystemExplorer-module__2wrJcG__caseSectionHeaderSourceDemo,.DesignSystemExplorer-module__2wrJcG__caseMediaDemo,.DesignSystemExplorer-module__2wrJcG__caseMediaDemoShell,.DesignSystemExplorer-module__2wrJcG__caseMediaSourceDemo,.DesignSystemExplorer-module__2wrJcG__beforeAfterNarrativeDemo,.DesignSystemExplorer-module__2wrJcG__flowHintDemo,.DesignSystemExplorer-module__2wrJcG__localExceptionsDemo,.DesignSystemExplorer-module__2wrJcG__proposalTabsDemo{gap:var(--hm-space-sm);width:100%;min-width:0;max-width:980px;display:grid}.DesignSystemExplorer-module__2wrJcG__caseSectionDemo,.DesignSystemExplorer-module__2wrJcG__caseCardDemo,.DesignSystemExplorer-module__2wrJcG__localExceptionsDemo{padding:var(--hm-space-md);border:1px solid var(--hm-line);border-radius:var(--hm-radius-lg);background:var(--hm-paper)}.DesignSystemExplorer-module__2wrJcG__caseStudyComponentDemo,.DesignSystemExplorer-module__2wrJcG__caseSectionHeaderSourceDemo{--page-gutter:0}.DesignSystemExplorer-module__2wrJcG__cryptoCaseDemoTheme{--text-heading:#252a47;--cs-accent:#376adc;--cs-accent-strong:#252a47;--cs-accent-soft:#e8eafa;--cs-surface:#f4f6fc;--cs-surface-soft:#f4f6fc;--cs-line:#d8deec;--cs-line-strong:#d8deec;--cs-text-heading:#252a47;--cs-text-body:#2b2c30;--cs-text-secondary:#4a4c52;--cs-text-muted:#6c6e77;--cs-shadow-color:#252a471f}.DesignSystemExplorer-module__2wrJcG__advantechCaseDemoTheme{--text-heading:#093060;--cs-accent:#005796;--cs-accent-strong:#093060;--cs-accent-soft:#e5effa;--cs-surface-soft:#fafcfe;--cs-line:#cbdef4;--cs-line-strong:#d5dfec;--cs-text-heading:#093060;--cs-text-body:#191919;--cs-text-secondary:#425466;--cs-text-muted:#a0a0a0;--cs-shadow-color:#0930601f;--cs-walkthrough-kicker-size:var(--fs-xs);--cs-walkthrough-kicker-color:#0072bd}.DesignSystemExplorer-module__2wrJcG__caseSectionSourceDemo{--cs-section-title-max:760px;width:min(100%,920px);padding:clamp(var(--hm-space-xl), 5vw, var(--hm-space-3xl)) clamp(var(--hm-space-md), 4vw, var(--hm-space-xl))}.DesignSystemExplorer-module__2wrJcG__caseSectionSourceDemo .cs-divider{margin-bottom:28px}.DesignSystemExplorer-module__2wrJcG__caseSectionSourceDemo .cs-overview-body{--cs-stack-box-margin:0 0 28px}.DesignSystemExplorer-module__2wrJcG__caseSectionDemoShell{max-width:980px}.DesignSystemExplorer-module__2wrJcG__fakeImagePlaceholder{aspect-ratio:439/209;border-radius:var(--hm-radius-md);background:color-mix(in srgb, var(--hm-paper) 58%, var(--hm-disabled));border:0;place-items:center;width:100%;min-width:0;display:grid;overflow:hidden}.DesignSystemExplorer-module__2wrJcG__fakeImageIcon{aspect-ratio:1;border-radius:var(--hm-radius-md);width:16.1731%;min-width:44px;display:block;overflow:hidden}.DesignSystemExplorer-module__2wrJcG__fakeImageIconBase{fill:var(--hm-disabled)}.DesignSystemExplorer-module__2wrJcG__fakeImageIconBack{fill:color-mix(in srgb, var(--hm-disabled) 62%, var(--text-secondary))}.DesignSystemExplorer-module__2wrJcG__fakeImageIconFront{fill:color-mix(in srgb, var(--hm-disabled) 26%, var(--text-secondary))}.DesignSystemExplorer-module__2wrJcG__fakeImageIconSun{fill:color-mix(in srgb, var(--hm-paper) 64%, var(--hm-disabled))}.DesignSystemExplorer-module__2wrJcG__caseSectionMediaPlaceholder{--cs-object-box-aspect-ratio:439 / 209;--cs-object-box-height:auto;border-radius:var(--hm-radius-lg);min-height:0}.DesignSystemExplorer-module__2wrJcG__caseSectionTextPlaceholder{gap:var(--hm-space-xs);width:min(100%,760px);display:grid}.DesignSystemExplorer-module__2wrJcG__caseSectionTextPlaceholder span{border-radius:var(--hm-radius-pill);background:color-mix(in srgb, var(--cs-text-secondary) 18%, transparent);height:14px;display:block}.DesignSystemExplorer-module__2wrJcG__caseSectionTextPlaceholder span:first-child{width:min(720px,100%)}.DesignSystemExplorer-module__2wrJcG__caseSectionTextPlaceholder span:last-child{width:min(520px,72%)}.DesignSystemExplorer-module__2wrJcG__caseCardDemoShell{max-width:560px}.DesignSystemExplorer-module__2wrJcG__caseMediaDemoShell{max-width:860px}.DesignSystemExplorer-module__2wrJcG__caseMediaSourceDemo{width:min(100%,860px)}.DesignSystemExplorer-module__2wrJcG__caseMediaContentDemo{overflow:hidden}.DesignSystemExplorer-module__2wrJcG__caseMediaContentDemo img{width:100%;height:auto;display:block}.DesignSystemExplorer-module__2wrJcG__caseMediaImageDemo{aspect-ratio:16/9;width:100%;position:relative}.DesignSystemExplorer-module__2wrJcG__caseHeroDemo{--page-gutter:clamp(20px, 5vw, 48px);border:1px solid var(--hm-line);border-radius:var(--hm-radius-lg);background:var(--hm-paper);width:100%;min-width:0;max-width:1160px;display:block;overflow:hidden}.DesignSystemExplorer-module__2wrJcG__caseHeroDemo .DesignSystemExplorer-module__2wrJcG__caseHeroInfoGrid{grid-template-columns:repeat(5,minmax(0,1fr));justify-content:stretch;gap:18px 20px}.DesignSystemExplorer-module__2wrJcG__caseHeroDemo .cs-info-card{width:100%}.DesignSystemExplorer-module__2wrJcG__caseHeroDemo .cs-info-value{overflow-wrap:anywhere;word-break:break-word}@media (max-width:1280px){.DesignSystemExplorer-module__2wrJcG__caseHeroDemo .DesignSystemExplorer-module__2wrJcG__caseHeroInfoGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.DesignSystemExplorer-module__2wrJcG__caseHeroDemo .DesignSystemExplorer-module__2wrJcG__caseHeroInfoGrid>.cs-info-card:nth-child(4){grid-column:1}.DesignSystemExplorer-module__2wrJcG__caseHeroDemo .DesignSystemExplorer-module__2wrJcG__caseHeroInfoGrid>.cs-info-card:nth-child(5){grid-column:2}}@media (max-width:1279px){.DesignSystemExplorer-module__2wrJcG__tokenModelFlow{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1100px){.DesignSystemExplorer-module__2wrJcG__caseHeroDemo .DesignSystemExplorer-module__2wrJcG__caseHeroInfoGrid{grid-template-columns:repeat(2,minmax(0,1fr))}:is(.DesignSystemExplorer-module__2wrJcG__caseHeroDemo .DesignSystemExplorer-module__2wrJcG__caseHeroInfoGrid>.cs-info-card:nth-child(4),.DesignSystemExplorer-module__2wrJcG__caseHeroDemo .DesignSystemExplorer-module__2wrJcG__caseHeroInfoGrid>.cs-info-card:nth-child(5)){grid-column:auto}}@media (max-width:560px){.DesignSystemExplorer-module__2wrJcG__caseHeroDemo .DesignSystemExplorer-module__2wrJcG__caseHeroInfoGrid{grid-template-columns:1fr}:is(.DesignSystemExplorer-module__2wrJcG__caseHeroDemo .DesignSystemExplorer-module__2wrJcG__caseHeroInfoGrid>.cs-info-card:nth-child(4),.DesignSystemExplorer-module__2wrJcG__caseHeroDemo .DesignSystemExplorer-module__2wrJcG__caseHeroInfoGrid>.cs-info-card:nth-child(5)){grid-column:auto}}.DesignSystemExplorer-module__2wrJcG__proposalTabsDemo{max-width:100%}.DesignSystemExplorer-module__2wrJcG__proposalTabsDemo .cs-proposal{min-width:0}.DesignSystemExplorer-module__2wrJcG__caseMediaFrameDemo{border:1px solid var(--hm-line);border-radius:var(--hm-radius-md);background:var(--hm-surface);position:relative;overflow:hidden}.DesignSystemExplorer-module__2wrJcG__caseMediaFrameDemo img{object-fit:cover}.DesignSystemExplorer-module__2wrJcG__caseSectionHeaderDemo,.DesignSystemExplorer-module__2wrJcG__proposalPanelDemo{gap:var(--hm-space-2xs);display:grid}.DesignSystemExplorer-module__2wrJcG__caseSectionHeaderSourceDemo{background:0 0;border:0;border-radius:0;max-width:760px;padding:0}.DesignSystemExplorer-module__2wrJcG__caseSectionHeaderDemo span{color:var(--hm-purple);font-size:var(--hm-fs-sm);font-weight:var(--hm-fw-semibold);margin:0}.DesignSystemExplorer-module__2wrJcG__caseSectionHeaderDemo h3,.DesignSystemExplorer-module__2wrJcG__caseCardDemo h3,.DesignSystemExplorer-module__2wrJcG__caseGridDemo h3,.DesignSystemExplorer-module__2wrJcG__flowHintDemo h3,.DesignSystemExplorer-module__2wrJcG__proposalTabsDemo h3{color:var(--text-heading);font-size:var(--hm-fs-h3);margin:0;line-height:1.3}.DesignSystemExplorer-module__2wrJcG__caseSectionHeaderDemo p,.DesignSystemExplorer-module__2wrJcG__caseCardDemo p,.DesignSystemExplorer-module__2wrJcG__caseCardDemo span,.DesignSystemExplorer-module__2wrJcG__caseMediaDemo figcaption,.DesignSystemExplorer-module__2wrJcG__flowHintDemo p,.DesignSystemExplorer-module__2wrJcG__proposalPanelDemo p{color:var(--text-secondary);line-height:1.65}.DesignSystemExplorer-module__2wrJcG__caseCardDemo{max-width:560px}.DesignSystemExplorer-module__2wrJcG__caseCardDemo span{font-size:var(--hm-fs-sm)}.DesignSystemExplorer-module__2wrJcG__caseGridDemo>div{gap:var(--hm-space-xs);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.DesignSystemExplorer-module__2wrJcG__caseGridDemo .DesignSystemExplorer-module__2wrJcG__caseCardDemo{padding:var(--hm-space-sm)}.DesignSystemExplorer-module__2wrJcG__caseGridDemo .DesignSystemExplorer-module__2wrJcG__caseCardDemo p{margin:0}.DesignSystemExplorer-module__2wrJcG__caseCardSourceDemo{--page-gutter:0;width:100%}.DesignSystemExplorer-module__2wrJcG__caseCardSourceDemo #cs-sec-problem>.cs-grid{grid-template-columns:minmax(0,1fr);margin-top:0}.DesignSystemExplorer-module__2wrJcG__caseCardSourceDemo #cs-sec-problem>.cs-grid .cs-card{--cs-card-bg:#fff;--cs-card-border:#d8deec;--cs-card-shadow:0 2px 16px #252a470d;--cs-card-padding:30px 32px;--cs-card-radius:16px;--cs-quote-text-color:#1d2737;--cs-quote-text-size:17px;--cs-quote-text-weight:500;--cs-quote-text-line-height:1.6;--cs-quote-text-letter-spacing:-.025em;--cs-quote-name-color:#1d2737;--cs-quote-line-color:#d8deec;--cs-quote-role-color:#6c6e77;--cs-quote-role-line-height:1.9;justify-content:space-between;gap:var(--hm-space-md);container-type:inline-size}.DesignSystemExplorer-module__2wrJcG__caseCardSourceDemo #cs-sec-problem .cs-avatar{--cs-avatar-size:46px;--cs-avatar-radius:12px;line-height:0}.DesignSystemExplorer-module__2wrJcG__caseCardSourceDemo #cs-sec-problem .cs-avatar--orange{--cs-avatar-bg:#ffe9dc}.DesignSystemExplorer-module__2wrJcG__caseCardSourceDemo #cs-sec-problem .cs-avatar--blue{--cs-avatar-bg:#e7eaff}.DesignSystemExplorer-module__2wrJcG__caseGridSourceDemo{width:100%}.DesignSystemExplorer-module__2wrJcG__caseGridPlaceholderDemo{align-content:space-between;gap:var(--hm-space-md);min-height:148px;padding:var(--hm-space-sm);border:1px dashed var(--hm-line-strong);border-radius:var(--hm-radius-md);background:var(--hm-surface);display:grid}.DesignSystemExplorer-module__2wrJcG__caseGridPlaceholderDemo>span{border-radius:var(--hm-radius-pill);background:color-mix(in srgb, var(--cs-accent) 28%, transparent);width:42px;height:12px;display:block}.DesignSystemExplorer-module__2wrJcG__caseGridPlaceholderDemo div{gap:var(--hm-space-2xs);display:grid}.DesignSystemExplorer-module__2wrJcG__caseGridPlaceholderDemo div span{border-radius:var(--hm-radius-pill);background:color-mix(in srgb, var(--cs-text-secondary) 18%, transparent);height:10px;display:block}.DesignSystemExplorer-module__2wrJcG__caseGridPlaceholderDemo div span:first-child{width:min(100%,220px)}.DesignSystemExplorer-module__2wrJcG__caseGridPlaceholderDemo div span:nth-child(2){width:min(78%,172px)}.DesignSystemExplorer-module__2wrJcG__caseGridPlaceholderDemo div span:nth-child(3){width:min(48%,112px)}.DesignSystemExplorer-module__2wrJcG__caseMediaFrameDemo{min-height:260px}.DesignSystemExplorer-module__2wrJcG__caseMediaDemo{margin:0}.DesignSystemExplorer-module__2wrJcG__caseMediaDemo figcaption{font-size:var(--hm-fs-sm);margin:0}.DesignSystemExplorer-module__2wrJcG__beforeAfterNarrativeDemo .cs-before-after-narrative{width:100%}.DesignSystemExplorer-module__2wrJcG__beforeAfterPanelImagePlaceholder{border-radius:var(--hm-radius-md);width:100%;max-width:100%}.DesignSystemExplorer-module__2wrJcG__beforeAfterNarrativeTitlePlaceholder,.DesignSystemExplorer-module__2wrJcG__beforeAfterNarrativeTextPlaceholder span{border-radius:var(--hm-radius-pill);background:color-mix(in srgb, var(--cs-text-secondary) 20%, transparent);display:block}.DesignSystemExplorer-module__2wrJcG__beforeAfterNarrativeTitlePlaceholder{width:min(420px,100%);height:28px}.DesignSystemExplorer-module__2wrJcG__beforeAfterNarrativeTextPlaceholder{gap:var(--hm-space-xs);width:min(760px,100%);display:grid}.DesignSystemExplorer-module__2wrJcG__beforeAfterNarrativeTextPlaceholder span{height:12px}.DesignSystemExplorer-module__2wrJcG__beforeAfterNarrativeTextPlaceholder span:first-child{width:min(720px,100%)}.DesignSystemExplorer-module__2wrJcG__beforeAfterNarrativeTextPlaceholder span:last-child{width:min(520px,72%)}.DesignSystemExplorer-module__2wrJcG__proposalPanelDemo strong{color:var(--text-heading);font-weight:var(--hm-fw-semibold)}.DesignSystemExplorer-module__2wrJcG__flowHintSourceDemo{width:100%;min-width:0;max-width:760px;margin-top:var(--hm-space-3xs);background:0 0}.DesignSystemExplorer-module__2wrJcG__flowHintSourceDemo .cs-flow-hint[data-visible=true]{margin-bottom:var(--hm-space-xs)}.DesignSystemExplorer-module__2wrJcG__flowHintScrollFrame{padding-bottom:var(--hm-space-2xs);overflow-x:auto}.DesignSystemExplorer-module__2wrJcG__flowHintScrollFrame:focus-visible{outline:3px solid var(--purple);outline-offset:3px}.DesignSystemExplorer-module__2wrJcG__flowHintStripDemo{gap:var(--hm-space-xs);grid-template-columns:repeat(5,minmax(200px,1fr));width:max-content;min-width:1120px;display:grid}.DesignSystemExplorer-module__2wrJcG__flowHintStripDemo span{min-height:64px;padding:var(--hm-space-sm);border:1px solid var(--hm-line);border-radius:var(--hm-radius-md);background:var(--hm-surface);color:var(--text-heading);font-size:var(--hm-fs-sm);font-weight:var(--hm-fw-semibold);align-items:center;display:inline-flex}.DesignSystemExplorer-module__2wrJcG__localExceptionGrid{gap:var(--hm-space-xs);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.DesignSystemExplorer-module__2wrJcG__localExceptionCard{gap:var(--hm-space-xs);min-width:0;padding:var(--hm-space-sm);border:1px solid var(--hm-line);border-radius:var(--hm-radius-md);background:var(--hm-surface);display:grid}.DesignSystemExplorer-module__2wrJcG__boundaryGroupStack{gap:var(--hm-space-md);display:grid}.DesignSystemExplorer-module__2wrJcG__boundaryGroup{gap:var(--hm-space-xs);display:grid}.DesignSystemExplorer-module__2wrJcG__boundaryGroupHeader{gap:var(--hm-space-3xs);display:grid}.DesignSystemExplorer-module__2wrJcG__boundaryGroupHeader h4{color:var(--text-heading);font-size:var(--hm-fs-h4);margin:0;line-height:1.35}.DesignSystemExplorer-module__2wrJcG__boundaryGroupHeader p{color:var(--text-secondary);font-size:var(--hm-fs-sm);margin:0;line-height:1.6}.DesignSystemExplorer-module__2wrJcG__boundaryCardHeader{gap:var(--hm-space-3xs);display:grid}.DesignSystemExplorer-module__2wrJcG__boundaryCardHeader h5{color:var(--text-heading);font-size:var(--hm-fs-h4);margin:0;line-height:1.35}.DesignSystemExplorer-module__2wrJcG__localExceptionCard dl{gap:var(--hm-space-xs);margin:0;display:grid}.DesignSystemExplorer-module__2wrJcG__localExceptionCard div{gap:var(--hm-space-3xs);display:grid}.DesignSystemExplorer-module__2wrJcG__localExceptionCard dt{color:var(--hm-purple);font-size:var(--hm-fs-xs);font-weight:var(--hm-fw-semibold);letter-spacing:.08em;text-transform:uppercase}.DesignSystemExplorer-module__2wrJcG__localExceptionCard dd{color:var(--text-secondary);font-size:var(--hm-fs-sm);overflow-wrap:anywhere;margin:0;line-height:1.65}.DesignSystemExplorer-module__2wrJcG__boundaryMatrixWrap{border:1px solid var(--hm-line);border-radius:var(--hm-radius-md);background:var(--hm-paper);overflow-x:auto}.DesignSystemExplorer-module__2wrJcG__boundaryMatrix{border-collapse:collapse;width:100%;min-width:720px}.DesignSystemExplorer-module__2wrJcG__boundaryMatrix caption{padding:var(--hm-space-sm) var(--hm-space-sm) 0;color:var(--text-heading);font-size:var(--hm-fs-sm);font-weight:var(--hm-fw-semibold);text-align:left}.DesignSystemExplorer-module__2wrJcG__boundaryMatrix th,.DesignSystemExplorer-module__2wrJcG__boundaryMatrix td{padding:var(--hm-space-xs) var(--hm-space-sm);border-bottom:1px solid var(--hm-line);color:var(--text-secondary);font-size:var(--hm-fs-sm);text-align:left;vertical-align:top;line-height:1.55}.DesignSystemExplorer-module__2wrJcG__boundaryMatrix thead th,.DesignSystemExplorer-module__2wrJcG__boundaryMatrix tbody th{color:var(--text-heading);font-weight:var(--hm-fw-semibold)}.DesignSystemExplorer-module__2wrJcG__boundaryMatrix tbody tr:last-child th,.DesignSystemExplorer-module__2wrJcG__boundaryMatrix tbody tr:last-child td{border-bottom:0}.DesignSystemExplorer-module__2wrJcG__proposalPanelDemo{padding:var(--hm-space-sm);border:1px solid var(--hm-line);border-radius:var(--hm-radius-md);background:var(--hm-surface)}.DesignSystemExplorer-module__2wrJcG__zoomableImageDemoShell{max-width:760px}.DesignSystemExplorer-module__2wrJcG__zoomableImageMediaDemo{width:min(100%,760px)}.DesignSystemExplorer-module__2wrJcG__zoomImageDemo{width:100%}.DesignSystemExplorer-module__2wrJcG__returnBar{left:50%;bottom:max(var(--hm-space-md), env(safe-area-inset-bottom));z-index:80;align-items:center;gap:var(--hm-space-2xs);width:min(100% - calc(var(--hm-space-md) * 2), 420px);padding:var(--hm-space-2xs);border:1px solid var(--hm-line);border-radius:var(--hm-radius-pill);background:color-mix(in srgb, var(--hm-paper) 94%, var(--hm-surface));box-shadow:var(--shadow-md);display:flex;position:fixed;transform:translate(-50%)}.DesignSystemExplorer-module__2wrJcG__returnBarAction,.DesignSystemExplorer-module__2wrJcG__returnBarDismiss{font:inherit;cursor:pointer;border:0}.DesignSystemExplorer-module__2wrJcG__returnBarAction{justify-content:center;align-items:center;gap:var(--hm-space-2xs);min-height:44px;padding:0 var(--hm-space-sm);border-radius:var(--hm-radius-pill);background:var(--hm-purple-light);color:var(--hm-purple);font-size:var(--hm-fs-sm);font-weight:var(--hm-fw-semibold);flex:auto;display:inline-flex}.DesignSystemExplorer-module__2wrJcG__returnBarDismiss{border-radius:var(--hm-radius-pill);width:40px;height:40px;color:var(--text-secondary);font-size:var(--hm-fs-h4);background:0 0;flex:none;place-items:center;line-height:1;display:inline-grid}.DesignSystemExplorer-module__2wrJcG__returnBarAction:hover,.DesignSystemExplorer-module__2wrJcG__returnBarAction:focus-visible,.DesignSystemExplorer-module__2wrJcG__returnBarDismiss:hover,.DesignSystemExplorer-module__2wrJcG__returnBarDismiss:focus-visible{outline:2px solid color-mix(in srgb, var(--hm-purple) 42%, transparent);outline-offset:2px}@media (max-width:1100px){.DesignSystemExplorer-module__2wrJcG__caseTocDesktopLayout{grid-template-columns:minmax(0,1fr)}.DesignSystemExplorer-module__2wrJcG__caseTocPreviewShell .DesignSystemExplorer-module__2wrJcG__caseTocDesktopToc{display:none}.DesignSystemExplorer-module__2wrJcG__caseTocPreviewShell .DesignSystemExplorer-module__2wrJcG__caseTocMobileToc{top:var(--hm-space-sm);z-index:42;width:fit-content;height:40px;display:block;position:sticky}.DesignSystemExplorer-module__2wrJcG__caseTocMobileToc .cs-toc-mobile-toggle{align-items:center;gap:var(--hm-space-2xs);min-height:40px;padding:var(--hm-space-2xs) var(--hm-space-xs);border:1px solid var(--cs-line);border-radius:var(--hm-radius-pill);background:color-mix(in srgb, var(--cs-surface) 94%, white);color:var(--cs-text-heading);font:inherit;font-size:var(--hm-fs-sm);font-weight:var(--hm-fw-semibold);letter-spacing:.02em;box-shadow:var(--shadow-sm);cursor:pointer;display:inline-flex;position:static}:is(.DesignSystemExplorer-module__2wrJcG__caseTocMobileToc .cs-toc-mobile-toggle:hover,.DesignSystemExplorer-module__2wrJcG__caseTocMobileToc .cs-toc-mobile-toggle:focus-visible){border-color:var(--cs-accent);background:var(--cs-accent-soft,var(--purple-light));color:var(--cs-accent)}.DesignSystemExplorer-module__2wrJcG__caseTocPreviewShell .DesignSystemExplorer-module__2wrJcG__caseTocMobileToc .cs-toc.is-visible{top:calc(40px + var(--hm-space-sm));z-index:41;width:min(280px, calc(100vw - (var(--hm-space-lg) * 2)));max-height:min(360px,100dvh - 220px);padding:var(--hm-space-sm);opacity:0;visibility:hidden;pointer-events:none;display:block;position:absolute;bottom:auto;left:0;transform:translateY(-8px)scale(.98)}.DesignSystemExplorer-module__2wrJcG__caseTocPreviewShell .DesignSystemExplorer-module__2wrJcG__caseTocMobileToc .cs-toc.is-visible.cs-toc--mobile-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)scale(1)}.DesignSystemExplorer-module__2wrJcG__caseTocMobileNote{display:block}.DesignSystemExplorer-module__2wrJcG__caseTocRouteCrop{align-content:start;gap:var(--hm-space-lg);min-height:320px;scroll-padding-top:calc(var(--hm-space-sm) + 40px + var(--hm-space-sm));display:grid}}@media (max-width:1279px){.DesignSystemExplorer-module__2wrJcG__heroInner{align-items:start;gap:var(--hm-space-xl);grid-template-columns:minmax(0,1fr)}}@media (min-width:768px) and (max-width:1279px){.DesignSystemExplorer-module__2wrJcG__highlightsGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.DesignSystemExplorer-module__2wrJcG__hero{position:relative}.DesignSystemExplorer-module__2wrJcG__heroInner,.DesignSystemExplorer-module__2wrJcG__heroDecisionFrame{width:min(100% - 40px,760px)}.DesignSystemExplorer-module__2wrJcG__shell{gap:var(--hm-space-lg);will-change:auto;grid-template-columns:minmax(0,1fr);width:min(100% - 40px,760px);transform:none}html[data-ds-workspace-visible=true] .DesignSystemExplorer-module__2wrJcG__shell{will-change:auto;transform:none}.DesignSystemExplorer-module__2wrJcG__sidebarToggle{z-index:42;justify-self:start;align-items:center;gap:var(--hm-space-2xs);min-height:40px;padding:var(--hm-space-2xs) var(--hm-space-xs);border:1px solid var(--hm-line);border-radius:var(--hm-radius-pill);background:color-mix(in srgb, var(--hm-paper) 94%, white);color:var(--hm-ink);font-size:var(--hm-fs-xs);font-weight:var(--hm-fw-semibold);letter-spacing:.02em;box-shadow:var(--shadow-sm);cursor:pointer;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:background-color var(--hm-duration-fast) var(--hm-ease-standard), border-color var(--hm-duration-fast) var(--hm-ease-standard), color var(--hm-duration-fast) var(--hm-ease-standard);display:inline-flex;position:sticky;top:96px}.DesignSystemExplorer-module__2wrJcG__categorySection[id]{scroll-margin-top:calc(120px + var(--hm-space-md))}.DesignSystemExplorer-module__2wrJcG__sidebarToggle:hover,.DesignSystemExplorer-module__2wrJcG__sidebarToggle:focus-visible{border-color:var(--hm-purple);background:var(--hm-purple-light);color:var(--hm-purple)}html[data-nav-hidden=true] .DesignSystemExplorer-module__2wrJcG__sidebarToggle{top:16px}.DesignSystemExplorer-module__2wrJcG__sidebarBackdrop{z-index:49;opacity:0;pointer-events:none;background:#1f23402e;border:0;transition:opacity .48s cubic-bezier(.22,1,.36,1);display:block;position:fixed;inset:0}.DesignSystemExplorer-module__2wrJcG__sidebarBackdropOpen{opacity:1;pointer-events:auto}.DesignSystemExplorer-module__2wrJcG__twoColumnGrid,.DesignSystemExplorer-module__2wrJcG__principleGrid,.DesignSystemExplorer-module__2wrJcG__nestedGrid{grid-template-columns:minmax(0,1fr)}.DesignSystemExplorer-module__2wrJcG__iconGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.DesignSystemExplorer-module__2wrJcG__iconCard{grid-template-rows:minmax(0,1fr);grid-template-columns:auto minmax(0,1fr)}.DesignSystemExplorer-module__2wrJcG__sidebar{z-index:50;box-sizing:border-box;width:max-content;min-width:0;max-width:calc(100vw - 48px);max-height:none;padding:max(96px, env(safe-area-inset-top)) var(--hm-space-sm) var(--hm-space-md);border:1px solid var(--hm-line);border-radius:0 var(--hm-radius-lg) var(--hm-radius-lg) 0;background:color-mix(in srgb, var(--hm-paper) 96%, white);box-shadow:none;transition:transform .55s cubic-bezier(.22, 1, .36, 1), box-shadow var(--hm-duration-base) var(--hm-ease-standard);will-change:transform;scrollbar-gutter:auto;border-left:0;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-104%)}.DesignSystemExplorer-module__2wrJcG__sidebarOpen{box-shadow:var(--shadow-md);transform:translate(0)}}@media (prefers-reduced-motion:reduce){.DesignSystemExplorer-module__2wrJcG__hero,.DesignSystemExplorer-module__2wrJcG__shell{opacity:1;will-change:auto;transition:none;transform:translateZ(0)}html[data-ds-workspace-visible=true] .DesignSystemExplorer-module__2wrJcG__hero{opacity:1;will-change:auto;transition:none;transform:translateZ(0)}html[data-ds-workspace-visible=true] .DesignSystemExplorer-module__2wrJcG__shell{opacity:1;will-change:auto;transition:none;transform:translateZ(0)}.DesignSystemExplorer-module__2wrJcG__motionDurationTrack span,.DesignSystemExplorer-module__2wrJcG__motionEasingPreview span,.DesignSystemExplorer-module__2wrJcG__motionSample:after,.DesignSystemExplorer-module__2wrJcG__tokenPreviewMotion:after{animation:none}.DesignSystemExplorer-module__2wrJcG__motionDurationTrack span,.DesignSystemExplorer-module__2wrJcG__motionEasingPreview span{transform:translateY(-50%)}}@media (max-width:768px){.DesignSystemExplorer-module__2wrJcG__heroTitle{word-break:normal;font-size:clamp(30px,5vw,38.4px);line-height:1.14}:is(.DesignSystemExplorer-module__2wrJcG__heroTitle .split-line,.DesignSystemExplorer-module__2wrJcG__heroTitle .split-word){display:inline!important}.DesignSystemExplorer-module__2wrJcG__projectCardLiveWrap,.DesignSystemExplorer-module__2wrJcG__projectCardLivePreview{width:100%;max-width:100%}.DesignSystemExplorer-module__2wrJcG__projectCardLivePreview{margin-left:0}.DesignSystemExplorer-module__2wrJcG__projectCardMobileNote{display:block}:is(.DesignSystemExplorer-module__2wrJcG__projectCardLivePreview .project-card,.DesignSystemExplorer-module__2wrJcG__projectCardLivePreview .project-card:hover,.DesignSystemExplorer-module__2wrJcG__projectCardLivePreview .project-card:focus-within){aspect-ratio:auto;gap:var(--hm-space-sm);background:0 0;border-radius:0;flex-direction:column;min-height:0;display:flex;overflow:visible}.DesignSystemExplorer-module__2wrJcG__projectCardLivePreview .project-media{aspect-ratio:1.78;border-radius:12px;width:100%;position:relative;inset:auto}:is(.DesignSystemExplorer-module__2wrJcG__projectCardLivePreview .project-info,.DesignSystemExplorer-module__2wrJcG__projectCardLivePreview .project-card:hover .project-info,.DesignSystemExplorer-module__2wrJcG__projectCardLivePreview .project-card:focus-within .project-info){gap:var(--hm-space-sm);width:auto;min-height:0;box-shadow:none;opacity:1;--project-info-scale:1;background:0 0;border-radius:0;flex-direction:column;padding:0;transition:none;display:flex;position:static;inset:auto;transform:none}.DesignSystemExplorer-module__2wrJcG__projectCardLivePreview .project-scrim{display:none}:is(.DesignSystemExplorer-module__2wrJcG__projectCardLivePreview .project-card:hover .project-image,.DesignSystemExplorer-module__2wrJcG__projectCardLivePreview .project-card:focus-within .project-image){transform:none}.DesignSystemExplorer-module__2wrJcG__projectCardLivePreview .project-title h3{font-size:16px;line-height:1.3}.DesignSystemExplorer-module__2wrJcG__projectCardLivePreview .project-title p{font-size:12px}.DesignSystemExplorer-module__2wrJcG__projectCardLivePreview .project-description{display:none}}@media (max-width:640px){.DesignSystemExplorer-module__2wrJcG__hero{padding-top:calc(var(--hm-space-3xl) + var(--hm-space-md))}.DesignSystemExplorer-module__2wrJcG__heroInner{width:min(100% - 32px,480px)}.DesignSystemExplorer-module__2wrJcG__eyebrow{font-size:var(--hm-fs-xs);letter-spacing:.08em}.DesignSystemExplorer-module__2wrJcG__heroDescription{font-size:var(--hm-fs-h4);line-height:1.7}.DesignSystemExplorer-module__2wrJcG__highlightTitle{font-size:var(--hm-fs-h4);line-height:1.32}.DesignSystemExplorer-module__2wrJcG__highlightLead{font-size:var(--hm-fs-body);line-height:1.66}.DesignSystemExplorer-module__2wrJcG__heroDecisionFrame{width:min(100% - 32px,480px)}.DesignSystemExplorer-module__2wrJcG__shell{width:min(100% - 32px,480px);margin-top:var(--hm-space-xl)}.DesignSystemExplorer-module__2wrJcG__sectionHeader{grid-template-columns:var(--hm-space-lg) auto 1fr}.DesignSystemExplorer-module__2wrJcG__groupTitle{font-size:24px}.DesignSystemExplorer-module__2wrJcG__card,.DesignSystemExplorer-module__2wrJcG__foundationPanel,.DesignSystemExplorer-module__2wrJcG__tokenModelPanel,.DesignSystemExplorer-module__2wrJcG__tokenReferencePanel,.DesignSystemExplorer-module__2wrJcG__cta,.DesignSystemExplorer-module__2wrJcG__demoSurface{padding:var(--hm-space-md)}.DesignSystemExplorer-module__2wrJcG__colorSwatchGrid,.DesignSystemExplorer-module__2wrJcG__foundationSampleGrid,.DesignSystemExplorer-module__2wrJcG__motionReferenceGrid{grid-template-columns:minmax(0,1fr)}.DesignSystemExplorer-module__2wrJcG__colorGroupHeader,.DesignSystemExplorer-module__2wrJcG__tokenReferenceControls{grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.DesignSystemExplorer-module__2wrJcG__tokenReferenceCount{margin:0}.DesignSystemExplorer-module__2wrJcG__spacingScaleRow{grid-template-columns:minmax(0,1fr);align-items:start}.DesignSystemExplorer-module__2wrJcG__iconGrid,.DesignSystemExplorer-module__2wrJcG__liveFooterDemo,.DesignSystemExplorer-module__2wrJcG__anatomyGrid,.DesignSystemExplorer-module__2wrJcG__referenceCardGrid,.DesignSystemExplorer-module__2wrJcG__localExceptionGrid,.DesignSystemExplorer-module__2wrJcG__tokenModelFlow,.DesignSystemExplorer-module__2wrJcG__caseGridDemo>div{grid-template-columns:minmax(0,1fr)}.DesignSystemExplorer-module__2wrJcG__behaviorTable th,.DesignSystemExplorer-module__2wrJcG__behaviorTable td{width:100%;display:block}.DesignSystemExplorer-module__2wrJcG__behaviorTable th{padding-bottom:var(--hm-space-3xs);border-bottom:0}.DesignSystemExplorer-module__2wrJcG__behaviorTable td{padding-top:0}.DesignSystemExplorer-module__2wrJcG__liveFooterDemo{align-items:flex-start}.DesignSystemExplorer-module__2wrJcG__buttonSpecRow{grid-template-columns:minmax(0,1fr);align-items:start}.DesignSystemExplorer-module__2wrJcG__caseMediaFrameDemo{min-height:180px}}