:root {
  --bg:#e9e9e4;
  --panel:#dedfd9;
  --paper:#242725;
  --muted:#565c57;
  --line:#babeb7;
  --accent:#343e38;
  --charcoal:#222624;
  --light:#f7f7f2;
}
body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}.brand{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:750}.brand span{color:var(--muted)}.language-switch a[aria-current="page"]{background:var(--paper);color:var(--bg)}.eyebrow{font:10px/1.6 "SFMono-Regular",Consolas,monospace;letter-spacing:.12em;color:var(--muted)}.tools-hero{padding:64px 0 65px}.tools-hero h1{font-size:clamp(60px,9vw,108px);font-weight:650;letter-spacing:-.065em;line-height:.98;margin:35px 0 33px}.tools-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:28px}.tools-intro p{color:var(--muted);font-size:16px;line-height:1.8;margin:0}.tools-intro a{flex-shrink:0;font-size:12px;font-weight:600;text-decoration:none;padding-bottom:7px;border-bottom:1px solid var(--paper)}.tools-intro a span{margin-left:25px}.tools-products{padding-bottom:62px;border-bottom:1px solid var(--line)}.tools-section-label{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:20px 0 25px;font:10px monospace;letter-spacing:.12em}.tools-section-label h2{font:inherit;margin:0}.tools-section-label>span{color:var(--muted)}.tools-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.product-face{height:310px;padding:25px;display:flex;flex-direction:column;justify-content:space-between;text-decoration:none;border:1px solid #8f9690;transition:border-color .15s}.product-face:hover{border-color:var(--paper)}.face-top,.face-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;font:9px/1.5 monospace;letter-spacing:.04em}.face-bottom{font-size:8px}.face-bottom>span:last-child{font-size:22px}.converter-face{background:#a8adaa url('/assets/surface-grain.png') repeat;color:#232826}.converter-mark{width:100%;height:auto;max-height:60px;object-fit:contain}.tiny-squares{display:flex;gap:6px}.tiny-squares i{width:8px;height:8px;background:#385b70}.tiny-squares i:last-child{background:#a55049}.converter-diagram{display:flex;align-items:center;justify-content:center;gap:20px}.converter-diagram b{font-weight:400;font-size:25px}.file-chip{display:block;padding:17px 15px;background:#ecefe8;font:10px monospace;border:1px solid #7f8983;border-radius:2px}.out-file{border-bottom:4px solid #385b70}.kick-face{background:#202120;color:#f2f1ec;border-color:#303530}.kick-face:hover{border-color:#ee873f}.mini-kick-mark{display:flex;align-items:baseline;gap:15px;font-weight:900;line-height:.8;letter-spacing:-.065em}.mini-kick-mark>span{font-size:91px;color:#ee873f}.mini-kick-mark>strong{font-size:52px;font-weight:900;letter-spacing:-.07em}.mini-keyboard{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;height:65px;position:relative;max-width:350px;width:100%;margin:0 auto}.mini-keyboard>span{background:#f2f1ec;border-radius:2px;box-shadow:inset 0 -4px #0002}.mini-keyboard>.selected{background:#ee873f}.mini-keyboard i{position:absolute;top:0;width:8%;height:62%;background:#151615;border-radius:0 0 2px 2px;left:calc(var(--key)*100%/7 - 4%);border:1px solid #777b74;box-shadow:0 2px 2px #0005}.product-copy{padding:24px 0 0}.product-state{font:10px/1.5 monospace;color:var(--muted)}.product-copy h3{font-size:28px;line-height:1.3;letter-spacing:-.04em;font-weight:600;margin:14px 0}.product-copy p{color:var(--muted);font-size:14px;line-height:1.85;margin:0 0 22px;max-width:430px}.product-copy>a{font-size:12px;font-weight:600;text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:7px}.product-copy>a span{margin-left:18px}.tools-approach{display:grid;grid-template-columns:1fr 2.1fr;gap:30px;padding:65px 0;border-bottom:1px solid var(--line)}.tools-approach h2{font-size:42px;line-height:1.12;letter-spacing:-.04em;font-weight:550;margin:0 0 25px}.tools-approach p{font-size:15px;line-height:1.85;color:var(--muted);max-width:620px}.tools-approach .small-copy{font-size:12px;margin-top:25px}.company .company-detail{margin-top:15px}.company strong{font-weight:500}.footer{flex-wrap:wrap}.footer-links{flex:1;justify-content:center}html[lang="ja"] .tools-hero h1{font-size:clamp(54px,7vw,86px);line-height:1.25;letter-spacing:-.06em}html[lang="ja"] .tools-approach h2{line-height:1.5}
@media(max-width:950px){.product-face{padding:20px;height:285px}.mini-kick-mark>span{font-size:78px}.mini-kick-mark>strong{font-size:43px}.file-chip{padding:14px 10px;font-size:9px}.converter-diagram{gap:12px}.product-copy h3{font-size:25px}}
@media(max-width:760px){.tools-hero{padding:40px 0}.tools-hero h1{font-size:clamp(50px,11vw,72px);margin:27px 0}.tools-hero>.eyebrow{font-size:8px;letter-spacing:.04em}html[lang="ja"] .tools-hero h1{font-size:clamp(49px,10vw,70px)}.tools-intro{display:block}.tools-intro p{font-size:14px}.tools-intro a{display:inline-block;margin-top:23px}.tools-grid{grid-template-columns:1fr;gap:39px}.product-face{height:285px;padding:25px}.mini-kick-mark>span{font-size:89px}.mini-kick-mark>strong{font-size:50px}.tools-products{padding-bottom:44px}.product-copy h3{font-size:26px}.tools-approach{grid-template-columns:1fr;gap:22px;padding:43px 0}.tools-approach h2{font-size:33px}.tools-approach p{font-size:14px}.footer-links{justify-content:flex-start}}
@media(max-width:380px){.product-face{padding:18px}.face-top{font-size:8px}.mini-kick-mark>span{font-size:79px}.mini-kick-mark>strong{font-size:45px}}
@media(prefers-reduced-motion:reduce){.product-face{transition:none}}
/* Keep both product choices close to the first screen. */
.tools-hero{display:grid;grid-template-columns:1.1fr 1fr;column-gap:64px;row-gap:27px;padding:43px 0 48px;align-items:end}.tools-hero>.eyebrow{grid-column:1/-1}.tools-hero h1{font-size:clamp(52px,6.8vw,82px);margin:0}.tools-intro{display:flex;flex-direction:column;align-items:flex-start;gap:22px;padding-bottom:6px}.tools-intro p{font-size:15px;max-width:430px}.tools-intro a{margin:0}html[lang="ja"] .tools-hero h1{font-size:clamp(50px,5.5vw,68px);line-height:1.23}
@media(max-width:760px){.tools-hero{grid-template-columns:1fr;gap:23px;padding:35px 0 38px}.tools-hero h1{font-size:clamp(51px,10vw,70px)}html[lang="ja"] .tools-hero h1{font-size:clamp(47px,9vw,65px)}.tools-intro{gap:20px;padding:0}.tools-intro p{font-size:14px}}

/* Product portraits: actual converter interface, with its own material and depth. */
.product-face{height:365px;position:relative;overflow:hidden;padding:26px}
.converter-face{isolation:isolate;background:radial-gradient(ellipse at 25% 20%,#777f7b 0%,#474d49 52%,#292e2b 100%);border-color:#3d4540;color:#f0f1eb}
.converter-face:before{content:"";position:absolute;inset:0;background:url('/assets/surface-grain.png');opacity:.14;z-index:-1;pointer-events:none}
.converter-face .face-top,.converter-face .face-bottom{z-index:2;position:relative}
.converter-face .face-top{color:#e3e6df}
.converter-face .face-bottom{margin:auto -26px -26px;padding:28px 26px 20px;background:linear-gradient(transparent,#232824 55%)}
.converter-product-shot{position:absolute;width:79%;max-width:410px;left:12%;top:67px;transform:perspective(950px) rotateY(-8deg) rotateX(6deg) rotateZ(-5deg);transform-origin:center 20%;transition:transform .25s ease}
.converter-product-shot img{display:block;width:100%;height:auto;border-radius:8px;box-shadow:13px 20px 27px #0c110b88,0 0 0 1px #ffffff24}
.converter-face:hover .converter-product-shot{transform:perspective(950px) rotateY(-4deg) rotateX(4deg) rotateZ(-3deg) translateY(-4px)}
.converter-face .tiny-squares i{background:#6b9bb8}.converter-face .tiny-squares i:last-child{background:#c66c62}
.mini-kick-mark{font-family:Impact,"Arial Narrow",sans-serif;font-weight:900;letter-spacing:0;gap:17px}
.mini-kick-mark>span,.mini-kick-mark>strong{font-size:82px;letter-spacing:0;font-weight:900}
.mini-keyboard{height:85px;max-width:380px}
.face-top{font-size:10px}.face-bottom{font-size:9px}
@media(max-width:950px) and (min-width:761px){.product-face{height:340px;padding:22px}.converter-product-shot{width:88%;left:6%;top:83px}.converter-face .face-bottom{margin:auto -22px -22px;padding:28px 22px 18px}.mini-kick-mark>span,.mini-kick-mark>strong{font-size:70px}}
@media(max-width:760px){.product-face{height:365px}.converter-product-shot{width:80%;left:11%;top:68px}.mini-kick-mark>span,.mini-kick-mark>strong{font-size:82px}}
@media(max-width:420px){.product-face{height:330px;padding:21px}.converter-product-shot{width:89%;left:6%;top:73px}.converter-face .face-bottom{margin:auto -21px -21px;padding:28px 21px 17px}.face-top{font-size:9px}.face-bottom{font-size:8px}.mini-kick-mark>span,.mini-kick-mark>strong{font-size:74px}}
@media(prefers-reduced-motion:reduce){.converter-product-shot{transition:none}.converter-face:hover .converter-product-shot{transform:perspective(950px) rotateY(-8deg) rotateX(6deg) rotateZ(-5deg)}}