.km-design-system{color:var(--km-ink);background:var(--km-white);scroll-behavior:smooth}.km-design-system ::selection{color:var(--km-ink);background:var(--km-rose)}.km-ds-hero{background:var(--km-cream);min-height:100dvh;padding:100px 0 40px;display:grid;position:relative;overflow:hidden}.km-ds-hero:after{aspect-ratio:1;border:1px solid var(--km-rose);content:"";pointer-events:none;border-radius:50%;width:min(62vw,840px);position:absolute;bottom:-32vw;right:-18vw}.km-ds-hero-grid{z-index:1;grid-template-columns:minmax(0,.9fr) minmax(440px,1.1fr);align-items:center;gap:clamp(56px,8vw,112px);min-height:calc(100dvh - 140px);display:grid;position:relative}.km-ds-hero-copy{justify-items:start;gap:24px;max-width:650px;display:grid}.km-ds-hero-copy h1{letter-spacing:-.038em;max-width:720px;font-size:clamp(3rem,5.5vw,5.15rem);line-height:.98}.km-ds-hero-copy>p{max-width:610px;color:var(--km-muted);font-size:clamp(1.05rem,1.6vw,1.22rem);line-height:1.65}.km-ds-hero-copy .km-button{margin-top:8px}.km-ds-hero-specimen{min-height:min(560px,100dvh - 150px);color:var(--km-white);background:var(--km-dark);border-radius:var(--km-radius-lg);box-shadow:var(--km-page-shadow);align-content:space-between;padding:clamp(34px,5vw,62px);display:grid;position:relative;overflow:hidden}.km-ds-hero-specimen:before{aspect-ratio:1;border:1px solid var(--km-coral);content:"";border-radius:50%;width:68%;position:absolute;inset:auto -14% -24% auto}.km-ds-specimen-wordmark{z-index:1;font-family:var(--font-heading), sans-serif;letter-spacing:-.038em;font-size:clamp(2rem,4vw,3.6rem);font-weight:720;position:relative}.km-ds-specimen-copy{z-index:1;gap:12px;max-width:390px;display:grid;position:relative}.km-ds-specimen-copy span{color:var(--km-rose);font-size:.82rem;font-weight:800}.km-ds-specimen-copy strong{font-family:var(--font-heading), sans-serif;letter-spacing:-.035em;font-size:clamp(2.1rem,4.2vw,4.4rem);font-weight:670;line-height:1}.km-ds-specimen-palette{z-index:1;border-radius:999px;grid-template-columns:1.3fr .9fr 1fr 1.15fr 1fr;width:min(330px,78%);height:54px;display:grid;position:relative;overflow:hidden}.km-ds-specimen-palette span{display:block}.km-ds-specimen-palette .is-coral{background:var(--km-coral)}.km-ds-specimen-palette .is-pink{background:var(--km-pink)}.km-ds-specimen-palette .is-orange{background:var(--km-orange)}.km-ds-specimen-palette .is-cream{background:var(--km-cream)}.km-ds-specimen-palette .is-ink{background:var(--km-ink)}.km-ds-layout{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:clamp(52px,7vw,108px);padding-block:96px 150px;display:grid}.km-ds-sidebar{gap:28px;display:grid;position:sticky;top:104px}.km-ds-sidebar nav>p{color:var(--km-ink);margin-bottom:16px;font-size:.8rem;font-weight:800}.km-ds-sidebar ol{gap:2px;margin:0;padding:0;list-style:none;display:grid}.km-ds-sidebar a{min-height:40px;color:var(--km-muted);transition:color .18s ease, background-color .18s ease, transform .18s var(--km-ease-fluid);border-radius:10px;align-items:center;padding:9px 12px;font-size:.82rem;font-weight:700;display:flex}.km-ds-sidebar a:hover{color:var(--km-ink);background:var(--km-cream);transform:translate(3px)}.km-ds-sidebar-note{border-top:1px solid var(--km-line);color:var(--km-muted);padding-top:20px;font-size:.76rem;line-height:1.65}.km-ds-content{min-width:0}.km-ds-section{padding:18px 0 112px;scroll-margin-top:108px}.km-ds-section+.km-ds-section{border-top:1px solid var(--km-line);padding-top:104px}.km-ds-section-header{gap:15px;max-width:760px;margin-bottom:48px;display:grid}.km-ds-section-header>svg{color:var(--km-coral-deep)}.km-ds-section-header h2{letter-spacing:-.035em;font-size:clamp(2.1rem,4.5vw,4.2rem);line-height:1.04}.km-ds-section-header p{max-width:680px;color:var(--km-muted);font-size:1.05rem;line-height:1.65}.km-ds-principles{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px;display:grid}.km-ds-principles article{border-bottom:1px solid var(--km-line);grid-template-columns:34px minmax(0,1fr);align-items:start;gap:17px;padding:28px 0;display:grid}.km-ds-principles article>svg{color:var(--km-coral-deep)}.km-ds-principles h3{font-size:1.1rem;line-height:1.25}.km-ds-principles p{color:var(--km-muted);margin-top:9px;font-size:.9rem;line-height:1.65}.km-ds-rule-banner{color:var(--km-white);background:var(--km-dark);border-radius:var(--km-radius-sm);grid-template-columns:150px minmax(0,1fr);align-items:start;gap:10px 28px;margin-top:42px;padding:28px 30px;display:grid}.km-ds-rule-banner strong{color:var(--km-rose);font-size:.82rem}.km-ds-rule-banner p{max-width:680px;font-size:1rem;line-height:1.6}.km-ds-color-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.km-ds-color-card{border:1px solid var(--km-line);border-radius:var(--km-radius-sm);background:var(--km-white);grid-template-columns:118px minmax(0,1fr);min-width:0;display:grid;overflow:hidden}.km-ds-color-swatch{background:var(--swatch);min-height:172px}.km-ds-color-card>div{align-content:center;gap:7px;padding:20px;display:grid}.km-ds-color-card h3{font-size:1rem}.km-ds-color-card code,.km-ds-code,.km-ds-table-shell code{width:fit-content;color:var(--km-coral-deep);font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.74rem}.km-ds-color-card p{color:var(--km-muted);font-size:.78rem;line-height:1.45}.km-ds-color-card small{color:var(--km-muted);font-variant-numeric:tabular-nums;font-size:.7rem}.km-ds-contrast-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:26px;display:grid}.km-ds-contrast-grid article{border-radius:var(--km-radius-sm);grid-template-columns:24px minmax(0,1fr);align-items:start;gap:14px;padding:22px;display:grid}.km-ds-contrast-grid .is-pass{color:var(--km-white);background:var(--km-coral-deep)}.km-ds-contrast-grid .is-stop{color:var(--km-ink);background:var(--km-rose)}.km-ds-contrast-grid strong,.km-ds-contrast-grid span{display:block}.km-ds-contrast-grid span{margin-top:7px;font-size:.8rem;line-height:1.55}.km-ds-type-list{gap:0;display:grid}.km-ds-type-list article{border-bottom:1px solid var(--km-line);grid-template-columns:190px minmax(0,1fr);align-items:start;gap:24px;padding:36px 0;display:grid}.km-ds-type-meta h3{font-size:.9rem}.km-ds-type-meta p,.km-ds-type-rule{color:var(--km-muted);margin-top:8px;font-size:.78rem;line-height:1.55}.km-ds-type-rule{grid-column:2;max-width:700px}.km-ds-type-sample{color:var(--km-ink)}.km-ds-type-sample.is-display{font-family:var(--font-heading), sans-serif;letter-spacing:-.035em;font-size:clamp(2.1rem,4.2vw,4rem);font-weight:680;line-height:1.03}.km-ds-type-sample.is-marketing{letter-spacing:-.02em;font-family:Plus Jakarta Sans Variable,Plus Jakarta Sans,sans-serif;font-size:clamp(1.55rem,3vw,2.7rem);font-weight:650;line-height:1.2}.km-ds-type-sample.is-product{font-family:var(--font-body), sans-serif;letter-spacing:-.015em;font-size:clamp(1.35rem,2.6vw,2.25rem);font-weight:650;line-height:1.25}.km-ds-inline-rules{background:var(--km-cream);border-radius:var(--km-radius-sm);gap:14px;margin-top:32px;padding:26px 28px;display:grid}.km-ds-inline-rules p{color:var(--km-muted);font-size:.88rem}.km-ds-inline-rules strong{color:var(--km-ink)}.km-ds-layout-specimen{border:1px solid var(--km-line);border-radius:var(--km-radius);grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);display:grid;overflow:hidden}.km-ds-layout-frame{background:var(--km-cream);align-content:space-between;min-height:360px;padding:30px;display:grid;position:relative}.km-ds-layout-frame>span{color:var(--km-coral-deep);font-size:.74rem;font-weight:800}.km-ds-layout-frame>strong{z-index:1;max-width:330px;font-family:var(--font-heading), sans-serif;letter-spacing:-.03em;font-size:clamp(1.55rem,3vw,2.8rem);line-height:1.1;position:relative}.km-ds-layout-columns{grid-template-columns:repeat(12,1fr);gap:8px;display:grid;position:absolute;inset:30px}.km-ds-layout-columns i{background:var(--km-rose)}.km-ds-layout-specimen dl{background:var(--km-dark);align-content:center;margin:0;padding:26px;display:grid}.km-ds-layout-specimen dl>div{border-bottom:1px solid var(--km-night-soft);padding:18px 0}.km-ds-layout-specimen dl>div:last-child{border-bottom:0}.km-ds-layout-specimen dt{color:var(--km-rose);font-size:.72rem;font-weight:750}.km-ds-layout-specimen dd{color:var(--km-white);font-family:var(--font-heading), sans-serif;margin:6px 0 0;font-size:1.05rem}.km-ds-shape-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:28px;display:grid}.km-ds-shape-row article{background:var(--km-cream);padding:22px}.km-ds-shape-row article>span{background:var(--km-coral);width:72px;height:54px;margin-bottom:22px;display:block}.km-ds-shape-row .is-small{border-radius:var(--km-radius-sm)}.km-ds-shape-row .is-medium{border-radius:var(--km-radius)}.km-ds-shape-row .is-large{border-radius:var(--km-radius-lg)}.km-ds-shape-row .is-pill{border-radius:999px}.km-ds-shape-row h3{font-size:1rem}.km-ds-shape-row p{color:var(--km-muted);margin-top:7px;font-size:.76rem;line-height:1.5}.km-ds-do-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 36px;margin:30px 0 0;padding:0;list-style:none;display:grid}.km-ds-do-list li{border-bottom:1px solid var(--km-line);color:var(--km-muted);grid-template-columns:22px minmax(0,1fr);align-items:start;gap:12px;padding:18px 0;font-size:.84rem;line-height:1.5;display:grid}.km-ds-do-list li>svg{color:var(--km-coral-deep)}.km-ds-component-block+.km-ds-component-block{margin-top:68px}.km-ds-component-heading{gap:8px;max-width:700px;margin-bottom:22px;display:grid}.km-ds-component-heading h3{font-size:1.2rem}.km-ds-component-heading p{color:var(--km-muted);font-size:.88rem;line-height:1.6}.km-ds-component-stage{background:var(--km-cream);border-radius:var(--km-radius);place-items:center;min-height:190px;padding:clamp(24px,4vw,42px);display:grid}.km-ds-component-stage.is-actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.km-ds-component-stage .km-button:disabled{opacity:.48;cursor:not-allowed;transform:none}.km-ds-code{margin-top:14px;display:block}.km-ds-field{gap:9px;width:min(500px,100%);display:grid}.km-ds-field>span{font-size:.82rem;font-weight:800}.km-ds-field input{border:1px solid var(--km-line);border-radius:var(--km-radius-sm);width:100%;min-height:52px;color:var(--km-ink);background:var(--km-white);padding:0 15px}.km-ds-field small{color:var(--km-muted);font-size:.75rem}.km-ds-example-card{background:var(--km-white);border-radius:var(--km-radius-sm);width:min(620px,100%);box-shadow:var(--km-shadow);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px;padding:26px;display:grid}.km-ds-status{width:fit-content;color:var(--km-coral-deep);background:var(--km-rose);border-radius:999px;margin-bottom:13px;padding:6px 10px;font-size:.7rem;font-weight:800;display:inline-flex}.km-ds-example-card h4{font-family:var(--font-heading), sans-serif;font-size:1.25rem}.km-ds-example-card p{color:var(--km-muted);margin-top:9px;font-size:.82rem}.km-ds-example-card>a{width:48px;height:48px;color:var(--km-white);background:var(--km-coral-deep);transition:transform .18s var(--km-ease-spring);border-radius:50%;place-items:center;display:grid}.km-ds-example-card>a:active{transform:scale(.94)}.km-ds-motion-demo{border-radius:var(--km-radius);width:100%;min-height:152px;color:var(--km-white);background:var(--km-dark);cursor:pointer;border:0;grid-template-columns:minmax(190px,.7fr) minmax(240px,1fr) auto;align-items:center;gap:28px;padding:28px;transition:transform .12s ease-out;display:grid}.km-ds-motion-demo:active{transform:scale(.985)}.km-ds-motion-copy{text-align:left;justify-items:start;gap:7px;display:grid}.km-ds-motion-copy strong{font-family:var(--font-heading), sans-serif;font-size:1.05rem}.km-ds-motion-copy small{color:var(--km-rose);font-size:.72rem}.km-ds-motion-track{background:var(--km-night-soft);border-radius:999px;height:8px;position:relative;overflow:hidden}.km-ds-motion-track i{background:var(--km-coral);width:56px;height:8px;transition:transform .4s var(--km-ease-fluid);border-radius:999px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.km-ds-motion-demo:hover .km-ds-motion-track i,.km-ds-motion-demo:focus-visible .km-ds-motion-track i{transform:translate(calc(100vw - 760px),-50%)}.km-ds-motion-rules{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px;margin-top:26px;display:grid}.km-ds-motion-rules article{border-bottom:1px solid var(--km-line);padding:24px 0}.km-ds-motion-rules h3{font-size:.95rem}.km-ds-motion-rules p{color:var(--km-muted);margin-top:8px;font-size:.82rem;line-height:1.55}.km-ds-a11y-grid{background:var(--km-dark);border-radius:var(--km-radius);grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden}.km-ds-a11y-grid article{border-right:1px solid var(--km-night-soft);min-width:0;padding:30px 24px}.km-ds-a11y-grid article:last-child{border-right:0}.km-ds-a11y-grid strong{color:var(--km-white);font-family:var(--font-heading), sans-serif;font-variant-numeric:tabular-nums;font-size:clamp(1.6rem,3vw,2.5rem)}.km-ds-a11y-grid p{color:var(--km-rose);margin-top:12px;font-size:.76rem;line-height:1.5}.km-ds-access-rules{grid-template-columns:minmax(0,1fr) minmax(280px,.65fr);gap:26px;margin-top:26px;display:grid}.km-ds-access-rules ul{margin:0;padding:0;list-style:none;display:grid}.km-ds-access-rules li{border-bottom:1px solid var(--km-line);color:var(--km-muted);grid-template-columns:22px minmax(0,1fr);align-items:start;gap:12px;padding:16px 0;font-size:.84rem;display:grid}.km-ds-access-rules li svg{color:var(--km-coral-deep)}.km-ds-focus-demo{background:var(--km-cream);border-radius:var(--km-radius-sm);text-align:center;place-content:center;gap:18px;padding:28px;display:grid}.km-ds-focus-demo p{color:var(--km-muted);font-size:.76rem}.km-ds-focus-demo a{border:1px solid var(--km-line);min-height:48px;color:var(--km-ink);background:var(--km-white);border-radius:10px;justify-content:center;align-items:center;padding:0 16px;font-size:.82rem;font-weight:800;display:inline-flex}.km-ds-table-shell{border:1px solid var(--km-line);border-radius:var(--km-radius-sm);overflow-x:auto}.km-ds-table-shell table{border-collapse:collapse;text-align:left;width:100%;min-width:720px}.km-ds-table-shell th{color:var(--km-muted);background:var(--km-cream);padding:16px 18px;font-size:.72rem;font-weight:800}.km-ds-table-shell td{border-top:1px solid var(--km-line);color:var(--km-muted);vertical-align:top;padding:20px 18px;font-size:.78rem;line-height:1.5}.km-ds-table-shell td:nth-child(2){color:var(--km-ink);font-weight:800}.km-ds-governance-rules{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:28px;display:grid}.km-ds-governance-rules article{background:var(--km-cream);border-radius:var(--km-radius-sm);padding:24px}.km-ds-governance-rules strong{color:var(--km-coral-deep);font-size:.84rem}.km-ds-governance-rules p{color:var(--km-muted);margin-top:9px;font-size:.82rem;line-height:1.55}.km-ds-checklist{counter-reset:delivery;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 44px;margin:0;padding:0;list-style:none;display:grid}.km-ds-checklist li{border-bottom:1px solid var(--km-line);color:var(--km-muted);counter-increment:delivery;grid-template-columns:22px minmax(0,1fr);align-items:start;gap:13px;padding:20px 0;font-size:.86rem;line-height:1.55;display:grid}.km-ds-checklist li svg{color:var(--km-coral-deep)}.km-ds-closing{color:var(--km-white);background:var(--km-dark);border-radius:var(--km-radius-lg);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:38px;margin-top:64px;padding:clamp(34px,5vw,58px);display:grid}.km-ds-closing h3{letter-spacing:-.035em;max-width:650px;font-size:clamp(1.9rem,3.8vw,3.7rem);line-height:1.08}.km-ds-closing p{max-width:650px;color:var(--km-rose);margin-top:18px;font-size:.92rem;line-height:1.65}@media (prefers-reduced-motion:no-preference){.km-ds-hero-copy>*{animation:km-ds-enter .65s var(--km-ease-fluid) both}.km-ds-hero-copy>:nth-child(2){animation-delay:80ms}.km-ds-hero-copy>:nth-child(3){animation-delay:.14s}.km-ds-hero-specimen{animation:km-ds-materialize .8s var(--km-ease-fluid) 80ms both}}@keyframes km-ds-enter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes km-ds-materialize{0%{opacity:0;clip-path:inset(12% 0 0 0 round var(--km-radius-lg));transform:translateY(24px)scale(.985)}to{opacity:1;clip-path:inset(0 0 0 0 round var(--km-radius-lg));transform:translateY(0)scale(1)}}@media (max-width:1080px){.km-ds-hero-grid{grid-template-columns:minmax(0,.85fr) minmax(390px,1.15fr)}.km-ds-layout{grid-template-columns:190px minmax(0,1fr);gap:46px}.km-ds-shape-row,.km-ds-a11y-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.km-ds-a11y-grid article:nth-child(2){border-right:0}.km-ds-a11y-grid article:nth-child(-n+2){border-bottom:1px solid var(--km-night-soft)}}@media (max-width:900px){.km-ds-hero{min-height:auto;padding:120px 0 74px}.km-ds-hero-grid{grid-template-columns:1fr;min-height:0}.km-ds-hero-copy{max-width:760px}.km-ds-hero-copy h1{max-width:720px}.km-ds-hero-specimen{min-height:460px}.km-ds-layout{padding-block:40px 110px;display:block}.km-ds-sidebar{z-index:20;scrollbar-width:none;background:var(--km-white);margin:0 -16px 54px;padding:10px 16px;position:sticky;top:86px;overflow-x:auto}.km-ds-sidebar::-webkit-scrollbar{display:none}.km-ds-sidebar nav>p,.km-ds-sidebar-note{display:none}.km-ds-sidebar ol{gap:4px;width:max-content;display:flex}.km-ds-sidebar a{white-space:nowrap;min-height:44px}.km-ds-section{scroll-margin-top:165px}.km-ds-type-list article{grid-template-columns:150px minmax(0,1fr)}.km-ds-layout-specimen{grid-template-columns:1fr}.km-ds-layout-specimen dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.km-ds-motion-demo{grid-template-columns:1fr auto}.km-ds-motion-track{grid-area:2/1/auto/-1}.km-ds-motion-demo:hover .km-ds-motion-track i,.km-ds-motion-demo:focus-visible .km-ds-motion-track i{transform:translate(calc(100vw - 190px),-50%)}}@media (max-width:620px){.km-ds-hero{padding:108px 0 58px}.km-ds-hero-grid{gap:44px}.km-ds-hero-copy{gap:20px}.km-ds-hero-copy h1{font-size:clamp(2.55rem,13vw,4rem)}.km-ds-hero-copy .km-button{width:100%}.km-ds-hero-specimen{border-radius:var(--km-radius);min-height:390px;padding:30px}.km-ds-specimen-copy strong{font-size:clamp(2rem,10vw,3.2rem)}.km-ds-specimen-palette{width:100%;height:44px}.km-ds-layout{padding-bottom:80px}.km-ds-section{padding-bottom:76px}.km-ds-section+.km-ds-section{padding-top:72px}.km-ds-section-header{margin-bottom:34px}.km-ds-section-header h2{font-size:clamp(2rem,10vw,3rem)}.km-ds-principles,.km-ds-color-grid,.km-ds-contrast-grid,.km-ds-motion-rules,.km-ds-governance-rules,.km-ds-checklist,.km-ds-do-list,.km-ds-rule-banner{grid-template-columns:1fr}.km-ds-color-card{grid-template-columns:92px minmax(0,1fr)}.km-ds-color-swatch{min-height:166px}.km-ds-type-list article{grid-template-columns:1fr;padding:30px 0}.km-ds-type-rule{grid-column:1}.km-ds-layout-frame{min-height:310px;padding:22px}.km-ds-layout-columns{grid-template-columns:repeat(6,1fr);inset:22px}.km-ds-layout-columns i:nth-child(n+7){display:none}.km-ds-layout-specimen dl,.km-ds-shape-row{grid-template-columns:1fr}.km-ds-shape-row article{grid-template-columns:74px minmax(0,1fr);align-items:center;gap:5px 18px;display:grid}.km-ds-shape-row article>span{grid-row:1/span 2;margin:0}.km-ds-component-stage.is-actions{flex-direction:column;align-items:stretch}.km-ds-component-stage.is-actions .km-button{width:100%}.km-ds-motion-demo{padding:24px}.km-ds-a11y-grid{grid-template-columns:1fr}.km-ds-a11y-grid article,.km-ds-a11y-grid article:nth-child(2){border-right:0;border-bottom:1px solid var(--km-night-soft)}.km-ds-a11y-grid article:last-child{border-bottom:0}.km-ds-access-rules{grid-template-columns:1fr}.km-ds-closing{grid-template-columns:1fr;align-items:start;padding:32px 26px}.km-ds-closing .km-button{width:100%}}@media (prefers-reduced-motion:reduce){.km-design-system *,.km-design-system :before,.km-design-system :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.km-ds-sidebar a:hover{transform:none}.km-ds-motion-demo:hover .km-ds-motion-track i,.km-ds-motion-demo:focus-visible .km-ds-motion-track i{background:var(--km-white);transform:translateY(-50%)}}@media (prefers-contrast:more){.km-design-system{--km-line:var(--km-ink)}.km-ds-sidebar a,.km-ds-section-header p,.km-ds-principles p,.km-ds-type-meta p,.km-ds-type-rule{color:var(--km-ink)}}