*{box-sizing:border-box}
:root{
  --charcoal:#20252B;--yellow:#F2B705;--gray:#69737D;--off:#F7F8F8;--line:#D9DEE3;
  --white:#fff;--max:1180px
}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--charcoal);background:#fff;line-height:1.55}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:min(var(--max),calc(100% - 40px));margin:auto}
.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid rgba(32,37,43,.08)}
.nav-wrap{height:76px;display:flex;align-items:center;justify-content:space-between;gap:32px}
.brand img{width:250px;height:auto}
.nav{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:600}
.nav a:hover{color:#9a7500}
.nav-cta{background:var(--yellow);padding:11px 17px;border-radius:5px}
.nav-cta:hover{color:var(--charcoal)!important;filter:brightness(.97)}
.nav-toggle{display:none;border:0;background:none;font-size:28px}
.hero{background:linear-gradient(135deg,#fff 0%,#f7f8f8 60%,#eef0f2 100%);overflow:hidden}
.hero-grid{min-height:690px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:70px;padding:75px 0}
.eyebrow{font-size:13px;font-weight:800;letter-spacing:.15em;color:#8c6a00;margin:0 0 16px}
h1,h2,h3{line-height:1.13;margin-top:0}
h1{font-size:clamp(44px,5.3vw,72px);letter-spacing:-.045em;margin-bottom:24px}
h1 span{display:block;color:#8c6a00}
.hero-lead{font-size:20px;color:#4f5962;max-width:730px;margin-bottom:30px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-flex;justify-content:center;align-items:center;padding:14px 20px;border-radius:5px;font-weight:800;font-size:14px;transition:.2s}
.btn-primary{background:var(--yellow);color:var(--charcoal)}
.btn-primary:hover{transform:translateY(-1px);filter:brightness(.96)}
.btn-secondary{border:1px solid #aeb5ba;background:#fff}
.btn-light{background:#fff;color:var(--charcoal)}
.trust-row{display:flex;flex-wrap:wrap;gap:14px 25px;margin-top:27px;color:#5b646b;font-size:13px}
.hero-visual{position:relative;height:510px}
.doc-card{position:absolute;width:340px;height:450px;border-radius:4px;background:#fff;box-shadow:0 30px 70px rgba(15,20,25,.13);padding:44px 32px;border:1px solid #e4e7e8}
.doc-card-back{left:15px;top:15px;transform:rotate(-7deg);opacity:.85}
.doc-card-front{right:10px;bottom:5px;transform:rotate(5deg)}
.mini-tag{position:absolute;right:28px;top:25px;font-size:11px;font-weight:900;border:1px solid #222;padding:4px 7px}
.mini-tag.yellow{background:var(--yellow);border-color:var(--yellow)}
.line{height:10px;background:#30363a;border-radius:2px;margin:20px 0}.w90{width:90%}.w70{width:70%}.w84{width:84%}.w62{width:62%}.w78{width:78%}
.table-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin:35px 0}.table-mini i{height:42px;background:#eef0f1;border:1px solid #cbd0d3}
.translated-stamp{position:absolute;left:32px;bottom:30px;color:#a27a00;border:2px solid var(--yellow);padding:6px 10px;font-size:12px;font-weight:900;letter-spacing:.1em}
.proof-strip{background:var(--charcoal);color:#fff}
.proof-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.proof-grid div{padding:24px 22px;border-right:1px solid rgba(255,255,255,.12)}
.proof-grid div:last-child{border-right:0}.proof-grid strong{display:block;font-size:14px}.proof-grid span{display:block;color:#b9c0c5;font-size:12px;margin-top:3px}
.section{padding:95px 0}
.section-heading{max-width:760px;margin-bottom:46px}.section-heading h2,.quality-grid h2,.quote-grid h2{font-size:clamp(34px,4vw,52px);letter-spacing:-.035em;margin-bottom:18px}
.section-heading>p:last-child{font-size:18px;color:#626c74}
.cards{display:grid;gap:18px}.cards.four{grid-template-columns:repeat(4,1fr)}
.card{border:1px solid #dfe3e5;border-radius:7px;padding:28px;background:#fff;min-height:255px}.card h3{font-size:20px;margin:24px 0 11px}.card p{color:#626c74;font-size:14px}
.icon-lines{width:56px}.icon-lines b{display:block;height:7px;background:var(--charcoal);margin:7px 0}.icon-lines b:nth-child(2){width:45%}.icon-lines b:nth-child(3){width:72%}.icon-lines b:last-child{background:var(--yellow)}
.icon-scan,.icon-grid,.icon-check{font-size:40px;font-weight:700;line-height:1;color:#363d42}.icon-check{color:#9a7500}
.section-dark{background:var(--charcoal);color:#fff}.section-heading.light>p:last-child{color:#b7bec3}.section-dark .eyebrow{color:var(--yellow)}
.portfolio-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.project{border:1px solid rgba(255,255,255,.14);padding:30px;background:#272d33;border-radius:6px}
.project-top{display:flex;gap:18px;align-items:flex-start}.project-num{color:var(--yellow);font-size:13px;font-weight:900;border:1px solid #555f66;padding:4px 7px}.project-type{font-size:11px;letter-spacing:.12em;color:#aeb5ba;margin:0 0 6px}.project h3{font-size:27px}
.project-preview{height:250px;background:#fff;margin:24px 0;position:relative;overflow:hidden;border-radius:3px;color:#20252b}
.preview-label{position:absolute;top:15px;left:15px;padding:5px 9px;border:1px solid #222;font-weight:900;font-size:11px}.preview-label.ru{left:auto;right:15px;background:var(--yellow);border-color:var(--yellow)}
.preview-arrow{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:36px;color:#8d969c}
.preview-lines:before,.preview-lines:after{content:"";position:absolute;top:70px;width:32%;height:115px;background:repeating-linear-gradient(to bottom,#384047 0 7px,transparent 7px 20px)}
.preview-lines:before{left:9%}.preview-lines:after{right:9%}
.preview-grid:before,.preview-grid:after{content:"";position:absolute;top:65px;width:31%;height:120px;background:linear-gradient(#e9ecee 1px,transparent 1px),linear-gradient(90deg,#e9ecee 1px,transparent 1px);background-size:25px 25px;border:3px solid #343a3f}
.preview-grid:before{left:9%}.preview-grid:after{right:9%}
.project>p{color:#bbc1c5;font-size:14px;min-height:67px}.project-links{display:flex;gap:18px;flex-wrap:wrap}.project-links a{color:var(--yellow);font-weight:800;font-size:13px}
.portfolio-download{margin-top:24px;border-top:1px solid rgba(255,255,255,.15);padding-top:28px;display:flex;justify-content:space-between;align-items:center;gap:20px}.portfolio-download strong,.portfolio-download span{display:block}.portfolio-download span{font-size:13px;color:#aeb5ba;margin-top:4px}
.process{counter-reset:x;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #dce0e2;border-left:1px solid #dce0e2}
.process li{display:flex;gap:18px;padding:30px;border-right:1px solid #dce0e2;border-bottom:1px solid #dce0e2;min-height:190px}.process li>span{font-size:12px;font-weight:900;color:#9a7500}.process h3{font-size:18px;margin-bottom:8px}.process p{font-size:13px;color:#657078;margin:0}
.quality-section{background:#f4f5f5}.quality-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:start}.quality-lead{font-size:18px;color:#626c74}.quality-list{border-top:1px solid #cfd4d7}.quality-list>div{display:grid;grid-template-columns:45px 1fr;gap:12px;padding:20px 0;border-bottom:1px solid #cfd4d7}.quality-list b{color:#9a7500;font-size:12px}.quality-list span{font-size:14px;color:#59636a}.quality-list strong{color:var(--charcoal)}
.quote-section{background:#fff}.quote-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}.quote-grid>div:first-child>p{font-size:18px;color:#626c74}.small-note{font-size:13px!important}
.quote-card{background:var(--charcoal);color:#fff;padding:36px;border-radius:7px}.quote-card h3{font-size:25px}.quote-card ul{padding-left:20px;color:#d1d5d8;margin-bottom:28px}.quote-card li{margin:8px 0}.full{width:100%}.contact-config{font-size:11px;color:#919ba2;margin:14px 0 0}.contact-config code{color:#d5dadd}
.disclaimer{padding:24px 0;background:#eef0f1;color:#667078;font-size:11px}.disclaimer strong{color:#4b545b}
footer{background:#15191d;color:#fff;padding:35px 0}.footer-grid{display:grid;grid-template-columns:260px 1fr auto;gap:30px;align-items:center}.footer-grid img{width:250px}.footer-grid p{font-size:12px;color:#aeb5ba}.footer-grid>a{font-size:13px;color:var(--yellow)}
@media(max-width:900px){
  .nav-toggle{display:block}.nav{display:none;position:absolute;top:76px;left:0;right:0;background:#fff;padding:20px;box-shadow:0 14px 30px rgba(0,0,0,.1);flex-direction:column;align-items:flex-start}.nav.open{display:flex}
  .hero-grid,.quality-grid,.quote-grid{grid-template-columns:1fr}.hero-grid{padding-top:60px}.hero-visual{height:460px}
  .cards.four,.proof-grid{grid-template-columns:1fr 1fr}.portfolio-grid{grid-template-columns:1fr}.process{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
  .container{width:min(var(--max),calc(100% - 28px))}.brand img{width:205px}.nav-wrap{height:68px}.nav{top:68px}
  .hero-grid{min-height:auto;gap:30px}.hero-copy{padding-bottom:10px}.hero-lead{font-size:17px}
  .hero-visual{height:390px}.doc-card{width:270px;height:355px;padding:38px 25px}.doc-card-front{right:0}.doc-card-back{left:0}.line{margin:15px 0}.table-mini{margin:25px 0}.table-mini i{height:30px}
  .proof-grid,.cards.four,.process{grid-template-columns:1fr}.proof-grid div{border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}
  .section{padding:70px 0}.portfolio-download{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr}.footer-grid img{width:230px}
}


/* Actual-document portfolio previews */
.project-visual{
  position:relative;
  display:grid;
  grid-template-columns:1fr 58px 1fr;
  align-items:center;
  gap:12px;
  min-height:310px;
  margin:24px 0;
  padding:22px;
  overflow:hidden;
  border-radius:5px;
  background:
    radial-gradient(circle at 18% 20%,rgba(242,183,5,.13),transparent 34%),
    linear-gradient(145deg,#171b1f,#30373d);
  border:1px solid rgba(255,255,255,.11);
}
.sample-sheet{
  position:relative;
  background:#fff;
  padding:8px;
  box-shadow:0 18px 35px rgba(0,0,0,.32);
  transition:transform .28s ease,filter .28s ease;
  overflow:hidden;
}
.sample-sheet img{
  width:100%;
  aspect-ratio:0.77;
  object-fit:cover;
  object-position:top;
  display:block;
  filter:saturate(.9);
}
.sample-en{transform:rotate(-3deg) translateY(4px)}
.sample-ru{transform:rotate(3deg) translateY(-4px)}
.sheet-badge{
  position:absolute;
  left:13px;
  top:13px;
  padding:5px 8px;
  background:rgba(32,37,43,.92);
  color:#fff;
  font-size:9px;
  font-weight:900;
  letter-spacing:.09em;
  box-shadow:0 3px 10px rgba(0,0,0,.2);
}
.sheet-badge.ru{background:var(--yellow);color:var(--charcoal)}
.sample-transform{
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  color:var(--yellow);
}
.sample-transform span{font-size:36px;line-height:1}
.sample-transform small{
  margin-top:7px;
  writing-mode:vertical-rl;
  transform:rotate(180deg);
  font-size:8px;
  font-weight:900;
  letter-spacing:.13em;
  color:#97a0a6;
}
.open-overlay{
  position:absolute;
  inset:0;
  z-index:4;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  opacity:0;
  background:rgba(18,22,25,.88);
  backdrop-filter:blur(2px);
  transition:opacity .22s ease;
  text-align:center;
}
.open-overlay strong{font-size:20px;color:#fff}
.open-overlay span{margin-top:5px;color:var(--yellow);font-size:12px;font-weight:800}
.project-visual:hover .open-overlay{opacity:1}
.project-visual:hover .sample-en{transform:rotate(-5deg) translate(-6px,4px)}
.project-visual:hover .sample-ru{transform:rotate(5deg) translate(6px,-4px)}
.project-links{
  border-top:1px solid rgba(255,255,255,.09);
  padding-top:15px;
}
.project-links a:before{content:"↳ ";color:#8a949b}
@media(max-width:600px){
  .project-visual{grid-template-columns:1fr 38px 1fr;min-height:245px;padding:13px;gap:5px}
  .sample-sheet{padding:5px}
  .sheet-badge{left:8px;top:8px;font-size:7px;padding:3px 5px}
  .sample-transform span{font-size:24px}
  .sample-transform small{display:none}
  .open-overlay{display:none}
}

.annotated-feature{margin:20px 0 18px}
.annotated-feature a{
  display:grid;
  grid-template-columns:145px 1fr;
  grid-template-rows:auto auto auto;
  gap:3px 16px;
  align-items:center;
  padding:12px;
  border:1px solid rgba(242,183,5,.28);
  background:rgba(242,183,5,.055);
  border-radius:5px;
  transition:.2s ease;
}
.annotated-feature a:hover{
  transform:translateY(-2px);
  background:rgba(242,183,5,.09);
  border-color:rgba(242,183,5,.55);
}
.annotated-feature img{
  grid-row:1/4;
  width:145px;
  height:92px;
  object-fit:cover;
  object-position:top;
  border-radius:3px;
  box-shadow:0 6px 16px rgba(0,0,0,.24);
}
.annotated-kicker{
  color:var(--yellow);
  font-size:9px;
  font-weight:900;
  letter-spacing:.13em;
}
.annotated-feature strong{font-size:15px;color:#fff}
.annotated-feature small{font-size:11px;color:#aeb5ba}
@media(max-width:600px){
  .annotated-feature a{grid-template-columns:105px 1fr;gap:3px 10px}
  .annotated-feature img{width:105px;height:75px}
  .annotated-feature strong{font-size:13px}
  .annotated-feature small{font-size:9px}
}

.contact-buttons{display:grid;gap:10px}
.max-button{background:#fff;color:var(--charcoal);border-color:#fff}
.submission-email{margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.12);font-size:12px;color:#aeb5ba}
.submission-email span{display:block;margin-bottom:3px}
.submission-email a,.footer-email{color:var(--yellow);font-weight:800}

/* Native-language draft: supported source-language line */
.language-line {
  margin: 0 0 1.25rem;
  font-size: 0.95rem;
  line-height: 1.55;
  color: var(--muted, #69737D);
}
.language-line strong { color: inherit; }

.contact-copy {
  font: inherit;
  cursor: pointer;
}
.contact-feedback {
  min-height: 1.25rem;
  margin: 0.6rem 0 0;
  font-size: 0.88rem;
  color: #69737D;
}
.contact-copy.btn-primary { border: 0; }