@font-face{font-family:Raleway;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/raleway-latin.10f1a0ef3f.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Raleway;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/raleway-cyrillic.efd187f5d8.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}

/* Armenian: Noto Sans Armenian (OFL, Google Fonts "armenian" subset); Raleway has no Armenian glyphs */
@font-face{font-family:"Noto Sans Armenian";font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/noto-armenian.d0aafd3519.woff2) format("woff2");unicode-range:U+0308,U+0530-058F,U+2010,U+2024,U+25CC,U+FB13-FB17}
/* metric-matched fallback (Arial scaled to Raleway) so the web-font swap does not shift the layout */
@font-face{font-family:"Raleway Fallback";src:local("Arial"),local("ArialMT");size-adjust:103%;ascent-override:91%;descent-override:23%;line-gap-override:0%}
:root{
  --red:#e63d34;--red-d:#a41d18;--ink:#202020;--text:#555;--muted:#6b6b6b;--line:#e7e7e7;
  --bg-alt:#f6f6f6;--dark:#111;--radius:14px;--shadow:0 10px 30px rgba(0,0,0,.07);
  --font:Raleway,"Noto Sans Armenian","Raleway Fallback",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font:400 17px/1.65 var(--font);color:var(--text);background:#fff;font-variant-numeric:lining-nums}
img{max-width:100%;height:auto;display:block}
a{color:var(--red-d)}
a:hover{color:var(--red)}
h1,h2,h3{color:var(--ink);line-height:1.2;margin:0 0 .5em;font-weight:700;overflow-wrap:break-word}
h1{font-size:clamp(2rem,5vw,3.4rem)}
h2{font-size:clamp(1.6rem,3.4vw,2.5rem)}
h3{font-size:1.25rem}
h1 em,h2 em{font-style:normal;color:var(--red)}
h1.brand-h1{font-size:clamp(1.6rem,3.4vw,2.5rem)}
h1 small,h2 small{display:block;font-size:.55em;font-weight:600;color:var(--muted);margin-top:.3em}
p{margin:0 0 1em}
.wrap{width:min(1180px,100% - 40px);margin-inline:auto}
.center{text-align:center}
.skip{position:absolute;left:-999px}
.skip:focus{left:10px;top:10px;z-index:99;background:#fff;padding:8px 12px}
:focus-visible{outline:3px solid var(--red);outline-offset:2px}

/* header */
.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid var(--line)}
.bar{display:flex;align-items:center;gap:20px;min-height:76px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);margin-right:auto}
.brand img{width:56px;height:56px}
.brand span{display:flex;flex-direction:column;line-height:1.2}
.brand b{font-size:1.05rem;letter-spacing:.02em}
.brand small{font-size:.75rem;color:var(--muted);max-width:240px}
#nav{display:flex;align-items:center;gap:22px}
#nav ul{display:flex;gap:6px;list-style:none;margin:0;padding:0}
#nav ul a{display:block;padding:10px 12px;font-weight:600;font-size:.92rem;text-transform:uppercase;letter-spacing:.04em;color:var(--ink);text-decoration:none;border-bottom:3px solid transparent}
#nav ul a{white-space:nowrap}
/* narrow desktop: room for the three language pills and the longer RU/HY labels */
@media (min-width:901px) and (max-width:1180px){#nav{gap:12px}#nav ul{gap:2px}#nav ul a{padding:10px 8px;letter-spacing:.02em}:lang(hy) .brand small{display:none}}
#nav ul a:hover{color:var(--red)}
#nav ul a[aria-current=page]{border-color:var(--red)}
.langs{display:flex;gap:6px}
.lang{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:36px;border:2px solid var(--ink);border-radius:20px;font-weight:700;font-size:.85rem;color:var(--ink);text-decoration:none}
.lang:hover,.lang[aria-current]{background:var(--ink);color:#fff}
.menu-btn{display:none;align-items:center;gap:10px;background:none;border:2px solid var(--ink);border-radius:20px;padding:6px 14px;font:700 .85rem var(--font);color:var(--ink);cursor:pointer}
.menu-btn span,.menu-btn span::before,.menu-btn span::after{display:block;width:16px;height:2px;background:currentColor;position:relative;transition:.2s}
.menu-btn span::before,.menu-btn span::after{content:"";position:absolute}
.menu-btn span::before{top:-5px}.menu-btn span::after{top:5px}
.menu-btn[aria-expanded=true] span{background:transparent}
.menu-btn[aria-expanded=true] span::before{top:0;transform:rotate(45deg)}
.menu-btn[aria-expanded=true] span::after{top:0;transform:rotate(-45deg)}

@media (max-width:900px){
  .brand small{display:none}
  /* collapsed menu does not depend on JS (no layout shift when site.js loads); nojs.css restores the open nav */
  .menu-btn{display:inline-flex}
  #nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;padding:10px 20px 20px;box-shadow:var(--shadow)}
  #nav.open{display:flex}
  #nav ul{flex-direction:column}
  #nav ul a{padding:14px 4px;border-bottom:1px solid var(--line)}
  #nav ul a[aria-current=page]{color:var(--red);border-color:var(--line)}
  .langs{align-self:flex-start;margin-top:8px}
}

/* buttons */
.btn{display:inline-block;padding:14px 34px;border-radius:40px;background:linear-gradient(90deg,var(--red),var(--red-d));color:#fff;font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;text-decoration:none;box-shadow:0 8px 20px rgba(230,61,52,.25);transition:transform .15s,box-shadow .15s;margin:6px}
.btn:hover{color:#fff;transform:translateY(-2px);box-shadow:0 12px 26px rgba(230,61,52,.32)}
.ghost-btn{background:#fff;color:var(--ink);border:2px solid var(--ink);box-shadow:none}
.ghost-btn:hover{background:var(--ink);color:#fff}
.more{display:inline-block;margin-top:auto;padding-top:14px;border-top:1px solid var(--line);font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--ink);text-decoration:none}
.more::after{content:" ›";color:var(--red)}
.more:hover{color:var(--red)}

/* sections */
.section{padding:clamp(56px,8vw,100px) 0}
.alt{background:var(--bg-alt)}
.kicker{display:inline-flex;align-items:center;gap:10px;margin:0 0 10px;font-weight:700;font-size:.82rem;text-transform:uppercase;letter-spacing:.12em;color:var(--ink)}
.kicker::before{content:"";width:24px;height:5px;border-radius:3px;background:var(--red-d)}
.lead{max-width:760px;margin:0 auto 40px;color:var(--muted)}
.lead.left{margin:0 0 18px;font-size:1.05rem;color:var(--ink)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,70px);align-items:center}
.split.top{align-items:start}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;text-align:left;margin-bottom:30px}
@media (max-width:980px){.grid3{grid-template-columns:repeat(2,1fr)}}
@media (max-width:800px){.split{grid-template-columns:1fr}}
@media (max-width:640px){.grid3{grid-template-columns:1fr}}
.card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:28px}
.prose p{margin-bottom:1em}
.prose strong{color:var(--ink)}

/* icons */
.ic{display:inline-flex;width:54px;height:54px;color:var(--red);margin-bottom:14px}
.ic svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.ic img{width:100%;height:100%;object-fit:contain}
.ic.round{border-radius:50%;padding:13px;background:linear-gradient(135deg,var(--red),var(--red-d))}

/* home */
.home-hero{position:relative;overflow:hidden;padding:clamp(40px,7vw,80px) 0 40px;text-align:center}
.home-hero .ghost{position:absolute;inset:0 0 auto;margin:0;font-size:clamp(4rem,14vw,11rem);font-weight:800;color:#f2f2f2;line-height:1;letter-spacing:-.02em;z-index:-1;white-space:nowrap;top:clamp(30px,6vw,70px)}
.home-hero h1{max-width:900px;margin-inline:auto}
.hero-car{margin:20px auto 0;width:min(1100px,100%)}
.book{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px 20px;margin:20px auto 0;padding:20px 28px;max-width:860px;background:#fff;border-radius:60px;box-shadow:var(--shadow);text-align:left}
.book .ic{margin:0;width:46px;height:46px}
.book div{display:flex;flex-direction:column;margin-right:auto}
.book strong{color:var(--ink);font-size:1.1rem}
.book span{color:var(--muted);font-size:.9rem}
.book .btn{margin:0;padding:12px 26px}
@media (max-width:640px){.home-hero .ghost{display:none}.book{border-radius:var(--radius)}.book div{margin-right:0;flex:1 1 60%}}
.svc h3{margin-top:4px}
.svc p{color:var(--muted);margin:0}
.clients{display:flex;flex-wrap:wrap;gap:30px 50px;justify-content:center;align-items:center;list-style:none;padding:0;margin:20px 0 0}
.clients img{max-height:80px;width:auto;filter:grayscale(1);opacity:.75;transition:.2s}
.clients img:hover{filter:none;opacity:1}

/* brand cards */
.brand-card{display:flex;flex-direction:column}
.logo-box{display:flex;align-items:center;justify-content:center;height:200px;padding:10px;margin-bottom:18px;border-bottom:1px solid var(--line)}
.logo-box img{max-height:180px;width:auto;object-fit:contain}
.brand-card h3 a{color:var(--ink);text-decoration:none}
.brand-card h3 a:hover{color:var(--red)}
.feats{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:4px 0 18px}
.feats li{display:flex;flex-direction:column;align-items:center;flex:1 1 0;min-width:60px;font-size:.85rem;color:var(--ink)}
:lang(hy) .feats li{min-width:max-content}  /* "Ռեդուկտոր" is longer than the EN "Reduc" */
:lang(hy) :is(h1,h2,.hero-title){text-wrap:balance}  /* long Armenian words otherwise leave one-word last lines */
.feats .ic{width:34px;height:34px;margin-bottom:6px}
.soft .free{color:var(--red);font-weight:700;font-size:1.4rem;margin:0 0 14px}
.soft .btn{align-self:flex-start;margin:auto 0 0}

/* brand pages */
.brand-logo{display:flex;align-items:center;justify-content:center;min-height:320px}
.brand-logo img{max-height:300px;width:auto}
@media (max-width:800px){.brand-logo{min-height:0;padding:20px}.brand-logo img{max-height:160px}.logo-box{height:150px}.logo-box img{max-height:130px}.pimg{height:200px}.pimg img{max-height:200px}}
.product{display:flex;flex-direction:column}
.pimg{display:flex;align-items:center;justify-content:center;height:240px;margin-bottom:18px}
.pimg img{max-height:240px;width:auto;object-fit:contain}
.ptext{color:var(--muted);font-size:.95rem;margin-bottom:10px}
.ptext strong{color:var(--ink)}

/* page hero */
.page-hero{background:linear-gradient(rgba(17,17,17,.78),rgba(17,17,17,.78)),var(--dark) url(/img/depositphotos-78796870-original-1-1280x853-1-1280.531d1c3161.webp) center/cover;color:#fff;padding:clamp(50px,8vw,100px) 0;text-align:center}
.page-hero .hero-title{color:#fff;margin:0;font-size:clamp(2rem,5vw,3.4rem);font-weight:700;line-height:1.2}
.crumbs{margin:12px 0 0;color:#ccc;font-size:.9rem}
.crumbs ol{display:flex;flex-wrap:wrap;justify-content:center;list-style:none;margin:0;padding:0}
.crumbs li+li::before{content:"/";margin:0 .5em;color:#999}
.crumbs a{color:#fff;text-decoration:none}
.crumbs a:hover{color:var(--red)}

/* about */
.badges{display:flex;flex-wrap:wrap;gap:12px;list-style:none;padding:0;margin:24px 0 0}
.badges li{display:flex;align-items:center;gap:10px;padding:10px 18px 10px 10px;border-radius:40px;background:var(--bg-alt);font-weight:700;color:var(--ink)}
.badges .ic{width:32px;height:32px;margin:0}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;list-style:none;padding:0;margin:40px 0 0;text-align:left;counter-reset:s}
@media (max-width:900px){.steps{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.steps{grid-template-columns:1fr}}
.steps li{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:26px;position:relative}
.steps .num{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--red),var(--red-d));color:#fff;font-weight:800;margin-bottom:14px}
.steps h3{color:var(--red)}
.steps h3 small{display:block;color:var(--ink);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}
.steps p{margin:0;color:var(--muted)}
.banner{background:linear-gradient(90deg,rgba(17,17,17,.9),rgba(17,17,17,.55)),#111 url(/img/Prins_Revize_3_Cam_1-1-scaled-1920.42e0d63aab.webp) center/cover;color:#fff;padding:clamp(70px,10vw,130px) 0}
.banner h2{color:#fff;max-width:640px}
.banner .kicker{color:#fff}
.banner .btn{margin-left:0}
.cert{margin:0}.cert img{border-radius:8px;box-shadow:0 20px 50px rgba(0,0,0,.5);transform:rotate(-2deg)}

/* contact */
.contact-list{display:grid;gap:20px}
.contact-list .card{display:grid;grid-template-columns:60px 1fr;column-gap:16px;align-items:start}
.contact-list .ic{grid-row:span 3;margin:0}
.contact-list h3{margin:0 0 4px}
.contact-list p{margin:0 0 4px}
.contact-list a{font-weight:600;text-decoration:none}
.small{font-size:.88rem}

/* footer */
.site-footer{background:#eee;color:#555;padding:60px 0 0;font-size:.95rem}
.site-footer .cols{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:40px}
@media (max-width:800px){.site-footer .cols{grid-template-columns:1fr}}
.site-footer h2{font-size:1rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px}
.site-footer a{color:var(--ink);text-decoration:none;font-weight:600}
.site-footer a:hover{color:var(--red)}
.flogo{width:72px;height:72px;margin-bottom:14px}
.plain{list-style:none;margin:0;padding:0;line-height:2}
.copy{border-top:1px solid #ddd;margin-top:40px;padding:20px 0;text-align:center;font-size:.85rem;color:#595959}

@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}