:root{--bg:#06100c;--panel:#0b1b14;--panel2:#10271d;--line:#28483a;--text:#f1f8f4;--muted:#9ab2a5;--green:#69e39a;--lime:#c8f06a;--amber:#f1c45b;--red:#ff8f82}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 82% -10%,rgba(105,227,154,.15),transparent 32%),var(--bg);color:var(--text);font:15px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:inherit;text-decoration:none}
.topbar{position:sticky;top:0;z-index:50;min-height:72px;padding:12px max(20px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid rgba(40,72,58,.75);background:rgba(6,16,12,.88);backdrop-filter:blur(16px)}
.brand{display:flex;align-items:center;gap:11px}
.brand>span{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--green),var(--lime));color:#032114;font-weight:950}
.brand b{font-size:16px}
.brand small{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.09em}
.topbar nav{display:flex;align-items:center;gap:18px;font-size:12px;color:#c9d9d0}
.topbar nav>a:not(.button):hover{color:var(--green)}
main{width:min(1180px,calc(100% - 36px));margin:auto}
.hero{min-height:680px;padding:86px 0 72px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:62px}
.eyebrow{margin:0 0 13px;color:var(--green);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.14em}
.hero h1{max-width:760px;margin:0;font-size:clamp(48px,6.4vw,82px);line-height:.97;letter-spacing:-.06em}
.hero h1 span{color:var(--green)}
.lead{max-width:720px;margin:25px 0 0;color:#c4d5cc;font-size:18px}
.actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:30px}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 17px;border:1px solid transparent;border-radius:11px;background:var(--green);color:#042014;font-size:12px;font-weight:900;transition:.18s}
.button:hover{transform:translateY(-1px);background:#7aeba7}
.button.ghost{border-color:var(--line);background:rgba(16,39,29,.52);color:#dcebe3}
.button.small{min-height:38px;padding:9px 13px}
.micro{max-width:700px;margin-top:15px;color:var(--muted);font-size:10px}
.language-card{padding:20px;border:1px solid #315845;border-radius:20px;background:linear-gradient(180deg,rgba(16,39,29,.96),rgba(7,24,17,.98));box-shadow:0 28px 80px rgba(0,0,0,.32)}
.card-head{display:flex;align-items:center;gap:9px;padding-bottom:15px;border-bottom:1px solid var(--line)}
.live-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 6px rgba(105,227,154,.1)}
.flow-item{display:grid;grid-template-columns:38px 1fr;gap:13px;padding:18px 0;border-bottom:1px solid #1d382c}
.flow-item>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#153428;color:var(--green);font-size:10px;font-weight:900}
.flow-item b,.flow-item small{display:block}
.flow-item small{margin-top:3px;color:var(--muted);font-size:11px}
.translation-rule{margin:17px 0 0;padding:12px;border-left:3px solid var(--lime);border-radius:0 10px 10px 0;background:rgba(200,240,106,.06);color:#d8e3dd;font-size:10px}
.section{padding:72px 0}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:28px}
.section-heading h2,.panel h2,.cta h2{margin:0;font-size:clamp(30px,4vw,48px);line-height:1.05;letter-spacing:-.045em}
.section-heading>p{max-width:570px;margin:0;color:var(--muted)}
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.steps article,.panel,.quality{border:1px solid var(--line);border-radius:15px;background:linear-gradient(180deg,var(--panel),#081610);padding:18px}
.steps article>span{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:#153428;color:var(--green);font-size:10px;font-weight:950}
.steps h3{margin:18px 0 7px;font-size:14px}
.steps p,.quality p{margin:0;color:var(--muted);font-size:11px}
.privacy-grid{grid-template-columns:repeat(3,1fr)}
.privacy-grid h3{margin-top:0}
.split{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.panel{padding:25px}
.check-list,.x-list{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:12px}
.check-list li,.x-list li{position:relative;padding-left:27px;color:#c9d9d0;font-size:12px}
.check-list li:before,.x-list li:before{position:absolute;left:0;top:0;width:19px;height:19px;border-radius:6px;display:grid;place-items:center;font-weight:950;font-size:10px}
.check-list li:before{content:"✓";background:#153428;color:var(--green)}
.x-list li:before{content:"×";background:#321d1b;color:var(--red)}
.panel.warning{border-color:#59433b}
.quality-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}
.quality small{display:inline-flex;padding:4px 7px;border:1px solid currentColor;border-radius:999px;font-size:8px;font-weight:950;letter-spacing:.08em}
.quality b{display:block;margin:17px 0 7px;font-size:28px;letter-spacing:-.04em}
.quality.production{color:var(--green)}
.quality.review{color:var(--amber)}
.quality.hold{color:#c9b1e8}
.quality.reject{color:var(--red)}
.quality p{color:var(--muted)}
.benchmark-rule{margin:14px 0 0;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:#081610;color:#b8ccc1;font-size:10px}
.cta{margin:42px 0 76px;padding:34px;border:1px solid #3d6d56;border-radius:22px;background:linear-gradient(135deg,rgba(105,227,154,.13),rgba(16,39,29,.9));display:flex;align-items:center;justify-content:space-between;gap:30px}
.cta p:last-child{max-width:720px;margin:14px 0 0;color:#bfd2c7}
footer{padding:34px max(20px,calc((100vw - 1180px)/2)) 48px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:24px;color:var(--muted);font-size:10px}
footer div{display:flex;gap:8px}
footer strong{color:#dce9e2}
[dir="rtl"] body{text-align:right}
[dir="rtl"] .check-list li,[dir="rtl"] .x-list li{padding-left:0;padding-right:27px}
[dir="rtl"] .check-list li:before,[dir="rtl"] .x-list li:before{left:auto;right:0}
[dir="rtl"] .translation-rule{border-left:0;border-right:3px solid var(--lime);border-radius:10px 0 0 10px}
@media(max-width:980px){.hero{grid-template-columns:1fr;min-height:0}
.steps{grid-template-columns:repeat(3,1fr)}
.quality-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:720px){.topbar nav>a:not(.button){display:none}
.topbar .button{display:none}
.hero{padding-top:58px;gap:36px}
.lead{font-size:16px}
.section{padding:52px 0}
.section-heading,.cta,footer{display:block}
.section-heading>p{margin-top:13px}
.steps,.split,.quality-grid{grid-template-columns:1fr}
.cta .button{width:100%;margin-top:22px}
footer p{margin-top:10px}
.actions .button{width:100%}
}