:root{color-scheme:light;font-family:Inter,"Noto Sans SC","Microsoft YaHei",system-ui,sans-serif;color:#17302d;background:#f7f5f0}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0}
button,select,textarea{font:inherit}
button{cursor:pointer}
a{color:inherit}
.site-shell{max-width:1280px;margin:auto;padding:0 36px}
.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dde5db}
.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-size:23px;font-weight:760;letter-spacing:-.04em}
.brand-mark{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#185b4b;color:white;font-size:23px;font-family:Georgia,serif}
.site-nav{display:flex;align-items:center;gap:27px;font-size:14px;font-weight:600}
.site-nav a{text-decoration:none}
.site-nav a:hover{text-decoration:underline}
.nav-future{color:#68817a;white-space:nowrap}
.nav-future small{display:block;font-size:10px;letter-spacing:.02em;color:#98a6a0}
.hero{padding:70px 0 38px;max-width:760px}
.eyebrow,.section-kicker{font-size:11px;font-weight:800;letter-spacing:.19em;color:#258971}
.hero h1{font-size:clamp(38px,5vw,66px);line-height:1.17;letter-spacing:-.055em;margin:20px 0 22px;font-weight:790}
.hero h1 em{font-style:normal;color:#208771}
.hero p{max-width:590px;font-size:17px;line-height:1.8;color:#61746d;margin:0}
.translator-card{background:#fff;border:1px solid #e2e8e2;border-radius:24px;box-shadow:0 22px 70px rgba(19,63,49,.07);padding:30px}
.card-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}
.section-kicker{margin:0 0 8px}
.card-heading h2{margin:0;font-size:25px;letter-spacing:-.03em}
.guest-badge{background:#e9f6ed;color:#1c765a;border-radius:99px;padding:8px 14px;font-size:12px;font-weight:700}
.toolbar{display:flex;gap:16px;align-items:end;margin-bottom:18px;flex-wrap:wrap}
.direction-control{display:flex;align-items:center;gap:15px;min-height:44px;margin-right:auto;font-weight:700}
.direction-control button{border:1px solid #bfd9cf;background:#eff8f3;color:#17644e;border-radius:50%;width:38px;height:38px;font-size:23px;line-height:1}
.field{display:flex;flex-direction:column;gap:7px;min-width:170px}
.field label,.panel-top{font-size:13px;font-weight:700;color:#48655b}
.field select{height:43px;min-width:170px;padding:0 12px;border:1px solid #d4e0d7;border-radius:10px;background:#fff;color:#17302d}
.industry-field[hidden]{display:none}
.translation-panels{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.panel{min-height:300px;border:1px solid #dce6dd;border-radius:16px;display:flex;flex-direction:column;padding:18px;background:#fff}
.result-panel{background:#f5faf6}
.panel-top,.panel-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}
.panel-top button{border:0;background:none;color:#1c765a;font-size:12px;font-weight:700}
.panel-top button:disabled{color:#9caca4;cursor:not-allowed}
textarea{border:0;outline:0;resize:vertical;min-height:180px;width:100%;padding:20px 0;background:transparent;color:#17302d;line-height:1.7;font-size:16px}
textarea::placeholder{color:#a9b9ae}
.panel-bottom{min-height:46px;color:#86998e;font-size:12px}
#translate-button{border:0;background:#176d55;color:white;border-radius:11px;padding:12px 18px;font-size:14px;font-weight:700}
#translate-button:hover{background:#0e5844}
#translate-button:disabled{background:#9eb6aa;cursor:not-allowed}
#translation-result{font-size:17px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;margin:17px 0 auto}
.result-placeholder{color:#a8b8ad}
#translation-status{color:#b64b38}
#translation-status.is-success{color:#176d55}
.below-card{margin:17px 3px 80px;color:#83958b;font-size:12px}
footer{border-top:1px solid #dde5db;display:flex;justify-content:space-between;padding:24px 0 38px;color:#9aaba1;font-size:12px}
:focus-visible{outline:3px solid #29a07c;outline-offset:3px}
@media(max-width:750px){.site-shell{padding:0 18px}.site-header{height:70px}.site-nav{gap:14px}.hero{padding:48px 0 31px}.hero p{font-size:15px}.translator-card{padding:18px;border-radius:18px}.toolbar{align-items:stretch}.direction-control{width:100%;margin-bottom:4px}.field{flex:1;min-width:140px}.field select{width:100%;min-width:0}.translation-panels{grid-template-columns:1fr}.panel{min-height:240px}textarea{min-height:130px}.below-card{margin-bottom:48px}}
@media(max-width:420px){.brand{font-size:20px}.site-nav{gap:9px;font-size:12px}.nav-future small{font-size:9px}.hero h1{font-size:38px}.guest-badge{font-size:10px;padding:7px 10px}}