.design-systems_page__g8fY1{width:min(1200px,calc(100% - 40px));margin:0 auto;padding:34px 0 0}.design-systems_ctaPanel__yZdPX,.design-systems_hero__Zib7Q,.design-systems_panel__lYAPL,.design-systems_sidePanel__YvuTt{border:1px solid #dbe3ec;border-radius:28px;background:#ffffff;box-shadow:0 18px 50px rgba(15,23,42,.06)}.design-systems_hero__Zib7Q{background:radial-gradient(circle at top right,rgba(37,99,235,.12),transparent 34%),radial-gradient(circle at bottom left,rgba(20,184,166,.11),transparent 34%),#ffffff;padding:48px}.design-systems_eyebrow___qyqT,.design-systems_kicker__l2xcD{display:inline-flex;width:fit-content;margin:0 0 12px;border:1px solid #bfdbfe;border-radius:999px;background:#eff6ff;color:#1d4ed8;padding:8px 13px;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.design-systems_hero__Zib7Q h1{max-width:960px;margin:0;color:#0f172a;font-size:clamp(38px,6vw,66px);line-height:.98;letter-spacing:-.06em}.design-systems_hero__Zib7Q p{max-width:820px;margin-top:18px;color:#475569;font-size:17px;line-height:1.7}.design-systems_actions__5iiSy{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.design-systems_elementAction__vcsVU,.design-systems_primaryAction__JeK4B,.design-systems_secondaryAction__JXq4e{display:inline-flex;min-height:48px;align-items:center;justify-content:center;border-radius:999px;padding:0 20px;font-size:14px;font-weight:900;transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease,background .18s ease}.design-systems_primaryAction__JeK4B{background:linear-gradient(135deg,#2563eb,#14b8a6);color:#ffffff;box-shadow:0 14px 30px rgba(37,99,235,.18)}.design-systems_secondaryAction__JXq4e{border:1px solid #cbd5e1;background:#ffffff;color:#0f172a}.design-systems_elementAction__vcsVU{border:1px solid #5eead4;background:#ccfbf1;color:#115e59}.design-systems_elementAction__vcsVU:hover,.design-systems_primaryAction__JeK4B:hover,.design-systems_secondaryAction__JXq4e:hover{transform:translateY(-2px)}.design-systems_contentGrid__RfR5n,.design-systems_ctaPanel__yZdPX,.design-systems_section__X6_Gh{margin-top:30px}.design-systems_sectionHeader__3Ykpq{margin-bottom:16px}.design-systems_ctaPanel__yZdPX h2,.design-systems_panel__lYAPL h2,.design-systems_sectionHeader__3Ykpq h2,.design-systems_sidePanel__YvuTt h2{margin:0;color:#0f172a;font-size:30px;letter-spacing:-.04em}.design-systems_ctaPanel__yZdPX p,.design-systems_panel__lYAPL p,.design-systems_sectionHeader__3Ykpq p,.design-systems_sidePanel__YvuTt p{color:#475569;line-height:1.65}.design-systems_sectionHeader__3Ykpq p{max-width:790px;margin-top:6px}.design-systems_categoryGrid__GM9yJ,.design-systems_practiceGrid__8XcVo,.design-systems_resourceGrid__eTZa_{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.design-systems_categoryCard__jiuUG,.design-systems_practiceCard__YBYvt,.design-systems_resourceCard___cTcg,.design-systems_workflowCard__MfDyP{border:1px solid #bfdbfe;border-radius:22px;background:#eff6ff;padding:20px}.design-systems_categoryCard__jiuUG:nth-child(2n),.design-systems_practiceCard__YBYvt:nth-child(2n),.design-systems_resourceCard___cTcg:nth-child(2n),.design-systems_workflowCard__MfDyP:nth-child(2n){border-color:#99f6e4;background:#f0fdfa}.design-systems_categoryCard__jiuUG:nth-child(3n),.design-systems_practiceCard__YBYvt:nth-child(3n),.design-systems_resourceCard___cTcg:nth-child(3n),.design-systems_workflowCard__MfDyP:nth-child(3n){border-color:#c4b5fd;background:#f5f3ff}.design-systems_categoryCard__jiuUG{display:flex;min-height:220px;flex-direction:column;justify-content:space-between;transition:box-shadow .18s ease,transform .18s ease}.design-systems_categoryCard__jiuUG:hover{box-shadow:0 14px 34px rgba(15,23,42,.08);transform:translateY(-3px)}.design-systems_categoryCard__jiuUG strong,.design-systems_practiceCard__YBYvt strong,.design-systems_resourceCard___cTcg strong,.design-systems_workflowCard__MfDyP strong{display:block;color:#0f172a}.design-systems_categoryCard__jiuUG strong{font-size:24px;letter-spacing:-.04em}.design-systems_categoryCard__jiuUG p,.design-systems_practiceCard__YBYvt p,.design-systems_resourceCard___cTcg p,.design-systems_workflowCard__MfDyP p{margin:10px 0 0;color:#475569;font-size:14px;line-height:1.55}.design-systems_categoryCard__jiuUG span{color:#2563eb;font-size:13px;font-weight:900}.design-systems_contentGrid__RfR5n{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px}.design-systems_panel__lYAPL,.design-systems_sidePanel__YvuTt{padding:28px}.design-systems_sidePanel__YvuTt{align-self:start}.design-systems_linkStack__GMdBg{display:grid;gap:12px;margin-top:18px}.design-systems_infoBlock__WaeeY,.design-systems_linkStack__GMdBg a{display:block;border:1px solid #bfdbfe;border-radius:18px;background:#eff6ff;padding:16px}.design-systems_infoBlock__WaeeY:nth-child(2n),.design-systems_linkStack__GMdBg a:nth-child(2n){border-color:#99f6e4;background:#f0fdfa}.design-systems_infoBlock__WaeeY:nth-child(3n),.design-systems_linkStack__GMdBg a:nth-child(3n){border-color:#c4b5fd;background:#f5f3ff}.design-systems_infoBlock__WaeeY strong,.design-systems_linkStack__GMdBg strong{display:block;color:#0f172a}.design-systems_infoBlock__WaeeY span,.design-systems_linkStack__GMdBg span{display:block;margin-top:5px;color:#64748b;font-size:13px;line-height:1.5}.design-systems_generatorShell__bDoC3{margin-top:30px;border:1px solid #dbe3ec;border-radius:30px;background:radial-gradient(circle at top right,rgba(37,99,235,.11),transparent 34%),radial-gradient(circle at bottom left,rgba(20,184,166,.1),transparent 34%),#ffffff;padding:30px;box-shadow:0 18px 50px rgba(15,23,42,.06)}.design-systems_generatorHeader__272kE{display:flex;align-items:start;justify-content:space-between;gap:20px}.design-systems_generatorHeader__272kE h2{margin:0;color:#0f172a;font-size:clamp(30px,4vw,46px);line-height:1.02;letter-spacing:0}.design-systems_generatorHeader__272kE p{max-width:780px;margin:10px 0 0;color:#475569;line-height:1.65}.design-systems_generatorStatus__NoI3L{display:inline-flex;min-height:42px;align-items:center;justify-content:center;border:1px solid #99f6e4;border-radius:999px;background:#f0fdfa;color:#0f766e;padding:0 14px;font-size:13px;font-weight:900;white-space:nowrap}.design-systems_generatorGrid__TnwO_,.design-systems_outputGrid__q5NMv,.design-systems_previewGrid___UqKZ{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:18px;margin-top:24px}.design-systems_outputGrid__q5NMv{grid-template-columns:repeat(3,minmax(0,1fr))}.design-systems_contrastPanel__u07HK,.design-systems_generatorControls__zE3xj,.design-systems_outputBlock__QudPJ,.design-systems_scalePanel__jZdXZ,.design-systems_themePreview__wc5E9{border:1px solid #dbe3ec;border-radius:22px;background:rgba(255,255,255,.9);padding:18px}.design-systems_contrastPanel__u07HK h3,.design-systems_generatorControls__zE3xj h3,.design-systems_scalePanel__jZdXZ h3{margin:0 0 14px;color:#0f172a;font-size:20px;letter-spacing:0}.design-systems_colourControl__paqgk{display:grid;gap:9px;border:1px solid #e2e8f0;border-radius:18px;background:#f8fafc;padding:14px}.design-systems_colourControl__paqgk+.design-systems_colourControl__paqgk{margin-top:10px}.design-systems_colourControl__paqgk label:first-child{display:flex;align-items:center;justify-content:space-between;gap:14px;color:#0f172a;font-size:14px;font-weight:900}.design-systems_colourControl__paqgk input[type=color]{width:54px;height:36px;border:1px solid #cbd5e1;border-radius:12px;background:#ffffff;cursor:pointer;padding:3px}.design-systems_roleToggle__jWFNc{display:flex;align-items:center;gap:8px;color:#475569;font-size:13px;font-weight:800}.design-systems_roleToggle__jWFNc input{width:16px;height:16px;accent-color:#2563eb}.design-systems_requiredRole__3SBYM{color:#64748b;font-size:13px;font-weight:800}.design-systems_scaleStack__wQiWe{display:grid;gap:12px}.design-systems_scaleRow__JcXFM{display:grid;gap:8px}.design-systems_scaleRow__JcXFM strong{color:#0f172a;font-size:13px}.design-systems_scaleRow__JcXFM div{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:4px}.design-systems_scaleRow__JcXFM span{display:block;min-height:34px;border-radius:9px;box-shadow:inset 0 0 0 1px rgba(15,23,42,.08)}.design-systems_themePreview__wc5E9{display:grid;gap:16px}.design-systems_themePreviewHeader__XEunE{display:flex;align-items:center;justify-content:space-between;gap:12px}.design-systems_themePreviewHeader__XEunE strong{font-size:18px}.design-systems_themePreviewHeader__XEunE span{border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900}.design-systems_previewCard__6zyxv{display:grid;gap:12px;border-radius:20px;padding:18px}.design-systems_previewCard__6zyxv span{width:fit-content;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900}.design-systems_previewCard__6zyxv h3{margin:0;font-size:24px;letter-spacing:0}.design-systems_previewCard__6zyxv p{margin:0;font-size:14px}.design-systems_previewCard__6zyxv input{min-height:42px;border:1px solid rgba(148,163,184,.55);border-radius:14px;background:#ffffff;color:#0f172a;padding:0 12px}.design-systems_previewCard__6zyxv button{min-height:42px;width:fit-content;border:0;border-radius:999px;padding:0 16px;font-weight:900}.design-systems_contrastPanel__u07HK{margin-top:24px}.design-systems_contrastGrid__yDe2b{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.design-systems_contrastCard__rqy_g{border:1px solid #e2e8f0;border-radius:18px;background:#f8fafc;padding:14px}.design-systems_contrastCard__rqy_g span,.design-systems_contrastCard__rqy_g strong{display:block;color:#0f172a}.design-systems_contrastCard__rqy_g span{margin-top:8px;font-size:26px;font-weight:950;letter-spacing:0}.design-systems_contrastCard__rqy_g p{margin:6px 0 0;color:#475569;font-size:13px;line-height:1.45}.design-systems_outputBlock__QudPJ{overflow:hidden;padding:0}.design-systems_outputHeader__n86YX{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #e2e8f0;padding:14px}.design-systems_outputHeader__n86YX strong{color:#0f172a}.design-systems_outputHeader__n86YX button{min-height:34px;border:1px solid #2563eb;border-radius:999px;background:#2563eb;color:#ffffff;cursor:pointer;padding:0 12px;font-size:12px;font-weight:900}.design-systems_outputBlock__QudPJ pre{max-height:320px;margin:0;overflow:auto;background:#0f172a;padding:16px}.design-systems_outputBlock__QudPJ code{color:#dbeafe;font-family:var(--font-mono,"SFMono-Regular",Consolas,"Liberation Mono",monospace);font-size:12px;line-height:1.6;white-space:pre}.design-systems_tokenBuilderGrid__vwEqD{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.82fr);gap:18px;margin-top:24px}.design-systems_tokenControls__7sCXp{display:grid;gap:14px}.design-systems_tokenPanel__cBvlS,.design-systems_tokenPreviewPanel___SZMd{border:1px solid #dbe3ec;border-radius:22px;background:rgba(255,255,255,.9);padding:18px}.design-systems_tokenPanel__cBvlS h3,.design-systems_tokenPreviewPanel___SZMd h3{margin:0;color:#0f172a;font-size:20px;letter-spacing:0}.design-systems_tokenPanelBody__idOt6{display:grid;gap:12px;margin-top:14px}.design-systems_tokenFieldGrid__vvnjy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.design-systems_tokenField__8SfVl{display:grid;gap:7px;color:#0f172a;font-size:13px;font-weight:900}.design-systems_tokenField__8SfVl input,.design-systems_tokenField__8SfVl select{min-height:42px;min-width:0;border:1px solid #cbd5e1;border-radius:14px;background:#ffffff;color:#0f172a;padding:0 12px;font:inherit;font-weight:700}.design-systems_tokenField__8SfVl input[type=color]{width:100%;cursor:pointer;padding:4px}.design-systems_tokenPreviewPanel___SZMd{align-self:start;display:grid;gap:16px}.design-systems_tokenPreviewSurface__IZMzz{display:grid;gap:14px;border:1px solid #dbe3ec;background:radial-gradient(circle at top right,rgba(37,99,235,.12),transparent 36%),#ffffff}.design-systems_tokenBadge__P41IB{width:fit-content;padding:7px 11px;font-size:12px;font-weight:900}.design-systems_tokenPreviewSurface__IZMzz h3{margin:0;color:#0f172a;line-height:1.08}.design-systems_tokenPreviewSurface__IZMzz p{margin:0;color:#475569;line-height:1.6}.design-systems_tokenPreviewInput___HFw7{display:grid;gap:7px;color:#475569;font-size:13px;font-weight:900}.design-systems_tokenPreviewInput___HFw7 input{border-style:solid;border-width:1px;background:#ffffff;color:#0f172a}.design-systems_tokenPreviewActions__4liNV{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.design-systems_tokenPreviewActions__4liNV button{border:0;cursor:pointer;font-weight:900}.design-systems_tokenPreviewActions__4liNV span{display:inline-flex;align-items:center;min-height:36px;font-size:13px;font-weight:900}.design-systems_tokenSpecGrid__mD97N{display:grid;gap:10px}.design-systems_tokenSpec__2k1SY{border:1px solid #e2e8f0;border-radius:18px;background:#f8fafc;padding:14px}.design-systems_tokenSpec__2k1SY strong{display:block;color:#0f172a}.design-systems_tokenSpec__2k1SY div{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.design-systems_tokenSpec__2k1SY span{border-radius:999px;background:#ffffff;color:#475569;padding:7px 9px;font-size:12px;font-weight:900}.design-systems_accessibilityPreview__8_y3T,.design-systems_foundationPreviewCard__B_DUy,.design-systems_spacingPreview__0NCOY,.design-systems_themePreviewPair__hRTdG{border:1px solid #dbe3ec;border-radius:22px;background:#ffffff;padding:18px}.design-systems_foundationPreviewCard__B_DUy{display:grid;gap:12px}.design-systems_foundationPreviewCard__B_DUy h3,.design-systems_foundationPreviewCard__B_DUy p{margin:0}.design-systems_foundationPreviewCard__B_DUy h3{color:#0f172a;line-height:1.08;letter-spacing:0}.design-systems_foundationPreviewCard__B_DUy p,.design-systems_foundationPreviewCard__B_DUy small{color:#475569;line-height:1.6}.design-systems_previewKicker__wegFC{width:fit-content;margin:0;border-radius:999px;background:#dbeafe;color:#1d4ed8;padding:7px 10px;font-size:12px;font-weight:900}.design-systems_spacingPreview__0NCOY{display:grid;gap:10px}.design-systems_spacingPreview__0NCOY div{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:12px}.design-systems_spacingPreview__0NCOY span{color:#475569;font-size:12px;font-weight:900}.design-systems_spacingPreview__0NCOY strong{display:inline-flex;min-height:28px;align-items:center;border-radius:999px;background:linear-gradient(135deg,#2563eb,#14b8a6);color:#ffffff;padding:0 10px;font-size:12px;font-weight:900}.design-systems_elevationGrid__MPvej,.design-systems_radiusPreview__D7gWv{display:grid;gap:14px}.design-systems_elevationGrid__MPvej{grid-template-columns:repeat(3,minmax(0,1fr))}.design-systems_elevationCard__GN08v{min-height:160px;border:1px solid #e2e8f0;border-radius:20px;background:#ffffff;padding:18px}.design-systems_elevationCard__GN08v span,.design-systems_elevationCard__GN08v strong{display:block}.design-systems_elevationCard__GN08v strong{color:#0f172a}.design-systems_elevationCard__GN08v span{margin-top:10px;color:#64748b;font-size:12px;line-height:1.5}.design-systems_radiusPreview__D7gWv{border:1px solid #dbe3ec;border-radius:22px;background:#ffffff;padding:18px}.design-systems_radiusPreview__D7gWv button,.design-systems_radiusPreview__D7gWv div,.design-systems_radiusPreview__D7gWv input{border:1px solid #cbd5e1}.design-systems_radiusPreview__D7gWv button{min-height:44px;width:fit-content;background:#2563eb;color:#ffffff;cursor:pointer;padding:0 18px;font-weight:900}.design-systems_radiusPreview__D7gWv input{min-height:44px;background:#ffffff;color:#0f172a;padding:0 12px}.design-systems_radiusPreview__D7gWv div{display:grid;gap:6px;background:#f8fafc;padding:18px}.design-systems_radiusPreview__D7gWv strong{color:#0f172a}.design-systems_radiusPreview__D7gWv span{color:#64748b;font-size:13px}.design-systems_foundationChecklist__bEOyN{display:grid;gap:9px;margin:0;padding-left:18px;color:#475569;font-size:14px;line-height:1.5}.design-systems_accessibilityPreview__8_y3T{display:grid;gap:12px}.design-systems_accessibilityPreview__8_y3T strong{font-size:28px;line-height:1}.design-systems_accessibilityPreview__8_y3T p{margin:0;line-height:1.55}.design-systems_accessibilityPreview__8_y3T button{min-height:44px;width:fit-content;border:0;border-radius:999px;background:#2563eb;color:#ffffff;cursor:pointer;padding:0 18px;font-weight:900;outline:3px solid #2563eb;outline-offset:3px;box-shadow:0 0 0 6px rgba(37,99,235,.18)}.design-systems_themePreviewPair__hRTdG{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.design-systems_generatedThemeCard__kPMtR{border:1px solid #dbe3ec;border-radius:22px;padding:14px}.design-systems_generatedThemeCard__kPMtR>div{display:grid;gap:12px;border-radius:18px;padding:18px}.design-systems_generatedThemeCard__kPMtR span{width:fit-content;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900}.design-systems_generatedThemeCard__kPMtR strong{font-size:20px}.design-systems_generatedThemeCard__kPMtR p{margin:0;line-height:1.5}.design-systems_generatedThemeCard__kPMtR button{min-height:40px;width:fit-content;border:0;border-radius:999px;padding:0 15px;font-weight:900}.design-systems_ctaPanel__yZdPX{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;border-color:rgba(94,234,212,.72);background:radial-gradient(circle at top right,rgba(37,99,235,.16),transparent 34%),linear-gradient(135deg,#ecfeff,#ffffff 48%,#f0fdf4);padding:30px}.design-systems_faqGrid__c_AgS{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.design-systems_faqGrid__c_AgS div{border:1px solid #e2e8f0;border-radius:18px;background:#f8fafc;padding:16px}.design-systems_faqGrid__c_AgS strong{display:block;color:#0f172a}.design-systems_faqGrid__c_AgS p{margin:7px 0 0;color:#475569;font-size:14px;line-height:1.55}@media (max-width:980px){.design-systems_categoryGrid__GM9yJ,.design-systems_contentGrid__RfR5n,.design-systems_contrastGrid__yDe2b,.design-systems_ctaPanel__yZdPX,.design-systems_elevationGrid__MPvej,.design-systems_faqGrid__c_AgS,.design-systems_generatorGrid__TnwO_,.design-systems_outputGrid__q5NMv,.design-systems_practiceGrid__8XcVo,.design-systems_previewGrid___UqKZ,.design-systems_resourceGrid__eTZa_,.design-systems_themePreviewPair__hRTdG,.design-systems_tokenBuilderGrid__vwEqD{grid-template-columns:1fr}.design-systems_ctaPanel__yZdPX{align-items:start}.design-systems_generatorHeader__272kE{display:grid}}@media (max-width:640px){.design-systems_page__g8fY1{width:min(100% - 28px,1200px);padding-top:20px}.design-systems_ctaPanel__yZdPX,.design-systems_generatorShell__bDoC3,.design-systems_hero__Zib7Q,.design-systems_panel__lYAPL,.design-systems_sidePanel__YvuTt{border-radius:22px;padding:24px}.design-systems_hero__Zib7Q h1{font-size:clamp(34px,12vw,48px)}.design-systems_elementAction__vcsVU,.design-systems_primaryAction__JeK4B,.design-systems_secondaryAction__JXq4e{width:100%}.design-systems_scaleRow__JcXFM div{grid-template-columns:repeat(6,minmax(0,1fr))}.design-systems_previewCard__6zyxv button{width:100%}.design-systems_tokenFieldGrid__vvnjy{grid-template-columns:1fr}.design-systems_accessibilityPreview__8_y3T button,.design-systems_generatedThemeCard__kPMtR button,.design-systems_radiusPreview__D7gWv button,.design-systems_tokenPreviewActions__4liNV button,.design-systems_tokenPreviewActions__4liNV span{justify-content:center;width:100%}}