#durukit-home{font-family:var(--dk-font-body);font-synthesis:none;color:var(--dk-text);font-size:14px;line-height:1.6;word-break:keep-all;overflow-wrap:break-word;text-align:left;background:var(--dk-page)}
:root[data-theme="light"] #durukit-home{color-scheme:light}
:root[data-theme="dark"] #durukit-home{color-scheme:dark}
#durukit-home *{box-sizing:border-box}
#durukit-home [hidden]{display:none!important}
#durukit-home h1,#durukit-home h2,#durukit-home h3,#durukit-home p{padding:0;margin:0;color:inherit}
#durukit-home button{font:inherit;color:inherit;border:0;background:none;margin:0;text-align:inherit}
#durukit-home .dk-site{max-width:1280px;margin:0 auto;padding:0 52px;position:relative}
#durukit-home .dk-header{height:99px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--dk-line)}
#durukit-home .dk-brand{display:inline-flex;align-items:center;gap:11px;min-height:44px;padding:4px 0;white-space:nowrap}
#durukit-home .dk-brand img{display:block;object-fit:contain}
#durukit-home .dk-brand>span{font-family:"Segoe UI",sans-serif;font-size:28px;line-height:1;font-weight:650;letter-spacing:-1.2px}
#durukit-home .dk-brand-period{color:var(--dk-accent-ink)}
:root[data-theme="dark"] #durukit-home .dk-brand img{background:#fafaf7;border-radius:8px;padding:3px}
@media(prefers-color-scheme:dark){:root:not([data-theme]) #durukit-home .dk-brand img{background:#fafaf7;border-radius:8px;padding:3px}}
#durukit-home .dk-nav{display:flex;align-items:center;gap:25px}
#durukit-home .dk-nav>a{font-size:13px;min-height:44px;padding:8px 0;white-space:nowrap;font-weight:700}
#durukit-home .dk-theme{display:grid;place-items:center;width:44px;padding:10px;border:1px solid var(--dk-line);border-radius:50%;margin-left:3px}
#durukit-home .dk-theme svg{width:17px;height:17px;stroke-width:1.6}
#durukit-home .dk-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;padding:64px 0 57px}
#durukit-home .dk-eyebrow{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:700;letter-spacing:-.2px;margin-bottom:20px}
#durukit-home .dk-tiny-mark{display:inline-block;width:9px;height:9px;background:var(--dk-accent);border-radius:2px}
#durukit-home h1{font-size:clamp(40px,5.8vw,67px);line-height:1.26;font-weight:800;letter-spacing:-.03em}
#durukit-home .dk-fullstop{color:var(--dk-accent-ink)}
#durukit-home .dk-hero-aside{padding-bottom:5px;min-width:183px}
#durukit-home .dk-hero-aside p{font-size:14px;line-height:1.7;color:var(--dk-muted);font-weight:700}
#durukit-home .dk-jump{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--dk-line);border-radius:50%;margin-top:19px}
#durukit-home .dk-jump svg{width:18px;height:18px;stroke-width:1.5}
#durukit-home .dk-tool-grid{display:grid;grid-template-columns:minmax(0,1fr)}
#durukit-home .dk-tool{min-width:0;position:relative;border-radius:var(--dk-radius-feature)}
#durukit-home .dk-ledger{background:var(--dk-soft);display:flex;align-items:center;padding:34px;min-height:332px;overflow:hidden}
#durukit-home .dk-tool-copy{position:relative;z-index:2}
#durukit-home .dk-index{font-family:"NanumSquareRound","Malgun Gothic",sans-serif;font-size:11px;font-weight:700;letter-spacing:.3px;color:var(--dk-muted)}
#durukit-home .dk-index>span{padding:0 6px;font-weight:400;color:var(--dk-muted)}
#durukit-home .dk-tool h2{font-size:27px;font-weight:800;line-height:1.4;letter-spacing:-.03em;margin:29px 0 11px}
#durukit-home .dk-tool p{font-size:14px;line-height:1.7;color:var(--dk-muted);font-weight:700}
#durukit-home .dk-open{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:45px;border-radius:8px;padding:12px 16px;background:var(--dk-action);color:var(--dk-on-action);font-size:13px;font-weight:700;line-height:1.6;white-space:nowrap;margin-top:29px;transition:transform .18s ease,box-shadow .18s ease}
#durukit-home .dk-open svg{display:block;width:15px;height:15px;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
#durukit-home .dk-open:hover{transform:translateY(-2px);box-shadow:0 5px 12px var(--dk-book-shadow)}
#durukit-home .dk-book-art{position:absolute;right:24px;top:54px;width:175px;height:233px;transform:rotate(8deg);color:#263238}
#durukit-home .dk-book-shadow{position:absolute;inset:17px -2px -3px 12px;background:var(--dk-book-shadow);filter:blur(10px);border-radius:10px}
#durukit-home .dk-book{position:absolute;inset:0;background:#ffad65;border-radius:4px 11px 11px 4px;box-shadow:inset -4px 0 #e99148,4px 3px 0 #fff1d8,6px 5px 0 #e6a56c;display:flex;flex-direction:column;align-items:flex-start;padding:20px 23px;overflow:hidden}
#durukit-home .dk-book-spine{position:absolute;left:10px;top:0;bottom:0;width:1px;background:#a65e2938}
#durukit-home .dk-book-top{font-size:9px;font-weight:400;letter-spacing:-.3px}
#durukit-home .dk-book-symbol{font-family:"Segoe UI",sans-serif;font-size:47px;font-weight:700;line-height:1;margin:24px 0 15px;letter-spacing:-4px}
#durukit-home .dk-book-title{font-size:12px;line-height:1.7;letter-spacing:-.4px}
#durukit-home .dk-book-title b{font-weight:700}
#durukit-home .dk-book-bottom{margin-top:auto;font-family:"Segoe UI",sans-serif;font-size:12px;font-weight:650;letter-spacing:-.5px}
#durukit-home .dk-book-band{position:absolute;right:15px;top:0;bottom:0;width:5px;background:#263238}
#durukit-home .dk-book-tab{position:absolute;right:-19px;top:27px;background:#fff2d5;color:#705233;writing-mode:vertical-rl;padding:10px 6px;border-radius:0 3px 3px 0;font-size:10px;letter-spacing:2px;z-index:-1}
#durukit-home .dk-about{display:grid;grid-template-columns:150px 1fr 60px;gap:24px;align-items:start;border-top:1px solid var(--dk-line);margin-top:43px;padding:34px 0 37px}
#durukit-home .dk-about-label{font-size:11px;color:var(--dk-muted);padding-top:4px}
#durukit-home .dk-about h2{font-size:18px;line-height:1.6;letter-spacing:-.65px;font-weight:700;margin-bottom:8px}
#durukit-home .dk-about p{font-size:14px;line-height:1.7;color:var(--dk-muted);font-weight:400}
#durukit-home .dk-about-mark{width:60px;height:60px;border:1px solid var(--dk-line);border-radius:50%;display:grid;place-items:center;background:#fafaf7;transform:rotate(-12deg)}
#durukit-home .dk-about-mark img{display:block;width:31px;height:31px}
#durukit-home .dk-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:78px;padding:15px 0;border-top:1px solid var(--dk-line);color:var(--dk-muted);font-size:10px}
#durukit-home .dk-footer>div{display:flex;align-items:center;gap:16px}
#durukit-home .dk-footer-name{font-family:"Segoe UI",sans-serif;font-size:14px;font-weight:650;letter-spacing:-.5px;color:var(--dk-text)}
#durukit-home .dk-contact{display:flex;align-items:center;gap:11px;min-height:44px;font-size:13px;font-weight:700}
#durukit-home .dk-contact svg{width:14px;height:14px;stroke-width:1.5}
#durukit-home .dk-message{padding:14px 0 22px;font-size:12px;line-height:1.8;color:var(--dk-text);overflow-wrap:anywhere}
#durukit-home .dk-sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(min-width:1150px){#durukit-home .dk-book-art{right:49px;width:188px;height:243px}}
@media(max-width:900px){#durukit-home .dk-site{padding:0 34px}#durukit-home .dk-hero{gap:22px}#durukit-home h1{font-size:52px;letter-spacing:-.03em;font-weight:800}#durukit-home .dk-hero-aside{min-width:155px}#durukit-home .dk-hero-aside p{font-size:14px;font-weight:700;line-height:1.7}#durukit-home .dk-ledger{padding:27px}#durukit-home .dk-tool-grid{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:15px}#durukit-home .dk-tool h2{font-size:24px;font-weight:800;letter-spacing:-.03em}#durukit-home .dk-book-art{width:137px;height:206px;right:22px;top:70px}#durukit-home .dk-book{padding:20px}#durukit-home .dk-book-top{font-size:8px}#durukit-home .dk-book-symbol{font-size:39px;margin:19px 0 12px}#durukit-home .dk-about{grid-template-columns:122px 1fr 60px}}
@media(max-width:760px){#durukit-home .dk-site{padding:0 25px}#durukit-home .dk-header{height:84px}#durukit-home .dk-hero{display:block;padding:43px 0}#durukit-home .dk-hero-aside{display:flex;justify-content:space-between;align-items:flex-end;margin-top:20px;padding:0}#durukit-home .dk-hero-aside p br{display:none}#durukit-home .dk-hero-aside p{font-size:14px;max-width:320px;margin-right:20px;font-weight:700;line-height:1.7}#durukit-home .dk-jump{flex-shrink:0;margin:0}#durukit-home .dk-tool-grid{grid-template-columns:1fr}#durukit-home .dk-ledger{min-height:302px;padding:30px}#durukit-home .dk-tool h2{font-size:28px;font-weight:800;letter-spacing:-.03em}#durukit-home .dk-book-art{width:163px;height:221px;right:38px;top:40px}#durukit-home .dk-book-top{font-size:9px}#durukit-home .dk-book-symbol{font-size:44px}#durukit-home .dk-about{grid-template-columns:1fr 60px;gap:13px;margin-top:32px;padding:27px 0}#durukit-home .dk-about-label{grid-column:1/-1}#durukit-home .dk-about-mark{grid-column:2;grid-row:2}#durukit-home .dk-footer>div{gap:12px}}
@media(max-width:480px){#durukit-home .dk-site{padding:0 21px}#durukit-home .dk-header{height:78px;gap:12px}#durukit-home .dk-brand{gap:8px}#durukit-home .dk-brand img{width:28px;height:28px}#durukit-home .dk-brand>span{font-size:25px}#durukit-home .dk-nav{gap:16px}#durukit-home .dk-nav>a{font-size:13px;font-weight:700}#durukit-home .dk-nav>a.dk-about-link{display:none}#durukit-home .dk-theme{margin:0;border:0;width:36px;padding:8px}#durukit-home .dk-eyebrow{font-size:11px;margin-bottom:18px}#durukit-home h1{font-size:clamp(36px,10.1vw,47px);letter-spacing:-.03em;line-height:1.3;font-weight:800}#durukit-home .dk-hero{padding:38px 0 34px}#durukit-home .dk-hero-aside{margin-top:18px;align-items:center}#durukit-home .dk-hero-aside p{font-size:14px;max-width:228px;line-height:1.7;font-weight:700}#durukit-home .dk-hero-aside p br:first-child{display:block}#durukit-home .dk-jump{width:40px;height:40px}#durukit-home .dk-ledger{padding:25px 22px;min-height:290px}#durukit-home .dk-tool h2{font-size:24px;margin-top:27px;letter-spacing:-.03em;font-weight:800}#durukit-home .dk-tool p{font-size:14px;font-weight:700;line-height:1.7}#durukit-home .dk-book-art{width:122px;height:188px;right:17px;top:47px}#durukit-home .dk-book{padding:16px 18px}#durukit-home .dk-book-top{display:none}#durukit-home .dk-book-symbol{font-size:37px;margin:15px 0 18px}#durukit-home .dk-book-title{font-size:11px}#durukit-home .dk-book-bottom{font-size:11px}#durukit-home .dk-book-band{right:10px;width:4px}#durukit-home .dk-book-tab{display:none}#durukit-home .dk-open{gap:10px;padding:11px 13px;font-size:13px;min-height:44px;margin-top:27px;font-weight:700}#durukit-home .dk-about{grid-template-columns:1fr 48px;gap:11px}#durukit-home .dk-about h2{font-size:16px}#durukit-home .dk-about p{font-size:14px;font-weight:400;line-height:1.7}#durukit-home .dk-desktop-break{display:none}#durukit-home .dk-about-mark{width:48px;height:48px;margin-top:6px}#durukit-home .dk-about-mark img{width:26px;height:26px}#durukit-home .dk-footer{align-items:center;gap:10px;font-size:10px}#durukit-home .dk-footer>div{display:block}#durukit-home .dk-footer-name{display:block;margin-bottom:3px}#durukit-home .dk-contact{gap:5px;font-size:13px;font-weight:700}}
@media(max-width:360px){#durukit-home .dk-site{padding:0 17px}#durukit-home .dk-nav{gap:10px}#durukit-home .dk-brand>span{font-size:23px}#durukit-home h1{font-size:35px;font-weight:800;letter-spacing:-.03em}#durukit-home .dk-ledger{padding:22px 19px;min-height:287px}#durukit-home .dk-tool h2{font-size:22px;font-weight:800;letter-spacing:-.03em}#durukit-home .dk-book-art{width:92px;height:162px;right:14px;top:58px}#durukit-home .dk-book{padding:13px 15px}#durukit-home .dk-book-symbol{font-size:32px;margin:13px 0}#durukit-home .dk-book-title{font-size:10px}#durukit-home .dk-book-bottom{font-size:10px}#durukit-home .dk-book-band{right:7px;width:3px}#durukit-home .dk-book-spine{left:6px}#durukit-home .dk-about h2{font-size:15px}}
@media(prefers-reduced-motion:reduce){#durukit-home .dk-open{transition:none;font-size:13px;font-weight:700}}
@media(pointer:coarse){#durukit-home .dk-theme,#durukit-home .dk-jump{width:44px;height:44px}}
/* Single-tool launch layout; the approved two-tool source remains unchanged. */
#durukit-home .dk-tool-grid{grid-template-columns:minmax(0,1fr)}
@media(min-width:761px){
  #durukit-home .dk-ledger{padding:38px 48px;min-height:326px}
  #durukit-home .dk-tool h2{font-size:32px;margin-top:20px}
  #durukit-home .dk-book-art{right:14%;top:43px;width:184px;height:240px}
  #durukit-home .dk-book{padding:20px 23px}
  #durukit-home .dk-book-top{font-size:9px}
  #durukit-home .dk-book-symbol{font-size:47px;margin:24px 0 15px}
}
@media(min-width:1150px){
  #durukit-home .dk-ledger{padding:42px 58px;min-height:342px}
  #durukit-home .dk-book-art{right:15%;top:43px;width:192px;height:254px}
}

/* Product integration: common controls, accessible states, and root-based theme. */
:root{--dk-book-shadow:#62584721}
:root[data-theme="dark"]{--dk-book-shadow:#00000030}
@media(prefers-color-scheme:dark){:root:not([data-theme]){--dk-book-shadow:#00000030}}
html,body{margin:0;background:var(--dk-page);color:var(--dk-text)}
html{scroll-padding-top:24px}
[hidden]{display:none!important}
#durukit-home a{color:inherit;text-decoration:none}
#durukit-home svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
#durukit-home button{cursor:pointer}
a:focus-visible,button:focus-visible,[tabindex="-1"]:focus-visible{outline:2px solid var(--dk-accent-ink);outline-offset:2px}
.skip-link{position:absolute;top:-100px;left:16px;padding:12px 16px;background:var(--dk-action);color:var(--dk-on-action);z-index:5}
.skip-link:focus{top:8px}
#durukit-home .dk-header{height:auto;min-height:99px;padding-block:12px;flex-wrap:wrap}
#durukit-home .dk-header-start{display:flex;align-items:center;gap:12px;min-width:0}
#durukit-home .dk-header-start .dk-theme{flex-shrink:0;margin:0}
#durukit-home .dk-nav{margin-left:auto}
#durukit-home .dk-nav>a,#durukit-home .dk-contact{display:inline-flex;align-items:center;min-height:48px;font-size:14px;font-weight:700}
#durukit-home .dk-nav>a:hover,#durukit-home .dk-contact:hover{text-decoration:underline;text-underline-offset:5px}
#durukit-home .dk-theme{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:auto;min-height:48px;min-width:48px;padding:10px 12px;border:1px solid var(--dk-control);border-radius:8px;background:var(--dk-field);font-size:14px;font-weight:700}
#durukit-home .dk-theme:hover,#durukit-home .dk-jump:hover{background:var(--dk-hover)}
#durukit-home .dk-theme[aria-pressed="true"]{background:var(--dk-selected);color:var(--dk-accent-ink);border-color:var(--dk-accent-ink)}
#durukit-home .dk-theme svg{width:18px;height:18px}
#durukit-home .dk-theme[aria-pressed="false"] .theme-moon,#durukit-home .dk-theme[aria-pressed="true"] .theme-sun{display:none}
#durukit-home .dk-jump{width:48px;height:48px;border-color:var(--dk-control);background:var(--dk-field);border-radius:8px}
#durukit-home .dk-open{min-height:48px;font-size:14px;font-weight:700;color:var(--dk-on-action);transition:none;white-space:normal}
#durukit-home .dk-open:hover{transform:none;box-shadow:none;background:var(--dk-action-hover)}
#durukit-home .dk-open svg{stroke-width:2.8}
#durukit-home .dk-eyebrow,#durukit-home .dk-index,#durukit-home .dk-about-label,#durukit-home .dk-footer{font-size:13px}
#durukit-home .dk-about h2{font-size:18px;font-weight:800}
#durukit-home .dk-brand{min-height:48px}
#durukit-home .dk-theme .theme-label{white-space:nowrap}
#durukit-home .theme-feedback{font-size:13px;line-height:1.7;color:var(--dk-info);background:var(--dk-info-bg);border:1px solid var(--dk-control);border-radius:6px;padding:12px 16px;margin-bottom:16px}
#durukit-home .theme-feedback:empty{display:none}
@media(max-width:760px){#durukit-home .dk-header{min-height:84px}#durukit-home .theme-label{display:none}#durukit-home .dk-theme{width:48px;padding:10px}}
@media(max-width:480px){#durukit-home .dk-header{min-height:78px}#durukit-home .dk-nav .dk-about-link{display:none}}
/* Keep enlarged text clear of the illustration; it moves below only when needed. */
@media(max-width:760px){
  #durukit-home .dk-ledger{flex-wrap:wrap;gap:24px 8px}
  #durukit-home .dk-tool-copy{flex:1 1 min-content;min-width:0}
  #durukit-home .dk-book-art{position:relative;top:auto;right:auto;flex-shrink:0;margin:8px 4px 8px auto}
}
@media(max-width:360px){#durukit-home .dk-book-art{transform:translateX(6px) rotate(8deg)}}