:root{
  --paper:#f5f1e8;
  --paper2:#ece6da;
  --ink:#101516;
  --muted:#5f6764;
  --mint:#77f4c2;
  --mint2:#baf9df;
  --gold:#c9a86a;
  --line:rgba(16,21,22,.14);
  --glass:rgba(255,255,255,.52);
  --shadow:0 30px 80px rgba(16,21,22,.12);
  --px:50%; --py:45%;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--paper)}
body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:
radial-gradient(circle at var(--px) var(--py),rgba(119,244,194,.16),transparent 27rem),
linear-gradient(180deg,var(--paper) 0%,#f7f4ed 47%,var(--paper2) 100%);overflow-x:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit}
.wrap{width:min(1480px,calc(100% - 48px));margin:auto}
.top{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:20}
.brand{display:flex;align-items:center;gap:14px;font-weight:800;letter-spacing:-.04em;font-size:25px}
.brand-mark{width:26px;height:26px;position:relative;display:grid;place-items:center}
.brand-mark:before,.brand-mark:after{content:"";position:absolute;width:22px;height:8px;border:1.5px solid var(--ink);transform:skewX(-28deg)}
.brand-mark:before{top:3px;left:0}.brand-mark:after{right:0;bottom:3px;border-color:var(--gold)}
.nav{display:flex;align-items:center;gap:30px;font-size:14px}
.nav a{position:relative}.nav a:after{content:"";position:absolute;left:0;bottom:-8px;width:0;height:1px;background:var(--ink);transition:.25s}.nav a:hover:after{width:100%}
.langs{display:flex;border:1px solid var(--line);border-radius:999px;padding:4px;background:rgba(255,255,255,.35);backdrop-filter:blur(10px)}
.langs button{border:0;background:transparent;padding:8px 10px;border-radius:999px;cursor:pointer;font-size:12px;font-weight:800;letter-spacing:.08em;color:var(--muted)}
.langs button.active{background:var(--ink);color:white}

.hero{min-height:760px;padding:72px 0 34px;position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:38px;align-items:center}
.hero-copy{position:relative;z-index:4;padding-bottom:34px}
.kicker{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:800;letter-spacing:.17em;text-transform:uppercase;color:var(--muted);margin-bottom:26px}
.kicker i{display:block;width:42px;height:1px;background:var(--gold)}
h1{margin:0;max-width:900px;font-size:clamp(62px,8.1vw,132px);line-height:.83;letter-spacing:-.075em;font-weight:760}
h1 .cut{display:block;color:transparent;-webkit-text-stroke:1.6px var(--ink);font-weight:650}
h1 .signal{display:inline-block;position:relative}
h1 .signal:after{content:"";position:absolute;left:2%;right:-3%;height:.13em;bottom:.05em;background:var(--mint);z-index:-1;transform:skewX(-14deg)}
.lead{max-width:690px;font-size:clamp(18px,1.5vw,23px);line-height:1.55;color:var(--muted);margin:36px 0 32px}
.actions{display:flex;gap:14px;flex-wrap:wrap}.btn{min-height:54px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:11px;border:1px solid var(--ink);font-size:14px;font-weight:800;letter-spacing:.01em;transition:.25s;cursor:pointer}.btn.primary{background:var(--ink);color:white}.btn.primary:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(16,21,22,.15)}.btn.secondary:hover{background:white}
.micro{display:flex;gap:24px;margin-top:25px;font-size:12px;color:var(--muted);flex-wrap:wrap}.micro span{display:flex;align-items:center;gap:8px}.micro b{width:6px;height:6px;border-radius:50%;background:var(--gold);display:inline-block}

/* EraTeVo signature sculpture */
.field{height:610px;overflow:hidden;position:relative;isolation:isolate;perspective:1100px;display:grid;place-items:center}
.field:before{content:"";position:absolute;inset:7% 1% 4% 8%;border:1px solid var(--line);clip-path:polygon(6% 0,100% 0,92% 100%,0 100%);background:linear-gradient(135deg,rgba(255,255,255,.57),rgba(255,255,255,.12));box-shadow:var(--shadow)}
.axis{position:absolute;inset:10% 8% 7% 12%;transform:rotate(-8deg);transform-style:preserve-3d}
.rail{position:absolute;left:0;right:0;height:74px;border-top:1px solid rgba(16,21,22,.32);border-bottom:1px solid rgba(16,21,22,.08);background:linear-gradient(90deg,transparent 0 9%,rgba(255,255,255,.62) 9% 64%,rgba(119,244,194,.28) 64% 83%,transparent 83%);backdrop-filter:blur(9px);transform:translateX(var(--shift,0)) skewX(-20deg);transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.rail:nth-child(1){top:7%;--shift:6%}.rail:nth-child(2){top:28%;--shift:-4%}.rail:nth-child(3){top:49%;--shift:8%}.rail:nth-child(4){top:70%;--shift:-1%}
.rail span{position:absolute;left:16%;top:50%;transform:translateY(-50%) skewX(20deg);font-size:13px;text-transform:uppercase;letter-spacing:.13em;font-weight:800}.rail i{font-style:normal}
.rail em{position:absolute;right:13%;top:50%;transform:translateY(-50%) skewX(20deg);font-style:normal;font-size:11px;color:var(--muted)}
.field:hover .rail:nth-child(1){transform:translateX(0) skewX(-20deg)}.field:hover .rail:nth-child(2){transform:translateX(3%) skewX(-20deg)}.field:hover .rail:nth-child(3){transform:translateX(-2%) skewX(-20deg)}.field:hover .rail:nth-child(4){transform:translateX(4%) skewX(-20deg)}
.core{position:absolute;width:176px;height:176px;border-radius:50%;background:var(--ink);color:white;display:grid;place-items:center;right:15%;top:37%;box-shadow:0 30px 70px rgba(16,21,22,.28);z-index:6;transform:translate3d(calc((var(--mx,0))*9px),calc((var(--my,0))*9px),45px);transition:.1s}
.core:before,.core:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.28)}.core:before{inset:18px}.core:after{inset:38px;border-color:var(--mint)}
.core strong{font-size:34px;letter-spacing:-.07em;z-index:2}.orbit{position:absolute;width:280px;height:280px;border:1px dashed rgba(16,21,22,.25);border-radius:50%;right:7%;top:29%;animation:spin 25s linear infinite}.orbit:before{content:"";position:absolute;width:15px;height:15px;border-radius:50%;background:var(--gold);left:22px;top:39px;box-shadow:0 0 0 8px rgba(201,168,106,.13)}
.field-label{position:absolute;left:2%;bottom:5%;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);writing-mode:vertical-rl;transform:rotate(180deg)}
@keyframes spin{to{transform:rotate(360deg)}}

.marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;background:rgba(255,255,255,.24)}
.marquee-track{display:flex;width:max-content;animation:marquee 28s linear infinite;padding:17px 0}.marquee span{display:flex;align-items:center;gap:22px;padding:0 26px;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.marquee i{width:5px;height:5px;border-radius:50%;background:var(--mint);display:block}@keyframes marquee{to{transform:translateX(-50%)}}

.section{padding:120px 0;border-bottom:1px solid var(--line)}
.section-head{display:grid;grid-template-columns:.75fr 1.25fr;gap:50px;align-items:start;margin-bottom:70px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.section h2{font-size:clamp(44px,6vw,92px);line-height:.93;letter-spacing:-.065em;margin:0;max-width:990px}.section h2 u{text-decoration:none;border-bottom:8px solid var(--mint)}
.system-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px;align-items:stretch}
.slab{border:1px solid var(--line);min-height:250px;padding:28px;position:relative;overflow:hidden;background:rgba(255,255,255,.3);transition:.35s}.slab:hover{transform:translateY(-7px);background:rgba(255,255,255,.63);box-shadow:0 20px 55px rgba(16,21,22,.08)}
.slab:nth-child(1){grid-column:span 5}.slab:nth-child(2){grid-column:span 7}.slab:nth-child(3){grid-column:span 7}.slab:nth-child(4){grid-column:span 5}.slab:nth-child(5){grid-column:span 12;min-height:220px}
.slab small{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}.slab h3{font-size:clamp(28px,3vw,46px);line-height:1;letter-spacing:-.045em;margin:46px 0 14px}.slab p{max-width:560px;color:var(--muted);line-height:1.55;margin:0}.slab .glyph{position:absolute;right:-30px;bottom:-45px;font-size:180px;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(16,21,22,.12);font-weight:800;letter-spacing:-.1em;transform:rotate(-10deg)}

.industry{display:grid;grid-template-columns:.9fr 1.1fr;gap:72px;align-items:center}.industry-copy p{font-size:20px;line-height:1.62;color:var(--muted);max-width:690px}.industry-note{margin-top:26px;display:flex;gap:10px;flex-wrap:wrap}.industry-note span{border:1px solid var(--line);padding:8px 11px;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;background:rgba(255,255,255,.35)}.constellation{aspect-ratio:1.13/1;border:1px solid var(--line);position:relative;background:linear-gradient(145deg,rgba(255,255,255,.58),rgba(255,255,255,.12));overflow:hidden;box-shadow:0 30px 80px rgba(16,21,22,.06)}.constellation:before,.constellation:after{content:"";position:absolute;inset:10%;border:1px solid rgba(16,21,22,.13);transform:rotate(8deg)}.constellation:after{inset:21%;transform:rotate(-11deg);border-color:rgba(201,168,106,.42)}.constellation .halo{position:absolute;width:48%;aspect-ratio:1;border:1px dashed rgba(16,21,22,.12);border-radius:50%;left:27%;top:24%;animation:spin 34s linear infinite}.node{position:absolute;padding:9px 12px;border:1px solid var(--line);background:rgba(247,244,237,.94);font-size:11px;font-weight:800;box-shadow:0 12px 28px rgba(16,21,22,.07);white-space:nowrap;z-index:3;animation:floatNode 6.8s ease-in-out infinite alternate}.n1{left:6%;top:13%;animation-delay:-.4s}.n2{right:5%;top:8%;animation-delay:-1.8s}.n3{left:39%;top:24%;animation-delay:-3s}.n4{right:8%;top:35%;animation-delay:-4.4s}.n5{left:5%;top:41%;animation-delay:-2.2s}.n6{left:36%;top:48%;animation-delay:-5.1s}.n7{right:4%;bottom:28%;animation-delay:-.9s}.n8{left:8%;bottom:27%;animation-delay:-3.7s}.n9{left:31%;bottom:13%;animation-delay:-2.7s}.n10{right:6%;bottom:8%;animation-delay:-5.8s}.n11{left:3%;bottom:7%;animation-delay:-1.2s}.n12{right:31%;top:7%;animation-delay:-4.9s}.n13{left:20%;top:29%;animation-delay:-6.1s}.n14{right:25%;bottom:30%;animation-delay:-3.3s}.beam{position:absolute;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);transform-origin:left center;opacity:.75}.b1{left:14%;top:22%;width:68%;transform:rotate(-3deg)}.b2{left:20%;top:72%;width:59%;transform:rotate(-27deg)}.b3{left:38%;top:46%;width:49%;transform:rotate(25deg)}.b4{left:9%;top:51%;width:73%;transform:rotate(12deg)}.b5{left:47%;top:18%;width:39%;transform:rotate(63deg)}@keyframes floatNode{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,-7px,0)}}

.manifesto{padding:110px 0 140px}.manifesto .line{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:24px 0;gap:30px}.manifesto .line:last-child{border-bottom:1px solid var(--line)}.manifesto strong{font-size:clamp(24px,3vw,42px);letter-spacing:-.045em}.manifesto span{max-width:570px;color:var(--muted);line-height:1.55}
.cta{padding:90px 0 110px;background:var(--ink);color:white;position:relative;overflow:hidden}.cta:after{content:"ERA";position:absolute;right:-3vw;bottom:-9vw;font-size:29vw;font-weight:900;letter-spacing:-.14em;color:rgba(255,255,255,.025);line-height:1}.cta-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:end}.cta h2{font-size:clamp(56px,8vw,118px);line-height:.88;letter-spacing:-.075em;margin:0;max-width:930px}.cta p{color:#c5cdca;line-height:1.6;font-size:18px}.cta .btn{border-color:white;color:white}.cta .btn.primary{background:white;color:var(--ink)}
.footer{background:var(--ink);color:white;border-top:1px solid rgba(255,255,255,.12);padding:26px 0}.footer-in{display:flex;justify-content:space-between;gap:25px;font-size:12px;color:#aab4b0}.footer b{color:white}

[data-copy]{display:none}html[data-lang="en"] [data-copy="en"],html[data-lang="ru"] [data-copy="ru"],html[data-lang="hy"] [data-copy="hy"]{display:contents}
.mobile-menu{display:none}
@media(max-width:1100px){.nav>a{display:none}.hero{grid-template-columns:1fr;padding-top:54px}.field{height:520px}.section-head,.industry,.cta-inner{grid-template-columns:1fr}.system-grid{grid-template-columns:1fr}.slab:nth-child(n){grid-column:auto}.industry{gap:48px}.section{padding:90px 0}}
@media(max-width:680px){.wrap{width:min(100% - 28px,1480px)}.top{height:76px}.brand{font-size:21px}.langs button{padding:7px 8px}.hero{min-height:auto;padding:42px 0 28px;gap:12px}.kicker{margin-bottom:20px}.hero h1{font-size:clamp(54px,17vw,82px);line-height:.86}.lead{font-size:17px;margin:25px 0 26px}.actions{display:grid;grid-template-columns:1fr}.btn{width:100%}.micro{display:grid;grid-template-columns:1fr 1fr;gap:11px 18px}.field{height:420px;margin-top:5px}.field:before{inset:5% 0}.axis{inset:9% 4% 7% 9%}.rail{height:58px}.rail span{font-size:10px;left:10%}.rail em{font-size:8px}.core{width:124px;height:124px;right:13%;top:39%}.core:before{inset:13px}.core:after{inset:27px}.core strong{font-size:25px}.orbit{width:200px;height:200px;right:3%;top:29%}.field-label{display:none}.section{padding:74px 0}.section-head{margin-bottom:40px;gap:24px}.section h2{font-size:clamp(42px,13vw,64px)}.section h2 u{border-bottom-width:5px}.slab{min-height:220px;padding:22px}.slab h3{margin-top:35px}.constellation{aspect-ratio:.72/1}.node{font-size:8.5px;padding:7px 8px;max-width:44%;white-space:normal;line-height:1.2}.industry-note span{font-size:9px}.manifesto{padding:70px 0 90px}.manifesto .line{display:block}.manifesto span{display:block;margin-top:12px}.cta{padding:72px 0 80px}.footer-in{display:block}.footer-in span{display:block;margin-top:8px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.langs a{padding:8px 10px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.08em;color:var(--muted)}.langs a.active{background:var(--ink);color:#fff}.brand-mark{background:url("eratevo-mark.svg") center/contain no-repeat!important;width:31px;height:31px}.brand-mark:before,.brand-mark:after{display:none!important}.brand-lockup{display:flex;flex-direction:column;line-height:1}.brand-lockup strong{font-size:25px}.brand-lockup small{font-size:8px;letter-spacing:.095em;text-transform:uppercase;color:var(--muted);margin-top:5px}.slab{display:block}.node{color:inherit;text-decoration:none}.node[href]:hover{background:var(--ink);color:white;border-color:var(--ink)}@media(max-width:680px){.brand-lockup small{display:none}.constellation{aspect-ratio:auto;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:16px;overflow:visible}.constellation:before,.constellation:after,.constellation .halo,.constellation .beam{display:none}.constellation .node{position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;max-width:none;min-height:44px;display:flex;align-items:center;justify-content:center;text-align:center;white-space:normal;animation:none!important;font-size:10px;padding:9px 10px}}
.industry>*,.cta-inner>*,.section-head>*{min-width:0}

.industry-copy h2 span,.cta h2 span{display:block;max-width:100%;overflow-wrap:anywhere}


/* EraTeVo FINAL MASTER — unified brand + Digital Architecture motion */
:root{--brand-navy:#0B2A6B;--brand-teal:#00C7BD;--brand-champagne:#F4E7D7}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.brand{gap:18px!important;min-width:0}
.brand-mark{display:none!important}
.brand-lockup{display:none!important}
.brand-signature{display:grid;gap:4px;justify-items:center;flex:0 0 auto;min-width:0}
.brand-logo{display:block;width:clamp(156px,14vw,205px);aspect-ratio:2071/425;background:url("eratevo-logo.svg") center/contain no-repeat;flex:0 0 auto}
.brand-descriptor{display:block;width:100%;font-size:7px;line-height:1;letter-spacing:.115em;text-transform:uppercase;color:#52605d;font-weight:800;white-space:nowrap;text-align:center}
.brand-tagline{font-size:8px;line-height:1.12;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);font-weight:800;max-width:170px}
.top{overflow:visible}
/* Always-on signature motion: lightweight CSS only */
.field:after,.service-field:after{content:"";position:absolute;pointer-events:none;z-index:2;left:6%;right:4%;top:9%;height:1px;background:linear-gradient(90deg,transparent,rgba(0,199,189,.85),transparent);filter:drop-shadow(0 0 6px rgba(0,199,189,.35));animation:signalScan 8.5s cubic-bezier(.4,0,.2,1) infinite}
.field .axis .rail:nth-child(1),.service-field .axis .rail:nth-child(1){animation:railOne 8.8s ease-in-out infinite alternate}
.field .axis .rail:nth-child(2),.service-field .axis .rail:nth-child(2){animation:railTwo 10.2s ease-in-out -2.1s infinite alternate}
.field .axis .rail:nth-child(3),.service-field .axis .rail:nth-child(3){animation:railThree 9.4s ease-in-out -4.1s infinite alternate}
.field .axis .rail:nth-child(4),.service-field .axis .rail:nth-child(4){animation:railFour 11s ease-in-out -1.4s infinite alternate}
.field .core,.service-field .core{animation:coreFloat 5.8s ease-in-out infinite alternate}
.field .orbit,.service-field .orbit{animation:spin 26s linear infinite,orbitBreathe 5.5s ease-in-out infinite alternate!important}
.constellation .beam{animation:beamPulse 5.5s ease-in-out infinite alternate}
.constellation .b2{animation-delay:-1.1s}.constellation .b3{animation-delay:-2.2s}.constellation .b4{animation-delay:-3.3s}.constellation .b5{animation-delay:-4.4s}
.slab:after,.card:after{content:"";position:absolute;inset:auto -35% -55% 30%;height:72%;background:linear-gradient(120deg,transparent,rgba(0,199,189,.08),transparent);transform:skewX(-18deg);transition:transform .55s ease}
.slab:hover:after,.card:hover:after{transform:translateX(-45%) skewX(-18deg)}
@keyframes railOne{0%{transform:translateX(6%) skewX(-20deg)}100%{transform:translateX(-1%) skewX(-20deg)}}
@keyframes railTwo{0%{transform:translateX(-4%) skewX(-20deg)}100%{transform:translateX(4%) skewX(-20deg)}}
@keyframes railThree{0%{transform:translateX(8%) skewX(-20deg)}100%{transform:translateX(-3%) skewX(-20deg)}}
@keyframes railFour{0%{transform:translateX(-1%) skewX(-20deg)}100%{transform:translateX(5%) skewX(-20deg)}}
@keyframes coreFloat{0%{translate:0 -5px}100%{translate:0 8px}}
@keyframes signalScan{0%,12%{top:11%;opacity:0}24%{opacity:1}76%{opacity:1}88%,100%{top:87%;opacity:0}}
@keyframes orbitBreathe{0%{scale:.98;opacity:.72}100%{scale:1.035;opacity:1}}
@keyframes beamPulse{0%{opacity:.28;filter:blur(.15px)}100%{opacity:.9;filter:blur(0)}}
/* Use the approved EraTeVo palette more consistently without replacing the warm premium base */
.btn.primary{background:#101516;color:#fff}.btn.primary:hover{box-shadow:0 14px 32px rgba(11,42,107,.14)}
.langs a.active{background:var(--brand-navy)!important;color:#fff!important}

@media(max-width:680px){.brand-logo{width:142px}.brand-descriptor{display:none}.field:after,.service-field:after{left:3%;right:1%}}
@media(prefers-reduced-motion:reduce){.field:after,.service-field:after,.field .axis .rail,.service-field .axis .rail,.field .core,.service-field .core,.field .orbit,.service-field .orbit,.constellation .beam{animation:none!important}.marquee-track,.node,.halo{animation:none!important}}


/* V3 — layout, typography and accessibility hardening */
h1,h2{ text-wrap:balance; }
h1,h2,h3{ overflow-wrap:anywhere; word-break:normal; }
.hero-grid>*,.section-head>*,.handoff-grid>*,.decision-grid>*,.industries>*,.faq>*,.cta-grid>*,.industry>*{min-width:0}
.tagcloud{display:flex;flex-wrap:wrap;gap:10px;align-content:flex-start;max-width:100%}
.tag{display:inline-flex;align-items:center;gap:7px;max-width:100%;padding:12px 15px;border:1px solid var(--line);background:rgba(255,255,255,.38);font-size:12px;font-weight:800;line-height:1.25;white-space:normal;overflow-wrap:anywhere;transition:.2s}
.tag:hover{transform:translateY(-3px);background:var(--mint2)}
.tagcloud a.tag:after{content:"↗";font-size:10px;opacity:.45;flex:0 0 auto}
.langs a{min-width:38px;min-height:38px;display:inline-flex!important;align-items:center;justify-content:center}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--brand-teal);outline-offset:4px;border-radius:4px}
html[lang="hy"] .hero-grid h1{font-size:clamp(46px,5.5vw,84px);letter-spacing:-.045em}
html[lang="hy"] h2,html[lang="hy"] h3{letter-spacing:-.03em}
html[lang="hy"] .card h3{line-height:1.08}
@media(max-width:1100px){
  .eratevo-final-master .section-head>*{min-width:0}
}
@media(max-width:680px){
  .tag{padding:11px 13px;font-size:11px}
  .langs a{min-width:36px;min-height:36px;padding:6px 7px!important}
  .card h3{font-size:26px!important}
}
@media(max-width:680px){h1,h2{text-wrap:wrap}}


/* EraTeVo — WordPress UX/accessibility polish */
html{scroll-padding-top:18px;text-rendering:optimizeLegibility}
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
a,.btn,summary{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.skip-link{position:fixed;left:16px;top:12px;z-index:9999;padding:11px 15px;background:var(--brand-navy);color:#fff;font-size:13px;font-weight:850;transform:translateY(-180%);transition:transform .2s ease;box-shadow:0 12px 28px rgba(16,21,22,.2)}
.skip-link:focus{transform:translateY(0);outline:3px solid var(--brand-teal);outline-offset:3px}
.mobile-menu{display:none;position:relative;z-index:60}
.mobile-menu summary{list-style:none;width:42px;height:42px;border:1px solid var(--line);background:rgba(255,255,255,.52);backdrop-filter:blur(12px);display:grid;place-content:center;gap:5px;cursor:pointer}
.mobile-menu summary::-webkit-details-marker{display:none}
.mobile-menu summary span{display:block;width:18px;height:1.5px;background:var(--ink);transition:transform .2s ease}
.mobile-menu[open] summary span:first-child{transform:translateY(3.25px) rotate(45deg)}
.mobile-menu[open] summary span:last-child{transform:translateY(-3.25px) rotate(-45deg)}
.mobile-panel{position:absolute;right:0;top:50px;width:min(320px,calc(100vw - 28px));padding:9px;background:rgba(248,245,239,.96);border:1px solid var(--line);box-shadow:0 24px 60px rgba(16,21,22,.16);backdrop-filter:blur(18px);display:grid}
.mobile-panel a{padding:14px 15px;border-bottom:1px solid var(--line);font-size:14px;font-weight:800}
.mobile-panel a:last-child{border-bottom:0}
.mobile-panel a:hover,.mobile-panel a:focus-visible{background:rgba(119,244,194,.20)}
.langs a[aria-current="page"]{cursor:default}
.btn,.card,.slab,.tag,.related-links a,.industry-crosslinks a{transition-property:transform,background-color,border-color,box-shadow,color;transition-duration:.25s;transition-timing-function:ease}
.btn:focus-visible,.card:focus-visible,.slab:focus-visible,.tag:focus-visible,.related-links a:focus-visible,.industry-crosslinks a:focus-visible{transform:translateY(-3px);box-shadow:0 16px 36px rgba(11,42,107,.13)}
.marquee:focus-within .marquee-track,.marquee:hover .marquee-track{animation-play-state:paused}
.error-page{min-height:calc(100vh - 92px);display:flex;flex-direction:column;justify-content:center;padding:80px 0 120px;max-width:1050px}
.error-page h1{font-size:clamp(58px,8vw,126px)}
@media(hover:hover){.nav a:hover{opacity:1}.btn:hover{transform:translateY(-3px)}.card:hover,.slab:hover{transform:translateY(-6px)}.tag:hover,.industry-crosslinks a:hover{transform:translateY(-3px)}}
@media(max-width:1050px){
  .mobile-menu{display:block}
  .top{gap:12px}
  .brand{margin-right:auto}
  .langs{flex:0 0 auto}
}
@media(max-width:480px){
  .brand-logo{width:122px!important}
  .langs a{min-width:32px!important;min-height:34px!important;padding:5px 6px!important;font-size:9px!important}
  .mobile-menu summary{width:38px;height:38px}
  .top{gap:7px}
  .actions{display:grid!important;grid-template-columns:1fr;width:100%}
  .actions .btn{width:100%}
  .error-page{min-height:calc(100vh - 72px);padding:56px 0 90px}
}
@media(max-width:360px){.brand-logo{width:108px!important}.top{gap:5px}.langs a{min-width:29px!important;padding:4px!important}}
@media(prefers-reduced-motion:reduce){.skip-link,.mobile-menu summary span{transition:none!important}.marquee-track{animation:none!important;transform:none!important}}


/* Audited AMD pricing block */
.pricing-section{position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.28),rgba(244,231,215,.22))}
.pricing-section:before{content:"";position:absolute;width:520px;height:520px;border:1px dashed rgba(11,42,107,.12);border-radius:50%;right:-180px;top:-180px;pointer-events:none}
.pricing-head{display:grid;grid-template-columns:.88fr 1.12fr;gap:64px;align-items:end;margin-bottom:54px}
.pricing-head h2{margin:22px 0 0;max-width:820px}.pricing-intro{font-size:19px;line-height:1.62;color:var(--muted);max-width:700px;margin:0 0 4px}
.pricing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}
.price-card{min-height:300px;padding:30px;display:flex;flex-direction:column;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.34);position:relative;overflow:hidden;transition:.28s}
.price-card:before{content:"";position:absolute;left:30px;top:30px;width:54px;height:2px;background:linear-gradient(90deg,var(--brand-teal),var(--gold))}
.price-card:hover{transform:translateY(-5px);background:rgba(255,255,255,.62);box-shadow:0 22px 54px rgba(11,42,107,.08);z-index:2}
.price-card.featured{background:rgba(186,249,223,.22)}
.price-top{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-top:44px;padding-bottom:24px;border-bottom:1px solid var(--line)}
.price-top span{font-size:13px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);max-width:48%}
.price-top strong{font-size:clamp(27px,3vw,44px);line-height:.95;letter-spacing:-.055em;text-align:right;white-space:nowrap}
.price-card p{font-size:16px;line-height:1.6;color:var(--muted);max-width:700px;margin:24px 0 28px}.price-card a{margin-top:auto;font-size:13px;font-weight:850;letter-spacing:.02em}.price-card a:hover{text-decoration:underline;text-underline-offset:5px}
.pricing-policy{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;margin-top:28px;padding:30px;border:1px solid var(--line);background:var(--ink);color:#fff}
.pricing-policy>div{display:grid;gap:12px}.policy-kicker{font-size:10px;font-weight:850;letter-spacing:.16em;text-transform:uppercase;color:var(--brand-teal)}.pricing-policy strong{font-size:23px;line-height:1.35;letter-spacing:-.025em}.pricing-policy p{margin:0;color:#b7c0bd;font-size:14px;line-height:1.65}
@media(max-width:900px){.pricing-head,.pricing-policy{grid-template-columns:1fr}.pricing-head{gap:24px}.pricing-grid{grid-template-columns:1fr}.pricing-policy{gap:24px}.price-card{min-height:270px}}
@media(max-width:560px){.price-card{padding:24px}.price-card:before{left:24px;top:24px}.price-top{display:grid;gap:14px;margin-top:38px}.price-top span{max-width:none}.price-top strong{text-align:left;white-space:normal;font-size:34px}.pricing-policy{padding:24px}.pricing-policy strong{font-size:20px}.pricing-intro{font-size:17px}}

/* Validated multilingual enquiry UX; Rank Math metadata alignment without changing form layout. */
.eratevo-contact-wrap{position:relative;width:100%;max-width:680px;margin-top:20px}
.eratevo-form-toggle{min-height:50px;cursor:pointer}
.eratevo-form-panel[hidden],.eratevo-form-toggle[hidden],.eratevo-inline-success[hidden],.eratevo-form-status[hidden],.eratevo-field-error[hidden]{display:none!important}
.eratevo-contact-form{display:grid;gap:14px}
.eratevo-form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.eratevo-contact-form label{display:grid;gap:7px;min-width:0;margin:0}
.eratevo-contact-form label>span{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#c5cdca}
.eratevo-contact-form label>span i{font-style:normal;color:var(--mint)}
.eratevo-contact-form input[type="text"],.eratevo-contact-form input[type="tel"],.eratevo-contact-form input[type="email"],.eratevo-contact-form textarea{box-sizing:border-box;width:100%;min-width:0;margin:0;border:1px solid rgba(255,255,255,.24);border-radius:10px;background:rgba(255,255,255,.07);color:#fff;padding:14px 15px;font:inherit;font-size:16px;line-height:1.35;outline:none;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}
.eratevo-contact-form input[type="text"],.eratevo-contact-form input[type="tel"],.eratevo-contact-form input[type="email"]{min-height:50px}
.eratevo-contact-form textarea{resize:vertical;min-height:112px}
.eratevo-contact-form input::placeholder,.eratevo-contact-form textarea::placeholder{color:#929d99;opacity:1}
.eratevo-contact-form input:focus,.eratevo-contact-form textarea:focus{border-color:var(--mint);background:rgba(255,255,255,.1);box-shadow:0 0 0 3px rgba(119,244,194,.10)}
.eratevo-contact-form input.is-invalid,.eratevo-contact-form textarea.is-invalid,.eratevo-contact-form [aria-invalid="true"]{border-color:#ff9f8a!important;box-shadow:0 0 0 3px rgba(255,159,138,.10)!important}
.eratevo-contact-choice{margin:-5px 0 1px!important;font-size:11px!important;line-height:1.45!important;color:#aeb8b4!important}
.eratevo-contact-choice.is-error,.eratevo-field-error{margin:-6px 0 0!important;color:#ffc0b3!important;font-size:11.5px!important;line-height:1.4!important}
.eratevo-consent{grid-template-columns:auto 1fr!important;align-items:start;gap:10px!important}
.eratevo-consent input{width:17px;height:17px;min-height:0;margin:2px 0 0;accent-color:var(--mint)}
.eratevo-consent span{font-size:11px!important;line-height:1.45;text-transform:none!important;letter-spacing:0!important;color:#aeb8b4!important;font-weight:600!important}
.eratevo-consent.is-invalid span,.eratevo-consent[data-field-wrap="consent"].is-invalid span{color:#ffc0b3!important}
.eratevo-form-privacy{margin:-5px 0 0!important;font-size:11px!important;line-height:1.45!important}.eratevo-form-privacy a{color:#c5cdca;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.eratevo-form-privacy a:hover{color:#fff}
.eratevo-form-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.eratevo-form-actions .btn{cursor:pointer;min-width:180px}
.eratevo-form-actions .btn:disabled{opacity:.62;cursor:wait;transform:none}
.eratevo-form-status{margin:0 0 14px;padding:12px 14px;border:1px solid rgba(255,170,150,.58);border-radius:10px;background:rgba(255,170,150,.07);font-size:13px;line-height:1.45;color:#fff}
.eratevo-form-status.is-success{border-color:rgba(119,244,194,.6);background:rgba(119,244,194,.08)}
.eratevo-form-status.is-error{border-color:rgba(255,170,150,.58);background:rgba(255,170,150,.07)}
.eratevo-hp{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important}
.cta-grid .eratevo-contact-wrap,.cta-inner .eratevo-contact-wrap{width:100%}
.eratevo-contact-wrap.is-open>.eratevo-form-panel,.eratevo-contact-wrap.has-form-error>.eratevo-form-panel{display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;animation:eratevo-form-reveal .2s ease-out both}
.eratevo-contact-wrap.is-open>.eratevo-form-toggle,.eratevo-contact-wrap.has-form-error>.eratevo-form-toggle{display:none!important}
.eratevo-contact-wrap.is-sent>.eratevo-form-toggle,.eratevo-contact-wrap[data-eratevo-sent="1"]>.eratevo-form-toggle,.eratevo-contact-wrap.is-sent>.eratevo-form-panel,.eratevo-contact-wrap[data-eratevo-sent="1"]>.eratevo-form-panel{display:none!important;visibility:hidden!important;pointer-events:none!important}
.eratevo-inline-success{display:flex;align-items:flex-start;gap:15px;max-width:680px;padding:20px 22px;border:1px solid rgba(119,244,194,.42);border-radius:14px;background:rgba(119,244,194,.08);color:#fff;outline:none}
.eratevo-inline-success-mark{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:50%;background:var(--mint);color:var(--ink);font-weight:900;line-height:1}
.eratevo-inline-success strong{display:block;margin:1px 0 5px;font-size:18px;line-height:1.25;color:#fff}
.eratevo-inline-success p{margin:0!important;font-size:14px!important;line-height:1.55!important;color:#cbd3d0!important}
.eratevo-contact-wrap.is-sent>.eratevo-inline-success,.eratevo-contact-wrap[data-eratevo-sent="1"]>.eratevo-inline-success{display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}
@keyframes eratevo-form-reveal{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
@media(max-width:680px){.eratevo-form-row{grid-template-columns:1fr}.eratevo-contact-wrap{margin-top:18px}.eratevo-form-toggle,.eratevo-form-actions .btn{width:100%}.eratevo-form-actions{display:grid;grid-template-columns:1fr;gap:10px}.eratevo-inline-success{padding:18px;border-radius:12px}.eratevo-consent span{font-size:10.5px!important}}
@media(prefers-reduced-motion:reduce){.eratevo-contact-wrap.is-open>.eratevo-form-panel,.eratevo-contact-wrap.has-form-error>.eratevo-form-panel{animation:none!important}.eratevo-contact-form input,.eratevo-contact-form textarea{transition:none!important}}

/* V20 content-copy deterrent. This is intentionally scoped to public content and never to form controls. */
.eratevo-copy-deterrent main{-webkit-user-select:none;user-select:none}
.eratevo-copy-deterrent input,.eratevo-copy-deterrent textarea,.eratevo-copy-deterrent select,.eratevo-copy-deterrent [contenteditable="true"],.eratevo-copy-deterrent [data-copy-allowed]{-webkit-user-select:text;user-select:text}
.eratevo-copy-deterrent main img{-webkit-user-drag:none}

/* V20.3 — readable type and consistent spacing across EN, RU and HY. */
.hero h1,.hero-grid h1,html[lang="hy"] .hero-grid h1 {
  font-size:clamp(40px,5.4vw,82px);
  line-height:1.08;
  letter-spacing:-.035em;
  overflow-wrap:break-word;
  word-break:normal;
}
.section h2,.cta h2 {
  font-size:clamp(32px,4vw,60px);
  line-height:1.14;
  letter-spacing:-.03em;
  overflow-wrap:break-word;
}
html[lang="hy"] .section h2,html[lang="hy"] .cta h2 {
  line-height:1.22;
  letter-spacing:-.015em;
}
h1,h2,h3 {hyphens:manual;}
.section h2 u,h1 u,.cta h2 u {border:0;text-decoration:none;}
h1 .signal:after,.cta:after,.pricing-section:before {content:none;}
.card h3,.slab h3 {line-height:1.2;letter-spacing:-.025em;}
.section,.manifesto {padding-top:88px;padding-bottom:88px;}
.section-head {margin-bottom:40px;}
.pricing-head {gap:40px;margin-bottom:40px;}
.pricing-head h2 {margin-top:18px;}
.pricing-policy {gap:28px;}
.manifesto strong {font-size:clamp(22px,2.4vw,32px);line-height:1.3;}
.manifesto .line {align-items:flex-start;}
.manifesto .line strong span {margin-top:0;color:var(--ink);}
.manifesto .line > span {max-width:620px;}
.cta h2 {max-width:780px;}
.cta-inner,.cta-grid {align-items:start;gap:40px;}
.cta .eyebrow {margin-bottom:18px!important;}
.cta .signature-line {line-height:1.5;}
.industry-note > span {display:inline-flex;align-items:center;min-height:36px;letter-spacing:.06em;}
.industry-note > span > span {padding:0;border:0;background:none;font:inherit;}
.crumb {flex-wrap:wrap;line-height:1.5;row-gap:4px;}
.crumb > span:not(:last-child) {opacity:.55;}
.footer-in {align-items:center;line-height:1.5;}
.footer a {text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.22em;}
@media(max-width:1050px){
  .nav {display:none;}
}
@media(max-width:680px){
  .wrap {width:calc(100% - 36px);}
  .hero {padding-top:32px;padding-bottom:40px;min-height:0;}
  .hero h1,.hero-grid h1,html[lang="hy"] .hero-grid h1 {
    font-size:clamp(32px,9.5vw,44px);
    line-height:1.12;
    letter-spacing:-.025em;
    text-wrap:pretty;
  }
  html[lang="hy"] .hero h1,html[lang="hy"] .hero-grid h1 {
    font-size:clamp(30px,8.5vw,40px);
    line-height:1.22;
    letter-spacing:-.012em;
  }
  h1 .cut {color:var(--ink);-webkit-text-stroke:0;}
  .section h2,.cta h2,.error-page h1 {
    font-size:clamp(28px,7.9vw,36px);
    line-height:1.18;
    letter-spacing:-.02em;
    text-wrap:pretty;
  }
  html[lang="hy"] .section h2,html[lang="hy"] .cta h2 {
    font-size:clamp(27px,7.4vw,34px);
    line-height:1.25;
    letter-spacing:-.01em;
  }
  .hero-copy {padding-bottom:12px;}
  .lead,.industry-copy p,.section-intro,.pricing-intro,.decision-copy,.industries p {
    font-size:17px;line-height:1.65;
  }
  .section,.manifesto {padding:56px 0;}
  .section-head {gap:18px;margin-bottom:28px;}
  .section h2 {margin-top:14px;}
  .section-head h2 {margin-top:14px;}
  .industry {gap:28px;}
  .industry-copy h2 span,.cta h2 span {display:inline;overflow-wrap:break-word;}
  .pricing-head {gap:20px;margin-bottom:28px;}
  .price-top strong {font-size:30px;line-height:1.18;letter-spacing:-.025em;}
  .price-card {padding:22px;min-height:0;}
  .price-card p {margin:20px 0 24px;line-height:1.65;}
  .pricing-policy {padding:22px;gap:16px;}
  .pricing-policy strong {font-size:20px;line-height:1.5;letter-spacing:-.015em;}
  .pricing-policy p {font-size:15px;line-height:1.7;}
  .manifesto .line {padding:22px 0;}
  .manifesto strong {font-size:23px;line-height:1.35;letter-spacing:-.02em;}
  .manifesto .line strong span {margin-top:0;}
  .manifesto .line > span {margin-top:12px;font-size:16px;line-height:1.65;}
  .cta {padding:52px 0 56px;}
  .cta-inner,.cta-grid {gap:22px;}
  .cta h2 {margin:0;}
  .cta p {font-size:17px;line-height:1.65;margin:0 0 20px;}
  .eyebrow,.kicker {font-size:11px;line-height:1.55;letter-spacing:.1em;}
  .kicker {margin-bottom:18px;}
  .kicker i {display:none;}
  .footer {padding:28px 0;}
  .footer-in {display:grid;gap:14px;font-size:13px;}
  .footer-in span {margin-top:0;}
  .footer b {font-size:18px;}
  .btn,.mobile-panel a {min-height:44px;}
  .eratevo-form-privacy,.eratevo-consent span {font-size:12px!important;line-height:1.6;}
}


/* V20.4 header + compact mobile navigation */
.brand{align-items:center}.brand-tagline{display:block;max-width:205px;font-size:9px;line-height:1.25;letter-spacing:.02em;text-transform:none;color:#4f5b58;font-weight:780}.mobile-menu summary{border-radius:10px}.mobile-panel{width:min(380px,calc(100vw - 28px));padding:10px;gap:0;border-radius:16px;background:rgba(247,244,237,.985);box-shadow:0 28px 72px rgba(16,21,22,.18);max-height:calc(100dvh - 110px);overflow:auto;overscroll-behavior:contain}.mobile-nav-group{border-bottom:1px solid var(--line)}.mobile-nav-toggle{width:100%;min-height:52px;padding:0 13px;border:0;background:transparent;color:var(--ink);display:flex;align-items:center;justify-content:space-between;text-align:left;font-size:14px;font-weight:850;cursor:pointer}.mobile-nav-toggle i{width:8px;height:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .18s ease}.mobile-nav-toggle[aria-expanded="true"] i{transform:rotate(225deg) translate(-1px,-1px)}.mobile-nav-sub{display:grid;padding:2px 6px 10px}.mobile-nav-sub[hidden]{display:none!important}.mobile-nav-sub a{min-height:44px!important;padding:9px 10px!important;border:0!important;border-radius:8px;font-size:12px!important;font-weight:730!important;color:#4f5b58}.mobile-nav-industries{grid-template-columns:1fr 1fr;column-gap:4px}.mobile-nav-main{display:flex;align-items:center;min-height:52px;padding:0 13px!important;border-bottom:1px solid var(--line)!important;font-size:14px!important;font-weight:850!important}.mobile-nav-cta{margin-top:10px;border:0!important;border-radius:10px;background:var(--ink);color:#fff;justify-content:space-between}.mobile-nav-cta:hover,.mobile-nav-cta:focus-visible{background:var(--brand-navy)!important;color:#fff}.mobile-panel a[aria-current="page"]{background:rgba(0,199,189,.12)}
@media(max-width:1050px){.top{min-height:88px;height:auto;padding-top:10px;padding-bottom:10px}.brand{display:grid!important;grid-template-columns:auto;gap:4px!important;align-content:center;margin-right:auto}.brand-signature{justify-items:start}.brand-tagline{display:block;max-width:180px;font-size:8.5px;line-height:1.16}.mobile-panel{position:fixed;right:14px;top:96px}.langs{order:2}.mobile-menu{order:3}}
@media(max-width:680px){.top{min-height:82px}.brand-logo{width:126px!important}.brand-descriptor{display:none!important}.brand-tagline{font-size:6.4px;line-height:1.05;letter-spacing:0;white-space:nowrap;max-width:none}.mobile-panel{top:88px}.langs{padding:3px!important}.langs a{min-width:31px!important;min-height:32px!important;padding:4px 5px!important;font-size:9px!important}.mobile-menu summary{width:38px;height:38px}.mobile-nav-industries{grid-template-columns:1fr 1fr}}
@media(max-width:390px){.top{gap:5px!important}.brand-logo{width:114px!important}.brand-tagline{font-size:5.9px;line-height:1.05;letter-spacing:0;white-space:nowrap;max-width:none}.langs a{min-width:28px!important;min-height:30px!important;padding:3px 4px!important;font-size:8px!important}.mobile-menu summary{width:36px;height:36px}.mobile-panel{right:10px;width:calc(100vw - 20px);top:86px}}
@media(max-width:340px){.brand-logo{width:106px!important}.brand-tagline{font-size:5.3px;line-height:1.05;letter-spacing:0;white-space:nowrap;max-width:none}.langs a{min-width:26px!important}.top{gap:4px!important}}
@media(prefers-reduced-motion:reduce){.mobile-nav-toggle i{transition:none!important}}

/* V20.4.3 — inclusive industry CTA */
.mobile-nav-industry-other{grid-column:1/-1!important;margin-top:4px!important;border-top:1px solid var(--line)!important;color:var(--ink)!important;font-weight:850!important;justify-content:space-between}.industry-other-tag{border-style:dashed!important;font-weight:850!important}.industry-other-home{display:inline-flex;align-items:center;gap:10px;margin-top:18px;color:var(--ink);font-size:13px;font-weight:800;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:4px}.industry-other-home b{font-size:11px;color:var(--muted);font-weight:750}.industry-other-home:hover,.industry-other-home:focus-visible{color:var(--brand-navy)}

/* V20.5.1 mobile tagline centered under logo */
@media(max-width:1050px){.brand{justify-items:center!important}.brand-signature{justify-items:center!important}.brand-tagline{display:block;text-align:center;margin:0 auto;align-self:center}}
@media(max-width:680px){.brand{justify-items:center!important}.brand-signature{justify-items:center!important}.brand-tagline{text-align:center;margin:0 auto;width:100%;max-width:126px;white-space:normal;line-height:1.08}}
@media(max-width:390px){.brand-tagline{max-width:114px}}
@media(max-width:340px){.brand-tagline{max-width:106px}}


/* V20.5.2 — EraTeVo brand meaning lockup */
.brand{
  display:grid!important;
  grid-template-columns:1fr!important;
  justify-items:center!important;
  align-content:center!important;
  gap:3px!important;
  min-width:0;
}
.brand-signature{
  display:grid!important;
  gap:4px!important;
  justify-items:center!important;
  min-width:0;
}
.brand-descriptor{
  display:block!important;
  width:auto!important;
  max-width:100%;
  margin:0 auto;
  text-align:center!important;
  white-space:nowrap;
  font-size:6.25px;
  line-height:1.05;
  letter-spacing:.095em;
  font-weight:850;
  color:#58625f;
}
.brand-tagline{
  display:block!important;
  width:100%;
  max-width:205px!important;
  margin:1px auto 0!important;
  text-align:center!important;
  white-space:nowrap;
  font-size:8px;
  line-height:1.08;
  letter-spacing:.005em;
  text-transform:none;
  color:#4f5b58;
  font-weight:760;
}
@media(max-width:1050px){
  .brand{margin-right:auto!important;justify-items:center!important}
  .brand-signature{justify-items:center!important}
  .brand-logo{width:144px!important}
  .brand-descriptor{font-size:5.2px;letter-spacing:.055em}
  .brand-tagline{max-width:158px!important;font-size:6.8px;white-space:nowrap}
}
@media(max-width:680px){
  .brand-logo{width:126px!important}
  .brand-descriptor{font-size:4.25px;letter-spacing:.025em;max-width:132px;white-space:normal;line-height:1.05}
  .brand-tagline{max-width:132px!important;font-size:5.85px!important;line-height:1.05!important;white-space:nowrap!important}
}
@media(max-width:390px){
  .brand-logo{width:114px!important}
  .brand-descriptor{font-size:3.85px;max-width:120px}
  .brand-tagline{max-width:120px!important;font-size:5.25px!important}
}
@media(max-width:340px){
  .brand-logo{width:106px!important}
  .brand-descriptor{font-size:3.55px;max-width:110px}
  .brand-tagline{max-width:110px!important;font-size:4.8px!important}
}

/* V20.6.3: editorial headings — compact, readable, naturally wrapping. */
@media (min-width:1051px){
  .section-head{grid-template-columns:minmax(0,1.16fr) minmax(0,.84fr);gap:clamp(28px,4vw,60px)}
}
.section-head h2{font-size:clamp(34px,3.35vw,57px);line-height:1.07;letter-spacing:-.048em;max-width:100%;text-wrap:balance;overflow-wrap:normal;word-break:normal}
.section-head .section-intro{font-size:clamp(16px,1.28vw,19px);line-height:1.6;margin-top:14px}
.handoff-grid h2{font-size:clamp(32px,3.4vw,58px);line-height:1.1;letter-spacing:-.043em;text-wrap:balance;overflow-wrap:normal;word-break:normal}
.hero-grid h1{font-size:clamp(46px,5.05vw,78px);line-height:1.02;letter-spacing:-.052em;text-wrap:balance;overflow-wrap:normal;word-break:normal}
@media(max-width:1050px){.section-head{gap:22px}.section-head h2{font-size:clamp(32px,4.9vw,54px)}}
@media(max-width:680px){
 .section-head h2{font-size:clamp(29px,8.1vw,42px);line-height:1.09}
 .handoff-grid h2{font-size:clamp(30px,7.7vw,42px);line-height:1.12}
 .hero-grid h1{font-size:clamp(39px,10.4vw,56px);line-height:1.06}
}
html[lang=hy] .hero-grid h1{font-size:clamp(41px,4.45vw,70px);letter-spacing:-.032em;line-height:1.08}
html[lang=hy] .section-head h2,html[lang=hy] .handoff-grid h2{letter-spacing:-.027em}
@media(max-width:680px){html[lang=hy] .hero-grid h1{font-size:clamp(35px,9.2vw,48px)}}

/* Narrow phones: preserve whole words while keeping every block in the viewport. */
@media(max-width:420px){
 .hero-grid h1{font-size:clamp(33px,9.3vw,40px);letter-spacing:-.035em}
 .hero-grid>div,.section-head>div,.section-head .section-intro{min-width:0}
 .section-head .section-intro{overflow-wrap:break-word}
}
@media(min-width:1051px){
 .hero-grid h1{font-size:clamp(41px,3.45vw,56px)}
 html[lang=hy] .hero-grid h1{font-size:clamp(40px,3.25vw,54px)}
}

/* Distinct editorial home-hero hierarchy: two meaningful lines without clipping. */
.hero .hero-copy h1{font-size:clamp(52px,5.25vw,76px);line-height:1.04;letter-spacing:-.052em;max-width:100%;overflow-wrap:normal;word-break:normal}
.hero .hero-copy h1 .cut{display:block;letter-spacing:-.045em}
@media(max-width:1100px){.hero .hero-copy h1{font-size:clamp(48px,7vw,70px)}}
@media(max-width:680px){.hero .hero-copy h1{font-size:clamp(38px,9.2vw,53px);line-height:1.08}}
html[lang=hy] .hero .hero-copy h1{letter-spacing:-.025em}

/* PageSpeed pass: compositor-friendly signal scan and opacity-only beam pulse.
 * These replace legacy keyframes that animated top/filter (paint-heavy). */
@keyframes signalScan {0%,12% {transform:translate3d(0,0,0);opacity:0}24%,76%{opacity:1}88%,100%{transform:translate3d(0,min(280px,34vh),0);opacity:0}}
@keyframes beamPulse {0%{opacity:.28}100%{opacity:.9}}
@media (prefers-reduced-motion:reduce) { html {scroll-behavior:auto!important} }
/* EraTeVo editorial layout review: shared across EN/RU/HY, no extra network request. */
@media (min-width:1051px) {
  /* Reduce decorative empty space without compressing the actual content. */
  .hero { min-height:0; padding-top:26px; padding-bottom:52px; }
  .hero .crumb { margin-top:8px; margin-bottom:30px; }
  .hero-grid { gap:clamp(28px,3.8vw,54px); }
  .section-head, .decision-grid, .industries, .faq { align-items:center; }
  .section-head { margin-bottom:30px; }
  .section-head .section-intro { margin:0; max-width:48ch; color:#485450; font-size:clamp(17px,1.35vw,20px); line-height:1.55; }
  .decision-copy { padding-top:0; max-width:52ch; }
  .industries { gap:clamp(24px,3vw,48px); }
  .industries>.tagcloud { align-self:center; align-content:center; }
  .pricing-head { align-items:center; gap:clamp(26px,4vw,58px); margin-bottom:28px; }
  .pricing-head .pricing-intro { margin:0; }
  .section-head .section-intro.is-brand-slogan { color:var(--ink); max-width:none; font-size:clamp(19px,1.6vw,25px); font-weight:650; line-height:1.45; text-align:center; justify-self:center; }
  #systems .section-head { grid-template-columns:minmax(160px,.22fr) minmax(0,.78fr); align-items:center; gap:32px; }
  #systems .section-head h2 { font-size:clamp(30px,2.55vw,44px); white-space:nowrap; letter-spacing:-.035em; text-wrap:nowrap; }
  .related-links { grid-template-columns:repeat(12,minmax(0,1fr)); }
  .related-links>a { grid-column:span 3; }
  .related-links>a:nth-child(1):nth-last-child(5),
  .related-links>a:nth-child(2):nth-last-child(4),
  .related-links>a:nth-child(3):nth-last-child(3) { grid-column:span 4; }
  .related-links>a:nth-child(4):nth-last-child(2) { grid-column:3/span 4; }
  .related-links>a:nth-child(5):last-child { grid-column:7/span 4; }
}
/* Global vertical centring of linked tiles; icons stay aligned with labels. */
.related { padding-block:clamp(35px,4vw,55px); }
.related-links { margin-top:18px; }
.related-links a { min-height:78px; padding:18px 20px; align-items:center; gap:16px; line-height:1.4; }
.related-links a span:first-child { min-width:0; }
.related-links a span:last-child[aria-hidden] { flex:0 0 auto; }
/* Let the section's content, not arbitrary vertical whitespace, determine its height. */
.section { padding-block:clamp(52px,5vw,75px); }
.section-head h2 { text-wrap:pretty; }
.section-head .section-intro { text-wrap:pretty; }
/* Prevent oversized border/separator gaps from implying unrelated sections. */
.manifesto { padding-block:clamp(44px,5vw,66px); }
.pricing-head { margin-bottom:28px; }
/* Main homepage hero: keep the first CTA visible without sacrificing the sculpture. */
body.home .hero { min-height:0; padding-top:26px; padding-bottom:30px; }
body.home .hero .field { height:clamp(380px,35vw,510px); }
/* Site pages also contain an explicit hero instead of using body.home. */
#main-content > .wrap > .hero { min-height:0; padding-top:26px; }
/* Short secondary labels: only these are centred horizontally. */
.section-head .section-intro.is-brand-slogan { color:var(--ink); font-weight:650; }
/* Header: one small legible brand statement under the symbol, no duplicate descriptor. */
.brand { gap:12px!important; }
.brand .brand-signature { justify-items:center; gap:6px; }
.brand .brand-descriptor { display:none!important; }
.brand .brand-tagline { display:block; width:auto; max-width:none; font-size:10px; line-height:1.2; letter-spacing:.005em; text-transform:none; font-weight:650; white-space:nowrap; text-align:center; color:#404e4a; }
/* Hero spacing and masonry paragraphs for compact screen widths. */
@media (max-width:1050px) {
  .hero { min-height:0; padding-top:20px; padding-bottom:42px; }
  .hero .crumb { margin-bottom:20px; }
  .section-head, .industries, .decision-grid, .faq { gap:18px; }
  .section-head .section-intro { margin:0; max-width:65ch; }
  .section-head .section-intro.is-brand-slogan { font-weight:650; text-align:left; }
  #systems .section-head h2 { white-space:normal; }
  .related-links>a, .related-links>a:nth-child(n) { grid-column:auto; }
}
@media (max-width:680px) {
  .section { padding-block:46px; }
  .section-head { margin-bottom:24px; }
  .hero { padding-top:12px; padding-bottom:32px; }
  .hero .crumb { margin-top:4px; margin-bottom:16px; }
  .related { padding-block:34px; }
  .related-links { margin-top:14px; }
  .related-links a { min-height:64px; padding:14px 16px; }
  .brand .brand-tagline { font-size:8.5px!important; letter-spacing:-.01em; white-space:nowrap!important; }
  .brand .brand-logo { width:clamp(114px,31vw,140px)!important; }
  .pricing-head { margin-bottom:20px; }
  .industries>.tagcloud { gap:8px; }
  body.home .hero .field { height:clamp(280px,90vw,390px); }
}
@media (max-width:390px) {
  .brand .brand-tagline { font-size:7.5px!important; }
  .brand .brand-logo { width:112px!important; }
}

/* The privacy title has a long unbreakable word in Russian. Keep whole words within 320–420px. */
@media(max-width:420px){.hero h1.privacy-hero-title{font-size:clamp(27px,7.9vw,33px);overflow-wrap:normal;word-break:normal}}

/* V20.6.6 — agreed editorial alignment, quick showcase path and mobile-safe typography. */
@media(min-width:1051px){
  /* Third process cell begins at the halfway mark of the four-card grid. */
  .slogan-section-head {grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;column-gap:0}
  .slogan-section-head .is-brand-slogan {justify-self:stretch;text-align:left;max-width:none;margin:0;padding-left:0;font-size:clamp(18px,1.55vw,24px);line-height:1.34}
  .slogan-section-head .is-brand-slogan span {display:block;white-space:nowrap}
}
@media(max-width:1050px){
  .slogan-section-head .is-brand-slogan {text-align:left;justify-self:start;margin-top:14px}
  .slogan-section-head .is-brand-slogan span {display:block}
}
/* Visual prominence with one short additional call-to-action; no JavaScript or asset request. */
.industry-examples {margin-top:clamp(18px,2.4vw,28px);display:flex;flex-direction:column;align-items:flex-start;gap:13px}
.industry-copy .industry-examples-note {font-size:clamp(14px,1.1vw,16px);line-height:1.55;color:#384944;margin:0;max-width:48ch}
.industry-examples-link {display:inline-flex;align-items:center;justify-content:space-between;gap:26px;padding:15px 19px;min-height:49px;border:1px solid #0d2020;background:#101819;color:#fff;font-size:14px;font-weight:750;line-height:1.3;transition:background-color .2s ease,transform .2s ease}
.industry-examples-link:hover {background:#0b2a6b;transform:translateY(-2px)}
.industry-examples-link:focus-visible {outline:3px solid #00c7bd;outline-offset:4px}
.industry-examples-link span {font-size:18px;line-height:1}
.industry-copy .industry-note {margin-top:22px}
@media(max-width:680px){
 .slogan-section-head .is-brand-slogan span {white-space:normal}
 .industry-examples {margin-top:18px;gap:10px}
 .industry-examples-link {width:100%;gap:10px;min-height:48px;padding:12px 15px}
}
@media(prefers-reduced-motion:reduce){.industry-examples-link{transition:none}.industry-examples-link:hover{transform:none}}
/* Specificity-safe alignment: brand text starts exactly where the third step begins. */
@media(min-width:1051px){
 .section-head.slogan-section-head>.section-intro.is-brand-slogan{justify-self:stretch;text-align:left;max-width:none;width:100%;margin:0;padding:0}
}
/* Long RU privacy H1 needs smaller text already at 480px, not only below 420px. */
@media(max-width:680px){.hero h1.privacy-hero-title{font-size:clamp(27px,7vw,38px);overflow-wrap:normal;word-break:normal}}


/* EraTeVo 20.6.7: Mobile vertical rhythm, separators and unbroken pricing. */
/* Adjacent sections have their own spacing: do not leave a redundant rule at the join. */
.section:has(+ .related){border-bottom:0}
.section:has(+ .related) + .related{padding-top:clamp(22px,3vw,34px)}
.related{border-top:0}
.pricing-section:has(+ .manifesto){border-bottom:0}
.pricing-section:has(+ .manifesto) + .manifesto{border-top:0}
.project-price-title{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:.4em;row-gap:.15em}
.project-price-title .project-price-amount{white-space:nowrap;font-variant-numeric:tabular-nums}
@media(max-width:680px){
  .section:has(+ .related) + .related{padding-top:20px}
  .related{padding-bottom:28px}
  .project-price-title{display:flex;flex-direction:column;align-items:flex-start;gap:3px}
  .project-price-title .project-price-label{display:block}
  .project-price-title .project-price-amount{display:block;white-space:nowrap;font-size:clamp(18px,5.1vw,25px);line-height:1.3;letter-spacing:-.018em}
  .pricing-section:has(+ .manifesto){padding-bottom:28px}
  .pricing-section:has(+ .manifesto) + .manifesto{padding-top:24px}
  .pricing-section:has(+ .manifesto) + .manifesto .line:first-child{border-top:0;padding-top:0}
}
@media(max-width:370px){.project-price-title .project-price-amount{font-size:clamp(16px,5.05vw,19px);letter-spacing:-.03em}}

/* V20.6.8 — editorial/mobile acceptance pass, shared RU / EN / HY.
   Single appended stylesheet, no JavaScript/image/font requests. */
/* Large H1/H2: a deliberate three-line mobile composition, not desktop line breaks. */
.mobile-three-lines>span{display:inline}
@media(max-width:680px){
  html[lang="hy"] .hero-grid h1.mobile-three-lines,
  html[lang="hy"] .section h2.mobile-three-lines{
    font-size:clamp(27px,7.5vw,36px);line-height:1.19;letter-spacing:-.015em;
    overflow-wrap:normal;word-break:normal;text-wrap:initial;
  }
  .mobile-three-lines>span{display:block;white-space:nowrap;}
  .cms-choice-heading{max-width:100%;}
  /* Avoid the visual gap created by stacking desktop grid proportions on a phone. */
  .handoff{padding-top:38px!important;padding-bottom:38px!important;}
  .handoff .handoff-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(22px,6vw,30px)!important;align-items:start;}
  .handoff-grid>div:first-child p{margin:12px 0 0;line-height:1.5;}
  .handoff-grid>div:nth-child(2) .eyebrow{margin:0 0 12px!important;}
  .handoff .deliver{margin:0;}
  .handoff .deliver>div{padding-top:15px;padding-bottom:15px;}
  .handoff h2{margin-top:12px;}
  /* Closing CTA: compact, calm reading flow, clear labels and no unnecessary duplicates. */
  .cta{padding-top:38px!important;padding-bottom:42px!important;}
  .cta .cta-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:20px!important;align-items:start;}
  .cta h2{font-size:clamp(27px,7.5vw,36px);line-height:1.19;letter-spacing:-.02em;margin:6px 0 0;}
  html[lang="hy"] .cta h2{font-size:clamp(26px,7.15vw,34px);line-height:1.24;letter-spacing:-.01em;}
  .cta p{font-size:clamp(15px,4.2vw,18px)!important;line-height:1.57!important;color:#e2e7e5!important;margin:0 0 16px!important;max-width:52ch;}
  .cta .eyebrow{color:#a8bbb5!important;letter-spacing:.085em;}
  .cta .signature-line{display:none!important;}
  .cta .eratevo-contact-wrap{margin-top:6px;}
  /* Related links get one visual boundary (the tiles), not an extra divider. */
  .section:has(+ .related){padding-bottom:32px!important;}
  .section:has(+ .related) + .related{padding-top:20px!important;border-top:0!important;}
  .related{border-top:0!important;}
  .related .related-links{margin-top:14px;}
  .section-head{margin-bottom:24px;}
}
@media(max-width:360px){
  html[lang="hy"] .hero-grid h1.mobile-three-lines{font-size:clamp(24px,7.35vw,27px)}
  html[lang="hy"] .section h2.mobile-three-lines{font-size:clamp(24px,7.3vw,27px)}
}
@media(min-width:681px){
 .mobile-three-lines>span{white-space:normal;}
 .handoff .handoff-grid{align-items:center;}
 .cta p{color:#d9e2df;line-height:1.55;}
 .cta .eyebrow{color:#b0bfba;}
}
@media(prefers-reduced-motion:reduce){.cta *{scroll-behavior:auto}}

/* Responsive editorial headings: prefer three readable lines to four or five.
   Preserve desktop sizes and per-language copy. */
@media(max-width:680px){
 .hero-grid h1:not(.mobile-three-lines){font-size:clamp(27px,7.55vw,37px);line-height:1.15;letter-spacing:-.024em;text-wrap:pretty;word-break:normal;}
 html[lang="hy"] .hero-grid h1:not(.mobile-three-lines){font-size:clamp(25px,7.5vw,36px);line-height:1.19;letter-spacing:-.013em;}
}
@media(max-width:360px){
 .hero-grid h1:not(.mobile-three-lines){font-size:clamp(25px,7.6vw,28px)}
 html[lang="hy"] .hero-grid h1:not(.mobile-three-lines){font-size:clamp(23px,7.3vw,26px)}
}

/* Compact RU home headline on smallest phones, without touching desktop. */
@media(max-width:360px){html[lang="ru"] .hero .hero-copy h1{font-size:clamp(30px,9.1vw,33px)!important;line-height:1.12}}


.cookie-policy-note{max-width:900px;margin:16px 0 0;color:inherit;line-height:1.75}

/* V20.7.15 — direct business phone for EN/RU/HY contact forms and footer. */
.eratevo-direct-phone {display:flex;align-items:baseline;flex-wrap:wrap;column-gap:10px;row-gap:4px;margin:16px 0 0!important;color:#c4d1ce!important;font-size:15px!important;line-height:1.5!important;}
.eratevo-direct-phone span{font-size:12px;font-weight:650;letter-spacing:.02em;color:#acbbb6;}
.eratevo-direct-phone a{color:#fff!important;font-size:18px;font-weight:750;letter-spacing:.01em;text-decoration:underline;text-decoration-color:#00c7bd;text-underline-offset:5px;white-space:nowrap;}
.eratevo-direct-phone a:hover,.eratevo-direct-phone a:focus-visible{color:#7bf2e7!important;}
.footer-in{flex-wrap:wrap;}
.footer .eratevo-footer-phone{color:#fff;font-weight:750;white-space:nowrap;}
.footer .eratevo-footer-phone:hover,.footer .eratevo-footer-phone:focus-visible{color:#7bf2e7;}



/* EraTeVo 20.7.19 — multilingual typography and rhythm correction.
   Pure CSS: content, routes, metadata and interaction stay unchanged. */
:root { --et-reading:#414e4b; --et-reading-line:1.62; }
html { -webkit-text-size-adjust:100%; text-size-adjust:100%; }
body { font-kerning:normal; font-optical-sizing:auto; }
html[lang="hy"] body { font-family:"Noto Sans Armenian","Segoe UI",system-ui,Arial,sans-serif; }
/* Cyrillic and Armenian scripts should not inherit display-style tracking. */
html[lang="hy"] :where(h1,h2,h3,h4,p,a,li,span,small,strong,button,input,textarea,label) { font-kerning:normal; }
main :where(.wrap,.hero-grid>*,.section-head>*,.decision-grid>*,.faq>*,.industries>*,.handoff-grid>*,.cta-grid>*,.cards>*,.related-links>*) { min-width:0; }
/* Rhythm: align text columns at the top rather than vertically centring titles alongside long paragraphs. */
.section { padding-block:76px; }
.section-head,.decision-grid,.industries,.faq { align-items:start!important; }
.section-head { margin-bottom:34px; gap:clamp(22px,3.2vw,48px); }
.decision-grid,.industries,.faq,.handoff-grid { gap:clamp(24px,3.2vw,48px); }
.section-head h2,.section h2,.handoff-grid h2,.industries h2,.faq h2,.related h2,
.pricing-head h2,.manifesto h2 {
  font-size:clamp(31px,3vw,47px)!important;
  font-weight:740;
  line-height:1.16!important;
  letter-spacing:-.025em!important;
  margin-top:12px;
  text-wrap:balance;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
html[lang="hy"] .section-head h2,
html[lang="hy"] .section h2,
html[lang="hy"] .handoff-grid h2,
html[lang="hy"] .industries h2,
html[lang="hy"] .faq h2,
html[lang="hy"] .pricing-head h2,
html[lang="hy"] .manifesto h2 {
  font-size:clamp(29px,2.7vw,43px)!important;
  letter-spacing:0!important;
  font-weight:720;
  line-height:1.24!important;
}
.hero-grid h1,.hero h1 {
  font-size:clamp(42px,4.45vw,66px)!important;
  line-height:1.105!important;
  font-weight:760;
  letter-spacing:-.035em!important;
  text-wrap:balance;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
html[lang="hy"] .hero-grid h1,html[lang="hy"] .hero h1 {
  font-size:clamp(37px,4vw,59px)!important;
  font-weight:730;
  line-height:1.2!important;
  letter-spacing:0!important;
}
/* Small editorial labels were letter-spaced like Latin capital labels even in Armenian. */
:where(.eyebrow,.kicker,.label,.crumb,.field-label,.slab small,.rail span) {
  letter-spacing:.045em!important;
  line-height:1.55!important;
}
:where(.eyebrow,.kicker,.label) { font-size:clamp(11px,.82vw,12px)!important; font-weight:750; }
html[lang="ru"] :where(.eyebrow,.kicker,.label,.field-label,.slab small,.rail span) { letter-spacing:.018em!important; }
html[lang="hy"] :where(.eyebrow,.kicker,.label,.field-label,.slab small,.rail span,.tag,.brand-descriptor,.industry-note span) {
  letter-spacing:0!important;
  text-transform:none!important;
  font-weight:710;
}
html[lang="hy"] :where(.eyebrow,.kicker,.label) { font-size:12px!important; line-height:1.65!important; }
.section-head .section-intro { margin:6px 0 0; }
:where(.section-intro,.decision-copy,.industry-copy p,.industries p,.faq-item p,.card p,.lead,.pair p,.handoff p,.cta p) {
  font-size:clamp(16px,1.17vw,19px)!important;
  line-height:var(--et-reading-line)!important;
  letter-spacing:normal!important;
  overflow-wrap:break-word;
  word-break:normal;
}
:where(.decision-copy,.section-intro,.industry-copy p,.industries p,.faq-item p,.card p,.lead,.pair p) { color:var(--et-reading); }
.decision-copy { padding-top:0!important; max-width:62ch; }
.decision-copy p { margin:0; font:inherit; line-height:inherit; color:inherit; }
.industries p { max-width:62ch; }
.handoff p,.cta p { color:#d2dbd7; }
/* Consistent readable card headings, without 4–6 line artificial stretching. */
:where(.card h3,.slab h3,.step h3,.faq-item h3,.related-links a,.price-card strong) {
  line-height:1.26!important;
  letter-spacing:-.012em!important;
  word-break:normal;
  overflow-wrap:normal;
}
.card h3 { font-size:clamp(21px,1.75vw,27px)!important; margin:38px 0 12px; }
.step h3 { font-size:clamp(17px,1.45vw,21px)!important; margin-top:42px; }
.faq-item h3 { font-size:clamp(19px,1.4vw,22px)!important; margin-bottom:11px; }
.faq-item { padding-block:21px; }
html[lang="hy"] :where(.card h3,.slab h3,.step h3,.faq-item h3,.related-links a) { letter-spacing:0!important; font-weight:720; line-height:1.32!important; }
html[lang="hy"] .step h3 { font-size:clamp(17px,1.35vw,20px)!important; }
.related { padding-block:55px; }
.related-links a { font-size:clamp(15px,1vw,17px); }
.cta { padding-block:72px; }
.cta h2 { font-size:clamp(34px,3.2vw,52px)!important; line-height:1.15!important; letter-spacing:-.025em!important; }
html[lang="hy"] .cta h2 { font-size:clamp(31px,3vw,46px)!important; letter-spacing:0!important; line-height:1.23!important; }
/* Improve semantic clarity of body elements without introducing remote fonts or additional requests. */
.pair-grid>div { padding-block:28px; }
.pair p { margin-top:10px; }
.section-intro.is-brand-slogan { font-size:clamp(17px,1.5vw,22px)!important; line-height:1.45!important; }
@media(max-width:1050px){
  .section { padding-block:60px; }
  .section-head,.decision-grid,.industries,.faq,.handoff-grid { gap:22px; }
  .section-head { margin-bottom:28px; }
  .hero { min-height:0; }
  .section-head .section-intro { margin-top:0; }
}
@media(max-width:680px){
  .section { padding-block:48px; }
  .related { padding-block:44px; }
  .cta { padding-block:52px; }
  .section-head { margin-bottom:24px; }
  .hero-grid h1,.hero h1 { font-size:clamp(31px,8vw,42px)!important; line-height:1.15!important; letter-spacing:-.025em!important; }
  html[lang="hy"] .hero-grid h1,html[lang="hy"] .hero h1 { font-size:clamp(29px,7.3vw,39px)!important; line-height:1.24!important; letter-spacing:0!important; }
  .section-head h2,.section h2,.handoff-grid h2,.industries h2,.faq h2,.pricing-head h2 { font-size:clamp(26px,6.9vw,34px)!important; line-height:1.2!important; }
  html[lang="hy"] .section-head h2,html[lang="hy"] .section h2,html[lang="hy"] .handoff-grid h2,html[lang="hy"] .industries h2,html[lang="hy"] .faq h2,html[lang="hy"] .pricing-head h2 { font-size:clamp(25px,6.4vw,32px)!important; line-height:1.3!important; }
  :where(.section-intro,.decision-copy,.industry-copy p,.industries p,.faq-item p,.card p,.lead,.pair p,.handoff p,.cta p){font-size:16px!important;line-height:1.65!important;}
  .step h3 { margin-top:30px; font-size:18px!important; }
  html[lang="hy"] .step h3 { font-size:17px!important; }
  .card h3 { margin-top:33px; }
  .related-links a { font-size:15px; }
  .section-head .section-intro.is-brand-slogan { font-size:18px!important; }
  :where(.eyebrow,.kicker,.label) { line-height:1.6!important; }
}
@media(max-width:380px){
  .hero-grid h1,.hero h1 {font-size:clamp(27px,7.3vw,32px)!important;}
  html[lang="hy"] .hero-grid h1,html[lang="hy"] .hero h1 {font-size:clamp(25px,7vw,30px)!important;}
  .section-head h2,.section h2,.handoff-grid h2,.industries h2,.faq h2 {font-size:clamp(24px,6.8vw,27px)!important;}
  html[lang="hy"] .section-head h2,html[lang="hy"] .section h2,html[lang="hy"] .handoff-grid h2,html[lang="hy"] .industries h2,html[lang="hy"] .faq h2 {font-size:clamp(23px,6.4vw,26px)!important;}
}

/* Release QA: CTA questions are sentence-length; keep them proportionate on small phones. */
@media(max-width:680px){
 .cta h2 {font-size:clamp(25px,6.7vw,32px)!important;line-height:1.22!important;}
 html[lang="hy"] .cta h2 {font-size:clamp(24px,6.1vw,30px)!important;line-height:1.32!important;}
 .slab h3 {font-size:clamp(22px,5.8vw,28px)!important;line-height:1.3!important;}
 html[lang="hy"] .slab h3 {font-size:clamp(21px,5.5vw,26px)!important;line-height:1.36!important;}
}
@media(max-width:380px){
 .cta h2 {font-size:24px!important;}
 html[lang="hy"] .cta h2 {font-size:23px!important;}
 html[lang="hy"] .section h2:not(.mobile-three-lines) {font-size:22px!important;line-height:1.28!important;}
 .slab h3 {font-size:21px!important;}
}

/* One unusually long, meaningful Armenian hospitality H1: retain the exact SEO phrase. */
@media(max-width:680px){
 html[lang="hy"] .hero-grid h1.et-long-hospitality-h1{font-size:clamp(21px,5.9vw,27px)!important;line-height:1.28!important;}
}

/* Prevent the 4px legacy privacy-page bleed without creating a horizontal scroller. */
html { overflow-x:clip; }
/* Shared header, footer and editorial rows: coherent tracking in all scripts. */
.nav { gap:clamp(13px,1.35vw,23px); font-size:clamp(12px,.88vw,14px); line-height:1.4; }
.nav a { white-space:nowrap; }
html[lang="hy"] .nav { letter-spacing:0; font-weight:700; }
.footer-in,.footer-in a { line-height:1.55; }
.manifesto strong { font-size:clamp(23px,2.1vw,35px)!important; line-height:1.25!important; letter-spacing:-.02em!important; }
html[lang="hy"] .manifesto strong { font-size:clamp(22px,1.95vw,32px)!important; letter-spacing:0!important; line-height:1.35!important; }
.price-card p,.pricing-intro,.pricing-policy p {line-height:1.62!important; letter-spacing:normal!important;}
@media(max-width:680px){
 .brand .brand-tagline {font-size:7px!important;line-height:1.2!important;white-space:normal!important;max-width:133px!important;}
 .manifesto strong {font-size:clamp(23px,6.2vw,28px)!important;}
 html[lang="hy"] .manifesto strong {font-size:clamp(22px,5.9vw,27px)!important;}
}
@media(max-width:360px){.brand .brand-tagline{font-size:6.7px!important;max-width:116px!important;}}

/* Final intrinsic-width QA: two long words must fit the 320px viewport. */
@media(max-width:380px){
 html[lang="ru"] .hero h1.privacy-hero-title {font-size:24px!important;line-height:1.2!important;letter-spacing:-.01em!important;overflow-wrap:break-word!important;}
 html[lang="hy"] .faq h2 {font-size:20px!important;line-height:1.34!important;overflow-wrap:break-word!important;}
}

/* V20.7.20 — editorial optical QA. No external resources; no hidden or keyword-only text. */
:root{--et-body-ink:#46514e;--et-font-regular:400;}
html{scroll-padding-top:24px;}
body{font-family:"Segoe UI",Arial,system-ui,sans-serif;font-synthesis:weight;font-kerning:normal;text-rendering:optimizeLegibility;}
html[lang="hy"] body{font-family:"Segoe UI","Noto Sans Armenian",Arial,sans-serif;}
/* Avoid isolating the Armenian case suffix after a technical name (CRM-ի, ERP-ի, API-ի). */
.et-nowrap{white-space:nowrap;display:inline;}
/* Optical rather than numeric centring: title and paragraph start on the same reading axis. */
.hero-grid{align-items:center;gap:clamp(28px,3.5vw,56px);}
.hero-grid>div:first-child{min-width:0;}
.hero-grid h1,.hero h1{
 font-size:clamp(39px,3.55vw,59px)!important;
 line-height:1.15!important;font-weight:700!important;letter-spacing:-.026em!important;
 text-wrap:balance;overflow-wrap:normal!important;word-break:normal!important;
}
html[lang="hy"] .hero-grid h1,html[lang="hy"] .hero h1{
 font-size:clamp(37px,3.35vw,55px)!important;
 line-height:1.21!important;font-weight:680!important;letter-spacing:-.008em!important;
}
.hero-grid .kicker{margin-bottom:clamp(15px,1.7vw,23px)!important;}
.hero-grid .lead,.hero .lead{
 font-size:clamp(17px,1.18vw,19px)!important;line-height:1.65!important;
 max-width:58ch;margin:clamp(17px,1.8vw,26px) 0 clamp(22px,2.2vw,32px)!important;
 color:var(--et-body-ink)!important;font-weight:400!important;
 letter-spacing:0!important;text-wrap:pretty;word-break:normal;
}
html[lang="hy"] .hero-grid .lead,html[lang="hy"] .hero .lead{line-height:1.74!important;}
.hero-grid .actions,.hero .actions{gap:12px;align-items:stretch;}
.btn,.actions .btn{
 font-family:inherit;font-size:clamp(14px,.95vw,15px)!important;font-weight:650!important;
 letter-spacing:0!important;line-height:1.35!important;text-align:center;
 padding:13px clamp(17px,1.4vw,23px)!important;min-height:52px;
 overflow-wrap:normal;word-break:normal;text-wrap:balance;
}
html[lang="hy"] .btn,html[lang="hy"] .actions .btn{font-weight:620!important;font-size:clamp(14px,.97vw,15px)!important;}
.hero-grid .question,.hero .question{max-width:62ch;margin:clamp(21px,2.4vw,30px) 0 0!important;font-size:clamp(14px,.97vw,16px)!important;line-height:1.65;}
.hero-grid .question b,.hero .question b{font-weight:650;}
/* All-language reading rhythm: avoid large accidental baselines and stranded end words. */
main p,main li,main .decision-copy,main .section-intro{ text-wrap:pretty; }
main h1,main h2,main h3{ text-wrap:balance; }
main h1,main h2,main h3,main p{ hyphens:none; }
.section-head,.decision-grid,.faq,.industries{align-items:start!important;}
.section-head .section-intro{margin:7px 0 0!important;}
.decision-copy{margin:0;max-width:60ch;}
.section-head h2,.section h2,.handoff-grid h2,.industries h2,.faq h2,.pricing-head h2{
 font-weight:700!important;letter-spacing:-.019em!important;line-height:1.2!important;
}
html[lang="hy"] .section-head h2,html[lang="hy"] .section h2,html[lang="hy"] .handoff-grid h2,html[lang="hy"] .industries h2,html[lang="hy"] .faq h2,html[lang="hy"] .pricing-head h2{
 font-weight:670!important;letter-spacing:0!important;line-height:1.3!important;
}
/* Tiny overtracked labels visually broke the Armenian script; keep scripts consistent. */
html[lang="hy"] :where(.kicker,.eyebrow,.label,.brand-tagline,.field-label,.rail span,.pair .label){letter-spacing:0!important;text-transform:none!important;}
html[lang="hy"] :where(.kicker,.eyebrow,.label){font-size:12px!important;font-weight:650!important;line-height:1.6!important;}
html[lang="hy"] :where(.card h3,.step h3,.faq-item h3,.btn,.nav a,.tag){letter-spacing:0!important;}
html[lang="hy"] :where(.card h3,.step h3,.faq-item h3){font-weight:660!important;line-height:1.35!important;}
html[lang="hy"] :where(.rail span,.core strong){font-weight:680!important;letter-spacing:0!important;}
html[lang="hy"] .service-field .rail span{font-size:clamp(11px,.78vw,13px)!important;}
/* Avoid a massive blank bridge between columns, especially long text versus a short headline. */
.section,.related{scroll-margin-top:18px;}
.section-head{margin-bottom:clamp(25px,2.5vw,36px)!important;}
.section{padding-block:clamp(48px,4.4vw,70px)!important;}
.decision-grid,.section-head,.faq,.industries{column-gap:clamp(22px,3.2vw,50px);}
.faq-item{padding-block:clamp(18px,1.6vw,23px)!important;}
:where(.card p,.faq-item p,.section-intro,.decision-copy,.industry-copy p,.industries p,.pair p){line-height:1.65!important;}
/* Plain prose follows the reading axis. Decorative slogans remain centred only where intended. */
:where(.lead,.section-intro,.decision-copy,.faq-item p,.card p,.industries p){text-align:start;}
/* Narrow screens: preserve legibility instead of shrinking everything to fit the word count. */
@media(max-width:1050px){
 .hero-grid{gap:clamp(18px,3vw,30px);}
 .section-head,.decision-grid,.faq,.industries{row-gap:clamp(17px,2.2vw,25px);}
}
@media(max-width:680px){
 .hero-grid h1,.hero h1{font-size:clamp(30px,8vw,42px)!important;line-height:1.18!important;}
 html[lang="hy"] .hero-grid h1,html[lang="hy"] .hero h1{font-size:clamp(28px,7.45vw,39px)!important;line-height:1.27!important;}
 .hero-grid .lead,.hero .lead{font-size:16px!important;line-height:1.68!important;margin:18px 0 22px!important;}
 html[lang="hy"] .hero-grid .lead,html[lang="hy"] .hero .lead{line-height:1.76!important;}
 .hero-grid .actions,.hero .actions{gap:10px;}
 .btn,.actions .btn{font-size:14px!important;min-height:48px;padding:12px 15px!important;}
 .section-head .section-intro{margin:0!important;}
 .section{padding-block:clamp(41px,6vw,49px)!important;}
 .hero-grid .question,.hero .question{margin-top:21px!important;}
}
@media(max-width:380px){
 .hero-grid h1,.hero h1{font-size:clamp(28px,7.5vw,33px)!important;}
 html[lang="hy"] .hero-grid h1,html[lang="hy"] .hero h1{font-size:clamp(26px,7.1vw,31px)!important;}
 .btn,.actions .btn{font-size:13.5px!important;}
}

/* Preserve the generous premium two-line home headline; service pages remain compact. */
.hero .hero-copy h1{font-size:clamp(52px,5.2vw,75px)!important;line-height:1.06!important;letter-spacing:-.038em!important;font-weight:700!important;}
html[lang="hy"] .hero .hero-copy h1{font-size:clamp(45px,4.6vw,67px)!important;line-height:1.15!important;letter-spacing:0!important;font-weight:670!important;}
@media(max-width:680px){
 .hero .hero-copy h1{font-size:clamp(36px,9.2vw,52px)!important;line-height:1.12!important;}
 html[lang="hy"] .hero .hero-copy h1{font-size:clamp(34px,8.1vw,45px)!important;line-height:1.2!important;}
}
@media(max-width:380px){
 .hero .hero-copy h1{font-size:clamp(32px,8.8vw,37px)!important;}
 html[lang="hy"] .hero .hero-copy h1{font-size:clamp(29px,7.7vw,34px)!important;}
}

/* V20.7.24 — streamlined, consistent contacts; single phone and accessible cookie icon. */
.footer .eratevo-footer-layout{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) auto;
  gap:clamp(24px,4vw,70px);
  align-items:start;
  justify-content:initial;
  padding-top:clamp(22px,3vw,38px);
  padding-bottom:clamp(28px,3vw,42px);
  font-size:14px;
  line-height:1.55;
}
.footer .eratevo-footer-brand,.footer .eratevo-footer-contacts{display:flex;flex-direction:column;align-items:flex-start;gap:9px;min-width:0;}
.footer .eratevo-footer-brand b{display:block;color:#fff;font-size:19px;font-weight:700;line-height:1.28;letter-spacing:-.025em;}
.footer .eratevo-footer-brand span{display:block;margin:0;color:#aeb8b4;font-size:13px;font-weight:400;line-height:1.55;letter-spacing:0;}
.footer .eratevo-footer-contacts a,.footer .eratevo-footer-legal a{
  display:inline-block;max-width:100%;color:#d5dedb;
  font:inherit;font-size:15px;font-weight:500;letter-spacing:0;line-height:1.55;
  text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:rgba(213,222,219,.55);text-underline-offset:4px;
  overflow-wrap:anywhere;
}
.footer .eratevo-footer-contacts .eratevo-footer-phone{color:#d5dedb;font-size:15px;font-weight:500;white-space:nowrap;text-decoration-color:rgba(213,222,219,.55);}
.footer .eratevo-footer-contacts a:hover,.footer .eratevo-footer-contacts a:focus-visible,
.footer .eratevo-footer-legal a:hover,.footer .eratevo-footer-legal a:focus-visible{color:#87f2df;text-decoration-color:#87f2df;}
.footer .eratevo-footer-legal{display:flex;align-items:center;gap:12px;justify-content:flex-start;min-width:0;}
@media(max-width:860px){
 .footer .eratevo-footer-layout{grid-template-columns:1fr 1fr;row-gap:25px;column-gap:22px;}
 .footer .eratevo-footer-legal{grid-column:1/-1;}
}
@media(max-width:600px){
 .footer .eratevo-footer-layout{grid-template-columns:1fr;row-gap:23px;}
 .footer .eratevo-footer-legal{grid-column:auto;}
 .footer .eratevo-footer-brand,.footer .eratevo-footer-contacts{gap:12px;}
}