
:root{--paper:#f5f1e8;--paper2:#ebe5d8;--ink:#101516;--muted:#5f6764;--mint:#77f4c2;--mint2:#baf9df;--gold:#c9a86a;--line:rgba(16,21,22,.14);--soft:rgba(255,255,255,.46);--shadow:0 30px 80px rgba(16,21,22,.10);--px:50%;--py:40%}
*{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,.13),transparent 31rem),linear-gradient(180deg,var(--paper),#f8f5ef 46%,var(--paper2));overflow-x:hidden}a{color:inherit;text-decoration:none}.wrap{width:min(1480px,calc(100% - 48px));margin:auto}.top{height:88px;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:13px;font-weight:850;letter-spacing:-.04em;font-size:24px}.brand-mark{width:26px;height:26px;position:relative}.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:28px;font-size:13px;font-weight:700}.nav a{opacity:.75}.nav a:hover{opacity:1}.langs{display:flex;border:1px solid var(--line);border-radius:999px;padding:4px;background:rgba(255,255,255,.36)}.langs a{padding:7px 9px;border-radius:999px;font-size:11px;font-weight:850;letter-spacing:.08em;color:var(--muted)}.langs a.active{background:var(--ink);color:white}.hero{padding:38px 0 60px;min-height:720px}.crumb{font-size:11px;color:var(--muted);display:flex;gap:9px;align-items:center;margin:10px 0 44px}.crumb a{text-decoration:underline;text-underline-offset:3px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(420px,.94fr);gap:52px;align-items:center}.kicker{display:flex;align-items:center;gap:12px;font-size:11px;font-weight:850;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:25px}.kicker i{display:block;width:40px;height:1px;background:var(--gold)}h1{font-size:clamp(50px,6.15vw,96px);line-height:.93;letter-spacing:-.065em;margin:0;max-width:920px}.lead{font-size:clamp(18px,1.45vw,22px);line-height:1.57;color:var(--muted);max-width:760px;margin:30px 0}.actions{display:flex;gap:12px;flex-wrap:wrap}.btn{min-height:52px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--ink);font-size:13px;font-weight:850}.btn.primary{background:var(--ink);color:white}.btn:hover{transform:translateY(-2px)}.question{margin-top:30px;border-left:1px solid var(--gold);padding:5px 0 5px 18px;max-width:650px;color:var(--muted);font-size:14px;line-height:1.5}.question b{color:var(--ink)}
/* signature service architecture */.service-field{height:590px;position:relative;perspective:1100px;isolation:isolate}.service-field:before{content:"";position:absolute;inset:4% 1% 4% 8%;border:1px solid var(--line);clip-path:polygon(8% 0,100% 4%,91% 100%,0 94%);background:linear-gradient(135deg,rgba(255,255,255,.64),rgba(255,255,255,.10));box-shadow:var(--shadow)}.axis{position:absolute;inset:11% 7% 8% 12%;transform:rotate(-7deg)}.rail{position:absolute;left:0;right:0;height:76px;border-top:1px solid rgba(16,21,22,.28);border-bottom:1px solid rgba(16,21,22,.08);background:linear-gradient(90deg,transparent 0 8%,rgba(255,255,255,.7) 8% 63%,rgba(119,244,194,.24) 63% 84%,transparent 84%);transform:translateX(var(--shift,0)) skewX(-19deg);transition:transform .75s cubic-bezier(.2,.7,.2,1)}.rail:nth-child(1){top:5%;--shift:5%}.rail:nth-child(2){top:28%;--shift:-3%}.rail:nth-child(3){top:51%;--shift:8%}.rail:nth-child(4){top:74%;--shift:-1%}.rail span{position:absolute;left:15%;top:50%;transform:translateY(-50%) skewX(19deg);font-size:12px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.service-field:hover .rail:nth-child(1){transform:translateX(0) skewX(-19deg)}.service-field:hover .rail:nth-child(2){transform:translateX(4%) skewX(-19deg)}.service-field:hover .rail:nth-child(3){transform:translateX(-2%) skewX(-19deg)}.service-field:hover .rail:nth-child(4){transform:translateX(3%) skewX(-19deg)}.core{position:absolute;width:178px;height:178px;border-radius:50%;background:var(--ink);color:white;right:13%;top:34%;display:grid;place-items:center;box-shadow:0 28px 65px rgba(16,21,22,.26);z-index:5}.core:before,.core:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.25)}.core:before{inset:18px}.core:after{inset:40px;border-color:var(--mint)}.core strong{max-width:122px;text-align:center;font-size:18px;line-height:1.05;letter-spacing:-.04em;z-index:2;overflow-wrap:anywhere}.orbit{position:absolute;width:286px;height:286px;border:1px dashed rgba(16,21,22,.24);border-radius:50%;right:5%;top:25%;animation:spin 26s linear infinite}.orbit:before{content:"";position:absolute;width:15px;height:15px;border-radius:50%;background:var(--gold);left:19px;top:46px;box-shadow:0 0 0 8px rgba(201,168,106,.13)}.field-label{position:absolute;left:2%;bottom:6%;font-size:10px;letter-spacing:.15em;color:var(--muted);writing-mode:vertical-rl;transform:rotate(180deg)}@keyframes spin{to{transform:rotate(360deg)}}
.pair{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.26)}.pair-grid{display:grid;grid-template-columns:1fr 1fr}.pair-grid>div{padding:34px 38px}.pair-grid>div+div{border-left:1px solid var(--line)}.label,.eyebrow{font-size:10px;font-weight:850;letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}.pair p{font-size:21px;line-height:1.45;margin:13px 0 0;max-width:690px}.section{padding:112px 0;border-bottom:1px solid var(--line)}.section-head{display:grid;grid-template-columns:.72fr 1.28fr;gap:55px;margin-bottom:58px}.section h2{font-size:clamp(42px,5.2vw,78px);line-height:.96;letter-spacing:-.058em;margin:20px 0 0}.section-intro{font-size:19px;line-height:1.62;color:var(--muted);max-width:720px;margin-top:35px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{min-height:250px;border:1px solid var(--line);padding:28px;background:rgba(255,255,255,.31);position:relative;overflow:hidden;transition:.28s}.card:hover{transform:translateY(-6px);background:rgba(255,255,255,.62);box-shadow:0 22px 55px rgba(16,21,22,.07)}.card h3{font-size:29px;letter-spacing:-.04em;margin:50px 0 13px}.card p{color:var(--muted);line-height:1.58;margin:0}.card:before{content:"";position:absolute;width:92px;height:1px;left:28px;top:32px;background:var(--mint)}.handoff{background:var(--ink);color:white}.handoff .eyebrow{color:#9da6a3}.handoff-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:start}.handoff h2{margin-top:20px}.handoff p{color:#b8c1be;font-size:18px;line-height:1.65}.deliver{border-top:1px solid rgba(255,255,255,.25);margin-top:12px}.deliver div{padding:19px 0;border-bottom:1px solid rgba(255,255,255,.14);font-size:17px;display:flex;gap:12px}.deliver div:before{content:"";width:7px;height:7px;background:var(--mint);border-radius:50%;margin-top:9px;flex:0 0 auto}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line)}.step{min-height:190px;padding:26px;border-right:1px solid var(--line);background:rgba(255,255,255,.27)}.step:last-child{border-right:0}.step small{color:var(--gold);font-weight:850}.step h3{font-size:23px;line-height:1.1;margin:56px 0 0;letter-spacing:-.035em}.decision-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:70px;align-items:start}.decision-copy{font-size:21px;line-height:1.6;color:var(--muted);padding-top:18px}.industries{display:grid;grid-template-columns:.72fr 1.28fr;gap:60px}.industries p{font-size:18px;line-height:1.65;color:var(--muted)}.tagcloud{display:flex;flex-wrap:wrap;gap:10px;align-content:start}.tag{padding:12px 15px;border:1px solid var(--line);background:rgba(255,255,255,.38);font-size:12px;font-weight:800;transition:.2s}.tag:hover{transform:translateY(-3px);background:var(--mint2)}.faq{display:grid;grid-template-columns:.72fr 1.28fr;gap:60px}.faq-list{border-top:1px solid var(--line)}.faq-item{padding:24px 0;border-bottom:1px solid var(--line)}.faq-item h3{font-size:22px;margin:0 0 9px;letter-spacing:-.03em}.faq-item p{margin:0;color:var(--muted);line-height:1.55}.related{padding:70px 0;border-bottom:1px solid var(--line)}.related-links{display:grid;grid-template-columns:repeat(4,1fr);margin-top:22px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.related-links a{min-height:105px;padding:22px;display:flex;justify-content:space-between;align-items:flex-end;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-weight:800}.related-links a:hover{background:var(--mint2)}.cta{padding:100px 0;background:var(--ink);color:white}.cta-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:end}.cta h2{font-size:clamp(45px,6vw,88px);line-height:.94;letter-spacing:-.06em;margin:18px 0}.cta p{color:#b7c0bd;line-height:1.6;font-size:18px}.cta .btn{border-color:white}.cta .btn.primary{background:white;color:var(--ink)}.note{font-size:11px!important;color:#8f9995!important;margin-top:14px}.footer{padding:26px 0;border-top:1px solid rgba(255,255,255,.1);background:var(--ink);color:#aeb7b4}.footer-in{display:flex;justify-content:space-between;gap:20px;font-size:11px}.footer b{color:white;font-size:16px}
@media(max-width:1050px){.nav{display:none}.hero-grid{grid-template-columns:1fr}.service-field{height:520px}.section-head,.handoff-grid,.decision-grid,.industries,.faq,.cta-grid{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}.process-grid{grid-template-columns:1fr 1fr}.step:nth-child(2){border-right:0}.step:nth-child(-n+2){border-bottom:1px solid var(--line)}.related-links{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.wrap{width:min(100% - 28px,1480px)}.top{height:72px}.brand{font-size:21px}.hero{padding-top:20px}.crumb{margin-bottom:28px}.hero-grid{gap:18px}h1{font-size:clamp(46px,13.5vw,70px);line-height:.94;overflow-wrap:anywhere}.lead{font-size:17px}.service-field{height:410px;margin-top:8px}.service-field:before{inset:5% 0 2% 2%}.axis{inset:11% 3% 8% 7%}.rail{height:58px}.rail span{font-size:9px;left:11%;max-width:55%;overflow-wrap:anywhere}.core{width:132px;height:132px;right:9%;top:34%}.core strong{font-size:14px;max-width:90px}.core:before{inset:14px}.core:after{inset:31px}.orbit{width:210px;height:210px;right:1%;top:25%}.field-label{display:none}.pair-grid{grid-template-columns:1fr}.pair-grid>div{padding:25px 14px}.pair-grid>div+div{border-left:0;border-top:1px solid var(--line)}.pair p{font-size:18px}.section{padding:78px 0}.section-head{gap:0;margin-bottom:36px}.section h2{font-size:clamp(38px,12vw,58px);overflow-wrap:anywhere}.section-intro{font-size:17px;margin-top:20px}.cards{grid-template-columns:1fr}.card{min-height:215px}.card h3{margin-top:45px;font-size:27px}.process-grid{grid-template-columns:1fr}.step{border-right:0;border-bottom:1px solid var(--line)!important;min-height:150px}.step:last-child{border-bottom:0!important}.step h3{margin-top:40px}.decision-copy{font-size:18px}.related-links{grid-template-columns:1fr}.cta{padding:78px 0}.footer-in{flex-direction:column}.langs a{padding:6px 7px;font-size:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* D5 brand/SEO design refinement */
.brand-mark{background:url("eratevo-mark.svg") center/contain no-repeat!important;width:31px!important;height:31px!important;flex:0 0 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:23px;letter-spacing:-.045em}.brand-lockup small{font-size:8px;letter-spacing:.095em;text-transform:uppercase;color:var(--muted);margin-top:5px;font-weight:800}.step{position:relative}.step:before{content:"";display:block;width:42px;height:1px;background:linear-gradient(90deg,var(--gold),var(--mint));margin-bottom:42px}.step h3{margin-top:0!important}.step small{display:none!important}.tagcloud a.tag{display:inline-flex;align-items:center;gap:7px}.tagcloud a.tag:after{content:"↗";font-size:10px;opacity:.45}.signature-line{font-size:12px;font-weight:800;letter-spacing:.04em;color:var(--muted);margin-top:18px}.industry-crosslinks{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:34px}.industry-crosslinks a{border:1px solid var(--line);padding:18px;background:rgba(255,255,255,.35);font-weight:800;transition:.25s}.industry-crosslinks a:hover{transform:translateY(-3px);background:var(--mint2)}
@media(max-width:680px){.brand-lockup small{display:none}.industry-crosslinks{grid-template-columns:1fr}.step:before{margin-bottom:32px}}

.service-field{overflow:hidden}


/* 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 showcase: photo-first industry concepts, multilingual HTML typography */
.showcase-page{overflow:clip}.showcase-hero{min-height:auto;padding-bottom:74px}.showcase-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(270px,.85fr);gap:clamp(24px,5vw,70px);align-items:center}.showcase-note{max-width:680px;margin:22px 0 0;padding-left:15px;border-left:2px solid #9c8066;font-size:12px;line-height:1.6;color:var(--muted)}.showcase-index-words{border:1px solid #d6cec2;padding:clamp(28px,4.3vw,66px);min-height:340px;display:flex;flex-direction:column;justify-content:space-between;background:#e9e3d8;color:#1b292a;position:relative}.showcase-index-words span{font-family:Georgia,serif;font-size:clamp(34px,4.5vw,65px);line-height:.98;letter-spacing:-.045em;font-weight:400;max-width:13ch}.showcase-index-words b{font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;margin-top:50px;color:#826b55}.showcase-intro{padding-bottom:55px}.showcase-gallery{padding:0 0 100px;border-bottom:1px solid var(--line)}.showcase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 28px}.industry-demo{min-width:0}.demo-viewport{border:1px solid rgba(16,21,22,.14);background:#fff;box-shadow:0 15px 32px rgba(16,21,22,.055);overflow:hidden}.demo-browser{height:27px;padding:0 10px;display:flex;align-items:center;gap:5px;background:#f2eee8;border-bottom:1px solid rgba(16,21,22,.09);font-size:8px;color:#717875}.demo-browser>span{width:5px;height:5px;border-radius:50%;background:#c7c3ba}.demo-browser em{font-style:normal;margin-left:auto;letter-spacing:.07em;text-transform:uppercase}.demo-canvas{position:relative;aspect-ratio:16/9;min-height:265px;overflow:hidden;isolation:isolate;background:var(--demo-bg,#e9dfd2);color:var(--demo-fg,#272220);user-select:none}.showcase-photo{position:absolute;inset:0 0 0 auto;width:55%;height:100%;display:block;z-index:0;overflow:hidden}.showcase-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:var(--photo-filter,none)}.showcase-shade{position:absolute;inset:0;pointer-events:none;z-index:1;background:linear-gradient(90deg,var(--demo-bg,#f3eee6) 0%,var(--demo-bg,#f3eee6) 43%,color-mix(in srgb,var(--demo-bg,#f3eee6) 45%,transparent) 57%,transparent 77%)}.showcase-head{position:absolute;left:6%;right:5%;top:8%;display:flex;gap:12px;align-items:center;justify-content:space-between;z-index:2}.showcase-mini{font-size:8px;letter-spacing:.10em;text-transform:uppercase;max-width:36%;text-align:right;font-weight:700;text-shadow:0 1px 3px #0003}.demo-brand{font-size:clamp(12px,1.2vw,16px);font-weight:900;letter-spacing:-.05em;line-height:1.15}.showcase-copy{position:absolute;left:6%;bottom:9%;width:49%;z-index:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;min-width:0;max-height:70%}.showcase-copy h4{font-size:clamp(24px,2.3vw,38px);line-height:1.01;letter-spacing:-.055em;font-weight:790;margin:0 0 11px;max-width:100%;overflow-wrap:normal;hyphens:manual;text-wrap:balance}.showcase-copy p{margin:0 0 15px;line-height:1.32;font-size:clamp(10px,.9vw,12px);font-weight:500;max-width:29ch}.demo-action{display:inline-flex;align-items:center;justify-content:space-between;gap:12px;max-width:100%;min-height:32px;padding:7px 11px;font-size:10px;line-height:1.15;font-weight:800;background:var(--demo-cta,#282320);color:var(--demo-btn,#fff);border:1px solid transparent;text-align:left;white-space:normal}.demo-action b{flex:none;font-size:12px}.demo-meta{padding:17px 2px 0}.demo-meta>span{font-size:10px;font-weight:850;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.demo-meta h3{font-size:23px;line-height:1.12;letter-spacing:-.035em;margin:8px 0}.demo-meta p{color:var(--muted);line-height:1.56;font-size:14px;margin:0;max-width:58ch}.demo-discuss{display:inline-flex;margin-top:15px;font-size:12px;font-weight:900;text-decoration:underline;text-underline-offset:5px}.demo-discuss:hover,.demo-discuss:focus-visible{color:var(--brand-navy)}
/* Each sector has its own palette and editorial treatment. */
.demo-flowers{--demo-bg:#f8e8e1;--demo-fg:#4b262f;--demo-cta:#913d52;--demo-btn:#fff}.demo-flowers .showcase-photo{width:59%}.demo-flowers .showcase-copy h4{font-family:Georgia,serif;font-weight:400;font-style:italic;letter-spacing:-.045em}.demo-flowers .showcase-shade{background:linear-gradient(90deg,#f8e8e1 0 43%,#f8e8e1c9 52%,transparent 80%)}
.demo-shawarma{--demo-bg:#21130e;--demo-fg:#fff0d9;--demo-cta:#ef6324;--demo-btn:#1a100c}.demo-shawarma .showcase-photo{width:65%}.demo-shawarma .showcase-copy h4{font-size:clamp(26px,2.65vw,43px);font-weight:950;line-height:.95;text-transform:uppercase}.demo-shawarma .showcase-shade{background:linear-gradient(90deg,#21130e 0 34%,#21130ee8 49%,#21130e1a 78%)}.demo-shawarma .showcase-mini{color:#ffb973}
.demo-coffee{--demo-bg:#dbc6aa;--demo-fg:#332115;--demo-cta:#312116;--demo-btn:#f6ebe0}.demo-coffee .showcase-photo{width:61%}.demo-coffee .showcase-copy{bottom:13%}.demo-coffee .showcase-copy h4{font-family:Georgia,serif;font-weight:400}.demo-coffee .showcase-shade{background:linear-gradient(90deg,#dfcbb2 0 37%,#dfcbb2d4 48%,transparent 82%)}
.demo-restaurant{--demo-bg:#180d0d;--demo-fg:#fff4e7;--demo-cta:#f0d5aa;--demo-btn:#341915}.demo-restaurant .showcase-photo{width:100%}.demo-restaurant .showcase-shade{background:linear-gradient(90deg,#180d0dfb 0%,#180d0ddc 38%,#180d0d45 75%)}.demo-restaurant .showcase-copy h4{font-family:Georgia,serif;font-weight:400}
.demo-gifts{--demo-bg:#f7eae0;--demo-fg:#543333;--demo-cta:#8b3d4c;--demo-btn:#fff9f6}.demo-gifts .showcase-photo{width:62%}.demo-gifts .showcase-copy h4{font-family:Georgia,serif;font-weight:400}.demo-gifts .showcase-shade{background:linear-gradient(90deg,#f7eae0 0 44%,#f7eae0ba 58%,transparent 81%)}
.demo-beauty{--demo-bg:#ebe1d6;--demo-fg:#3b2d26;--demo-cta:#30251d;--demo-btn:#fff}.demo-beauty .showcase-photo{width:64%}.demo-beauty .showcase-copy h4{font-family:Georgia,serif;font-style:italic;font-size:clamp(26px,2.6vw,42px);font-weight:400}.demo-beauty .showcase-shade{background:linear-gradient(90deg,#eae0d5 0 36%,#eae0d5c7 52%,transparent 78%)}
.demo-dentistry{--demo-bg:#eef7f7;--demo-fg:#234e59;--demo-cta:#17566c;--demo-btn:#fff}.demo-dentistry .showcase-photo{width:64%}.demo-dentistry .showcase-shade{background:linear-gradient(90deg,#eef7f7 0 42%,#eef7f7ce 53%,transparent 81%)}.demo-dentistry .showcase-copy h4{font-weight:650;letter-spacing:-.045em}
.demo-clinic{--demo-bg:#edf3f6;--demo-fg:#183e57;--demo-cta:#255b75;--demo-btn:#fff}.demo-clinic .showcase-photo{width:65%}.demo-clinic .showcase-shade{background:linear-gradient(90deg,#edf3f6 0 42%,#edf3f6e2 53%,transparent 85%)}.demo-clinic .showcase-copy h4{font-weight:640;letter-spacing:-.04em}
.demo-hotel{--demo-bg:#192821;--demo-fg:#fff6df;--demo-cta:#e9d19f;--demo-btn:#2b3021}.demo-hotel .showcase-photo{width:100%}.demo-hotel .showcase-shade{background:linear-gradient(90deg,#142b27f4 0 37%,#173028ba 55%,#142b2709 100%)}.demo-hotel .showcase-copy h4{font-family:Georgia,serif;font-weight:400}
.demo-realestate{--demo-bg:#e5daca;--demo-fg:#3e3c34;--demo-cta:#484539;--demo-btn:#fff}.demo-realestate .showcase-photo{width:64%}.demo-realestate .showcase-shade{background:linear-gradient(90deg,#e6ddcf 0 34%,#e6ddcfd8 48%,transparent 74%)}.demo-realestate .showcase-copy h4{font-family:Georgia,serif;font-weight:400;letter-spacing:-.045em}
.demo-construction{--demo-bg:#292a25;--demo-fg:#fcf0d9;--demo-cta:#e6ae63;--demo-btn:#302313}.demo-construction .showcase-photo{width:70%}.demo-construction .showcase-shade{background:linear-gradient(90deg,#292a25 0 34%,#292a25e0 48%,transparent 86%)}.demo-construction .showcase-copy h4{font-weight:850}
.demo-automotive{--demo-bg:#111d29;--demo-fg:#eef4f8;--demo-cta:#f0f1f2;--demo-btn:#18242e}.demo-automotive .showcase-photo{width:69%}.demo-automotive .showcase-shade{background:linear-gradient(90deg,#111d29 0 30%,#111d29d9 47%,#111d2912 82%)}.demo-automotive .showcase-copy h4{text-transform:uppercase;letter-spacing:-.06em;font-weight:950}
.demo-education{--demo-bg:#f0e6db;--demo-fg:#2a3247;--demo-cta:#273d6b;--demo-btn:#fff}.demo-education .showcase-photo{width:61%}.demo-education .showcase-shade{background:linear-gradient(90deg,#f0e6db 0 39%,#f0e6dbce 52%,transparent 83%)}
.demo-legal{--demo-bg:#291a19;--demo-fg:#f6e8dc;--demo-cta:#e4c4a0;--demo-btn:#2c1d1a}.demo-legal .showcase-photo{width:65%}.demo-legal .showcase-shade{background:linear-gradient(90deg,#291a19 0 42%,#291a19e0 55%,transparent 85%)}.demo-legal .showcase-copy h4{font-family:Georgia,serif;font-weight:400}
.demo-logistics{--demo-bg:#172b3a;--demo-fg:#edf2f3;--demo-cta:#e2ac6d;--demo-btn:#172b3a}.demo-logistics .showcase-photo{width:66%}.demo-logistics .showcase-shade{background:linear-gradient(90deg,#172b3a 0 40%,#172b3ae0 55%,transparent 83%)}.demo-logistics .showcase-copy h4{text-transform:uppercase;font-weight:800}
.demo-b2b{--demo-bg:#0d2430;--demo-fg:#edf4f3;--demo-cta:#97c7bd;--demo-btn:#102c35}.demo-b2b .showcase-photo{width:66%}.demo-b2b .showcase-shade{background:linear-gradient(90deg,#0d2430 0 39%,#0d2430e4 55%,transparent 90%)}.demo-b2b .showcase-copy h4{font-weight:800}
.showcase-principles{background:rgba(255,255,255,.2)}.showcase-principle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line);margin-top:36px}.showcase-principle-grid article{padding:30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:230px;background:rgba(255,255,255,.28)}.showcase-principle-grid h2{font-size:30px;line-height:1.08;margin:0 0 20px;letter-spacing:-.04em}.showcase-principle-grid p{margin:0;color:var(--muted);line-height:1.6}.showcase-page .cta .eyebrow{color:#9eaaa6}
@media(max-width:1050px){.showcase-hero-grid{grid-template-columns:1fr}.showcase-index-words{min-height:200px}.showcase-index-words span{max-width:20ch}.showcase-grid{grid-template-columns:1fr;gap:36px}.showcase-principle-grid{grid-template-columns:1fr}.showcase-principle-grid article{min-height:auto}}
@media(max-width:680px){.showcase-gallery{padding-bottom:75px}.showcase-grid{gap:34px}.showcase-index-words{padding:24px;min-height:175px}.showcase-index-words span{font-size:clamp(31px,9vw,46px)}.demo-browser{height:25px}.demo-canvas{min-height:260px;aspect-ratio:auto}.showcase-photo{width:64%!important}.showcase-shade{background:linear-gradient(90deg,var(--demo-bg,#f3eee6) 0 33%,color-mix(in srgb,var(--demo-bg,#f3eee6) 89%,transparent) 52%,transparent 98%)!important}.showcase-head{top:6%;left:6%}.showcase-copy{bottom:7%;left:6%;width:56%;max-height:78%}.showcase-copy h4{font-size:clamp(20px,5.6vw,29px);margin-bottom:10px;line-height:1.06}.showcase-copy p{font-size:10px;line-height:1.3;margin-bottom:13px}.showcase-mini{font-size:7px;max-width:32%}.demo-brand{font-size:12px}.demo-action{min-height:32px;padding:6px 9px;font-size:9px}.demo-meta h3{font-size:21px}.demo-meta p{font-size:13px}.showcase-principle-grid article{padding:23px}.showcase-principle-grid h2{font-size:26px}}
@media(max-width:375px){.demo-canvas{min-height:265px}.showcase-copy{width:58%;max-height:78%}.showcase-copy h4{font-size:20px}.showcase-copy p{font-size:9px}.showcase-mini{display:none}.demo-action{font-size:9px}.showcase-photo{width:63%!important}}
@media(min-width:681px) and (max-width:1050px){.demo-canvas{max-height:460px}.showcase-copy h4{font-size:clamp(30px,4vw,50px)}}
html[lang="hy"] .showcase-copy h4{font-size:clamp(21px,2vw,32px);letter-spacing:-.045em;line-height:1.13}html[lang="hy"] .showcase-copy p{font-size:11px;line-height:1.42}html[lang="hy"] .demo-action{font-size:9px;letter-spacing:0}html[lang="hy"] .showcase-mini{font-size:7px;letter-spacing:0}html[lang="hy"] .showcase-index-words span{font-family:inherit;font-size:clamp(32px,3.5vw,52px)}
@media(max-width:680px){html[lang="hy"] .showcase-copy h4{font-size:clamp(19px,4.6vw,25px);line-height:1.16}html[lang="hy"] .showcase-copy p{font-size:10px}html[lang="hy"] .showcase-index-words span{font-size:clamp(28px,7vw,40px)}}
@media(prefers-reduced-motion:reduce){.industry-demo *{animation:none!important;transition:none!important}}
/* Distinct art-direction: alternating image-led editorial spreads rather than a single split layout. */
.demo-coffee .showcase-photo,.demo-gifts .showcase-photo,.demo-education .showcase-photo,.demo-logistics .showcase-photo{left:0;right:auto;width:61%}
.demo-coffee .showcase-copy,.demo-gifts .showcase-copy,.demo-education .showcase-copy,.demo-logistics .showcase-copy{left:auto;right:5.5%;width:43%}
.demo-coffee .showcase-shade{background:linear-gradient(270deg,#dfcbb2 0 39%,#dfcbb2ea 47%,transparent 78%)}
.demo-gifts .showcase-shade{background:linear-gradient(270deg,#f7eae0 0 38%,#f7eae0eb 52%,transparent 85%)}
.demo-education .showcase-shade{background:linear-gradient(270deg,#f0e6db 0 38%,#f0e6dbea 52%,transparent 84%)}
.demo-logistics .showcase-shade{background:linear-gradient(270deg,#172b3a 0 42%,#172b3aeb 55%,transparent 87%)}
.demo-coffee .demo-brand,.demo-gifts .demo-brand,.demo-education .demo-brand,.demo-logistics .demo-brand{background:var(--demo-bg);color:var(--demo-fg);padding:6px 8px;margin:-6px -8px}
.demo-restaurant .showcase-copy{bottom:11%;width:53%}
.demo-hotel .showcase-copy{bottom:13%;width:52%}
@media(max-width:680px){
 .demo-coffee .showcase-shade{background:linear-gradient(270deg,#dfcbb2 0 36%,#dfcbb2e4 50%,transparent 93%)!important}
 .demo-gifts .showcase-shade{background:linear-gradient(270deg,#f7eae0 0 36%,#f7eae0e4 50%,transparent 93%)!important}
 .demo-education .showcase-shade{background:linear-gradient(270deg,#f0e6db 0 36%,#f0e6dbe8 50%,transparent 93%)!important}
 .demo-logistics .showcase-shade{background:linear-gradient(270deg,#172b3a 0 36%,#172b3ae8 50%,transparent 93%)!important}
 .demo-coffee .showcase-copy,.demo-gifts .showcase-copy,.demo-education .showcase-copy,.demo-logistics .showcase-copy{left:auto;right:6%;width:48%}
 .demo-restaurant .showcase-copy,.demo-hotel .showcase-copy{width:54%}
}


/* 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}}


/* EraTeVo 20.6.7: A shorter, continuous transition from concept to examples on phones. */
@media(max-width:680px){
 .showcase-page .showcase-hero{padding-bottom:16px}
 .showcase-page .showcase-hero-grid{gap:20px}
 .showcase-page .showcase-index-words{min-height:0;padding:26px 24px;gap:28px}
 .showcase-page .showcase-index-words b{margin-top:0}
 .showcase-page .showcase-intro{padding-top:24px;padding-bottom:18px;border-bottom:0}
 .showcase-page .showcase-intro .section-head{margin-bottom:0;gap:12px}
 .showcase-page .showcase-intro .section-intro{margin-top:0}
 .showcase-page .showcase-gallery{padding-top:16px}
}

/* 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;}



/* V20.7.16: compact process headings, no text clipping. */
.process-grid>.step{min-width:0;}
.process-grid>.step h3{overflow-wrap:normal;word-break:normal;hyphens:auto;text-wrap:balance;font-size:clamp(19px,1.55vw,23px)!important;line-height:1.24!important;letter-spacing:-.02em!important;}
html[lang="hy"] .process-grid>.step h3{font-size:clamp(18px,1.45vw,21px)!important;line-height:1.28!important;letter-spacing:-.018em!important;}
@media(max-width:1220px) and (min-width:681px){.process-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.process-grid>.step:nth-child(2){border-right:0!important;}
.process-grid>.step:nth-child(-n+2){border-bottom:1px solid var(--line)!important;}
.process-grid>.step h3{font-size:21px!important;}
}
@media(max-width:680px){.process-grid{grid-template-columns:minmax(0,1fr)!important;}
.process-grid>.step{padding:24px 22px!important;min-height:134px!important;border-right:0!important;}
.process-grid>.step h3,html[lang="hy"] .process-grid>.step h3{font-size:clamp(20px,5.5vw,23px)!important;line-height:1.25!important;text-wrap:balance!important;}
}


/* V20.7.16: section titles stay readable and avoid oversized multi-line walls. */
@media(min-width:1051px){.section-head{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:38px;}}
.section h2{font-size:clamp(34px,3.15vw,50px)!important;line-height:1.08!important;letter-spacing:-.038em!important;overflow-wrap:normal!important;word-break:normal!important;text-wrap:balance;}
html[lang="hy"] .section h2{font-size:clamp(32px,2.95vw,47px)!important;line-height:1.16!important;letter-spacing:-.025em!important;}
@media(max-width:680px){.section h2{font-size:clamp(23px,6.5vw,32px)!important;line-height:1.16!important;letter-spacing:-.025em!important;}
html[lang="hy"] .section h2{font-size:clamp(22px,6.1vw,30px)!important;line-height:1.22!important;letter-spacing:-.012em!important;}
}


/* 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;}
}

/* V20.7.25 — centered editorial message on Examples hero, EN/RU/HY.
   Keep bottom brand caption; balance headline without 13ch artificial wrapping. */
.showcase-page .showcase-index-words{
  display:grid;
  grid-template-rows:minmax(0,1fr) auto minmax(0,1fr);
  grid-template-columns:minmax(0,1fr);
  justify-items:center;
  text-align:center;
  gap:0;
}
.showcase-page .showcase-index-words::before{content:"";grid-row:1;grid-column:1;}
.showcase-page .showcase-index-words span{
  grid-row:2;
  grid-column:1;
  max-width:100%;
  font-size:clamp(31px,3.45vw,55px);
  line-height:1.08;
  letter-spacing:-.038em;
  text-wrap:balance;
  overflow-wrap:normal;
}
.showcase-page .showcase-index-words b{
  grid-row:3;
  grid-column:1;
  align-self:end;
  justify-self:center;
  margin-top:0;
  max-width:100%;
}
html[lang="hy"] .showcase-page .showcase-index-words span{
  font-size:clamp(27px,3.15vw,47px);
  line-height:1.19;
  letter-spacing:-.02em;
}
@media(max-width:1050px){
  .showcase-page .showcase-index-words span{max-width:100%;}
}
@media(max-width:680px){
  .showcase-page .showcase-index-words{min-height:200px;padding:25px 22px;gap:0;}
  .showcase-page .showcase-index-words span{font-size:clamp(29px,7.5vw,39px);}
  html[lang="hy"] .showcase-page .showcase-index-words span{font-size:clamp(25px,6.8vw,34px);}
  .showcase-page .showcase-index-words b{font-size:9px;letter-spacing:.10em;}
}
