.tb-jdxf{--ink:#171d21;--cyan:#04a9a5;--electric:#04d9d2;--blue:#142f3b;--mist:#e5f2ef;--paper:#f6f3e9;--line:#b9c8c4;color:var(--ink)}.tb-jdxf *{box-sizing:border-box}.tb-jdxf .tb-shell{width:min(1180px,calc(100% - 44px));margin:auto}.tb-jdxf h1,.tb-jdxf h2,.tb-jdxf h3{font-family:Georgia,serif;letter-spacing:-.035em;margin:0}.tb-jdxf p{line-height:1.67}.tb-jdxf a{color:inherit}.tb-jdxf-tag{font:800 11px system-ui;letter-spacing:.16em;color:#087a78}.tb-jdxf-btn{display:inline-block;background:var(--cyan);color:#fff!important;border:0;padding:15px 21px;text-decoration:none;font:800 14px system-ui;cursor:pointer}.tb-jdxf-btn:disabled{opacity:.45;cursor:not-allowed}.tb-jdxf-link{border:0;background:none;padding:0;color:#087a78;text-decoration:underline;font-weight:800;cursor:pointer}.tb-jdxf-hero{padding:34px 0 80px;background:var(--paper)}.tb-jdxf-hero nav{font-size:13px;color:#677579;margin-bottom:62px}.tb-jdxf-hero .tb-shell>div{max-width:950px}.tb-jdxf h1{font-size:clamp(48px,6.5vw,84px);line-height:.97}.tb-jdxf h1 em{font-weight:400;color:#087a78}.tb-jdxf-hero p:not(.tb-jdxf-tag){font-size:18px;max-width:760px}.tb-jdxf-truth{padding:24px 0;background:var(--electric)}.tb-jdxf-truth .tb-shell{display:grid;grid-template-columns:190px 1fr;gap:30px}.tb-jdxf-truth b{font:800 12px system-ui;letter-spacing:.12em;margin-top:7px}.tb-jdxf-truth p{margin:0}.tb-jdxf-tool{padding:80px 0;background:var(--blue);color:#fff}.tb-jdxf-tool .tb-shell{display:grid;grid-template-columns:.75fr 1.25fr;gap:28px}.tb-jdxf-panel,.tb-jdxf-preview{background:#fff;color:var(--ink);padding:24px}.tb-jdxf-drop{position:relative;border:2px dashed #7ea29d;padding:34px 24px;text-align:center;background:var(--mist)}.tb-jdxf-drop.is-over{border-color:var(--cyan);background:#cdf5ef}.tb-jdxf-drop input{position:absolute;inset:0;opacity:0;cursor:pointer}.tb-jdxf-drop span{display:grid;place-items:center;width:70px;height:70px;margin:0 auto 20px;border-radius:50%;background:var(--blue);color:var(--electric);font-weight:900}.tb-jdxf-drop h2{font-size:34px}.tb-jdxf-controls{margin-top:23px;display:grid;gap:17px}.tb-jdxf-controls label{font-weight:800}.tb-jdxf-controls input[type=range],.tb-jdxf-controls input[type=number]{display:block;width:100%;margin-top:7px}.tb-jdxf-controls input[type=number]{padding:10px}.tb-jdxf-controls output{float:right;color:#087a78}.tb-jdxf-controls small{display:block;color:#697579}.tb-jdxf-check input{display:inline!important;width:auto!important}.tb-jdxf-controls>div{display:flex;gap:17px;align-items:center}.tb-jdxf-preview header{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:18px}.tb-jdxf-preview h2{font-size:36px}.tb-jdxf-preview header>div:last-child{font:800 12px system-ui;text-align:right;color:#50666a}.tb-jdxf-canvas-wrap{background:#d8dedc;min-height:400px;display:grid;place-items:center;overflow:auto}.tb-jdxf canvas{display:block;max-width:100%;height:auto;background:#fff}.tb-jdxf #jdxf-status{padding-top:15px}.tb-jdxf-steps,.tb-jdxf-quality,.tb-jdxf-faq{padding:88px 0}.tb-jdxf-steps header,.tb-jdxf-quality header{max-width:780px;margin-bottom:34px}.tb-jdxf-steps ol{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.tb-jdxf-steps li{padding:22px;background:var(--paper);border-top:5px solid var(--cyan)}.tb-jdxf-steps li>b{color:#087a78}.tb-jdxf-steps h3{font-size:26px;margin-top:20px}.tb-jdxf-fit{padding:85px 0;background:var(--mist)}.tb-jdxf-fit .tb-shell{display:grid;grid-template-columns:1fr 1fr;gap:70px}.tb-jdxf h2{font-size:clamp(38px,4.6vw,58px);line-height:1.04}.tb-jdxf-fit ul{padding-left:20px;line-height:2}.tb-jdxf-quality .tb-shell>div{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.tb-jdxf-quality article{background:var(--blue);color:#fff;padding:21px}.tb-jdxf-quality b{font:800 11px system-ui;color:var(--electric)}.tb-jdxf-spec{padding:75px 0;background:var(--paper)}.tb-jdxf-spec .tb-shell{display:grid;grid-template-columns:1fr 1fr;gap:75px}.tb-jdxf-spec a{color:#087a78;font-weight:800}.tb-jdxf-faq .tb-shell{display:grid;grid-template-columns:.75fr 1.25fr;gap:75px}.tb-jdxf-faq details{border-top:1px solid var(--line);padding:18px 0}.tb-jdxf-faq summary{display:flex;justify-content:space-between;gap:20px;font:700 19px Georgia;cursor:pointer}.tb-jdxf-close{padding:75px 0;background:var(--blue);color:#fff}.tb-jdxf-close .tb-shell{display:flex;justify-content:space-between;align-items:end}.tb-jdxf-close h2{font-size:50px}.tb-jdxf-close em{font-weight:400;color:var(--electric)}
@media(max-width:900px){.tb-jdxf-tool .tb-shell,.tb-jdxf-fit .tb-shell,.tb-jdxf-spec .tb-shell,.tb-jdxf-faq .tb-shell{grid-template-columns:1fr}.tb-jdxf-steps ol,.tb-jdxf-quality .tb-shell>div{grid-template-columns:1fr 1fr}.tb-jdxf-close .tb-shell{display:block}}
@media(max-width:600px){.tb-jdxf .tb-shell{width:calc(100% - 28px)}.tb-jdxf h1{font-size:43px}.tb-jdxf-truth .tb-shell,.tb-jdxf-steps ol,.tb-jdxf-quality .tb-shell>div{grid-template-columns:1fr}.tb-jdxf-preview header{display:block}.tb-jdxf-preview header>div:last-child{text-align:left;margin-top:10px}.tb-jdxf-steps,.tb-jdxf-quality,.tb-jdxf-faq{padding:66px 0}}